@flipdish/portal-library 3.7.1 → 4.0.0

package/dist/components/PortalMock/index.cjs.js.map

@@ -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}));\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)`\n  width: ${({ theme }) => (theme.breakpoints.up('tablet') ? `calc(100% - ${drawerWidth}px)` : '100%')};\n  margin-left: ${({ theme }) => (theme.breakpoints.up('tablet') ? `${drawerWidth}px` : '0')};\n  box-shadow: none;\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)`\n  width: ${({ theme }) => (theme.breakpoints.up('tablet') ? `${drawerWidth}px` : '0')};\n  flex-shrink: ${({ theme }) => (theme.breakpoints.up('tablet') ? '0' : '1')};\n`;\n\nconst StyledMainBox = styled(Box)`\n  flex-grow: 1;\n  width: ${({ theme }) => (theme.breakpoints.up('tablet') ? `calc(100% - ${drawerWidth}px)` : '100%')};\n  margin-top: 65px;\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    <Box sx={{ display: 'flex' }}>\n      <CssBaseline />\n      <StyledAppBar position=\"fixed\">\n        <StyledHeader>\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    </Box>\n  );\n};\n\nexport default PortalMock;\n"],"names":["drawerWidth","StyledHeader","styled","theme","display","justifyContent","alignItems","backgroundColor","palette","semantic","background","height","color","text","borderBottom","stroke","StyledSidebar","StyledAppBar","AppBar","breakpoints","up","StyledDrawer","Drawer","StyledNavBox","Box","StyledMainBox","StyledBoldTypography","Typography","children","loadedFromPortal","_jsx","jsx","_Fragment","Fragment","drawer","_jsxs","jsxs","sx","CssBaseline","position","as","open","variant"],"mappings":"kQAOA,MAAMA,EAAc,IAEdC,EAAeC,EAAAA,OAAO,MAAPA,EAAc,EAAGC,YAAa,CACjDC,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,qBAGrDC,EAAgBd,EAAAA,OAAO,MAAPA,EAAc,EAAGC,YAAa,CAClDC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,gBAAiBJ,EAAMK,QAAQC,SAASC,WAAW,qBACnDC,OAAQ,OACRC,MAAOT,EAAMK,QAAQC,SAASI,KAAK,iBAG/BI,EAAef,EAAAA,OAAOgB,EAAO;WACxB,EAAGf,WAAaA,EAAMgB,YAAYC,GAAG,UAAY,qBAAkC;iBAC7E,EAAGjB,WAAaA,EAAMgB,YAAYC,GAAG,UAAY,QAAqB;;EAIjFC,EAAenB,EAAAA,OAAOoB,EAAO;aACtB,EAAGnB,WAAaA,EAAMgB,YAAYC,GAAG,UAAY,QAAU;;;aAG3DpB;oBACO,EAAGG,WAAYA,EAAMK,QAAQC,SAASM,OAAO;;;EAK3DQ,EAAerB,EAAAA,OAAOsB,EAAI;WACrB,EAAGrB,WAAaA,EAAMgB,YAAYC,GAAG,UAAY,QAAqB;iBAChE,EAAGjB,WAAaA,EAAMgB,YAAYC,GAAG,UAAY,IAAM;EAGlEK,EAAgBvB,EAAAA,OAAOsB,EAAI;;WAEtB,EAAGrB,WAAaA,EAAMgB,YAAYC,GAAG,UAAY,qBAAkC;;EAIxFM,EAAuBxB,EAAAA,OAAOyB,EAAW;;iBAS5B,EAAGC,WAAUC,uBAC9B,GAAIA,EAEF,OAAOC,EAAAC,IAAAC,EAAAC,SAAA,CAAAL,SAAGA,IAGZ,MAAMM,EACJJ,EAAAA,IAACd,EACC,CAAAY,SAAAE,EAAAA,IAACJ,EAAoB,CAAAE,SAAA,cAIzB,OACEO,EAAAC,KAACZ,EAAG,CAACa,GAAI,CAAEjC,QAAS,QAAQwB,SAAA,CAC1BE,MAACQ,EAAW,CAAA,GACZR,EAAAC,IAACd,EAAY,CAACsB,SAAS,QAAOX,SAC5BE,EAAAA,IAAC7B,EACC,CAAA2B,SAAAE,EAAAA,IAACJ,EAAoB,CAAAE,SAAA,eAGzBE,EAACC,IAAAR,EAAwB,CAAA,aAAA,kBAAkBiB,GAAG,MAC5CZ,SAAAE,EAAAA,IAACT,EAAY,CAACoB,MAAI,EAACC,QAAQ,YACxBd,SAAAM,MAGLJ,EAAAA,IAACL,EAAc,CAAAe,GAAG,OAAQZ,SAAAA,MACtB"}
+{"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}));\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)`\n  width: ${({ theme }) => (theme.breakpoints.up('tablet') ? `calc(100% - ${drawerWidth}px)` : '100%')};\n  margin-left: ${({ theme }) => (theme.breakpoints.up('tablet') ? `${drawerWidth}px` : '0')};\n  box-shadow: none;\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)`\n  width: ${({ theme }) => (theme.breakpoints.up('tablet') ? `${drawerWidth}px` : '0')};\n  flex-shrink: ${({ theme }) => (theme.breakpoints.up('tablet') ? '0' : '1')};\n`;\n\nconst StyledMainBox = styled(Box)`\n  flex-grow: 1;\n  width: ${({ theme }) => (theme.breakpoints.up('tablet') ? `calc(100% - ${drawerWidth}px)` : '100%')};\n  margin-top: 65px;\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    <Box sx={{ display: 'flex' }}>\n      <CssBaseline />\n      <StyledAppBar position=\"fixed\">\n        <StyledHeader>\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    </Box>\n  );\n};\n\nexport default PortalMock;\n"],"names":["drawerWidth","StyledHeader","styled","theme","display","justifyContent","alignItems","backgroundColor","palette","semantic","background","height","color","text","borderBottom","stroke","StyledSidebar","StyledAppBar","AppBar","breakpoints","up","StyledDrawer","Drawer","StyledNavBox","Box","StyledMainBox","StyledBoldTypography","Typography","children","loadedFromPortal","_jsx","jsx","_Fragment","Fragment","drawer","_jsxs","jsxs","sx","CssBaseline","position","as","open","variant"],"mappings":"kQAOA,MAAMA,EAAc,IAEdC,EAAeC,EAAAA,OAAO,MAAPA,EAAc,EAAGC,YAAa,CACjDC,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,qBAGrDC,EAAgBd,EAAAA,OAAO,MAAPA,EAAc,EAAGC,YAAa,CAClDC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,gBAAiBJ,EAAMK,QAAQC,SAASC,WAAW,qBACnDC,OAAQ,OACRC,MAAOT,EAAMK,QAAQC,SAASI,KAAK,iBAG/BI,EAAef,EAAAA,OAAOgB,EAAO;WACxB,EAAGf,WAAaA,EAAMgB,YAAYC,GAAG,UAAY,qBAAkC;iBAC7E,EAAGjB,WAAaA,EAAMgB,YAAYC,GAAG,UAAY,QAAqB;;EAIjFC,EAAenB,EAAAA,OAAOoB,EAAO;aACtB,EAAGnB,WAAaA,EAAMgB,YAAYC,GAAG,UAAY,QAAU;;;aAG3DpB;oBACO,EAAGG,WAAYA,EAAMK,QAAQC,SAASM,OAAO;;;EAK3DQ,EAAerB,EAAAA,OAAOsB,EAAI;WACrB,EAAGrB,WAAaA,EAAMgB,YAAYC,GAAG,UAAY,QAAqB;iBAChE,EAAGjB,WAAaA,EAAMgB,YAAYC,GAAG,UAAY,IAAM;EAGlEK,EAAgBvB,EAAAA,OAAOsB,EAAI;;WAEtB,EAAGrB,WAAaA,EAAMgB,YAAYC,GAAG,UAAY,qBAAkC;;EAIxFM,EAAuBxB,EAAAA,OAAOyB,EAAW;;iBAS5B,EAAGC,WAAUC,uBAC9B,GAAIA,EAEF,OAAOC,EAAAC,IAAAC,EAAAC,SAAA,CAAAL,SAAGA,IAGZ,MAAMM,EACJJ,EAAAA,IAACd,EACC,CAAAY,SAAAE,EAAAA,IAACJ,EAAoB,CAAAE,SAAA,cAIzB,OACEO,EAAAC,KAACZ,EAAG,CAACa,GAAI,CAAEjC,QAAS,QAAQwB,SAAA,CAC1BE,MAACQ,EAAW,CAAA,GACZR,EAAAC,IAACd,EAAY,CAACsB,SAAS,QAAOX,SAC5BE,EAAAA,IAAC7B,EACC,CAAA2B,SAAAE,EAAAA,IAACJ,EAAoB,CAAAE,SAAA,eAGzBE,EAACC,IAAAR,EAAwB,CAAA,aAAA,kBAAkBiB,GAAG,MAC5CZ,SAAAE,EAAAA,IAACT,EAAY,CAACoB,MAAI,EAACC,QAAQ,YACxBd,SAAAM,MAGLJ,EAAAA,IAACL,EAAc,CAAAe,GAAG,OAAQZ,SAAAA"}

package/dist/components/PortalMock/index.js.map

@@ -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}));\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)`\n  width: ${({ theme }) => (theme.breakpoints.up('tablet') ? `calc(100% - ${drawerWidth}px)` : '100%')};\n  margin-left: ${({ theme }) => (theme.breakpoints.up('tablet') ? `${drawerWidth}px` : '0')};\n  box-shadow: none;\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)`\n  width: ${({ theme }) => (theme.breakpoints.up('tablet') ? `${drawerWidth}px` : '0')};\n  flex-shrink: ${({ theme }) => (theme.breakpoints.up('tablet') ? '0' : '1')};\n`;\n\nconst StyledMainBox = styled(Box)`\n  flex-grow: 1;\n  width: ${({ theme }) => (theme.breakpoints.up('tablet') ? `calc(100% - ${drawerWidth}px)` : '100%')};\n  margin-top: 65px;\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    <Box sx={{ display: 'flex' }}>\n      <CssBaseline />\n      <StyledAppBar position=\"fixed\">\n        <StyledHeader>\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    </Box>\n  );\n};\n\nexport default PortalMock;\n"],"names":["drawerWidth","StyledHeader","styled","theme","display","justifyContent","alignItems","backgroundColor","palette","semantic","background","height","color","text","borderBottom","stroke","StyledSidebar","StyledAppBar","AppBar","breakpoints","up","StyledDrawer","Drawer","StyledNavBox","Box","StyledMainBox","StyledBoldTypography","Typography","PortalMock","children","loadedFromPortal","_jsx","_Fragment","drawer","_jsxs","sx","CssBaseline","position","as","open","variant"],"mappings":"wSAOA,MAAMA,EAAc,IAEdC,EAAeC,EAAO,MAAPA,EAAc,EAAGC,YAAa,CACjDC,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,qBAGrDC,EAAgBd,EAAO,MAAPA,EAAc,EAAGC,YAAa,CAClDC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,gBAAiBJ,EAAMK,QAAQC,SAASC,WAAW,qBACnDC,OAAQ,OACRC,MAAOT,EAAMK,QAAQC,SAASI,KAAK,iBAG/BI,EAAef,EAAOgB,EAAO;WACxB,EAAGf,WAAaA,EAAMgB,YAAYC,GAAG,UAAY,qBAAkC;iBAC7E,EAAGjB,WAAaA,EAAMgB,YAAYC,GAAG,UAAY,QAAqB;;EAIjFC,EAAenB,EAAOoB,EAAO;aACtB,EAAGnB,WAAaA,EAAMgB,YAAYC,GAAG,UAAY,QAAU;;;aAG3DpB;oBACO,EAAGG,WAAYA,EAAMK,QAAQC,SAASM,OAAO;;;EAK3DQ,EAAerB,EAAOsB,EAAI;WACrB,EAAGrB,WAAaA,EAAMgB,YAAYC,GAAG,UAAY,QAAqB;iBAChE,EAAGjB,WAAaA,EAAMgB,YAAYC,GAAG,UAAY,IAAM;EAGlEK,EAAgBvB,EAAOsB,EAAI;;WAEtB,EAAGrB,WAAaA,EAAMgB,YAAYC,GAAG,UAAY,qBAAkC;;EAIxFM,EAAuBxB,EAAOyB,EAAW;;EASzCC,EAAa,EAAGC,WAAUC,uBAC9B,GAAIA,EAEF,OAAOC,EAAAC,EAAA,CAAAH,SAAGA,IAGZ,MAAMI,EACJF,EAACf,EACC,CAAAa,SAAAE,EAACL,EAAoB,CAAAG,SAAA,cAIzB,OACEK,EAACV,EAAG,CAACW,GAAI,CAAE/B,QAAS,QAAQyB,SAAA,CAC1BE,EAACK,EAAW,CAAA,GACZL,EAACd,EAAY,CAACoB,SAAS,QAAOR,SAC5BE,EAAC9B,EACC,CAAA4B,SAAAE,EAACL,EAAoB,CAAAG,SAAA,eAGzBE,EAACR,EAAwB,CAAA,aAAA,kBAAkBe,GAAG,MAC5CT,SAAAE,EAACV,EAAY,CAACkB,MAAI,EAACC,QAAQ,YACxBX,SAAAI,MAGLF,EAACN,EAAc,CAAAa,GAAG,OAAQT,SAAAA,MACtB"}
+{"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}));\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)`\n  width: ${({ theme }) => (theme.breakpoints.up('tablet') ? `calc(100% - ${drawerWidth}px)` : '100%')};\n  margin-left: ${({ theme }) => (theme.breakpoints.up('tablet') ? `${drawerWidth}px` : '0')};\n  box-shadow: none;\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)`\n  width: ${({ theme }) => (theme.breakpoints.up('tablet') ? `${drawerWidth}px` : '0')};\n  flex-shrink: ${({ theme }) => (theme.breakpoints.up('tablet') ? '0' : '1')};\n`;\n\nconst StyledMainBox = styled(Box)`\n  flex-grow: 1;\n  width: ${({ theme }) => (theme.breakpoints.up('tablet') ? `calc(100% - ${drawerWidth}px)` : '100%')};\n  margin-top: 65px;\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    <Box sx={{ display: 'flex' }}>\n      <CssBaseline />\n      <StyledAppBar position=\"fixed\">\n        <StyledHeader>\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    </Box>\n  );\n};\n\nexport default PortalMock;\n"],"names":["drawerWidth","StyledHeader","styled","theme","display","justifyContent","alignItems","backgroundColor","palette","semantic","background","height","color","text","borderBottom","stroke","StyledSidebar","StyledAppBar","AppBar","breakpoints","up","StyledDrawer","Drawer","StyledNavBox","Box","StyledMainBox","StyledBoldTypography","Typography","PortalMock","children","loadedFromPortal","_jsx","_Fragment","drawer","_jsxs","sx","CssBaseline","position","as","open","variant"],"mappings":"wSAOA,MAAMA,EAAc,IAEdC,EAAeC,EAAO,MAAPA,EAAc,EAAGC,YAAa,CACjDC,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,qBAGrDC,EAAgBd,EAAO,MAAPA,EAAc,EAAGC,YAAa,CAClDC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,gBAAiBJ,EAAMK,QAAQC,SAASC,WAAW,qBACnDC,OAAQ,OACRC,MAAOT,EAAMK,QAAQC,SAASI,KAAK,iBAG/BI,EAAef,EAAOgB,EAAO;WACxB,EAAGf,WAAaA,EAAMgB,YAAYC,GAAG,UAAY,qBAAkC;iBAC7E,EAAGjB,WAAaA,EAAMgB,YAAYC,GAAG,UAAY,QAAqB;;EAIjFC,EAAenB,EAAOoB,EAAO;aACtB,EAAGnB,WAAaA,EAAMgB,YAAYC,GAAG,UAAY,QAAU;;;aAG3DpB;oBACO,EAAGG,WAAYA,EAAMK,QAAQC,SAASM,OAAO;;;EAK3DQ,EAAerB,EAAOsB,EAAI;WACrB,EAAGrB,WAAaA,EAAMgB,YAAYC,GAAG,UAAY,QAAqB;iBAChE,EAAGjB,WAAaA,EAAMgB,YAAYC,GAAG,UAAY,IAAM;EAGlEK,EAAgBvB,EAAOsB,EAAI;;WAEtB,EAAGrB,WAAaA,EAAMgB,YAAYC,GAAG,UAAY,qBAAkC;;EAIxFM,EAAuBxB,EAAOyB,EAAW;;EASzCC,EAAa,EAAGC,WAAUC,uBAC9B,GAAIA,EAEF,OAAOC,EAAAC,EAAA,CAAAH,SAAGA,IAGZ,MAAMI,EACJF,EAACf,EACC,CAAAa,SAAAE,EAACL,EAAoB,CAAAG,SAAA,cAIzB,OACEK,EAACV,EAAG,CAACW,GAAI,CAAE/B,QAAS,QAAQyB,SAAA,CAC1BE,EAACK,EAAW,CAAA,GACZL,EAACd,EAAY,CAACoB,SAAS,QAAOR,SAC5BE,EAAC9B,EACC,CAAA4B,SAAAE,EAACL,EAAoB,CAAAG,SAAA,eAGzBE,EAACR,EAAwB,CAAA,aAAA,kBAAkBe,GAAG,MAC5CT,SAAAE,EAACV,EAAY,CAACkB,MAAI,EAACC,QAAQ,YACxBX,SAAAI,MAGLF,EAACN,EAAc,CAAAa,GAAG,OAAQT,SAAAA"}

package/dist/components/Spacer/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/Spacer/index.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\nimport { styled } from '@mui/material/styles';\n\nexport interface ISpacerProps {\n    className?: string;\n    variant?: 'horizontal' | 'vertical';\n    size?: 8 | 16 | 24 | 32 | 40 | 56;\n    children?: ReactNode;\n}\n\nconst SpacerDiv = styled('div')<ISpacerProps>(({ size = 8, variant, children }) => {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const style: any = {\n        padding: children ? `${size}px` : undefined,\n    };\n\n    if (!children) {\n        if (variant === 'horizontal') {\n            style.height = `${size}px`;\n        } else if (variant === 'vertical') {\n            style.width = `${size}px`;\n        }\n    } else if (variant === 'horizontal') {\n        style.margin = `${size}px 0`;\n    } else if (variant === 'vertical') {\n        style.margin = `0 ${size}px`;\n    }\n\n    return style;\n});\n\nconst Spacer = ({ className, variant, size = 8, children }: ISpacerProps) => {\n    return (\n        <SpacerDiv className={className} variant={variant} size={size}>\n            {children}\n        </SpacerDiv>\n    );\n};\n\nexport default Spacer;\n"],"names":["SpacerDiv","styled","size","variant","children","style","padding","undefined","margin","height","width","className","_jsx"],"mappings":"iEAUA,MAAMA,kCAAYC,OAAO,MAAPA,EAA4B,EAAGC,OAAO,EAAGC,UAASC,eAEhE,MAAMC,EAAa,CACfC,QAASF,EAAW,GAAGF,WAAWK,GAetC,OAZKH,EAMkB,eAAZD,EACPE,EAAMG,OAAS,GAAGN,QACC,aAAZC,IACPE,EAAMG,OAAS,KAAKN,OARJ,eAAZC,EACAE,EAAMI,OAAS,GAAGP,MACC,aAAZC,IACPE,EAAMK,MAAQ,GAAGR,OAQlBG,CAAK,mBAGD,EAAGM,YAAWR,UAASD,OAAO,EAAGE,cAExCQ,MAACZ,GAAUW,UAAWA,EAAWR,QAASA,EAASD,KAAMA,WACpDE"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/Spacer/index.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\nimport { styled } from '@mui/material/styles';\n\nexport interface ISpacerProps {\n    className?: string;\n    variant?: 'horizontal' | 'vertical';\n    size?: 8 | 16 | 24 | 32 | 40 | 56;\n    children?: ReactNode;\n}\n\nconst SpacerDiv = styled('div')<ISpacerProps>(({ size = 8, variant, children }) => {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const style: any = {\n        padding: children ? `${size}px` : undefined,\n    };\n\n    if (!children) {\n        if (variant === 'horizontal') {\n            style.height = `${size}px`;\n        } else if (variant === 'vertical') {\n            style.width = `${size}px`;\n        }\n    } else if (variant === 'horizontal') {\n        style.margin = `${size}px 0`;\n    } else if (variant === 'vertical') {\n        style.margin = `0 ${size}px`;\n    }\n\n    return style;\n});\n\nconst Spacer = ({ className, variant, size = 8, children }: ISpacerProps) => {\n    return (\n        <SpacerDiv className={className} variant={variant} size={size}>\n            {children}\n        </SpacerDiv>\n    );\n};\n\nexport default Spacer;\n"],"names":["SpacerDiv","styled","size","variant","children","style","padding","undefined","margin","height","width","className","_jsx"],"mappings":"iEAUA,MAAMA,kCAAYC,OAAO,MAAPA,EAA4B,EAAGC,OAAO,EAAGC,UAASC,eAEhE,MAAMC,EAAa,CACfC,QAASF,EAAW,GAAGF,WAAWK,GAetC,OAZKH,EAMkB,eAAZD,EACPE,EAAMG,OAAS,GAAGN,QACC,aAAZC,IACPE,EAAMG,OAAS,KAAKN,OARJ,eAAZC,EACAE,EAAMI,OAAS,GAAGP,MACC,aAAZC,IACPE,EAAMK,MAAQ,GAAGR,OAQlBG,oBAGI,EAAGM,YAAWR,UAASD,OAAO,EAAGE,cAExCQ,MAACZ,GAAUW,UAAWA,EAAWR,QAASA,EAASD,KAAMA,WACpDE"}

package/dist/components/Spacer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Spacer/index.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\nimport { styled } from '@mui/material/styles';\n\nexport interface ISpacerProps {\n    className?: string;\n    variant?: 'horizontal' | 'vertical';\n    size?: 8 | 16 | 24 | 32 | 40 | 56;\n    children?: ReactNode;\n}\n\nconst SpacerDiv = styled('div')<ISpacerProps>(({ size = 8, variant, children }) => {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const style: any = {\n        padding: children ? `${size}px` : undefined,\n    };\n\n    if (!children) {\n        if (variant === 'horizontal') {\n            style.height = `${size}px`;\n        } else if (variant === 'vertical') {\n            style.width = `${size}px`;\n        }\n    } else if (variant === 'horizontal') {\n        style.margin = `${size}px 0`;\n    } else if (variant === 'vertical') {\n        style.margin = `0 ${size}px`;\n    }\n\n    return style;\n});\n\nconst Spacer = ({ className, variant, size = 8, children }: ISpacerProps) => {\n    return (\n        <SpacerDiv className={className} variant={variant} size={size}>\n            {children}\n        </SpacerDiv>\n    );\n};\n\nexport default Spacer;\n"],"names":["SpacerDiv","styled","size","variant","children","style","padding","undefined","margin","height","width","Spacer","className","_jsx"],"mappings":"oGAUA,MAAMA,EAAYC,EAAO,MAAPA,EAA4B,EAAGC,OAAO,EAAGC,UAASC,eAEhE,MAAMC,EAAa,CACfC,QAASF,EAAW,GAAGF,WAAWK,GAetC,OAZKH,EAMkB,eAAZD,EACPE,EAAMG,OAAS,GAAGN,QACC,aAAZC,IACPE,EAAMG,OAAS,KAAKN,OARJ,eAAZC,EACAE,EAAMI,OAAS,GAAGP,MACC,aAAZC,IACPE,EAAMK,MAAQ,GAAGR,OAQlBG,CAAK,IAGVM,EAAS,EAAGC,YAAWT,UAASD,OAAO,EAAGE,cAExCS,EAACb,GAAUY,UAAWA,EAAWT,QAASA,EAASD,KAAMA,WACpDE"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Spacer/index.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\nimport { styled } from '@mui/material/styles';\n\nexport interface ISpacerProps {\n    className?: string;\n    variant?: 'horizontal' | 'vertical';\n    size?: 8 | 16 | 24 | 32 | 40 | 56;\n    children?: ReactNode;\n}\n\nconst SpacerDiv = styled('div')<ISpacerProps>(({ size = 8, variant, children }) => {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const style: any = {\n        padding: children ? `${size}px` : undefined,\n    };\n\n    if (!children) {\n        if (variant === 'horizontal') {\n            style.height = `${size}px`;\n        } else if (variant === 'vertical') {\n            style.width = `${size}px`;\n        }\n    } else if (variant === 'horizontal') {\n        style.margin = `${size}px 0`;\n    } else if (variant === 'vertical') {\n        style.margin = `0 ${size}px`;\n    }\n\n    return style;\n});\n\nconst Spacer = ({ className, variant, size = 8, children }: ISpacerProps) => {\n    return (\n        <SpacerDiv className={className} variant={variant} size={size}>\n            {children}\n        </SpacerDiv>\n    );\n};\n\nexport default Spacer;\n"],"names":["SpacerDiv","styled","size","variant","children","style","padding","undefined","margin","height","width","Spacer","className","_jsx"],"mappings":"oGAUA,MAAMA,EAAYC,EAAO,MAAPA,EAA4B,EAAGC,OAAO,EAAGC,UAASC,eAEhE,MAAMC,EAAa,CACfC,QAASF,EAAW,GAAGF,WAAWK,GAetC,OAZKH,EAMkB,eAAZD,EACPE,EAAMG,OAAS,GAAGN,QACC,aAAZC,IACPE,EAAMG,OAAS,KAAKN,OARJ,eAAZC,EACAE,EAAMI,OAAS,GAAGP,MACC,aAAZC,IACPE,EAAMK,MAAQ,GAAGR,OAQlBG,KAGLM,EAAS,EAAGC,YAAWT,UAASD,OAAO,EAAGE,cAExCS,EAACb,GAAUY,UAAWA,EAAWT,QAASA,EAASD,KAAMA,WACpDE"}

package/dist/components/atoms/Badge/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("@mui/material/Chip"),a=require("@mui/material/styles");function o(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var i=o(t);const l=(e,t)=>({neutral:{backgroundColor:t.palette.semantic.fill["fill-weak"],borderColor:t.palette.semantic.stroke["stroke-weak"],color:t.palette.semantic.text["text-strong"]},error:{backgroundColor:t.palette.semantic.fill["fill-error-weak"],borderColor:t.palette.semantic.stroke["stroke-error-weak"],color:t.palette.semantic.text["text-error"]},warning:{backgroundColor:t.palette.semantic.fill["fill-warning-weak"],borderColor:t.palette.semantic.stroke["stroke-warning-weak"],color:t.palette.semantic.text["text-warning"]},success:{backgroundColor:t.palette.semantic.fill["fill-success-weak"],borderColor:t.palette.semantic.stroke["stroke-success-weak"],color:t.palette.semantic.text["text-success"]},information:{backgroundColor:t.palette.semantic.fill["fill-information-weak"],borderColor:t.palette.semantic.stroke["stroke-information-weak"],color:t.palette.semantic.text["text-information"]},brand:{backgroundColor:t.palette.semantic.fill["fill-primary-weak"],borderColor:t.palette.semantic.stroke["stroke-primary-weak"],color:t.palette.semantic.text["text-primary"]}}[e]),n=a.styled(r,{shouldForwardProp:e=>!["tone"].includes(e)})((({theme:e,tone:t,size:r})=>({fontSize:"small"===r?e.typography.caption.fontSize:e.typography.body1.fontSize,lineHeight:"small"===r?e.typography.caption.lineHeight:e.typography.body1.lineHeight,fontWeight:400,padding:e.spacing(0,1),borderRadius:"small"===r?e.radius["radius-4"]:e.radius["radius-8"],borderWidth:"1px",borderStyle:"solid","& .MuiChip-label":{padding:e.spacing(0,.5)},"& .MuiChip-icon":{paddingRight:e.spacing(.5),color:"neutral"===t?e.palette.semantic.icon[""]:"inherit",fontSize:"inherit"},...l(t,e)}))),s=i.memo((({label:t,tone:r="neutral",size:a="medium",icon:o,className:i,"data-testid":l})=>e.jsx(n,{className:i,"data-testid":l,icon:o,label:t,size:a,tone:r})));s.displayName="Badge",exports.BADGE_TONES=["neutral","error","warning","success","information","brand"],exports.default=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("@mui/material/Chip"),a=require("@mui/material/styles");function o(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var i=o(t);const l=(e,t)=>({neutral:{backgroundColor:t.palette.semantic.fill["fill-weak"],borderColor:t.palette.semantic.stroke["stroke-weak"],color:t.palette.semantic.text["text-strong"]},error:{backgroundColor:t.palette.semantic.fill["fill-error-weak"],borderColor:t.palette.semantic.stroke["stroke-error-weak"],color:t.palette.semantic.text["text-error"]},warning:{backgroundColor:t.palette.semantic.fill["fill-warning-weak"],borderColor:t.palette.semantic.stroke["stroke-warning-weak"],color:t.palette.semantic.text["text-warning"]},success:{backgroundColor:t.palette.semantic.fill["fill-success-weak"],borderColor:t.palette.semantic.stroke["stroke-success-weak"],color:t.palette.semantic.text["text-success"]},information:{backgroundColor:t.palette.semantic.fill["fill-information-weak"],borderColor:t.palette.semantic.stroke["stroke-information-weak"],color:t.palette.semantic.text["text-information"]},brand:{backgroundColor:t.palette.semantic.fill["fill-primary-weak"],borderColor:t.palette.semantic.stroke["stroke-primary-weak"],color:t.palette.semantic.text["text-primary"]}}[e]),n=a.styled(r,{shouldForwardProp:e=>!["tone"].includes(e)})((({theme:e,tone:t,size:r})=>({fontSize:"small"===r?e.typography.caption.fontSize:e.typography.body1.fontSize,lineHeight:"small"===r?e.typography.caption.lineHeight:e.typography.body1.lineHeight,fontWeight:400,padding:e.spacing(0,1),borderRadius:"small"===r?e.radius["radius-4"]:e.radius["radius-8"],borderWidth:"1px",borderStyle:"solid","& .MuiChip-label":{padding:e.spacing(0,.5)},"& .MuiChip-icon":{paddingRight:e.spacing(.5),color:"neutral"===t?e.palette.semantic.icon["icon-strong"]:"inherit",fontSize:"inherit"},...l(t,e)}))),s=i.memo((({label:t,tone:r="neutral",size:a="medium",icon:o,className:i,"data-testid":l})=>e.jsx(n,{className:i,"data-testid":l,icon:o,label:t,size:a,tone:r})));s.displayName="Badge",exports.BADGE_TONES=["neutral","error","warning","success","information","brand"],exports.default=s;
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/atoms/Badge/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../../src/components/atoms/Badge/index.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport MuiChip, { type ChipProps as MuiChipProps } from '@mui/material/Chip';\nimport { styled, type Theme } from '@mui/material/styles';\n\n/** Available visual tones for the Badge component */\nexport const BADGE_TONES = ['neutral', 'error', 'warning', 'success', 'information', 'brand'] as const;\nexport type BadgeTone = (typeof BADGE_TONES)[number];\n\n/** Props for the Badge component */\nexport interface BadgeProps {\n  /** Text label displayed in the badge */\n  label: string;\n  /** Visual tone/color of the badge */\n  tone?: BadgeTone;\n  /** Size of the badge */\n  size?: MuiChipProps['size'];\n  /** Optional icon to display within the badge */\n  icon?: MuiChipProps['icon'];\n  /** Additional CSS class names */\n  className?: string;\n  /** Test ID for testing and automation */\n  'data-testid'?: string;\n}\n\ninterface StyledBadgeProps {\n  tone: BadgeTone;\n  size: MuiChipProps['size'];\n}\n\n/** Color mapping for different tones */\nconst getToneStyles = (\n  tone: BadgeTone,\n  theme: Theme,\n): {\n  backgroundColor: string;\n  borderColor: string;\n  color: string;\n} => {\n  const colorMap = {\n    neutral: {\n      backgroundColor: theme.palette.semantic.fill['fill-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-weak'],\n      color: theme.palette.semantic.text['text-strong'],\n    },\n    error: {\n      backgroundColor: theme.palette.semantic.fill['fill-error-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-error-weak'],\n      color: theme.palette.semantic.text['text-error'],\n    },\n    warning: {\n      backgroundColor: theme.palette.semantic.fill['fill-warning-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-warning-weak'],\n      color: theme.palette.semantic.text['text-warning'],\n    },\n    success: {\n      backgroundColor: theme.palette.semantic.fill['fill-success-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-success-weak'],\n      color: theme.palette.semantic.text['text-success'],\n    },\n    information: {\n      backgroundColor: theme.palette.semantic.fill['fill-information-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-information-weak'],\n      color: theme.palette.semantic.text['text-information'],\n    },\n    brand: {\n      backgroundColor: theme.palette.semantic.fill['fill-primary-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-primary-weak'],\n      color: theme.palette.semantic.text['text-primary'],\n    },\n  } satisfies Record<BadgeTone, object>;\n\n  return colorMap[tone];\n};\n\nconst StyledBadge = styled(MuiChip, {\n  shouldForwardProp: (prop) => !['tone'].includes(prop as string),\n})<StyledBadgeProps>(({ theme, tone, size }) => ({\n  fontSize: size === 'small' ? theme.typography.caption.fontSize : theme.typography.body1.fontSize,\n  lineHeight: size === 'small' ? theme.typography.caption.lineHeight : theme.typography.body1.lineHeight,\n  fontWeight: 400,\n  padding: theme.spacing(0, 1),\n  borderRadius: size === 'small' ? theme.radius['radius-4'] : theme.radius['radius-8'],\n  borderWidth: '1px',\n  borderStyle: 'solid',\n  '& .MuiChip-label': {\n    padding: theme.spacing(0, 0.5),\n  },\n  '& .MuiChip-icon': {\n    paddingRight: theme.spacing(0.5),\n    color: tone === 'neutral' ? theme.palette.semantic.icon[''] : 'inherit',\n    fontSize: 'inherit',\n  },\n  ...getToneStyles(tone, theme),\n}));\n\n/**\n * Badge component is used to highlight and categorize information using short text labels.\n * It supports different visual tones to convey different semantic meanings and can include\n * an optional icon.\n *\n * React.memo is used to optimize performance by preventing unnecessary re-renders\n * when the component's props haven't changed, which is beneficial for components\n * that may be used frequently throughout the application.\n */\nconst Badge = React.memo(\n  ({\n    label,\n    tone = 'neutral',\n    size = 'medium',\n    icon,\n    className,\n    'data-testid': dataTestId,\n  }: BadgeProps): JSX.Element => (\n    <StyledBadge\n      className={className}\n      data-testid={dataTestId}\n      icon={icon}\n      label={label}\n      size={size}\n      tone={tone}\n    />\n  ),\n);\n\nBadge.displayName = 'Badge';\n\nexport default Badge;\n"],"names":["getToneStyles","tone","theme","neutral","backgroundColor","palette","semantic","fill","borderColor","stroke","color","text","error","warning","success","information","brand","StyledBadge","styled","MuiChip","shouldForwardProp","prop","includes","size","fontSize","typography","caption","body1","lineHeight","fontWeight","padding","spacing","borderRadius","radius","borderWidth","borderStyle","paddingRight","icon","Badge","React","memo","label","className","dataTestId","_jsx","displayName"],"mappings":"0cAMa,MAyBPA,EAAgB,CACpBC,EACAC,KAMiB,CACfC,QAAS,CACPC,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,aAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,eAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,gBAErCC,MAAO,CACLR,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,mBAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,qBAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,eAErCE,QAAS,CACPT,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,qBAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,uBAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,iBAErCG,QAAS,CACPV,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,qBAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,uBAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,iBAErCI,YAAa,CACXX,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,yBAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,2BAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,qBAErCK,MAAO,CACLZ,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,qBAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,uBAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,kBAIvBV,IAGZgB,EAAcC,EAAMA,OAACC,EAAS,CAClCC,kBAAoBC,IAAU,CAAC,QAAQC,SAASD,IAD9BH,EAEC,EAAGhB,QAAOD,OAAMsB,WAAY,CAC/CC,SAAmB,UAATD,EAAmBrB,EAAMuB,WAAWC,QAAQF,SAAWtB,EAAMuB,WAAWE,MAAMH,SACxFI,WAAqB,UAATL,EAAmBrB,EAAMuB,WAAWC,QAAQE,WAAa1B,EAAMuB,WAAWE,MAAMC,WAC5FC,WAAY,IACZC,QAAS5B,EAAM6B,QAAQ,EAAG,GAC1BC,aAAuB,UAATT,EAAmBrB,EAAM+B,OAAO,YAAc/B,EAAM+B,OAAO,YACzEC,YAAa,MACbC,YAAa,QACb,mBAAoB,CAClBL,QAAS5B,EAAM6B,QAAQ,EAAG,KAE5B,kBAAmB,CACjBK,aAAclC,EAAM6B,QAAQ,IAC5BrB,MAAgB,YAATT,EAAqBC,EAAMG,QAAQC,SAAS+B,KAAK,IAAM,UAC9Db,SAAU,cAETxB,EAAcC,EAAMC,OAYnBoC,EAAQC,EAAMC,MAClB,EACEC,QACAxC,OAAO,UACPsB,OAAO,SACPc,OACAK,YACA,cAAeC,KAEfC,EAAAA,IAAC3B,EAAW,CACVyB,UAAWA,EAAS,cACPC,EACbN,KAAMA,EACNI,MAAOA,EACPlB,KAAMA,EACNtB,KAAMA,MAKZqC,EAAMO,YAAc,4BAvHO,CAAC,UAAW,QAAS,UAAW,UAAW,cAAe"}
+{"version":3,"file":"index.cjs.js","sources":["../../../../src/components/atoms/Badge/index.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport MuiChip, { type ChipProps as MuiChipProps } from '@mui/material/Chip';\nimport { styled, type Theme } from '@mui/material/styles';\n\n/** Available visual tones for the Badge component */\nexport const BADGE_TONES = ['neutral', 'error', 'warning', 'success', 'information', 'brand'] as const;\nexport type BadgeTone = (typeof BADGE_TONES)[number];\n\n/** Props for the Badge component */\nexport interface BadgeProps {\n  /** Text label displayed in the badge */\n  label: string;\n  /** Visual tone/color of the badge */\n  tone?: BadgeTone;\n  /** Size of the badge */\n  size?: MuiChipProps['size'];\n  /** Optional icon to display within the badge */\n  icon?: MuiChipProps['icon'];\n  /** Additional CSS class names */\n  className?: string;\n  /** Test ID for testing and automation */\n  'data-testid'?: string;\n}\n\ninterface StyledBadgeProps {\n  tone: BadgeTone;\n  size: MuiChipProps['size'];\n}\n\n/** Color mapping for different tones */\nconst getToneStyles = (\n  tone: BadgeTone,\n  theme: Theme,\n): {\n  backgroundColor: string;\n  borderColor: string;\n  color: string;\n} => {\n  const colorMap = {\n    neutral: {\n      backgroundColor: theme.palette.semantic.fill['fill-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-weak'],\n      color: theme.palette.semantic.text['text-strong'],\n    },\n    error: {\n      backgroundColor: theme.palette.semantic.fill['fill-error-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-error-weak'],\n      color: theme.palette.semantic.text['text-error'],\n    },\n    warning: {\n      backgroundColor: theme.palette.semantic.fill['fill-warning-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-warning-weak'],\n      color: theme.palette.semantic.text['text-warning'],\n    },\n    success: {\n      backgroundColor: theme.palette.semantic.fill['fill-success-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-success-weak'],\n      color: theme.palette.semantic.text['text-success'],\n    },\n    information: {\n      backgroundColor: theme.palette.semantic.fill['fill-information-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-information-weak'],\n      color: theme.palette.semantic.text['text-information'],\n    },\n    brand: {\n      backgroundColor: theme.palette.semantic.fill['fill-primary-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-primary-weak'],\n      color: theme.palette.semantic.text['text-primary'],\n    },\n  } satisfies Record<BadgeTone, object>;\n\n  return colorMap[tone];\n};\n\nconst StyledBadge = styled(MuiChip, {\n  shouldForwardProp: (prop) => !['tone'].includes(prop as string),\n})<StyledBadgeProps>(({ theme, tone, size }) => ({\n  fontSize: size === 'small' ? theme.typography.caption.fontSize : theme.typography.body1.fontSize,\n  lineHeight: size === 'small' ? theme.typography.caption.lineHeight : theme.typography.body1.lineHeight,\n  fontWeight: 400,\n  padding: theme.spacing(0, 1),\n  borderRadius: size === 'small' ? theme.radius['radius-4'] : theme.radius['radius-8'],\n  borderWidth: '1px',\n  borderStyle: 'solid',\n  '& .MuiChip-label': {\n    padding: theme.spacing(0, 0.5),\n  },\n  '& .MuiChip-icon': {\n    paddingRight: theme.spacing(0.5),\n    color: tone === 'neutral' ? theme.palette.semantic.icon['icon-strong'] : 'inherit',\n    fontSize: 'inherit',\n  },\n  ...getToneStyles(tone, theme),\n}));\n\n/**\n * Badge component is used to highlight and categorize information using short text labels.\n * It supports different visual tones to convey different semantic meanings and can include\n * an optional icon.\n *\n * React.memo is used to optimize performance by preventing unnecessary re-renders\n * when the component's props haven't changed, which is beneficial for components\n * that may be used frequently throughout the application.\n */\nconst Badge = React.memo(\n  ({\n    label,\n    tone = 'neutral',\n    size = 'medium',\n    icon,\n    className,\n    'data-testid': dataTestId,\n  }: BadgeProps): JSX.Element => (\n    <StyledBadge\n      className={className}\n      data-testid={dataTestId}\n      icon={icon}\n      label={label}\n      size={size}\n      tone={tone}\n    />\n  ),\n);\n\nBadge.displayName = 'Badge';\n\nexport default Badge;\n"],"names":["getToneStyles","tone","theme","neutral","backgroundColor","palette","semantic","fill","borderColor","stroke","color","text","error","warning","success","information","brand","StyledBadge","styled","MuiChip","shouldForwardProp","prop","includes","size","fontSize","typography","caption","body1","lineHeight","fontWeight","padding","spacing","borderRadius","radius","borderWidth","borderStyle","paddingRight","icon","Badge","React","memo","label","className","dataTestId","_jsx","displayName"],"mappings":"0cAMa,MAyBPA,EAAgB,CACpBC,EACAC,KAMiB,CACfC,QAAS,CACPC,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,aAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,eAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,gBAErCC,MAAO,CACLR,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,mBAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,qBAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,eAErCE,QAAS,CACPT,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,qBAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,uBAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,iBAErCG,QAAS,CACPV,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,qBAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,uBAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,iBAErCI,YAAa,CACXX,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,yBAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,2BAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,qBAErCK,MAAO,CACLZ,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,qBAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,uBAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,kBAIvBV,IAGZgB,EAAcC,EAAMA,OAACC,EAAS,CAClCC,kBAAoBC,IAAU,CAAC,QAAQC,SAASD,IAD9BH,EAEC,EAAGhB,QAAOD,OAAMsB,WAAY,CAC/CC,SAAmB,UAATD,EAAmBrB,EAAMuB,WAAWC,QAAQF,SAAWtB,EAAMuB,WAAWE,MAAMH,SACxFI,WAAqB,UAATL,EAAmBrB,EAAMuB,WAAWC,QAAQE,WAAa1B,EAAMuB,WAAWE,MAAMC,WAC5FC,WAAY,IACZC,QAAS5B,EAAM6B,QAAQ,EAAG,GAC1BC,aAAuB,UAATT,EAAmBrB,EAAM+B,OAAO,YAAc/B,EAAM+B,OAAO,YACzEC,YAAa,MACbC,YAAa,QACb,mBAAoB,CAClBL,QAAS5B,EAAM6B,QAAQ,EAAG,KAE5B,kBAAmB,CACjBK,aAAclC,EAAM6B,QAAQ,IAC5BrB,MAAgB,YAATT,EAAqBC,EAAMG,QAAQC,SAAS+B,KAAK,eAAiB,UACzEb,SAAU,cAETxB,EAAcC,EAAMC,OAYnBoC,EAAQC,EAAMC,MAClB,EACEC,QACAxC,OAAO,UACPsB,OAAO,SACPc,OACAK,YACA,cAAeC,KAEfC,EAAAA,IAAC3B,EAAW,CACVyB,UAAWA,EAAS,cACPC,EACbN,KAAMA,EACNI,MAAOA,EACPlB,KAAMA,EACNtB,KAAMA,MAKZqC,EAAMO,YAAc,4BAvHO,CAAC,UAAW,QAAS,UAAW,UAAW,cAAe"}

package/dist/components/atoms/Badge/index.js

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import*as t from"react";import r from"@mui/material/Chip";import{styled as a}from"@mui/material/styles";const o=["neutral","error","warning","success","information","brand"],i=(e,t)=>({neutral:{backgroundColor:t.palette.semantic.fill["fill-weak"],borderColor:t.palette.semantic.stroke["stroke-weak"],color:t.palette.semantic.text["text-strong"]},error:{backgroundColor:t.palette.semantic.fill["fill-error-weak"],borderColor:t.palette.semantic.stroke["stroke-error-weak"],color:t.palette.semantic.text["text-error"]},warning:{backgroundColor:t.palette.semantic.fill["fill-warning-weak"],borderColor:t.palette.semantic.stroke["stroke-warning-weak"],color:t.palette.semantic.text["text-warning"]},success:{backgroundColor:t.palette.semantic.fill["fill-success-weak"],borderColor:t.palette.semantic.stroke["stroke-success-weak"],color:t.palette.semantic.text["text-success"]},information:{backgroundColor:t.palette.semantic.fill["fill-information-weak"],borderColor:t.palette.semantic.stroke["stroke-information-weak"],color:t.palette.semantic.text["text-information"]},brand:{backgroundColor:t.palette.semantic.fill["fill-primary-weak"],borderColor:t.palette.semantic.stroke["stroke-primary-weak"],color:t.palette.semantic.text["text-primary"]}}[e]),l=a(r,{shouldForwardProp:e=>!["tone"].includes(e)})((({theme:e,tone:t,size:r})=>({fontSize:"small"===r?e.typography.caption.fontSize:e.typography.body1.fontSize,lineHeight:"small"===r?e.typography.caption.lineHeight:e.typography.body1.lineHeight,fontWeight:400,padding:e.spacing(0,1),borderRadius:"small"===r?e.radius["radius-4"]:e.radius["radius-8"],borderWidth:"1px",borderStyle:"solid","& .MuiChip-label":{padding:e.spacing(0,.5)},"& .MuiChip-icon":{paddingRight:e.spacing(.5),color:"neutral"===t?e.palette.semantic.icon[""]:"inherit",fontSize:"inherit"},...i(t,e)}))),n=t.memo((({label:t,tone:r="neutral",size:a="medium",icon:o,className:i,"data-testid":n})=>e(l,{className:i,"data-testid":n,icon:o,label:t,size:a,tone:r})));n.displayName="Badge";export{o as BADGE_TONES,n as default};
+import{jsx as e}from"react/jsx-runtime";import*as t from"react";import r from"@mui/material/Chip";import{styled as a}from"@mui/material/styles";const o=["neutral","error","warning","success","information","brand"],i=(e,t)=>({neutral:{backgroundColor:t.palette.semantic.fill["fill-weak"],borderColor:t.palette.semantic.stroke["stroke-weak"],color:t.palette.semantic.text["text-strong"]},error:{backgroundColor:t.palette.semantic.fill["fill-error-weak"],borderColor:t.palette.semantic.stroke["stroke-error-weak"],color:t.palette.semantic.text["text-error"]},warning:{backgroundColor:t.palette.semantic.fill["fill-warning-weak"],borderColor:t.palette.semantic.stroke["stroke-warning-weak"],color:t.palette.semantic.text["text-warning"]},success:{backgroundColor:t.palette.semantic.fill["fill-success-weak"],borderColor:t.palette.semantic.stroke["stroke-success-weak"],color:t.palette.semantic.text["text-success"]},information:{backgroundColor:t.palette.semantic.fill["fill-information-weak"],borderColor:t.palette.semantic.stroke["stroke-information-weak"],color:t.palette.semantic.text["text-information"]},brand:{backgroundColor:t.palette.semantic.fill["fill-primary-weak"],borderColor:t.palette.semantic.stroke["stroke-primary-weak"],color:t.palette.semantic.text["text-primary"]}}[e]),l=a(r,{shouldForwardProp:e=>!["tone"].includes(e)})((({theme:e,tone:t,size:r})=>({fontSize:"small"===r?e.typography.caption.fontSize:e.typography.body1.fontSize,lineHeight:"small"===r?e.typography.caption.lineHeight:e.typography.body1.lineHeight,fontWeight:400,padding:e.spacing(0,1),borderRadius:"small"===r?e.radius["radius-4"]:e.radius["radius-8"],borderWidth:"1px",borderStyle:"solid","& .MuiChip-label":{padding:e.spacing(0,.5)},"& .MuiChip-icon":{paddingRight:e.spacing(.5),color:"neutral"===t?e.palette.semantic.icon["icon-strong"]:"inherit",fontSize:"inherit"},...i(t,e)}))),n=t.memo((({label:t,tone:r="neutral",size:a="medium",icon:o,className:i,"data-testid":n})=>e(l,{className:i,"data-testid":n,icon:o,label:t,size:a,tone:r})));n.displayName="Badge";export{o as BADGE_TONES,n as default};
 //# sourceMappingURL=index.js.map

package/dist/components/atoms/Badge/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/Badge/index.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport MuiChip, { type ChipProps as MuiChipProps } from '@mui/material/Chip';\nimport { styled, type Theme } from '@mui/material/styles';\n\n/** Available visual tones for the Badge component */\nexport const BADGE_TONES = ['neutral', 'error', 'warning', 'success', 'information', 'brand'] as const;\nexport type BadgeTone = (typeof BADGE_TONES)[number];\n\n/** Props for the Badge component */\nexport interface BadgeProps {\n  /** Text label displayed in the badge */\n  label: string;\n  /** Visual tone/color of the badge */\n  tone?: BadgeTone;\n  /** Size of the badge */\n  size?: MuiChipProps['size'];\n  /** Optional icon to display within the badge */\n  icon?: MuiChipProps['icon'];\n  /** Additional CSS class names */\n  className?: string;\n  /** Test ID for testing and automation */\n  'data-testid'?: string;\n}\n\ninterface StyledBadgeProps {\n  tone: BadgeTone;\n  size: MuiChipProps['size'];\n}\n\n/** Color mapping for different tones */\nconst getToneStyles = (\n  tone: BadgeTone,\n  theme: Theme,\n): {\n  backgroundColor: string;\n  borderColor: string;\n  color: string;\n} => {\n  const colorMap = {\n    neutral: {\n      backgroundColor: theme.palette.semantic.fill['fill-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-weak'],\n      color: theme.palette.semantic.text['text-strong'],\n    },\n    error: {\n      backgroundColor: theme.palette.semantic.fill['fill-error-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-error-weak'],\n      color: theme.palette.semantic.text['text-error'],\n    },\n    warning: {\n      backgroundColor: theme.palette.semantic.fill['fill-warning-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-warning-weak'],\n      color: theme.palette.semantic.text['text-warning'],\n    },\n    success: {\n      backgroundColor: theme.palette.semantic.fill['fill-success-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-success-weak'],\n      color: theme.palette.semantic.text['text-success'],\n    },\n    information: {\n      backgroundColor: theme.palette.semantic.fill['fill-information-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-information-weak'],\n      color: theme.palette.semantic.text['text-information'],\n    },\n    brand: {\n      backgroundColor: theme.palette.semantic.fill['fill-primary-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-primary-weak'],\n      color: theme.palette.semantic.text['text-primary'],\n    },\n  } satisfies Record<BadgeTone, object>;\n\n  return colorMap[tone];\n};\n\nconst StyledBadge = styled(MuiChip, {\n  shouldForwardProp: (prop) => !['tone'].includes(prop as string),\n})<StyledBadgeProps>(({ theme, tone, size }) => ({\n  fontSize: size === 'small' ? theme.typography.caption.fontSize : theme.typography.body1.fontSize,\n  lineHeight: size === 'small' ? theme.typography.caption.lineHeight : theme.typography.body1.lineHeight,\n  fontWeight: 400,\n  padding: theme.spacing(0, 1),\n  borderRadius: size === 'small' ? theme.radius['radius-4'] : theme.radius['radius-8'],\n  borderWidth: '1px',\n  borderStyle: 'solid',\n  '& .MuiChip-label': {\n    padding: theme.spacing(0, 0.5),\n  },\n  '& .MuiChip-icon': {\n    paddingRight: theme.spacing(0.5),\n    color: tone === 'neutral' ? theme.palette.semantic.icon[''] : 'inherit',\n    fontSize: 'inherit',\n  },\n  ...getToneStyles(tone, theme),\n}));\n\n/**\n * Badge component is used to highlight and categorize information using short text labels.\n * It supports different visual tones to convey different semantic meanings and can include\n * an optional icon.\n *\n * React.memo is used to optimize performance by preventing unnecessary re-renders\n * when the component's props haven't changed, which is beneficial for components\n * that may be used frequently throughout the application.\n */\nconst Badge = React.memo(\n  ({\n    label,\n    tone = 'neutral',\n    size = 'medium',\n    icon,\n    className,\n    'data-testid': dataTestId,\n  }: BadgeProps): JSX.Element => (\n    <StyledBadge\n      className={className}\n      data-testid={dataTestId}\n      icon={icon}\n      label={label}\n      size={size}\n      tone={tone}\n    />\n  ),\n);\n\nBadge.displayName = 'Badge';\n\nexport default Badge;\n"],"names":["BADGE_TONES","getToneStyles","tone","theme","neutral","backgroundColor","palette","semantic","fill","borderColor","stroke","color","text","error","warning","success","information","brand","StyledBadge","styled","MuiChip","shouldForwardProp","prop","includes","size","fontSize","typography","caption","body1","lineHeight","fontWeight","padding","spacing","borderRadius","radius","borderWidth","borderStyle","paddingRight","icon","Badge","React","memo","label","className","dataTestId","_jsx","displayName"],"mappings":"gJAMa,MAAAA,EAAc,CAAC,UAAW,QAAS,UAAW,UAAW,cAAe,SAyB/EC,EAAgB,CACpBC,EACAC,KAMiB,CACfC,QAAS,CACPC,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,aAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,eAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,gBAErCC,MAAO,CACLR,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,mBAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,qBAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,eAErCE,QAAS,CACPT,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,qBAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,uBAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,iBAErCG,QAAS,CACPV,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,qBAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,uBAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,iBAErCI,YAAa,CACXX,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,yBAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,2BAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,qBAErCK,MAAO,CACLZ,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,qBAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,uBAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,kBAIvBV,IAGZgB,EAAcC,EAAOC,EAAS,CAClCC,kBAAoBC,IAAU,CAAC,QAAQC,SAASD,IAD9BH,EAEC,EAAGhB,QAAOD,OAAMsB,WAAY,CAC/CC,SAAmB,UAATD,EAAmBrB,EAAMuB,WAAWC,QAAQF,SAAWtB,EAAMuB,WAAWE,MAAMH,SACxFI,WAAqB,UAATL,EAAmBrB,EAAMuB,WAAWC,QAAQE,WAAa1B,EAAMuB,WAAWE,MAAMC,WAC5FC,WAAY,IACZC,QAAS5B,EAAM6B,QAAQ,EAAG,GAC1BC,aAAuB,UAATT,EAAmBrB,EAAM+B,OAAO,YAAc/B,EAAM+B,OAAO,YACzEC,YAAa,MACbC,YAAa,QACb,mBAAoB,CAClBL,QAAS5B,EAAM6B,QAAQ,EAAG,KAE5B,kBAAmB,CACjBK,aAAclC,EAAM6B,QAAQ,IAC5BrB,MAAgB,YAATT,EAAqBC,EAAMG,QAAQC,SAAS+B,KAAK,IAAM,UAC9Db,SAAU,cAETxB,EAAcC,EAAMC,OAYnBoC,EAAQC,EAAMC,MAClB,EACEC,QACAxC,OAAO,UACPsB,OAAO,SACPc,OACAK,YACA,cAAeC,KAEfC,EAAC3B,EAAW,CACVyB,UAAWA,EAAS,cACPC,EACbN,KAAMA,EACNI,MAAOA,EACPlB,KAAMA,EACNtB,KAAMA,MAKZqC,EAAMO,YAAc"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/Badge/index.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport MuiChip, { type ChipProps as MuiChipProps } from '@mui/material/Chip';\nimport { styled, type Theme } from '@mui/material/styles';\n\n/** Available visual tones for the Badge component */\nexport const BADGE_TONES = ['neutral', 'error', 'warning', 'success', 'information', 'brand'] as const;\nexport type BadgeTone = (typeof BADGE_TONES)[number];\n\n/** Props for the Badge component */\nexport interface BadgeProps {\n  /** Text label displayed in the badge */\n  label: string;\n  /** Visual tone/color of the badge */\n  tone?: BadgeTone;\n  /** Size of the badge */\n  size?: MuiChipProps['size'];\n  /** Optional icon to display within the badge */\n  icon?: MuiChipProps['icon'];\n  /** Additional CSS class names */\n  className?: string;\n  /** Test ID for testing and automation */\n  'data-testid'?: string;\n}\n\ninterface StyledBadgeProps {\n  tone: BadgeTone;\n  size: MuiChipProps['size'];\n}\n\n/** Color mapping for different tones */\nconst getToneStyles = (\n  tone: BadgeTone,\n  theme: Theme,\n): {\n  backgroundColor: string;\n  borderColor: string;\n  color: string;\n} => {\n  const colorMap = {\n    neutral: {\n      backgroundColor: theme.palette.semantic.fill['fill-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-weak'],\n      color: theme.palette.semantic.text['text-strong'],\n    },\n    error: {\n      backgroundColor: theme.palette.semantic.fill['fill-error-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-error-weak'],\n      color: theme.palette.semantic.text['text-error'],\n    },\n    warning: {\n      backgroundColor: theme.palette.semantic.fill['fill-warning-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-warning-weak'],\n      color: theme.palette.semantic.text['text-warning'],\n    },\n    success: {\n      backgroundColor: theme.palette.semantic.fill['fill-success-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-success-weak'],\n      color: theme.palette.semantic.text['text-success'],\n    },\n    information: {\n      backgroundColor: theme.palette.semantic.fill['fill-information-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-information-weak'],\n      color: theme.palette.semantic.text['text-information'],\n    },\n    brand: {\n      backgroundColor: theme.palette.semantic.fill['fill-primary-weak'],\n      borderColor: theme.palette.semantic.stroke['stroke-primary-weak'],\n      color: theme.palette.semantic.text['text-primary'],\n    },\n  } satisfies Record<BadgeTone, object>;\n\n  return colorMap[tone];\n};\n\nconst StyledBadge = styled(MuiChip, {\n  shouldForwardProp: (prop) => !['tone'].includes(prop as string),\n})<StyledBadgeProps>(({ theme, tone, size }) => ({\n  fontSize: size === 'small' ? theme.typography.caption.fontSize : theme.typography.body1.fontSize,\n  lineHeight: size === 'small' ? theme.typography.caption.lineHeight : theme.typography.body1.lineHeight,\n  fontWeight: 400,\n  padding: theme.spacing(0, 1),\n  borderRadius: size === 'small' ? theme.radius['radius-4'] : theme.radius['radius-8'],\n  borderWidth: '1px',\n  borderStyle: 'solid',\n  '& .MuiChip-label': {\n    padding: theme.spacing(0, 0.5),\n  },\n  '& .MuiChip-icon': {\n    paddingRight: theme.spacing(0.5),\n    color: tone === 'neutral' ? theme.palette.semantic.icon['icon-strong'] : 'inherit',\n    fontSize: 'inherit',\n  },\n  ...getToneStyles(tone, theme),\n}));\n\n/**\n * Badge component is used to highlight and categorize information using short text labels.\n * It supports different visual tones to convey different semantic meanings and can include\n * an optional icon.\n *\n * React.memo is used to optimize performance by preventing unnecessary re-renders\n * when the component's props haven't changed, which is beneficial for components\n * that may be used frequently throughout the application.\n */\nconst Badge = React.memo(\n  ({\n    label,\n    tone = 'neutral',\n    size = 'medium',\n    icon,\n    className,\n    'data-testid': dataTestId,\n  }: BadgeProps): JSX.Element => (\n    <StyledBadge\n      className={className}\n      data-testid={dataTestId}\n      icon={icon}\n      label={label}\n      size={size}\n      tone={tone}\n    />\n  ),\n);\n\nBadge.displayName = 'Badge';\n\nexport default Badge;\n"],"names":["BADGE_TONES","getToneStyles","tone","theme","neutral","backgroundColor","palette","semantic","fill","borderColor","stroke","color","text","error","warning","success","information","brand","StyledBadge","styled","MuiChip","shouldForwardProp","prop","includes","size","fontSize","typography","caption","body1","lineHeight","fontWeight","padding","spacing","borderRadius","radius","borderWidth","borderStyle","paddingRight","icon","Badge","React","memo","label","className","dataTestId","_jsx","displayName"],"mappings":"gJAMa,MAAAA,EAAc,CAAC,UAAW,QAAS,UAAW,UAAW,cAAe,SAyB/EC,EAAgB,CACpBC,EACAC,KAMiB,CACfC,QAAS,CACPC,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,aAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,eAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,gBAErCC,MAAO,CACLR,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,mBAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,qBAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,eAErCE,QAAS,CACPT,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,qBAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,uBAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,iBAErCG,QAAS,CACPV,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,qBAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,uBAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,iBAErCI,YAAa,CACXX,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,yBAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,2BAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,qBAErCK,MAAO,CACLZ,gBAAiBF,EAAMG,QAAQC,SAASC,KAAK,qBAC7CC,YAAaN,EAAMG,QAAQC,SAASG,OAAO,uBAC3CC,MAAOR,EAAMG,QAAQC,SAASK,KAAK,kBAIvBV,IAGZgB,EAAcC,EAAOC,EAAS,CAClCC,kBAAoBC,IAAU,CAAC,QAAQC,SAASD,IAD9BH,EAEC,EAAGhB,QAAOD,OAAMsB,WAAY,CAC/CC,SAAmB,UAATD,EAAmBrB,EAAMuB,WAAWC,QAAQF,SAAWtB,EAAMuB,WAAWE,MAAMH,SACxFI,WAAqB,UAATL,EAAmBrB,EAAMuB,WAAWC,QAAQE,WAAa1B,EAAMuB,WAAWE,MAAMC,WAC5FC,WAAY,IACZC,QAAS5B,EAAM6B,QAAQ,EAAG,GAC1BC,aAAuB,UAATT,EAAmBrB,EAAM+B,OAAO,YAAc/B,EAAM+B,OAAO,YACzEC,YAAa,MACbC,YAAa,QACb,mBAAoB,CAClBL,QAAS5B,EAAM6B,QAAQ,EAAG,KAE5B,kBAAmB,CACjBK,aAAclC,EAAM6B,QAAQ,IAC5BrB,MAAgB,YAATT,EAAqBC,EAAMG,QAAQC,SAAS+B,KAAK,eAAiB,UACzEb,SAAU,cAETxB,EAAcC,EAAMC,OAYnBoC,EAAQC,EAAMC,MAClB,EACEC,QACAxC,OAAO,UACPsB,OAAO,SACPc,OACAK,YACA,cAAeC,KAEfC,EAAC3B,EAAW,CACVyB,UAAWA,EAAS,cACPC,EACbN,KAAMA,EACNI,MAAOA,EACPlB,KAAMA,EACNtB,KAAMA,MAKZqC,EAAMO,YAAc"}

package/dist/components/atoms/Button/buttonThemeOverrides.cjs.js

@@ -0,0 +1,2 @@
+"use strict";require("@mui/material/styles");var e=require("../../../themes/tokens/typography/font-family.cjs.js"),t=require("../../../themes/tokens/typography/font-size.cjs.js"),i=require("../../../themes/tokens/typography/letter-spacing.cjs.js"),n=require("../../../themes/tokens/typography/line-height.cjs.js");exports.buttonStyleOverrides=o=>({styleOverrides:{root:{textAlign:"center",textTransform:"none",display:"flex",alignItems:"center",justifyContent:"center",flex:"1 0 0",alignSelf:"stretch"},sizeSmall:{height:"32px",padding:"0px 12px",fontStyle:"normal",fontFamily:e.fontFamily.desktop.body,fontSize:t.fontSize.desktop.caption,lineHeight:"normal",letterSpacing:i.letterSpacing.desktop.caption,fontWeight:"600",[o.breakpoints.down("tablet")]:{fontFamily:e.fontFamily.mobile.body,fontSize:t.fontSize.mobile.caption,lineHeight:n.lineHeight.mobile.caption,letterSpacing:i.letterSpacing.mobile.caption}},sizeMedium:{height:"48px",gap:"4px",padding:"0px 16px",fontStyle:"normal",fontFamily:e.fontFamily.desktop.body,fontSize:t.fontSize.desktop.b1,lineHeight:"normal",letterSpacing:i.letterSpacing.desktop.b1,fontWeight:"600",[o.breakpoints.down("tablet")]:{fontFamily:e.fontFamily.mobile.body,fontSize:t.fontSize.mobile.b1,lineHeight:n.lineHeight.mobile.b1,letterSpacing:i.letterSpacing.mobile.b1}},sizeLarge:{height:"64px",display:"flex",alignItems:"center",justifyContent:"center",flex:"1 0 0",alignSelf:"stretch",gap:"4px",padding:"0px 24px",fontStyle:"normal",fontFamily:e.fontFamily.desktop.heading,fontSize:t.fontSize.desktop.h4,lineHeight:"normal",letterSpacing:i.letterSpacing.desktop.h4,fontWeight:"600",[o.breakpoints.down("tablet")]:{fontFamily:e.fontFamily.mobile.heading,fontSize:t.fontSize.mobile.h4,lineHeight:n.lineHeight.mobile.h4,letterSpacing:i.letterSpacing.mobile.h4}}}});
+//# sourceMappingURL=buttonThemeOverrides.cjs.js.map

package/dist/components/atoms/Button/buttonThemeOverrides.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttonThemeOverrides.cjs.js","sources":["../../../../src/components/atoms/Button/buttonThemeOverrides.ts"],"sourcesContent":["import { type Theme } from \"@mui/material/styles\";\n\nimport { fontFamily } from \"../../../themes/tokens/typography/font-family\";\nimport { fontSize } from \"../../../themes/tokens/typography/font-size\"\nimport { letterSpacing } from \"../../../themes/tokens/typography/letter-spacing\"\nimport { lineHeight } from \"../../../themes/tokens/typography/line-height\"\n\ninterface ButtonStyleOverrides {\n    styleOverrides: {\n        root: Record<string, string | { [key: string]: string }>;\n        sizeSmall: Record<string, string | { [key: string]: string }>;\n        sizeMedium: Record<string, string | { [key: string]: string }>;\n        sizeLarge: Record<string, string | { [key: string]: string }>;\n    };\n}\n\nexport const buttonStyleOverrides = (baseTheme: Theme): ButtonStyleOverrides => ({\n    styleOverrides: {\n    root: {\n      textAlign: 'center',\n      textTransform: 'none',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      flex: '1 0 0',\n      alignSelf: 'stretch',\n    },\n    sizeSmall: {\n      height: '32px',\n      padding: '0px 12px',\n      fontStyle: 'normal',\n      fontFamily: fontFamily.desktop.body,\n      fontSize: fontSize.desktop.caption,\n      lineHeight: 'normal', // normal vs lineHeight.desktop.caption due to mui issue with text alignment https://github.com/mui/material-ui/issues/29965\n      letterSpacing: letterSpacing.desktop.caption,\n      fontWeight: '600',\n      [baseTheme.breakpoints.down('tablet')]: {\n        fontFamily: fontFamily.mobile.body,\n        fontSize: fontSize.mobile.caption,\n        lineHeight: lineHeight.mobile.caption,\n        letterSpacing: letterSpacing.mobile.caption,\n      },\n    },\n    sizeMedium: {\n      height: '48px',\n      gap: '4px',\n      padding: '0px 16px',\n      fontStyle: 'normal',\n      fontFamily: fontFamily.desktop.body,\n      fontSize: fontSize.desktop.b1,\n      lineHeight: 'normal',\n      letterSpacing: letterSpacing.desktop.b1,\n      fontWeight: '600',\n      [baseTheme.breakpoints.down('tablet')]: {\n        fontFamily: fontFamily.mobile.body,\n        fontSize: fontSize.mobile.b1,\n        lineHeight: lineHeight.mobile.b1,\n        letterSpacing: letterSpacing.mobile.b1,\n      },\n    },\n    sizeLarge: {\n      height: '64px',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      flex: '1 0 0',\n      alignSelf: 'stretch',\n      gap: '4px',\n      padding: '0px 24px',\n      fontStyle: 'normal',\n      fontFamily: fontFamily.desktop.heading,\n      fontSize: fontSize.desktop.h4,\n      lineHeight: 'normal',\n      letterSpacing: letterSpacing.desktop.h4,\n      fontWeight: '600',\n      [baseTheme.breakpoints.down('tablet')]: {\n        fontFamily: fontFamily.mobile.heading,\n        fontSize: fontSize.mobile.h4,\n        lineHeight: lineHeight.mobile.h4,\n        letterSpacing: letterSpacing.mobile.h4,\n            },\n        },\n    },\n})\n"],"names":["baseTheme","styleOverrides","root","textAlign","textTransform","display","alignItems","justifyContent","flex","alignSelf","sizeSmall","height","padding","fontStyle","fontFamily","desktop","body","fontSize","caption","lineHeight","letterSpacing","fontWeight","breakpoints","down","mobile","sizeMedium","gap","b1","sizeLarge","heading","h4"],"mappings":"uVAgBqCA,IAA4C,CAC7EC,eAAgB,CAChBC,KAAM,CACJC,UAAW,SACXC,cAAe,OACfC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,KAAM,QACNC,UAAW,WAEbC,UAAW,CACTC,OAAQ,OACRC,QAAS,WACTC,UAAW,SACXC,WAAYA,EAAAA,WAAWC,QAAQC,KAC/BC,SAAUA,EAAAA,SAASF,QAAQG,QAC3BC,WAAY,SACZC,cAAeA,EAAAA,cAAcL,QAAQG,QACrCG,WAAY,MACZ,CAACrB,EAAUsB,YAAYC,KAAK,WAAY,CACtCT,WAAYA,EAAAA,WAAWU,OAAOR,KAC9BC,SAAUA,EAAAA,SAASO,OAAON,QAC1BC,WAAYA,EAAAA,WAAWK,OAAON,QAC9BE,cAAeA,EAAAA,cAAcI,OAAON,UAGxCO,WAAY,CACVd,OAAQ,OACRe,IAAK,MACLd,QAAS,WACTC,UAAW,SACXC,WAAYA,EAAAA,WAAWC,QAAQC,KAC/BC,SAAUA,EAAAA,SAASF,QAAQY,GAC3BR,WAAY,SACZC,cAAeA,EAAAA,cAAcL,QAAQY,GACrCN,WAAY,MACZ,CAACrB,EAAUsB,YAAYC,KAAK,WAAY,CACtCT,WAAYA,EAAAA,WAAWU,OAAOR,KAC9BC,SAAUA,EAAAA,SAASO,OAAOG,GAC1BR,WAAYA,EAAAA,WAAWK,OAAOG,GAC9BP,cAAeA,EAAAA,cAAcI,OAAOG,KAGxCC,UAAW,CACTjB,OAAQ,OACRN,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,KAAM,QACNC,UAAW,UACXiB,IAAK,MACLd,QAAS,WACTC,UAAW,SACXC,WAAYA,EAAAA,WAAWC,QAAQc,QAC/BZ,SAAUA,EAAAA,SAASF,QAAQe,GAC3BX,WAAY,SACZC,cAAeA,EAAAA,cAAcL,QAAQe,GACrCT,WAAY,MACZ,CAACrB,EAAUsB,YAAYC,KAAK,WAAY,CACtCT,WAAYA,EAAAA,WAAWU,OAAOK,QAC9BZ,SAAUA,EAAAA,SAASO,OAAOM,GAC1BX,WAAYA,EAAAA,WAAWK,OAAOM,GAC9BV,cAAeA,EAAAA,cAAcI,OAAOM"}

package/dist/components/atoms/Button/buttonThemeOverrides.d.ts

@@ -0,0 +1,21 @@
+import { Theme } from '@mui/material/styles';
+
+interface ButtonStyleOverrides {
+    styleOverrides: {
+        root: Record<string, string | {
+            [key: string]: string;
+        }>;
+        sizeSmall: Record<string, string | {
+            [key: string]: string;
+        }>;
+        sizeMedium: Record<string, string | {
+            [key: string]: string;
+        }>;
+        sizeLarge: Record<string, string | {
+            [key: string]: string;
+        }>;
+    };
+}
+declare const buttonStyleOverrides: (baseTheme: Theme) => ButtonStyleOverrides;
+
+export { buttonStyleOverrides };

package/dist/components/atoms/Button/buttonThemeOverrides.js

@@ -0,0 +1,2 @@
+import"@mui/material/styles";import{fontFamily as e}from"../../../themes/tokens/typography/font-family.js";import{fontSize as t}from"../../../themes/tokens/typography/font-size.js";import{letterSpacing as i}from"../../../themes/tokens/typography/letter-spacing.js";import{lineHeight as o}from"../../../themes/tokens/typography/line-height.js";const n=n=>({styleOverrides:{root:{textAlign:"center",textTransform:"none",display:"flex",alignItems:"center",justifyContent:"center",flex:"1 0 0",alignSelf:"stretch"},sizeSmall:{height:"32px",padding:"0px 12px",fontStyle:"normal",fontFamily:e.desktop.body,fontSize:t.desktop.caption,lineHeight:"normal",letterSpacing:i.desktop.caption,fontWeight:"600",[n.breakpoints.down("tablet")]:{fontFamily:e.mobile.body,fontSize:t.mobile.caption,lineHeight:o.mobile.caption,letterSpacing:i.mobile.caption}},sizeMedium:{height:"48px",gap:"4px",padding:"0px 16px",fontStyle:"normal",fontFamily:e.desktop.body,fontSize:t.desktop.b1,lineHeight:"normal",letterSpacing:i.desktop.b1,fontWeight:"600",[n.breakpoints.down("tablet")]:{fontFamily:e.mobile.body,fontSize:t.mobile.b1,lineHeight:o.mobile.b1,letterSpacing:i.mobile.b1}},sizeLarge:{height:"64px",display:"flex",alignItems:"center",justifyContent:"center",flex:"1 0 0",alignSelf:"stretch",gap:"4px",padding:"0px 24px",fontStyle:"normal",fontFamily:e.desktop.heading,fontSize:t.desktop.h4,lineHeight:"normal",letterSpacing:i.desktop.h4,fontWeight:"600",[n.breakpoints.down("tablet")]:{fontFamily:e.mobile.heading,fontSize:t.mobile.h4,lineHeight:o.mobile.h4,letterSpacing:i.mobile.h4}}}});export{n as buttonStyleOverrides};
+//# sourceMappingURL=buttonThemeOverrides.js.map

package/dist/components/atoms/Button/buttonThemeOverrides.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttonThemeOverrides.js","sources":["../../../../src/components/atoms/Button/buttonThemeOverrides.ts"],"sourcesContent":["import { type Theme } from \"@mui/material/styles\";\n\nimport { fontFamily } from \"../../../themes/tokens/typography/font-family\";\nimport { fontSize } from \"../../../themes/tokens/typography/font-size\"\nimport { letterSpacing } from \"../../../themes/tokens/typography/letter-spacing\"\nimport { lineHeight } from \"../../../themes/tokens/typography/line-height\"\n\ninterface ButtonStyleOverrides {\n    styleOverrides: {\n        root: Record<string, string | { [key: string]: string }>;\n        sizeSmall: Record<string, string | { [key: string]: string }>;\n        sizeMedium: Record<string, string | { [key: string]: string }>;\n        sizeLarge: Record<string, string | { [key: string]: string }>;\n    };\n}\n\nexport const buttonStyleOverrides = (baseTheme: Theme): ButtonStyleOverrides => ({\n    styleOverrides: {\n    root: {\n      textAlign: 'center',\n      textTransform: 'none',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      flex: '1 0 0',\n      alignSelf: 'stretch',\n    },\n    sizeSmall: {\n      height: '32px',\n      padding: '0px 12px',\n      fontStyle: 'normal',\n      fontFamily: fontFamily.desktop.body,\n      fontSize: fontSize.desktop.caption,\n      lineHeight: 'normal', // normal vs lineHeight.desktop.caption due to mui issue with text alignment https://github.com/mui/material-ui/issues/29965\n      letterSpacing: letterSpacing.desktop.caption,\n      fontWeight: '600',\n      [baseTheme.breakpoints.down('tablet')]: {\n        fontFamily: fontFamily.mobile.body,\n        fontSize: fontSize.mobile.caption,\n        lineHeight: lineHeight.mobile.caption,\n        letterSpacing: letterSpacing.mobile.caption,\n      },\n    },\n    sizeMedium: {\n      height: '48px',\n      gap: '4px',\n      padding: '0px 16px',\n      fontStyle: 'normal',\n      fontFamily: fontFamily.desktop.body,\n      fontSize: fontSize.desktop.b1,\n      lineHeight: 'normal',\n      letterSpacing: letterSpacing.desktop.b1,\n      fontWeight: '600',\n      [baseTheme.breakpoints.down('tablet')]: {\n        fontFamily: fontFamily.mobile.body,\n        fontSize: fontSize.mobile.b1,\n        lineHeight: lineHeight.mobile.b1,\n        letterSpacing: letterSpacing.mobile.b1,\n      },\n    },\n    sizeLarge: {\n      height: '64px',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      flex: '1 0 0',\n      alignSelf: 'stretch',\n      gap: '4px',\n      padding: '0px 24px',\n      fontStyle: 'normal',\n      fontFamily: fontFamily.desktop.heading,\n      fontSize: fontSize.desktop.h4,\n      lineHeight: 'normal',\n      letterSpacing: letterSpacing.desktop.h4,\n      fontWeight: '600',\n      [baseTheme.breakpoints.down('tablet')]: {\n        fontFamily: fontFamily.mobile.heading,\n        fontSize: fontSize.mobile.h4,\n        lineHeight: lineHeight.mobile.h4,\n        letterSpacing: letterSpacing.mobile.h4,\n            },\n        },\n    },\n})\n"],"names":["buttonStyleOverrides","baseTheme","styleOverrides","root","textAlign","textTransform","display","alignItems","justifyContent","flex","alignSelf","sizeSmall","height","padding","fontStyle","fontFamily","desktop","body","fontSize","caption","lineHeight","letterSpacing","fontWeight","breakpoints","down","mobile","sizeMedium","gap","b1","sizeLarge","heading","h4"],"mappings":"6VAgBaA,EAAwBC,IAA4C,CAC7EC,eAAgB,CAChBC,KAAM,CACJC,UAAW,SACXC,cAAe,OACfC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,KAAM,QACNC,UAAW,WAEbC,UAAW,CACTC,OAAQ,OACRC,QAAS,WACTC,UAAW,SACXC,WAAYA,EAAWC,QAAQC,KAC/BC,SAAUA,EAASF,QAAQG,QAC3BC,WAAY,SACZC,cAAeA,EAAcL,QAAQG,QACrCG,WAAY,MACZ,CAACrB,EAAUsB,YAAYC,KAAK,WAAY,CACtCT,WAAYA,EAAWU,OAAOR,KAC9BC,SAAUA,EAASO,OAAON,QAC1BC,WAAYA,EAAWK,OAAON,QAC9BE,cAAeA,EAAcI,OAAON,UAGxCO,WAAY,CACVd,OAAQ,OACRe,IAAK,MACLd,QAAS,WACTC,UAAW,SACXC,WAAYA,EAAWC,QAAQC,KAC/BC,SAAUA,EAASF,QAAQY,GAC3BR,WAAY,SACZC,cAAeA,EAAcL,QAAQY,GACrCN,WAAY,MACZ,CAACrB,EAAUsB,YAAYC,KAAK,WAAY,CACtCT,WAAYA,EAAWU,OAAOR,KAC9BC,SAAUA,EAASO,OAAOG,GAC1BR,WAAYA,EAAWK,OAAOG,GAC9BP,cAAeA,EAAcI,OAAOG,KAGxCC,UAAW,CACTjB,OAAQ,OACRN,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,KAAM,QACNC,UAAW,UACXiB,IAAK,MACLd,QAAS,WACTC,UAAW,SACXC,WAAYA,EAAWC,QAAQc,QAC/BZ,SAAUA,EAASF,QAAQe,GAC3BX,WAAY,SACZC,cAAeA,EAAcL,QAAQe,GACrCT,WAAY,MACZ,CAACrB,EAAUsB,YAAYC,KAAK,WAAY,CACtCT,WAAYA,EAAWU,OAAOK,QAC9BZ,SAAUA,EAASO,OAAOM,GAC1BX,WAAYA,EAAWK,OAAOM,GAC9BV,cAAeA,EAAcI,OAAOM"}

package/dist/components/atoms/Button/getButtonStyles.cjs.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("@mui/material/styles");module.exports=(t,o="primary",r="brand")=>{const a={generic:{focus:{outlineOffset:"2px",outline:`2px solid ${t.palette.semantic.stroke["stroke-focus"]}`,transition:"none"}},primary:{brand:{default:{backgroundColor:t.palette.semantic.fill["fill-primary-strong"],color:t.palette.semantic.text["text-inverse-strong"],borderRadius:"8px",boxShadow:t.customShadows?.raised},hover:{backgroundColor:e.darken(t.palette.semantic.fill["fill-primary-strong"],.1),color:t.palette.semantic.text["text-inverse-strong"],borderRadius:"8px",boxShadow:t.customShadows?.raised},press:{backgroundColor:e.darken(t.palette.semantic.fill["fill-primary-strong"],.2),color:t.palette.semantic.text["text-inverse-strong"],borderRadius:"8px",boxShadow:t.customShadows?.raised},disabled:{backgroundColor:t.palette.semantic.fill["fill-disabled"],borderColor:"transparent",color:t.palette.semantic.text["text-inverse-strong"],boxShadow:"none",cursor:"not-allowed"}},neutral:{default:{borderRadius:t.radius["radius-8"],backgroundColor:t.palette.semantic.fill["fill-strong"],color:t.palette.semantic.text["text-inverse-strong"],boxShadow:t.customShadows?.raised},hover:{borderRadius:t.radius["radius-8"],backgroundColor:e.lighten(t.palette.semantic.fill["fill-strong"],.1),color:t.palette.semantic.text["text-inverse-strong"],boxShadow:t.customShadows?.raised},press:{borderRadius:t.radius["radius-8"],backgroundColor:e.lighten(t.palette.semantic.fill["fill-strong"],.2),color:t.palette.semantic.text["text-inverse-strong"],boxShadow:t.customShadows?.raised},disabled:{backgroundColor:t.palette.semantic.fill["fill-disabled"],borderColor:"transparent",color:t.palette.semantic.text["text-inverse-strong"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}},inverse:{default:{borderRadius:t.radius["radius-8"],backgroundColor:t.palette.semantic.fill["fill-inverse-strong"],color:t.palette.semantic.text["text-strong"],boxShadow:t.customShadows?.raised},hover:{borderRadius:t.radius["radius-8"],backgroundColor:e.darken(t.palette.semantic.fill["fill-inverse-strong"],.1),color:t.palette.semantic.text["text-strong"],boxShadow:t.customShadows?.raised},press:{borderRadius:t.radius["radius-8"],backgroundColor:e.darken(t.palette.semantic.fill["fill-inverse-strong"],.2),color:t.palette.semantic.text["text-strong"],boxShadow:t.customShadows?.raised},focus:{borderRadius:t.radius["radius-8"],outlineOffset:"2px",outline:`2px solid ${e.lighten(t.palette.semantic.stroke["stroke-inverse-strong"],.4)}`,transition:"none"},disabled:{backgroundColor:t.palette.semantic.fill["fill-inverse-disabled"],color:t.palette.semantic.text["text-strong"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}},destructive:{default:{borderRadius:t.radius["radius-8"],backgroundColor:t.palette.semantic.fill["fill-error-strong"],color:t.palette.semantic.text["text-inverse-strong"],boxShadow:t.customShadows?.raised},hover:{borderRadius:t.radius["radius-8"],backgroundColor:e.darken(t.palette.semantic.fill["fill-error-strong"],.1),color:t.palette.semantic.text["text-inverse-strong"],boxShadow:t.customShadows?.raised},press:{borderRadius:t.radius["radius-8"],backgroundColor:e.darken(t.palette.semantic.fill["fill-error-strong"],.2),color:t.palette.semantic.text["text-inverse-strong"],boxShadow:t.customShadows?.raised},disabled:{backgroundColor:t.palette.semantic.fill["fill-disabled"],borderColor:"transparent",color:t.palette.semantic.text["text-inverse-strong"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}}},secondary:{brand:{default:{border:`1px solid ${t.palette.semantic.stroke["stroke-primary-strong"]}`,borderRadius:t.radius["radius-8"],backgroundColor:"transparent",color:t.palette.semantic.text["text-primary"],boxShadow:t.customShadows?.raised},hover:{border:`1px solid ${t.palette.semantic.stroke["stroke-primary-strong"]}`,borderRadius:t.radius["radius-8"],backgroundColor:t.palette.semantic.fill["fill-hover"],color:t.palette.semantic.text["text-primary"],boxShadow:t.customShadows?.raised},press:{border:`1px solid ${t.palette.semantic.stroke["stroke-primary-strong"]}`,borderRadius:t.radius["radius-8"],backgroundColor:t.palette.semantic.fill["fill-press"],color:t.palette.semantic.text["text-primary"],boxShadow:t.customShadows?.raised},disabled:{borderRadius:t.radius["radius-8"],border:`1px solid ${t.palette.semantic.stroke["stroke-disabled"]}`,backgroundColor:t.palette.semantic.fill["fill-white"],color:t.palette.semantic.text["text-disabled"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}},neutral:{default:{borderRadius:t.radius["radius-8"],border:`1px solid ${t.palette.semantic.stroke["stroke-strong"]}`,color:t.palette.semantic.text["text-strong"],boxShadow:t.customShadows?.raised},hover:{borderRadius:t.radius["radius-8"],border:`1px solid ${t.palette.semantic.stroke["stroke-strong"]}`,backgroundColor:t.palette.semantic.fill["fill-hover"],color:t.palette.semantic.text["text-strong"],boxShadow:t.customShadows?.raised},press:{borderRadius:t.radius["radius-8"],border:`1px solid ${t.palette.semantic.stroke["stroke-strong"]}`,backgroundColor:t.palette.semantic.fill["fill-press"],color:t.palette.semantic.text["text-strong"],boxShadow:t.customShadows?.raised},disabled:{borderRadius:t.radius["radius-8"],border:`1px solid ${t.palette.semantic.stroke["stroke-disabled"]}`,backgroundColor:t.palette.semantic.fill["fill-white"],color:t.palette.semantic.text["text-disabled"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}},inverse:{default:{borderRadius:t.radius["radius-8"],border:`1px solid ${t.palette.semantic.stroke["stroke-inverse-strong"]}`,backgroundColor:"transparent",color:t.palette.semantic.text["text-inverse-strong"],boxShadow:t.customShadows?.raised},hover:{borderRadius:t.radius["radius-8"],border:`1px solid ${t.palette.semantic.stroke["stroke-inverse-strong"]}`,backgroundColor:t.palette.semantic.fill["fill-inverse-hover"],color:t.palette.semantic.text["text-inverse-strong"],boxShadow:t.customShadows?.raised},press:{borderRadius:t.radius["radius-8"],border:`1px solid ${t.palette.semantic.stroke["stroke-inverse-strong"]}`,backgroundColor:t.palette.semantic.fill["fill-inverse-press"],color:t.palette.semantic.text["text-inverse-strong"],boxShadow:t.customShadows?.raised},disabled:{borderRadius:t.radius["radius-8"],border:`1px solid ${t.palette.semantic.stroke["stroke-inverse-disabled"]}`,backgroundColor:t.palette.semantic.fill["fill-inverse-hover"],color:t.palette.semantic.stroke["stroke-inverse-disabled"],boxShadow:"none",cursor:"not-allowed"}},destructive:{default:{borderRadius:t.radius["radius-8"],border:`1px solid ${t.palette.semantic.stroke["stroke-error-strong"]}`,backgroundColor:"transparent",color:t.palette.semantic.text["text-error"],boxShadow:t.customShadows?.raised},hover:{borderRadius:t.radius["radius-8"],border:`1px solid ${t.palette.semantic.stroke["stroke-error-strong"]}`,backgroundColor:t.palette.semantic.fill["fill-hover"],color:t.palette.semantic.text["text-error"],boxShadow:t.customShadows?.raised},press:{borderRadius:t.radius["radius-8"],border:`1px solid ${t.palette.semantic.stroke["stroke-error-strong"]}`,backgroundColor:t.palette.semantic.fill["fill-press"],color:t.palette.semantic.text["text-error"],boxShadow:t.customShadows?.raised},disabled:{backgroundColor:t.palette.semantic.fill["fill-white"],border:`1px solid ${t.palette.semantic.stroke["stroke-disabled"]}`,color:t.palette.semantic.text["text-disabled"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}}},tertiary:{brand:{default:{borderRadius:t.radius["radius-8"],border:"none",backgroundColor:"transparent",textDecoration:"underline",textUnderlineOffset:"25%",textUnderlinePosition:"from-font",color:t.palette.semantic.text["text-primary"],boxShadow:"none"},hover:{borderRadius:t.radius["radius-8"],border:"none",backgroundColor:t.palette.semantic.fill["fill-hover"],color:t.palette.semantic.text["text-primary"],boxShadow:"none"},press:{borderRadius:t.radius["radius-8"],border:"none",backgroundColor:t.palette.semantic.fill["fill-press"],color:t.palette.semantic.text["text-primary"],boxShadow:"none"},disabled:{borderRadius:t.radius["radius-8"],border:"none",backgroundColor:t.palette.semantic.fill["fill-white"],color:t.palette.semantic.text["text-disabled"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}},neutral:{default:{borderRadius:t.radius["radius-8"],border:"none",backgroundColor:"transparent",textDecoration:"underline",textUnderlineOffset:"25%",textUnderlinePosition:"from-font",color:t.palette.semantic.text["text-strong"],boxShadow:"none"},hover:{backgroundColor:t.palette.semantic.fill["fill-hover"],borderColor:t.palette.semantic.stroke["stroke-strong"],color:t.palette.semantic.text["text-strong"],boxShadow:"none"},press:{backgroundColor:t.palette.semantic.fill["fill-press"],borderColor:t.palette.semantic.stroke["stroke-strong"],color:t.palette.semantic.text["text-strong"],boxShadow:"none"},disabled:{borderRadius:t.radius["radius-8"],border:"none",backgroundColor:t.palette.semantic.fill["fill-white"],color:t.palette.semantic.text["text-disabled"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}},inverse:{default:{borderRadius:t.radius["radius-8"],border:"none",backgroundColor:"transparent",textDecoration:"underline",textUnderlineOffset:"25%",textUnderlinePosition:"from-font",color:t.palette.semantic.text["text-inverse-strong"],boxShadow:"none"},hover:{borderRadius:t.radius["radius-8"],border:"none",backgroundColor:t.palette.semantic.fill["fill-inverse-hover"],color:t.palette.semantic.text["text-inverse-strong"],boxShadow:"none"},press:{borderRadius:t.radius["radius-8"],border:"none",backgroundColor:t.palette.semantic.fill["fill-inverse-press"],color:t.palette.semantic.text["text-inverse-strong"],boxShadow:"none"},disabled:{borderRadius:t.radius["radius-8"],border:"none",backgroundColor:t.palette.semantic.fill["fill-strong"],color:t.palette.semantic.stroke["stroke-inverse-disabled"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"},focus:{borderRadius:t.radius["radius-8"],border:`1px solid ${t.palette.semantic.stroke["stroke-inverse-strong"]}`,backgroundColor:t.palette.semantic.fill["fill-inverse-hover"],color:t.palette.semantic.text["text-inverse-strong"],boxShadow:"none"}},destructive:{default:{borderRadius:t.radius["radius-8"],border:"none",backgroundColor:"transparent",textDecoration:"underline",textUnderlineOffset:"25%",textUnderlinePosition:"from-font",color:t.palette.semantic.text["text-error"],boxShadow:"none"},hover:{borderRadius:t.radius["radius-8"],border:"none",backgroundColor:t.palette.semantic.fill["fill-hover"],color:t.palette.semantic.text["text-error"],boxShadow:"none"},press:{borderRadius:t.radius["radius-8"],border:"none",backgroundColor:t.palette.semantic.fill["fill-press"],color:t.palette.semantic.text["text-error"],boxShadow:"none"},disabled:{borderRadius:t.radius["radius-8"],border:"none",backgroundColor:t.palette.semantic.fill["fill-white"],color:t.palette.semantic.text["text-disabled"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}}}};return{...a.generic,...a[o][r]}};
+//# sourceMappingURL=getButtonStyles.cjs.js.map

package/dist/components/atoms/Button/getButtonStyles.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getButtonStyles.cjs.js","sources":["../../../../src/components/atoms/Button/getButtonStyles.ts"],"sourcesContent":["import { darken, lighten, type Theme } from '@mui/material/styles';\n\nexport type ButtonType = 'primary' | 'secondary' | 'tertiary';\nexport type ButtonTone = 'brand' | 'destructive' | 'inverse' | 'neutral' | undefined;\ntype ButtonState = 'default' | 'disabled' | 'focus' | 'hover' | 'press';\n\ninterface StyleObject {\n  [property: string]: number | string | undefined;\n}\n\ntype ButtonStyles = {\n  [state in ButtonState]?: StyleObject;\n};\nconst getButtonStyles = (theme: Theme, variant: ButtonType = 'primary', tone: ButtonTone = 'brand'): ButtonStyles => {\n  const variants = {\n    generic: {\n      focus: {\n        outlineOffset: '2px',\n        outline: `2px solid ${theme.palette.semantic.stroke['stroke-focus']}`,\n        transition: 'none',\n      },\n    },\n    primary: {\n      brand: {\n        default: {\n          backgroundColor: theme.palette.semantic.fill['fill-primary-strong'],\n          color: theme.palette.semantic.text['text-inverse-strong'],\n          borderRadius: '8px',\n          boxShadow: theme.customShadows?.raised\n        },\n        hover: {\n          backgroundColor: darken(theme.palette.semantic.fill['fill-primary-strong'], 0.1),\n          color: theme.palette.semantic.text['text-inverse-strong'],\n          borderRadius: '8px',\n          boxShadow: theme.customShadows?.raised\n        },\n        press: {\n          backgroundColor: darken(theme.palette.semantic.fill['fill-primary-strong'], 0.2),\n          color: theme.palette.semantic.text['text-inverse-strong'],\n          borderRadius: '8px',\n          boxShadow: theme.customShadows?.raised\n        },\n        disabled: {\n          backgroundColor: theme.palette.semantic.fill['fill-disabled'],\n          borderColor: 'transparent',\n          color: theme.palette.semantic.text['text-inverse-strong'],\n          boxShadow: 'none',\n          cursor: 'not-allowed',\n        },\n      },\n      neutral: {\n        default: {\n          borderRadius: theme.radius['radius-8'],\n          backgroundColor: theme.palette.semantic.fill['fill-strong'],\n          color: theme.palette.semantic.text['text-inverse-strong'],\n          boxShadow: theme.customShadows?.raised\n        },\n        hover: {\n          borderRadius: theme.radius['radius-8'],\n          backgroundColor: lighten(theme.palette.semantic.fill['fill-strong'], 0.1),\n          color: theme.palette.semantic.text['text-inverse-strong'],\n          boxShadow: theme.customShadows?.raised\n        },\n        press: {\n          borderRadius: theme.radius['radius-8'],\n          backgroundColor: lighten(theme.palette.semantic.fill['fill-strong'], 0.2),\n          color: theme.palette.semantic.text['text-inverse-strong'],\n          boxShadow: theme.customShadows?.raised\n        },\n        disabled: {\n          backgroundColor: theme.palette.semantic.fill['fill-disabled'],\n          borderColor: 'transparent',\n          color: theme.palette.semantic.text['text-inverse-strong'],\n          boxShadow: 'none',\n          cursor: 'not-allowed',\n          pointerEvents: 'auto',\n        },\n      },\n      inverse: {\n        default: {\n          borderRadius: theme.radius['radius-8'],\n          backgroundColor: theme.palette.semantic.fill['fill-inverse-strong'],\n          color: theme.palette.semantic.text['text-strong'],\n          boxShadow: theme.customShadows?.raised\n        },\n        hover: {\n          borderRadius: theme.radius['radius-8'],\n          backgroundColor: darken(theme.palette.semantic.fill['fill-inverse-strong'], 0.1),\n          color: theme.palette.semantic.text['text-strong'],\n          boxShadow: theme.customShadows?.raised\n        },\n        press: {\n          borderRadius: theme.radius['radius-8'],\n          backgroundColor: darken(theme.palette.semantic.fill['fill-inverse-strong'], 0.2),\n          color: theme.palette.semantic.text['text-strong'],\n          boxShadow: theme.customShadows?.raised\n        },\n        focus: {\n          borderRadius: theme.radius['radius-8'],\n          outlineOffset: '2px',\n          outline: `2px solid ${lighten(theme.palette.semantic.stroke['stroke-inverse-strong'], 0.4)}`,\n          transition: 'none',\n        },\n        disabled: {\n          backgroundColor: theme.palette.semantic.fill['fill-inverse-disabled'],\n          color: theme.palette.semantic.text['text-strong'],\n          boxShadow: 'none',\n          cursor: 'not-allowed',\n          pointerEvents: 'auto',\n        },\n      },\n      destructive: {\n        default: {\n          borderRadius: theme.radius['radius-8'],\n          backgroundColor: theme.palette.semantic.fill['fill-error-strong'],\n          color: theme.palette.semantic.text['text-inverse-strong'],\n          boxShadow: theme.customShadows?.raised\n        },\n        hover: {\n          borderRadius: theme.radius['radius-8'],\n          backgroundColor: darken(theme.palette.semantic.fill['fill-error-strong'], 0.1),\n          color: theme.palette.semantic.text['text-inverse-strong'],\n          boxShadow: theme.customShadows?.raised\n        },\n        press: {\n          borderRadius: theme.radius['radius-8'],\n          backgroundColor: darken(theme.palette.semantic.fill['fill-error-strong'], 0.2),\n          color: theme.palette.semantic.text['text-inverse-strong'],\n          boxShadow: theme.customShadows?.raised\n        },\n        disabled: {\n          backgroundColor: theme.palette.semantic.fill['fill-disabled'],\n          borderColor: 'transparent',\n          color: theme.palette.semantic.text['text-inverse-strong'],\n          boxShadow: 'none',\n          cursor: 'not-allowed',\n          pointerEvents: 'auto',\n        },\n      },\n    },\n    secondary: {\n      brand: {\n        default: {\n          border: `1px solid ${theme.palette.semantic.stroke['stroke-primary-strong']}`,\n          borderRadius: theme.radius['radius-8'],\n          backgroundColor: 'transparent',\n          color: theme.palette.semantic.text['text-primary'],\n          boxShadow: theme.customShadows?.raised\n        },\n        hover: {\n          border: `1px solid ${theme.palette.semantic.stroke['stroke-primary-strong']}`,\n          borderRadius: theme.radius['radius-8'],\n          backgroundColor: theme.palette.semantic.fill['fill-hover'],\n          color: theme.palette.semantic.text['text-primary'],\n          boxShadow: theme.customShadows?.raised\n        },\n        press: {\n          border: `1px solid ${theme.palette.semantic.stroke['stroke-primary-strong']}`,\n          borderRadius: theme.radius['radius-8'],\n          backgroundColor: theme.palette.semantic.fill['fill-press'],\n          color: theme.palette.semantic.text['text-primary'],\n          boxShadow: theme.customShadows?.raised\n        },\n        disabled: {\n          borderRadius: theme.radius['radius-8'],\n          border: `1px solid ${theme.palette.semantic.stroke['stroke-disabled']}`,\n          backgroundColor: theme.palette.semantic.fill['fill-white'],\n          color: theme.palette.semantic.text['text-disabled'],\n          boxShadow: 'none',\n          cursor: 'not-allowed',\n          pointerEvents: 'auto',\n        },\n      },\n      neutral: {\n        default: {\n          borderRadius: theme.radius['radius-8'],\n          border: `1px solid ${theme.palette.semantic.stroke['stroke-strong']}`,\n          color: theme.palette.semantic.text['text-strong'],\n          boxShadow: theme.customShadows?.raised\n        },\n        hover: {\n          borderRadius: theme.radius['radius-8'],\n          border: `1px solid ${theme.palette.semantic.stroke['stroke-strong']}`,\n          backgroundColor: theme.palette.semantic.fill['fill-hover'],\n          color: theme.palette.semantic.text['text-strong'],\n          boxShadow: theme.customShadows?.raised\n        },\n        press: {\n          borderRadius: theme.radius['radius-8'],\n          border: `1px solid ${theme.palette.semantic.stroke['stroke-strong']}`,\n          backgroundColor: theme.palette.semantic.fill['fill-press'],\n          color: theme.palette.semantic.text['text-strong'],\n          boxShadow: theme.customShadows?.raised\n        },\n        disabled: {\n          borderRadius: theme.radius['radius-8'],\n          border: `1px solid ${theme.palette.semantic.stroke['stroke-disabled']}`,\n          backgroundColor: theme.palette.semantic.fill['fill-white'],\n          color: theme.palette.semantic.text['text-disabled'],\n          boxShadow: 'none',\n          cursor: 'not-allowed',\n          pointerEvents: 'auto',\n        },\n      },\n      inverse: {\n        default: {\n          borderRadius: theme.radius['radius-8'],\n          border: `1px solid ${theme.palette.semantic.stroke['stroke-inverse-strong']}`,\n          backgroundColor: 'transparent',\n          color: theme.palette.semantic.text['text-inverse-strong'],\n          boxShadow: theme.customShadows?.raised\n        },\n        hover: {\n          borderRadius: theme.radius['radius-8'],\n          border: `1px solid ${theme.palette.semantic.stroke['stroke-inverse-strong']}`,\n          backgroundColor: theme.palette.semantic.fill['fill-inverse-hover'],\n          color: theme.palette.semantic.text['text-inverse-strong'],\n          boxShadow: theme.customShadows?.raised\n        },\n        press: {\n          borderRadius: theme.radius['radius-8'],\n          border: `1px solid ${theme.palette.semantic.stroke['stroke-inverse-strong']}`,\n          backgroundColor: theme.palette.semantic.fill['fill-inverse-press'],\n          color: theme.palette.semantic.text['text-inverse-strong'],\n          boxShadow: theme.customShadows?.raised\n        },\n        disabled: {\n          borderRadius: theme.radius['radius-8'],\n          border: `1px solid ${theme.palette.semantic.stroke['stroke-inverse-disabled']}`,\n          backgroundColor: theme.palette.semantic.fill['fill-inverse-hover'],\n          color: theme.palette.semantic.stroke['stroke-inverse-disabled'],\n          boxShadow: 'none',\n          cursor: 'not-allowed',\n        },\n      },\n      destructive: {\n        default: {\n          borderRadius: theme.radius['radius-8'],\n          border: `1px solid ${theme.palette.semantic.stroke['stroke-error-strong']}`,\n          backgroundColor: 'transparent',\n          color: theme.palette.semantic.text['text-error'],\n          boxShadow: theme.customShadows?.raised\n        },\n        hover: {\n          borderRadius: theme.radius['radius-8'],\n          border: `1px solid ${theme.palette.semantic.stroke['stroke-error-strong']}`,\n          backgroundColor: theme.palette.semantic.fill['fill-hover'],\n          color: theme.palette.semantic.text['text-error'],\n          boxShadow: theme.customShadows?.raised\n        },\n        press: {\n          borderRadius: theme.radius['radius-8'],\n          border: `1px solid ${theme.palette.semantic.stroke['stroke-error-strong']}`,\n          backgroundColor: theme.palette.semantic.fill['fill-press'],\n          color: theme.palette.semantic.text['text-error'],\n          boxShadow: theme.customShadows?.raised\n        },\n        disabled: {\n          backgroundColor: theme.palette.semantic.fill['fill-white'],\n          border: `1px solid ${theme.palette.semantic.stroke['stroke-disabled']}`,\n          color: theme.palette.semantic.text['text-disabled'],\n          boxShadow: 'none',\n          cursor: 'not-allowed',\n          pointerEvents: 'auto',\n        },\n      },\n    },\n\n    tertiary: {\n      brand: {\n        default: {\n          borderRadius: theme.radius['radius-8'],\n          border: 'none',\n          backgroundColor: 'transparent',\n          textDecoration: 'underline',\n          textUnderlineOffset: '25%',\n          textUnderlinePosition: 'from-font',\n          color: theme.palette.semantic.text['text-primary'],\n          boxShadow: 'none'\n        },\n        hover: {\n          borderRadius: theme.radius['radius-8'],\n          border: 'none',\n          backgroundColor: theme.palette.semantic.fill['fill-hover'],\n          color: theme.palette.semantic.text['text-primary'],\n          boxShadow: 'none'\n        },\n        press: {\n          borderRadius: theme.radius['radius-8'],\n          border: 'none',\n          backgroundColor: theme.palette.semantic.fill['fill-press'],\n          color: theme.palette.semantic.text['text-primary'],\n          boxShadow: 'none'\n        },\n        disabled: {\n          borderRadius: theme.radius['radius-8'],\n          border: 'none',\n          backgroundColor: theme.palette.semantic.fill['fill-white'],\n          color: theme.palette.semantic.text['text-disabled'],\n          boxShadow: 'none',\n          cursor: 'not-allowed',\n          pointerEvents: 'auto',\n        },\n      },\n      neutral: {\n        default: {\n          borderRadius: theme.radius['radius-8'],\n          border: 'none',\n          backgroundColor: 'transparent',\n          textDecoration: 'underline',\n          textUnderlineOffset: '25%',\n          textUnderlinePosition: 'from-font',\n          color: theme.palette.semantic.text['text-strong'],\n          boxShadow: 'none'\n        },\n        hover: {\n          backgroundColor: theme.palette.semantic.fill['fill-hover'],\n          borderColor: theme.palette.semantic.stroke['stroke-strong'],\n          color: theme.palette.semantic.text['text-strong'],\n          boxShadow: 'none'\n        },\n        press: {\n          backgroundColor: theme.palette.semantic.fill['fill-press'],\n          borderColor: theme.palette.semantic.stroke['stroke-strong'],\n          color: theme.palette.semantic.text['text-strong'],\n          boxShadow: 'none'\n        },\n        disabled: {\n          borderRadius: theme.radius['radius-8'],\n          border:'none',\n          backgroundColor: theme.palette.semantic.fill['fill-white'],\n          color: theme.palette.semantic.text['text-disabled'],\n          boxShadow: 'none',\n          cursor: 'not-allowed',\n          pointerEvents: 'auto',\n        },\n      },\n      inverse: {\n        default: {\n          borderRadius: theme.radius['radius-8'],\n          border: 'none',\n          backgroundColor: 'transparent',\n          textDecoration: 'underline',\n          textUnderlineOffset: '25%',\n          textUnderlinePosition: 'from-font',\n          color: theme.palette.semantic.text['text-inverse-strong'],\n          boxShadow: 'none'\n        },\n        hover: {\n          borderRadius: theme.radius['radius-8'],\n          border: 'none',\n          backgroundColor: theme.palette.semantic.fill['fill-inverse-hover'],\n          color: theme.palette.semantic.text['text-inverse-strong'],\n          boxShadow: 'none'\n        },\n        press: {\n          borderRadius: theme.radius['radius-8'],\n          border: 'none',\n          backgroundColor: theme.palette.semantic.fill['fill-inverse-press'],\n          color: theme.palette.semantic.text['text-inverse-strong'],\n          boxShadow: 'none'\n        },\n        disabled: {\n          borderRadius: theme.radius['radius-8'],\n          border: 'none',\n          backgroundColor: theme.palette.semantic.fill['fill-strong'],\n          color: theme.palette.semantic.stroke['stroke-inverse-disabled'],\n          boxShadow: 'none',\n          cursor: 'not-allowed',\n          pointerEvents: 'auto',\n        },\n        focus: {\n          borderRadius: theme.radius['radius-8'],\n          border: `1px solid ${theme.palette.semantic.stroke['stroke-inverse-strong']}`,\n          backgroundColor: theme.palette.semantic.fill['fill-inverse-hover'],\n          color: theme.palette.semantic.text['text-inverse-strong'],\n          boxShadow: 'none'\n        },\n      },\n      destructive: {\n        default: {\n          borderRadius: theme.radius['radius-8'],\n          border: 'none',\n          backgroundColor: 'transparent',\n          textDecoration: 'underline',\n          textUnderlineOffset: '25%',\n          textUnderlinePosition: 'from-font',\n          color: theme.palette.semantic.text['text-error'],\n          boxShadow: 'none',\n        },\n        hover: {\n          borderRadius: theme.radius['radius-8'],\n          border: 'none',\n          backgroundColor: theme.palette.semantic.fill['fill-hover'],\n          color: theme.palette.semantic.text['text-error'],\n          boxShadow: 'none'\n        },\n        press: {\n          borderRadius: theme.radius['radius-8'],\n          border: 'none',\n          backgroundColor: theme.palette.semantic.fill['fill-press'],\n          color: theme.palette.semantic.text['text-error'],\n          boxShadow: 'none'\n        },\n        disabled: {\n          borderRadius: theme.radius['radius-8'],\n          border: 'none',\n          backgroundColor: theme.palette.semantic.fill['fill-white'],\n          color: theme.palette.semantic.text['text-disabled'],\n          boxShadow: 'none',\n          cursor: 'not-allowed',\n          pointerEvents: 'auto',\n        },\n      },\n    },\n  };\n  return { ...variants.generic, ...variants[variant][tone] };\n};\n\nexport default getButtonStyles;\n"],"names":["theme","variant","tone","variants","generic","focus","outlineOffset","outline","palette","semantic","stroke","transition","primary","brand","default","backgroundColor","fill","color","text","borderRadius","boxShadow","customShadows","raised","hover","darken","press","disabled","borderColor","cursor","neutral","radius","lighten","pointerEvents","inverse","destructive","secondary","border","tertiary","textDecoration","textUnderlineOffset","textUnderlinePosition"],"mappings":"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"}

package/dist/components/atoms/Button/getButtonStyles.d.ts

@@ -0,0 +1,15 @@
+import { Theme } from '@mui/material/styles';
+
+type ButtonType = 'primary' | 'secondary' | 'tertiary';
+type ButtonTone = 'brand' | 'destructive' | 'inverse' | 'neutral' | undefined;
+type ButtonState = 'default' | 'disabled' | 'focus' | 'hover' | 'press';
+interface StyleObject {
+    [property: string]: number | string | undefined;
+}
+type ButtonStyles = {
+    [state in ButtonState]?: StyleObject;
+};
+declare const getButtonStyles: (theme: Theme, variant?: ButtonType, tone?: ButtonTone) => ButtonStyles;
+
+export { getButtonStyles as default };
+export type { ButtonTone, ButtonType };

package/dist/components/atoms/Button/getButtonStyles.js

@@ -0,0 +1,2 @@
+import{darken as e,lighten as t}from"@mui/material/styles";const o=(o,r="primary",a="brand")=>{const s={generic:{focus:{outlineOffset:"2px",outline:`2px solid ${o.palette.semantic.stroke["stroke-focus"]}`,transition:"none"}},primary:{brand:{default:{backgroundColor:o.palette.semantic.fill["fill-primary-strong"],color:o.palette.semantic.text["text-inverse-strong"],borderRadius:"8px",boxShadow:o.customShadows?.raised},hover:{backgroundColor:e(o.palette.semantic.fill["fill-primary-strong"],.1),color:o.palette.semantic.text["text-inverse-strong"],borderRadius:"8px",boxShadow:o.customShadows?.raised},press:{backgroundColor:e(o.palette.semantic.fill["fill-primary-strong"],.2),color:o.palette.semantic.text["text-inverse-strong"],borderRadius:"8px",boxShadow:o.customShadows?.raised},disabled:{backgroundColor:o.palette.semantic.fill["fill-disabled"],borderColor:"transparent",color:o.palette.semantic.text["text-inverse-strong"],boxShadow:"none",cursor:"not-allowed"}},neutral:{default:{borderRadius:o.radius["radius-8"],backgroundColor:o.palette.semantic.fill["fill-strong"],color:o.palette.semantic.text["text-inverse-strong"],boxShadow:o.customShadows?.raised},hover:{borderRadius:o.radius["radius-8"],backgroundColor:t(o.palette.semantic.fill["fill-strong"],.1),color:o.palette.semantic.text["text-inverse-strong"],boxShadow:o.customShadows?.raised},press:{borderRadius:o.radius["radius-8"],backgroundColor:t(o.palette.semantic.fill["fill-strong"],.2),color:o.palette.semantic.text["text-inverse-strong"],boxShadow:o.customShadows?.raised},disabled:{backgroundColor:o.palette.semantic.fill["fill-disabled"],borderColor:"transparent",color:o.palette.semantic.text["text-inverse-strong"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}},inverse:{default:{borderRadius:o.radius["radius-8"],backgroundColor:o.palette.semantic.fill["fill-inverse-strong"],color:o.palette.semantic.text["text-strong"],boxShadow:o.customShadows?.raised},hover:{borderRadius:o.radius["radius-8"],backgroundColor:e(o.palette.semantic.fill["fill-inverse-strong"],.1),color:o.palette.semantic.text["text-strong"],boxShadow:o.customShadows?.raised},press:{borderRadius:o.radius["radius-8"],backgroundColor:e(o.palette.semantic.fill["fill-inverse-strong"],.2),color:o.palette.semantic.text["text-strong"],boxShadow:o.customShadows?.raised},focus:{borderRadius:o.radius["radius-8"],outlineOffset:"2px",outline:`2px solid ${t(o.palette.semantic.stroke["stroke-inverse-strong"],.4)}`,transition:"none"},disabled:{backgroundColor:o.palette.semantic.fill["fill-inverse-disabled"],color:o.palette.semantic.text["text-strong"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}},destructive:{default:{borderRadius:o.radius["radius-8"],backgroundColor:o.palette.semantic.fill["fill-error-strong"],color:o.palette.semantic.text["text-inverse-strong"],boxShadow:o.customShadows?.raised},hover:{borderRadius:o.radius["radius-8"],backgroundColor:e(o.palette.semantic.fill["fill-error-strong"],.1),color:o.palette.semantic.text["text-inverse-strong"],boxShadow:o.customShadows?.raised},press:{borderRadius:o.radius["radius-8"],backgroundColor:e(o.palette.semantic.fill["fill-error-strong"],.2),color:o.palette.semantic.text["text-inverse-strong"],boxShadow:o.customShadows?.raised},disabled:{backgroundColor:o.palette.semantic.fill["fill-disabled"],borderColor:"transparent",color:o.palette.semantic.text["text-inverse-strong"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}}},secondary:{brand:{default:{border:`1px solid ${o.palette.semantic.stroke["stroke-primary-strong"]}`,borderRadius:o.radius["radius-8"],backgroundColor:"transparent",color:o.palette.semantic.text["text-primary"],boxShadow:o.customShadows?.raised},hover:{border:`1px solid ${o.palette.semantic.stroke["stroke-primary-strong"]}`,borderRadius:o.radius["radius-8"],backgroundColor:o.palette.semantic.fill["fill-hover"],color:o.palette.semantic.text["text-primary"],boxShadow:o.customShadows?.raised},press:{border:`1px solid ${o.palette.semantic.stroke["stroke-primary-strong"]}`,borderRadius:o.radius["radius-8"],backgroundColor:o.palette.semantic.fill["fill-press"],color:o.palette.semantic.text["text-primary"],boxShadow:o.customShadows?.raised},disabled:{borderRadius:o.radius["radius-8"],border:`1px solid ${o.palette.semantic.stroke["stroke-disabled"]}`,backgroundColor:o.palette.semantic.fill["fill-white"],color:o.palette.semantic.text["text-disabled"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}},neutral:{default:{borderRadius:o.radius["radius-8"],border:`1px solid ${o.palette.semantic.stroke["stroke-strong"]}`,color:o.palette.semantic.text["text-strong"],boxShadow:o.customShadows?.raised},hover:{borderRadius:o.radius["radius-8"],border:`1px solid ${o.palette.semantic.stroke["stroke-strong"]}`,backgroundColor:o.palette.semantic.fill["fill-hover"],color:o.palette.semantic.text["text-strong"],boxShadow:o.customShadows?.raised},press:{borderRadius:o.radius["radius-8"],border:`1px solid ${o.palette.semantic.stroke["stroke-strong"]}`,backgroundColor:o.palette.semantic.fill["fill-press"],color:o.palette.semantic.text["text-strong"],boxShadow:o.customShadows?.raised},disabled:{borderRadius:o.radius["radius-8"],border:`1px solid ${o.palette.semantic.stroke["stroke-disabled"]}`,backgroundColor:o.palette.semantic.fill["fill-white"],color:o.palette.semantic.text["text-disabled"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}},inverse:{default:{borderRadius:o.radius["radius-8"],border:`1px solid ${o.palette.semantic.stroke["stroke-inverse-strong"]}`,backgroundColor:"transparent",color:o.palette.semantic.text["text-inverse-strong"],boxShadow:o.customShadows?.raised},hover:{borderRadius:o.radius["radius-8"],border:`1px solid ${o.palette.semantic.stroke["stroke-inverse-strong"]}`,backgroundColor:o.palette.semantic.fill["fill-inverse-hover"],color:o.palette.semantic.text["text-inverse-strong"],boxShadow:o.customShadows?.raised},press:{borderRadius:o.radius["radius-8"],border:`1px solid ${o.palette.semantic.stroke["stroke-inverse-strong"]}`,backgroundColor:o.palette.semantic.fill["fill-inverse-press"],color:o.palette.semantic.text["text-inverse-strong"],boxShadow:o.customShadows?.raised},disabled:{borderRadius:o.radius["radius-8"],border:`1px solid ${o.palette.semantic.stroke["stroke-inverse-disabled"]}`,backgroundColor:o.palette.semantic.fill["fill-inverse-hover"],color:o.palette.semantic.stroke["stroke-inverse-disabled"],boxShadow:"none",cursor:"not-allowed"}},destructive:{default:{borderRadius:o.radius["radius-8"],border:`1px solid ${o.palette.semantic.stroke["stroke-error-strong"]}`,backgroundColor:"transparent",color:o.palette.semantic.text["text-error"],boxShadow:o.customShadows?.raised},hover:{borderRadius:o.radius["radius-8"],border:`1px solid ${o.palette.semantic.stroke["stroke-error-strong"]}`,backgroundColor:o.palette.semantic.fill["fill-hover"],color:o.palette.semantic.text["text-error"],boxShadow:o.customShadows?.raised},press:{borderRadius:o.radius["radius-8"],border:`1px solid ${o.palette.semantic.stroke["stroke-error-strong"]}`,backgroundColor:o.palette.semantic.fill["fill-press"],color:o.palette.semantic.text["text-error"],boxShadow:o.customShadows?.raised},disabled:{backgroundColor:o.palette.semantic.fill["fill-white"],border:`1px solid ${o.palette.semantic.stroke["stroke-disabled"]}`,color:o.palette.semantic.text["text-disabled"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}}},tertiary:{brand:{default:{borderRadius:o.radius["radius-8"],border:"none",backgroundColor:"transparent",textDecoration:"underline",textUnderlineOffset:"25%",textUnderlinePosition:"from-font",color:o.palette.semantic.text["text-primary"],boxShadow:"none"},hover:{borderRadius:o.radius["radius-8"],border:"none",backgroundColor:o.palette.semantic.fill["fill-hover"],color:o.palette.semantic.text["text-primary"],boxShadow:"none"},press:{borderRadius:o.radius["radius-8"],border:"none",backgroundColor:o.palette.semantic.fill["fill-press"],color:o.palette.semantic.text["text-primary"],boxShadow:"none"},disabled:{borderRadius:o.radius["radius-8"],border:"none",backgroundColor:o.palette.semantic.fill["fill-white"],color:o.palette.semantic.text["text-disabled"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}},neutral:{default:{borderRadius:o.radius["radius-8"],border:"none",backgroundColor:"transparent",textDecoration:"underline",textUnderlineOffset:"25%",textUnderlinePosition:"from-font",color:o.palette.semantic.text["text-strong"],boxShadow:"none"},hover:{backgroundColor:o.palette.semantic.fill["fill-hover"],borderColor:o.palette.semantic.stroke["stroke-strong"],color:o.palette.semantic.text["text-strong"],boxShadow:"none"},press:{backgroundColor:o.palette.semantic.fill["fill-press"],borderColor:o.palette.semantic.stroke["stroke-strong"],color:o.palette.semantic.text["text-strong"],boxShadow:"none"},disabled:{borderRadius:o.radius["radius-8"],border:"none",backgroundColor:o.palette.semantic.fill["fill-white"],color:o.palette.semantic.text["text-disabled"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}},inverse:{default:{borderRadius:o.radius["radius-8"],border:"none",backgroundColor:"transparent",textDecoration:"underline",textUnderlineOffset:"25%",textUnderlinePosition:"from-font",color:o.palette.semantic.text["text-inverse-strong"],boxShadow:"none"},hover:{borderRadius:o.radius["radius-8"],border:"none",backgroundColor:o.palette.semantic.fill["fill-inverse-hover"],color:o.palette.semantic.text["text-inverse-strong"],boxShadow:"none"},press:{borderRadius:o.radius["radius-8"],border:"none",backgroundColor:o.palette.semantic.fill["fill-inverse-press"],color:o.palette.semantic.text["text-inverse-strong"],boxShadow:"none"},disabled:{borderRadius:o.radius["radius-8"],border:"none",backgroundColor:o.palette.semantic.fill["fill-strong"],color:o.palette.semantic.stroke["stroke-inverse-disabled"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"},focus:{borderRadius:o.radius["radius-8"],border:`1px solid ${o.palette.semantic.stroke["stroke-inverse-strong"]}`,backgroundColor:o.palette.semantic.fill["fill-inverse-hover"],color:o.palette.semantic.text["text-inverse-strong"],boxShadow:"none"}},destructive:{default:{borderRadius:o.radius["radius-8"],border:"none",backgroundColor:"transparent",textDecoration:"underline",textUnderlineOffset:"25%",textUnderlinePosition:"from-font",color:o.palette.semantic.text["text-error"],boxShadow:"none"},hover:{borderRadius:o.radius["radius-8"],border:"none",backgroundColor:o.palette.semantic.fill["fill-hover"],color:o.palette.semantic.text["text-error"],boxShadow:"none"},press:{borderRadius:o.radius["radius-8"],border:"none",backgroundColor:o.palette.semantic.fill["fill-press"],color:o.palette.semantic.text["text-error"],boxShadow:"none"},disabled:{borderRadius:o.radius["radius-8"],border:"none",backgroundColor:o.palette.semantic.fill["fill-white"],color:o.palette.semantic.text["text-disabled"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}}}};return{...s.generic,...s[r][a]}};export{o as default};
+//# sourceMappingURL=getButtonStyles.js.map

package/dist/components/atoms/Button/getButtonStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getButtonStyles.js","sources":["../../../../src/components/atoms/Button/getButtonStyles.ts"],"sourcesContent":["import { darken, lighten, type Theme } from '@mui/material/styles';\n\nexport type ButtonType = 'primary' | 'secondary' | 'tertiary';\nexport type ButtonTone = 'brand' | 'destructive' | 'inverse' | 'neutral' | undefined;\ntype ButtonState = 'default' | 'disabled' | 'focus' | 'hover' | 'press';\n\ninterface StyleObject {\n  [property: string]: number | string | undefined;\n}\n\ntype ButtonStyles = {\n  [state in ButtonState]?: StyleObject;\n};\nconst getButtonStyles = (theme: Theme, variant: ButtonType = 'primary', tone: ButtonTone = 'brand'): ButtonStyles => {\n  const variants = {\n    generic: {\n      focus: {\n        outlineOffset: '2px',\n        outline: `2px solid ${theme.palette.semantic.stroke['stroke-focus']}`,\n        transition: 'none',\n      },\n    },\n    primary: {\n      brand: {\n        default: {\n          backgroundColor: theme.palette.semantic.fill['fill-primary-strong'],\n          color: theme.palette.semantic.text['text-inverse-strong'],\n          borderRadius: '8px',\n          boxShadow: theme.customShadows?.raised\n        },\n        hover: {\n          backgroundColor: darken(theme.palette.semantic.fill['fill-primary-strong'], 0.1),\n          color: theme.palette.semantic.text['text-inverse-strong'],\n          borderRadius: '8px',\n          boxShadow: theme.customShadows?.raised\n        },\n        press: {\n          backgroundColor: darken(theme.palette.semantic.fill['fill-primary-strong'], 0.2),\n          color: theme.palette.semantic.text['text-inverse-strong'],\n          borderRadius: '8px',\n          boxShadow: theme.customShadows?.raised\n        },\n        disabled: {\n          backgroundColor: theme.palette.semantic.fill['fill-disabled'],\n          borderColor: 'transparent',\n          color: theme.palette.semantic.text['text-inverse-strong'],\n          boxShadow: 'none',\n          cursor: 'not-allowed',\n        },\n      },\n      neutral: {\n        default: {\n          borderRadius: theme.radius['radius-8'],\n          backgroundColor: theme.palette.semantic.fill['fill-strong'],\n          color: theme.palette.semantic.text['text-inverse-strong'],\n          boxShadow: theme.customShadows?.raised\n        },\n        hover: {\n          borderRadius: theme.radius['radius-8'],\n          backgroundColor: lighten(theme.palette.semantic.fill['fill-strong'], 0.1),\n          color: theme.palette.semantic.text['text-inverse-strong'],\n          boxShadow: theme.customShadows?.raised\n        },\n        press: {\n          borderRadius: theme.radius['radius-8'],\n          backgroundColor: lighten(theme.palette.semantic.fill['fill-strong'], 0.2),\n          color: theme.palette.semantic.text['text-inverse-strong'],\n          boxShadow: theme.customShadows?.raised\n        },\n        disabled: {\n          backgroundColor: theme.palette.semantic.fill['fill-disabled'],\n          borderColor: 'transparent',\n          color: theme.palette.semantic.text['text-inverse-strong'],\n          boxShadow: 'none',\n          cursor: 'not-allowed',\n          pointerEvents: 'auto',\n        },\n      },\n      inverse: {\n        default: {\n          borderRadius: theme.radius['radius-8'],\n          backgroundColor: theme.palette.semantic.fill['fill-inverse-strong'],\n          color: theme.palette.semantic.text['text-strong'],\n          boxShadow: theme.customShadows?.raised\n        },\n        hover: {\n          borderRadius: theme.radius['radius-8'],\n          backgroundColor: darken(theme.palette.semantic.fill['fill-inverse-strong'], 0.1),\n          color: theme.palette.semantic.text['text-strong'],\n          boxShadow: theme.customShadows?.raised\n        },\n        press: {\n          borderRadius: theme.radius['radius-8'],\n          backgroundColor: darken(theme.palette.semantic.fill['fill-inverse-strong'], 0.2),\n          color: theme.palette.semantic.text['text-strong'],\n          boxShadow: theme.customShadows?.raised\n        },\n        focus: {\n          borderRadius: theme.radius['radius-8'],\n          outlineOffset: '2px',\n          outline: `2px solid ${lighten(theme.palette.semantic.stroke['stroke-inverse-strong'], 0.4)}`,\n          transition: 'none',\n        },\n        disabled: {\n          backgroundColor: theme.palette.semantic.fill['fill-inverse-disabled'],\n          color: theme.palette.semantic.text['text-strong'],\n          boxShadow: 'none',\n          cursor: 'not-allowed',\n          pointerEvents: 'auto',\n        },\n      },\n      destructive: {\n        default: {\n          borderRadius: theme.radius['radius-8'],\n          backgroundColor: theme.palette.semantic.fill['fill-error-strong'],\n          color: theme.palette.semantic.text['text-inverse-strong'],\n          boxShadow: theme.customShadows?.raised\n        },\n        hover: {\n          borderRadius: theme.radius['radius-8'],\n          backgroundColor: darken(theme.palette.semantic.fill['fill-error-strong'], 0.1),\n          color: theme.palette.semantic.text['text-inverse-strong'],\n          boxShadow: theme.customShadows?.raised\n        },\n        press: {\n          borderRadius: theme.radius['radius-8'],\n          backgroundColor: darken(theme.palette.semantic.fill['fill-error-strong'], 0.2),\n          color: theme.palette.semantic.text['text-inverse-strong'],\n          boxShadow: theme.customShadows?.raised\n        },\n        disabled: {\n          backgroundColor: theme.palette.semantic.fill['fill-disabled'],\n          borderColor: 'transparent',\n          color: theme.palette.semantic.text['text-inverse-strong'],\n          boxShadow: 'none',\n          cursor: 'not-allowed',\n          pointerEvents: 'auto',\n        },\n      },\n    },\n    secondary: {\n      brand: {\n        default: {\n          border: `1px solid ${theme.palette.semantic.stroke['stroke-primary-strong']}`,\n          borderRadius: theme.radius['radius-8'],\n          backgroundColor: 'transparent',\n          color: theme.palette.semantic.text['text-primary'],\n          boxShadow: theme.customShadows?.raised\n        },\n        hover: {\n          border: `1px solid ${theme.palette.semantic.stroke['stroke-primary-strong']}`,\n          borderRadius: theme.radius['radius-8'],\n          backgroundColor: theme.palette.semantic.fill['fill-hover'],\n          color: theme.palette.semantic.text['text-primary'],\n          boxShadow: theme.customShadows?.raised\n        },\n        press: {\n          border: `1px solid ${theme.palette.semantic.stroke['stroke-primary-strong']}`,\n          borderRadius: theme.radius['radius-8'],\n          backgroundColor: theme.palette.semantic.fill['fill-press'],\n          color: theme.palette.semantic.text['text-primary'],\n          boxShadow: theme.customShadows?.raised\n        },\n        disabled: {\n          borderRadius: theme.radius['radius-8'],\n          border: `1px solid ${theme.palette.semantic.stroke['stroke-disabled']}`,\n          backgroundColor: theme.palette.semantic.fill['fill-white'],\n          color: theme.palette.semantic.text['text-disabled'],\n          boxShadow: 'none',\n          cursor: 'not-allowed',\n          pointerEvents: 'auto',\n        },\n      },\n      neutral: {\n        default: {\n          borderRadius: theme.radius['radius-8'],\n          border: `1px solid ${theme.palette.semantic.stroke['stroke-strong']}`,\n          color: theme.palette.semantic.text['text-strong'],\n          boxShadow: theme.customShadows?.raised\n        },\n        hover: {\n          borderRadius: theme.radius['radius-8'],\n          border: `1px solid ${theme.palette.semantic.stroke['stroke-strong']}`,\n          backgroundColor: theme.palette.semantic.fill['fill-hover'],\n          color: theme.palette.semantic.text['text-strong'],\n          boxShadow: theme.customShadows?.raised\n        },\n        press: {\n          borderRadius: theme.radius['radius-8'],\n          border: `1px solid ${theme.palette.semantic.stroke['stroke-strong']}`,\n          backgroundColor: theme.palette.semantic.fill['fill-press'],\n          color: theme.palette.semantic.text['text-strong'],\n          boxShadow: theme.customShadows?.raised\n        },\n        disabled: {\n          borderRadius: theme.radius['radius-8'],\n          border: `1px solid ${theme.palette.semantic.stroke['stroke-disabled']}`,\n          backgroundColor: theme.palette.semantic.fill['fill-white'],\n          color: theme.palette.semantic.text['text-disabled'],\n          boxShadow: 'none',\n          cursor: 'not-allowed',\n          pointerEvents: 'auto',\n        },\n      },\n      inverse: {\n        default: {\n          borderRadius: theme.radius['radius-8'],\n          border: `1px solid ${theme.palette.semantic.stroke['stroke-inverse-strong']}`,\n          backgroundColor: 'transparent',\n          color: theme.palette.semantic.text['text-inverse-strong'],\n          boxShadow: theme.customShadows?.raised\n        },\n        hover: {\n          borderRadius: theme.radius['radius-8'],\n          border: `1px solid ${theme.palette.semantic.stroke['stroke-inverse-strong']}`,\n          backgroundColor: theme.palette.semantic.fill['fill-inverse-hover'],\n          color: theme.palette.semantic.text['text-inverse-strong'],\n          boxShadow: theme.customShadows?.raised\n        },\n        press: {\n          borderRadius: theme.radius['radius-8'],\n          border: `1px solid ${theme.palette.semantic.stroke['stroke-inverse-strong']}`,\n          backgroundColor: theme.palette.semantic.fill['fill-inverse-press'],\n          color: theme.palette.semantic.text['text-inverse-strong'],\n          boxShadow: theme.customShadows?.raised\n        },\n        disabled: {\n          borderRadius: theme.radius['radius-8'],\n          border: `1px solid ${theme.palette.semantic.stroke['stroke-inverse-disabled']}`,\n          backgroundColor: theme.palette.semantic.fill['fill-inverse-hover'],\n          color: theme.palette.semantic.stroke['stroke-inverse-disabled'],\n          boxShadow: 'none',\n          cursor: 'not-allowed',\n        },\n      },\n      destructive: {\n        default: {\n          borderRadius: theme.radius['radius-8'],\n          border: `1px solid ${theme.palette.semantic.stroke['stroke-error-strong']}`,\n          backgroundColor: 'transparent',\n          color: theme.palette.semantic.text['text-error'],\n          boxShadow: theme.customShadows?.raised\n        },\n        hover: {\n          borderRadius: theme.radius['radius-8'],\n          border: `1px solid ${theme.palette.semantic.stroke['stroke-error-strong']}`,\n          backgroundColor: theme.palette.semantic.fill['fill-hover'],\n          color: theme.palette.semantic.text['text-error'],\n          boxShadow: theme.customShadows?.raised\n        },\n        press: {\n          borderRadius: theme.radius['radius-8'],\n          border: `1px solid ${theme.palette.semantic.stroke['stroke-error-strong']}`,\n          backgroundColor: theme.palette.semantic.fill['fill-press'],\n          color: theme.palette.semantic.text['text-error'],\n          boxShadow: theme.customShadows?.raised\n        },\n        disabled: {\n          backgroundColor: theme.palette.semantic.fill['fill-white'],\n          border: `1px solid ${theme.palette.semantic.stroke['stroke-disabled']}`,\n          color: theme.palette.semantic.text['text-disabled'],\n          boxShadow: 'none',\n          cursor: 'not-allowed',\n          pointerEvents: 'auto',\n        },\n      },\n    },\n\n    tertiary: {\n      brand: {\n        default: {\n          borderRadius: theme.radius['radius-8'],\n          border: 'none',\n          backgroundColor: 'transparent',\n          textDecoration: 'underline',\n          textUnderlineOffset: '25%',\n          textUnderlinePosition: 'from-font',\n          color: theme.palette.semantic.text['text-primary'],\n          boxShadow: 'none'\n        },\n        hover: {\n          borderRadius: theme.radius['radius-8'],\n          border: 'none',\n          backgroundColor: theme.palette.semantic.fill['fill-hover'],\n          color: theme.palette.semantic.text['text-primary'],\n          boxShadow: 'none'\n        },\n        press: {\n          borderRadius: theme.radius['radius-8'],\n          border: 'none',\n          backgroundColor: theme.palette.semantic.fill['fill-press'],\n          color: theme.palette.semantic.text['text-primary'],\n          boxShadow: 'none'\n        },\n        disabled: {\n          borderRadius: theme.radius['radius-8'],\n          border: 'none',\n          backgroundColor: theme.palette.semantic.fill['fill-white'],\n          color: theme.palette.semantic.text['text-disabled'],\n          boxShadow: 'none',\n          cursor: 'not-allowed',\n          pointerEvents: 'auto',\n        },\n      },\n      neutral: {\n        default: {\n          borderRadius: theme.radius['radius-8'],\n          border: 'none',\n          backgroundColor: 'transparent',\n          textDecoration: 'underline',\n          textUnderlineOffset: '25%',\n          textUnderlinePosition: 'from-font',\n          color: theme.palette.semantic.text['text-strong'],\n          boxShadow: 'none'\n        },\n        hover: {\n          backgroundColor: theme.palette.semantic.fill['fill-hover'],\n          borderColor: theme.palette.semantic.stroke['stroke-strong'],\n          color: theme.palette.semantic.text['text-strong'],\n          boxShadow: 'none'\n        },\n        press: {\n          backgroundColor: theme.palette.semantic.fill['fill-press'],\n          borderColor: theme.palette.semantic.stroke['stroke-strong'],\n          color: theme.palette.semantic.text['text-strong'],\n          boxShadow: 'none'\n        },\n        disabled: {\n          borderRadius: theme.radius['radius-8'],\n          border:'none',\n          backgroundColor: theme.palette.semantic.fill['fill-white'],\n          color: theme.palette.semantic.text['text-disabled'],\n          boxShadow: 'none',\n          cursor: 'not-allowed',\n          pointerEvents: 'auto',\n        },\n      },\n      inverse: {\n        default: {\n          borderRadius: theme.radius['radius-8'],\n          border: 'none',\n          backgroundColor: 'transparent',\n          textDecoration: 'underline',\n          textUnderlineOffset: '25%',\n          textUnderlinePosition: 'from-font',\n          color: theme.palette.semantic.text['text-inverse-strong'],\n          boxShadow: 'none'\n        },\n        hover: {\n          borderRadius: theme.radius['radius-8'],\n          border: 'none',\n          backgroundColor: theme.palette.semantic.fill['fill-inverse-hover'],\n          color: theme.palette.semantic.text['text-inverse-strong'],\n          boxShadow: 'none'\n        },\n        press: {\n          borderRadius: theme.radius['radius-8'],\n          border: 'none',\n          backgroundColor: theme.palette.semantic.fill['fill-inverse-press'],\n          color: theme.palette.semantic.text['text-inverse-strong'],\n          boxShadow: 'none'\n        },\n        disabled: {\n          borderRadius: theme.radius['radius-8'],\n          border: 'none',\n          backgroundColor: theme.palette.semantic.fill['fill-strong'],\n          color: theme.palette.semantic.stroke['stroke-inverse-disabled'],\n          boxShadow: 'none',\n          cursor: 'not-allowed',\n          pointerEvents: 'auto',\n        },\n        focus: {\n          borderRadius: theme.radius['radius-8'],\n          border: `1px solid ${theme.palette.semantic.stroke['stroke-inverse-strong']}`,\n          backgroundColor: theme.palette.semantic.fill['fill-inverse-hover'],\n          color: theme.palette.semantic.text['text-inverse-strong'],\n          boxShadow: 'none'\n        },\n      },\n      destructive: {\n        default: {\n          borderRadius: theme.radius['radius-8'],\n          border: 'none',\n          backgroundColor: 'transparent',\n          textDecoration: 'underline',\n          textUnderlineOffset: '25%',\n          textUnderlinePosition: 'from-font',\n          color: theme.palette.semantic.text['text-error'],\n          boxShadow: 'none',\n        },\n        hover: {\n          borderRadius: theme.radius['radius-8'],\n          border: 'none',\n          backgroundColor: theme.palette.semantic.fill['fill-hover'],\n          color: theme.palette.semantic.text['text-error'],\n          boxShadow: 'none'\n        },\n        press: {\n          borderRadius: theme.radius['radius-8'],\n          border: 'none',\n          backgroundColor: theme.palette.semantic.fill['fill-press'],\n          color: theme.palette.semantic.text['text-error'],\n          boxShadow: 'none'\n        },\n        disabled: {\n          borderRadius: theme.radius['radius-8'],\n          border: 'none',\n          backgroundColor: theme.palette.semantic.fill['fill-white'],\n          color: theme.palette.semantic.text['text-disabled'],\n          boxShadow: 'none',\n          cursor: 'not-allowed',\n          pointerEvents: 'auto',\n        },\n      },\n    },\n  };\n  return { ...variants.generic, ...variants[variant][tone] };\n};\n\nexport default getButtonStyles;\n"],"names":["getButtonStyles","theme","variant","tone","variants","generic","focus","outlineOffset","outline","palette","semantic","stroke","transition","primary","brand","default","backgroundColor","fill","color","text","borderRadius","boxShadow","customShadows","raised","hover","darken","press","disabled","borderColor","cursor","neutral","radius","lighten","pointerEvents","inverse","destructive","secondary","border","tertiary","textDecoration","textUnderlineOffset","textUnderlinePosition"],"mappings":"2DAaM,MAAAA,EAAkB,CAACC,EAAcC,EAAsB,UAAWC,EAAmB,WACzF,MAAMC,EAAW,CACfC,QAAS,CACPC,MAAO,CACLC,cAAe,MACfC,QAAS,aAAaP,EAAMQ,QAAQC,SAASC,OAAO,kBACpDC,WAAY,SAGhBC,QAAS,CACPC,MAAO,CACLC,QAAS,CACPC,gBAAiBf,EAAMQ,QAAQC,SAASO,KAAK,uBAC7CC,MAAOjB,EAAMQ,QAAQC,SAASS,KAAK,uBACnCC,aAAc,MACdC,UAAWpB,EAAMqB,eAAeC,QAElCC,MAAO,CACLR,gBAAiBS,EAAOxB,EAAMQ,QAAQC,SAASO,KAAK,uBAAwB,IAC5EC,MAAOjB,EAAMQ,QAAQC,SAASS,KAAK,uBACnCC,aAAc,MACdC,UAAWpB,EAAMqB,eAAeC,QAElCG,MAAO,CACLV,gBAAiBS,EAAOxB,EAAMQ,QAAQC,SAASO,KAAK,uBAAwB,IAC5EC,MAAOjB,EAAMQ,QAAQC,SAASS,KAAK,uBACnCC,aAAc,MACdC,UAAWpB,EAAMqB,eAAeC,QAElCI,SAAU,CACRX,gBAAiBf,EAAMQ,QAAQC,SAASO,KAAK,iBAC7CW,YAAa,cACbV,MAAOjB,EAAMQ,QAAQC,SAASS,KAAK,uBACnCE,UAAW,OACXQ,OAAQ,gBAGZC,QAAS,CACPf,QAAS,CACPK,aAAcnB,EAAM8B,OAAO,YAC3Bf,gBAAiBf,EAAMQ,QAAQC,SAASO,KAAK,eAC7CC,MAAOjB,EAAMQ,QAAQC,SAASS,KAAK,uBACnCE,UAAWpB,EAAMqB,eAAeC,QAElCC,MAAO,CACLJ,aAAcnB,EAAM8B,OAAO,YAC3Bf,gBAAiBgB,EAAQ/B,EAAMQ,QAAQC,SAASO,KAAK,eAAgB,IACrEC,MAAOjB,EAAMQ,QAAQC,SAASS,KAAK,uBACnCE,UAAWpB,EAAMqB,eAAeC,QAElCG,MAAO,CACLN,aAAcnB,EAAM8B,OAAO,YAC3Bf,gBAAiBgB,EAAQ/B,EAAMQ,QAAQC,SAASO,KAAK,eAAgB,IACrEC,MAAOjB,EAAMQ,QAAQC,SAASS,KAAK,uBACnCE,UAAWpB,EAAMqB,eAAeC,QAElCI,SAAU,CACRX,gBAAiBf,EAAMQ,QAAQC,SAASO,KAAK,iBAC7CW,YAAa,cACbV,MAAOjB,EAAMQ,QAAQC,SAASS,KAAK,uBACnCE,UAAW,OACXQ,OAAQ,cACRI,cAAe,SAGnBC,QAAS,CACPnB,QAAS,CACPK,aAAcnB,EAAM8B,OAAO,YAC3Bf,gBAAiBf,EAAMQ,QAAQC,SAASO,KAAK,uBAC7CC,MAAOjB,EAAMQ,QAAQC,SAASS,KAAK,eACnCE,UAAWpB,EAAMqB,eAAeC,QAElCC,MAAO,CACLJ,aAAcnB,EAAM8B,OAAO,YAC3Bf,gBAAiBS,EAAOxB,EAAMQ,QAAQC,SAASO,KAAK,uBAAwB,IAC5EC,MAAOjB,EAAMQ,QAAQC,SAASS,KAAK,eACnCE,UAAWpB,EAAMqB,eAAeC,QAElCG,MAAO,CACLN,aAAcnB,EAAM8B,OAAO,YAC3Bf,gBAAiBS,EAAOxB,EAAMQ,QAAQC,SAASO,KAAK,uBAAwB,IAC5EC,MAAOjB,EAAMQ,QAAQC,SAASS,KAAK,eACnCE,UAAWpB,EAAMqB,eAAeC,QAElCjB,MAAO,CACLc,aAAcnB,EAAM8B,OAAO,YAC3BxB,cAAe,MACfC,QAAS,aAAawB,EAAQ/B,EAAMQ,QAAQC,SAASC,OAAO,yBAA0B,MACtFC,WAAY,QAEde,SAAU,CACRX,gBAAiBf,EAAMQ,QAAQC,SAASO,KAAK,yBAC7CC,MAAOjB,EAAMQ,QAAQC,SAASS,KAAK,eACnCE,UAAW,OACXQ,OAAQ,cACRI,cAAe,SAGnBE,YAAa,CACXpB,QAAS,CACPK,aAAcnB,EAAM8B,OAAO,YAC3Bf,gBAAiBf,EAAMQ,QAAQC,SAASO,KAAK,qBAC7CC,MAAOjB,EAAMQ,QAAQC,SAASS,KAAK,uBACnCE,UAAWpB,EAAMqB,eAAeC,QAElCC,MAAO,CACLJ,aAAcnB,EAAM8B,OAAO,YAC3Bf,gBAAiBS,EAAOxB,EAAMQ,QAAQC,SAASO,KAAK,qBAAsB,IAC1EC,MAAOjB,EAAMQ,QAAQC,SAASS,KAAK,uBACnCE,UAAWpB,EAAMqB,eAAeC,QAElCG,MAAO,CACLN,aAAcnB,EAAM8B,OAAO,YAC3Bf,gBAAiBS,EAAOxB,EAAMQ,QAAQC,SAASO,KAAK,qBAAsB,IAC1EC,MAAOjB,EAAMQ,QAAQC,SAASS,KAAK,uBACnCE,UAAWpB,EAAMqB,eAAeC,QAElCI,SAAU,CACRX,gBAAiBf,EAAMQ,QAAQC,SAASO,KAAK,iBAC7CW,YAAa,cACbV,MAAOjB,EAAMQ,QAAQC,SAASS,KAAK,uBACnCE,UAAW,OACXQ,OAAQ,cACRI,cAAe,UAIrBG,UAAW,CACTtB,MAAO,CACLC,QAAS,CACPsB,OAAQ,aAAapC,EAAMQ,QAAQC,SAASC,OAAO,2BACnDS,aAAcnB,EAAM8B,OAAO,YAC3Bf,gBAAiB,cACjBE,MAAOjB,EAAMQ,QAAQC,SAASS,KAAK,gBACnCE,UAAWpB,EAAMqB,eAAeC,QAElCC,MAAO,CACLa,OAAQ,aAAapC,EAAMQ,QAAQC,SAASC,OAAO,2BACnDS,aAAcnB,EAAM8B,OAAO,YAC3Bf,gBAAiBf,EAAMQ,QAAQC,SAASO,KAAK,cAC7CC,MAAOjB,EAAMQ,QAAQC,SAASS,KAAK,gBACnCE,UAAWpB,EAAMqB,eAAeC,QAElCG,MAAO,CACLW,OAAQ,aAAapC,EAAMQ,QAAQC,SAASC,OAAO,2BACnDS,aAAcnB,EAAM8B,OAAO,YAC3Bf,gBAAiBf,EAAMQ,QAAQC,SAASO,KAAK,cAC7CC,MAAOjB,EAAMQ,QAAQC,SAASS,KAAK,gBACnCE,UAAWpB,EAAMqB,eAAeC,QAElCI,SAAU,CACRP,aAAcnB,EAAM8B,OAAO,YAC3BM,OAAQ,aAAapC,EAAMQ,QAAQC,SAASC,OAAO,qBACnDK,gBAAiBf,EAAMQ,QAAQC,SAASO,KAAK,cAC7CC,MAAOjB,EAAMQ,QAAQC,SAASS,KAAK,iBACnCE,UAAW,OACXQ,OAAQ,cACRI,cAAe,SAGnBH,QAAS,CACPf,QAAS,CACPK,aAAcnB,EAAM8B,OAAO,YAC3BM,OAAQ,aAAapC,EAAMQ,QAAQC,SAASC,OAAO,mBACnDO,MAAOjB,EAAMQ,QAAQC,SAASS,KAAK,eACnCE,UAAWpB,EAAMqB,eAAeC,QAElCC,MAAO,CACLJ,aAAcnB,EAAM8B,OAAO,YAC3BM,OAAQ,aAAapC,EAAMQ,QAAQC,SAASC,OAAO,mBACnDK,gBAAiBf,EAAMQ,QAAQC,SAASO,KAAK,cAC7CC,MAAOjB,EAAMQ,QAAQC,SAASS,KAAK,eACnCE,UAAWpB,EAAMqB,eAAeC,QAElCG,MAAO,CACLN,aAAcnB,EAAM8B,OAAO,YAC3BM,OAAQ,aAAapC,EAAMQ,QAAQC,SAASC,OAAO,mBACnDK,gBAAiBf,EAAMQ,QAAQC,SAASO,KAAK,cAC7CC,MAAOjB,EAAMQ,QAAQC,SAASS,KAAK,eACnCE,UAAWpB,EAAMqB,eAAeC,QAElCI,SAAU,CACRP,aAAcnB,EAAM8B,OAAO,YAC3BM,OAAQ,aAAapC,EAAMQ,QAAQC,SAASC,OAAO,qBACnDK,gBAAiBf,EAAMQ,QAAQC,SAASO,KAAK,cAC7CC,MAAOjB,EAAMQ,QAAQC,SAASS,KAAK,iBACnCE,UAAW,OACXQ,OAAQ,cACRI,cAAe,SAGnBC,QAAS,CACPnB,QAAS,CACPK,aAAcnB,EAAM8B,OAAO,YAC3BM,OAAQ,aAAapC,EAAMQ,QAAQC,SAASC,OAAO,2BACnDK,gBAAiB,cACjBE,MAAOjB,EAAMQ,QAAQC,SAASS,KAAK,uBACnCE,UAAWpB,EAAMqB,eAAeC,QAElCC,MAAO,CACLJ,aAAcnB,EAAM8B,OAAO,YAC3BM,OAAQ,aAAapC,EAAMQ,QAAQC,SAASC,OAAO,2BACnDK,gBAAiBf,EAAMQ,QAAQC,SAASO,KAAK,sBAC7CC,MAAOjB,EAAMQ,QAAQC,SAASS,KAAK,uBACnCE,UAAWpB,EAAMqB,eAAeC,QAElCG,MAAO,CACLN,aAAcnB,EAAM8B,OAAO,YAC3BM,OAAQ,aAAapC,EAAMQ,QAAQC,SAASC,OAAO,2BACnDK,gBAAiBf,EAAMQ,QAAQC,SAASO,KAAK,sBAC7CC,MAAOjB,EAAMQ,QAAQC,SAASS,KAAK,uBACnCE,UAAWpB,EAAMqB,eAAeC,QAElCI,SAAU,CACRP,aAAcnB,EAAM8B,OAAO,YAC3BM,OAAQ,aAAapC,EAAMQ,QAAQC,SAASC,OAAO,6BACnDK,gBAAiBf,EAAMQ,QAAQC,SAASO,KAAK,sBAC7CC,MAAOjB,EAAMQ,QAAQC,SAASC,OAAO,2BACrCU,UAAW,OACXQ,OAAQ,gBAGZM,YAAa,CACXpB,QAAS,CACPK,aAAcnB,EAAM8B,OAAO,YAC3BM,OAAQ,aAAapC,EAAMQ,QAAQC,SAASC,OAAO,yBACnDK,gBAAiB,cACjBE,MAAOjB,EAAMQ,QAAQC,SAASS,KAAK,cACnCE,UAAWpB,EAAMqB,eAAeC,QAElCC,MAAO,CACLJ,aAAcnB,EAAM8B,OAAO,YAC3BM,OAAQ,aAAapC,EAAMQ,QAAQC,SAASC,OAAO,yBACnDK,gBAAiBf,EAAMQ,QAAQC,SAASO,KAAK,cAC7CC,MAAOjB,EAAMQ,QAAQC,SAASS,KAAK,cACnCE,UAAWpB,EAAMqB,eAAeC,QAElCG,MAAO,CACLN,aAAcnB,EAAM8B,OAAO,YAC3BM,OAAQ,aAAapC,EAAMQ,QAAQC,SAASC,OAAO,yBACnDK,gBAAiBf,EAAMQ,QAAQC,SAASO,KAAK,cAC7CC,MAAOjB,EAAMQ,QAAQC,SAASS,KAAK,cACnCE,UAAWpB,EAAMqB,eAAeC,QAElCI,SAAU,CACRX,gBAAiBf,EAAMQ,QAAQC,SAASO,KAAK,cAC7CoB,OAAQ,aAAapC,EAAMQ,QAAQC,SAASC,OAAO,qBACnDO,MAAOjB,EAAMQ,QAAQC,SAASS,KAAK,iBACnCE,UAAW,OACXQ,OAAQ,cACRI,cAAe,UAKrBK,SAAU,CACRxB,MAAO,CACLC,QAAS,CACPK,aAAcnB,EAAM8B,OAAO,YAC3BM,OAAQ,OACRrB,gBAAiB,cACjBuB,eAAgB,YAChBC,oBAAqB,MACrBC,sBAAuB,YACvBvB,MAAOjB,EAAMQ,QAAQC,SAASS,KAAK,gBACnCE,UAAW,QAEbG,MAAO,CACLJ,aAAcnB,EAAM8B,OAAO,YAC3BM,OAAQ,OACRrB,gBAAiBf,EAAMQ,QAAQC,SAASO,KAAK,cAC7CC,MAAOjB,EAAMQ,QAAQC,SAASS,KAAK,gBACnCE,UAAW,QAEbK,MAAO,CACLN,aAAcnB,EAAM8B,OAAO,YAC3BM,OAAQ,OACRrB,gBAAiBf,EAAMQ,QAAQC,SAASO,KAAK,cAC7CC,MAAOjB,EAAMQ,QAAQC,SAASS,KAAK,gBACnCE,UAAW,QAEbM,SAAU,CACRP,aAAcnB,EAAM8B,OAAO,YAC3BM,OAAQ,OACRrB,gBAAiBf,EAAMQ,QAAQC,SAASO,KAAK,cAC7CC,MAAOjB,EAAMQ,QAAQC,SAASS,KAAK,iBACnCE,UAAW,OACXQ,OAAQ,cACRI,cAAe,SAGnBH,QAAS,CACPf,QAAS,CACPK,aAAcnB,EAAM8B,OAAO,YAC3BM,OAAQ,OACRrB,gBAAiB,cACjBuB,eAAgB,YAChBC,oBAAqB,MACrBC,sBAAuB,YACvBvB,MAAOjB,EAAMQ,QAAQC,SAASS,KAAK,eACnCE,UAAW,QAEbG,MAAO,CACLR,gBAAiBf,EAAMQ,QAAQC,SAASO,KAAK,cAC7CW,YAAa3B,EAAMQ,QAAQC,SAASC,OAAO,iBAC3CO,MAAOjB,EAAMQ,QAAQC,SAASS,KAAK,eACnCE,UAAW,QAEbK,MAAO,CACLV,gBAAiBf,EAAMQ,QAAQC,SAASO,KAAK,cAC7CW,YAAa3B,EAAMQ,QAAQC,SAASC,OAAO,iBAC3CO,MAAOjB,EAAMQ,QAAQC,SAASS,KAAK,eACnCE,UAAW,QAEbM,SAAU,CACRP,aAAcnB,EAAM8B,OAAO,YAC3BM,OAAO,OACPrB,gBAAiBf,EAAMQ,QAAQC,SAASO,KAAK,cAC7CC,MAAOjB,EAAMQ,QAAQC,SAASS,KAAK,iBACnCE,UAAW,OACXQ,OAAQ,cACRI,cAAe,SAGnBC,QAAS,CACPnB,QAAS,CACPK,aAAcnB,EAAM8B,OAAO,YAC3BM,OAAQ,OACRrB,gBAAiB,cACjBuB,eAAgB,YAChBC,oBAAqB,MACrBC,sBAAuB,YACvBvB,MAAOjB,EAAMQ,QAAQC,SAASS,KAAK,uBACnCE,UAAW,QAEbG,MAAO,CACLJ,aAAcnB,EAAM8B,OAAO,YAC3BM,OAAQ,OACRrB,gBAAiBf,EAAMQ,QAAQC,SAASO,KAAK,sBAC7CC,MAAOjB,EAAMQ,QAAQC,SAASS,KAAK,uBACnCE,UAAW,QAEbK,MAAO,CACLN,aAAcnB,EAAM8B,OAAO,YAC3BM,OAAQ,OACRrB,gBAAiBf,EAAMQ,QAAQC,SAASO,KAAK,sBAC7CC,MAAOjB,EAAMQ,QAAQC,SAASS,KAAK,uBACnCE,UAAW,QAEbM,SAAU,CACRP,aAAcnB,EAAM8B,OAAO,YAC3BM,OAAQ,OACRrB,gBAAiBf,EAAMQ,QAAQC,SAASO,KAAK,eAC7CC,MAAOjB,EAAMQ,QAAQC,SAASC,OAAO,2BACrCU,UAAW,OACXQ,OAAQ,cACRI,cAAe,QAEjB3B,MAAO,CACLc,aAAcnB,EAAM8B,OAAO,YAC3BM,OAAQ,aAAapC,EAAMQ,QAAQC,SAASC,OAAO,2BACnDK,gBAAiBf,EAAMQ,QAAQC,SAASO,KAAK,sBAC7CC,MAAOjB,EAAMQ,QAAQC,SAASS,KAAK,uBACnCE,UAAW,SAGfc,YAAa,CACXpB,QAAS,CACPK,aAAcnB,EAAM8B,OAAO,YAC3BM,OAAQ,OACRrB,gBAAiB,cACjBuB,eAAgB,YAChBC,oBAAqB,MACrBC,sBAAuB,YACvBvB,MAAOjB,EAAMQ,QAAQC,SAASS,KAAK,cACnCE,UAAW,QAEbG,MAAO,CACLJ,aAAcnB,EAAM8B,OAAO,YAC3BM,OAAQ,OACRrB,gBAAiBf,EAAMQ,QAAQC,SAASO,KAAK,cAC7CC,MAAOjB,EAAMQ,QAAQC,SAASS,KAAK,cACnCE,UAAW,QAEbK,MAAO,CACLN,aAAcnB,EAAM8B,OAAO,YAC3BM,OAAQ,OACRrB,gBAAiBf,EAAMQ,QAAQC,SAASO,KAAK,cAC7CC,MAAOjB,EAAMQ,QAAQC,SAASS,KAAK,cACnCE,UAAW,QAEbM,SAAU,CACRP,aAAcnB,EAAM8B,OAAO,YAC3BM,OAAQ,OACRrB,gBAAiBf,EAAMQ,QAAQC,SAASO,KAAK,cAC7CC,MAAOjB,EAAMQ,QAAQC,SAASS,KAAK,iBACnCE,UAAW,OACXQ,OAAQ,cACRI,cAAe,WAKvB,MAAO,IAAK7B,EAASC,WAAYD,EAASF,GAASC"}

package/dist/components/atoms/Button/index.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("@mui/material/Button"),t=require("@mui/material/styles"),a=require("./getButtonStyles.cjs.js");const n=t.styled(r,{shouldForwardProp:e=>!["casingOverride","customVariant","tone"].includes(e)})((({theme:e,customVariant:r="primary",tone:t="brand",casingOverride:n="none"})=>{const i=a(e,r,t);return{...i.default,textTransform:n,transition:"all 0.2s ease-in-out",padding:"12px 24px","&:hover":{...i.hover},"&:focus":{outline:"none"},"&:focus-visible":{...i.focus},"&:active":{...i.press},"&:disabled":{...i.disabled,cursor:"not-allowed"}}})),i={primary:"contained",secondary:"outlined",tertiary:"text"},o=({children:r,className:t,disabled:a=!1,fdKey:o,form:s,fullWidth:d=!1,href:l,casingOverride:c="none",type:u="button",variant:m="primary",tone:p,target:f,startIcon:y,endIcon:v,onClick:h,onKeyDown:b,...x})=>e.jsx(n,{disableRipple:!0,casingOverride:c,className:t,customVariant:m,"data-fd":o,disabled:a,endIcon:v,form:s,fullWidth:d,href:l,startIcon:y,target:f,tone:p,type:u,variant:i[m],...x,onClick:h,onKeyDown:b,children:r});exports.Button=o,exports.default=o;
+//# sourceMappingURL=index.cjs.js.map

package/dist/components/atoms/Button/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../../../src/components/atoms/Button/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport MuiButton, { type ButtonProps as MuiButtonProps } from '@mui/material/Button';\nimport { styled } from '@mui/material/styles';\n\nimport getButtonStyles, { type ButtonTone, type ButtonType } from './getButtonStyles';\n\ntype CasingOverride = 'capitalize' | 'lowercase' | 'none' | 'uppercase';\n\nexport interface ButtonProps extends Omit<MuiButtonProps, 'variant'> {\n  className?: string;\n  children: React.ReactNode;\n  disabled?: boolean;\n  form?: string;\n  fullWidth?: boolean;\n  casingOverride?: CasingOverride;\n  type?: 'button' | 'reset' | 'submit';\n  fdKey: string;\n  variant?: ButtonType;\n  tone?: ButtonTone;\n  target?: '_blank';\n  startIcon?: React.ReactNode;\n  endIcon?: React.ReactNode;\n  onClick?: () => void;\n  onKeyDown?: (e: React.KeyboardEvent) => void;\n}\n\nconst StyledButton = styled(MuiButton, {\n  shouldForwardProp: (prop) => !['casingOverride', 'customVariant', 'tone'].includes(prop as string),\n})<{ casingOverride?: CasingOverride; customVariant?: ButtonType; tone?: ButtonTone }>(({\n  theme,\n  customVariant = 'primary',\n  tone = 'brand',\n  casingOverride = 'none',\n}) => {\n  const styles = getButtonStyles(theme, customVariant, tone);\n\n    return {\n    ...styles.default,\n    textTransform: casingOverride,\n    transition: 'all 0.2s ease-in-out',\n    padding: '12px 24px',\n\n    '&:hover': { ...styles.hover },\n    '&:focus': {\n      outline: 'none', // Removes the focus ring on click\n    },\n    // focus visible so that the focus ring only shows for keyboard users\n    '&:focus-visible': { ...styles.focus },\n    '&:active': { ...styles.press },\n    '&:disabled': { ...styles.disabled, cursor: 'not-allowed' },\n  };\n});\n\nconst MUI_VARIANT_MAP = {\n  primary: 'contained',\n  secondary: 'outlined',\n  tertiary: 'text',\n};\n\nexport const Button = ({\n  children,\n  className,\n  disabled = false,\n  fdKey,\n  form,\n  fullWidth = false,\n  href,\n  casingOverride = 'none',\n  type = 'button',\n  variant = 'primary',\n  tone,\n  target,\n  startIcon,\n  endIcon,\n  onClick,\n  onKeyDown,\n  ...rest\n}: ButtonProps): JSX.Element => {\n  return (\n    <StyledButton\n      disableRipple\n      casingOverride={casingOverride}\n      className={className}\n      customVariant={variant}\n      data-fd={fdKey}\n      disabled={disabled}\n      endIcon={endIcon}\n      form={form}\n      fullWidth={fullWidth}\n      href={href}\n      startIcon={startIcon}\n      // @ts-expect-error - target is not a valid prop for MuiButton\n      target={target}\n      tone={tone}\n      type={type}\n      variant={MUI_VARIANT_MAP[variant] as MuiButtonProps['variant']}\n      {...rest}\n      onClick={onClick}\n      onKeyDown={onKeyDown}\n    >\n      {children}\n    </StyledButton>\n  );\n};\n\nexport default Button;\n"],"names":["StyledButton","styled","MuiButton","shouldForwardProp","prop","includes","theme","customVariant","tone","casingOverride","styles","getButtonStyles","default","textTransform","transition","padding","hover","outline","focus","press","disabled","cursor","MUI_VARIANT_MAP","primary","secondary","tertiary","Button","children","className","fdKey","form","fullWidth","href","type","variant","target","startIcon","endIcon","onClick","onKeyDown","rest","_jsx","disableRipple"],"mappings":"sOA2BA,MAAMA,EAAeC,EAAMA,OAACC,EAAW,CACrCC,kBAAoBC,IAAU,CAAC,iBAAkB,gBAAiB,QAAQC,SAASD,IADhEH,EAEkE,EACrFK,QACAC,gBAAgB,UAChBC,OAAO,QACPC,iBAAiB,WAEjB,MAAMC,EAASC,EAAgBL,EAAOC,EAAeC,GAEnD,MAAO,IACJE,EAAOE,QACVC,cAAeJ,EACfK,WAAY,uBACZC,QAAS,YAET,UAAW,IAAKL,EAAOM,OACvB,UAAW,CACTC,QAAS,QAGX,kBAAmB,IAAKP,EAAOQ,OAC/B,WAAY,IAAKR,EAAOS,OACxB,aAAc,IAAKT,EAAOU,SAAUC,OAAQ,mBAI1CC,EAAkB,CACtBC,QAAS,YACTC,UAAW,WACXC,SAAU,QAGCC,EAAS,EACpBC,WACAC,YACAR,YAAW,EACXS,QACAC,OACAC,aAAY,EACZC,OACAvB,iBAAiB,OACjBwB,OAAO,SACPC,UAAU,UACV1B,OACA2B,SACAC,YACAC,UACAC,UACAC,eACGC,KAGDC,MAACzC,GACC0C,eAAa,EACbjC,eAAgBA,EAChBmB,UAAWA,EACXrB,cAAe2B,EAAO,UACbL,EACTT,SAAUA,EACViB,QAASA,EACTP,KAAMA,EACNC,UAAWA,EACXC,KAAMA,EACNI,UAAWA,EAEXD,OAAQA,EACR3B,KAAMA,EACNyB,KAAMA,EACNC,QAASZ,EAAgBY,MACrBM,EACJF,QAASA,EACTC,UAAWA,EAASZ,SAEnBA"}

package/dist/components/atoms/Button/index.d.ts

@@ -0,0 +1,26 @@
+import react__default from 'react';
+import { ButtonProps as ButtonProps$1 } from '@mui/material/Button';
+import { ButtonType, ButtonTone } from './getButtonStyles.js';
+
+type CasingOverride = 'capitalize' | 'lowercase' | 'none' | 'uppercase';
+interface ButtonProps extends Omit<ButtonProps$1, 'variant'> {
+    className?: string;
+    children: react__default.ReactNode;
+    disabled?: boolean;
+    form?: string;
+    fullWidth?: boolean;
+    casingOverride?: CasingOverride;
+    type?: 'button' | 'reset' | 'submit';
+    fdKey: string;
+    variant?: ButtonType;
+    tone?: ButtonTone;
+    target?: '_blank';
+    startIcon?: react__default.ReactNode;
+    endIcon?: react__default.ReactNode;
+    onClick?: () => void;
+    onKeyDown?: (e: react__default.KeyboardEvent) => void;
+}
+declare const Button: ({ children, className, disabled, fdKey, form, fullWidth, href, casingOverride, type, variant, tone, target, startIcon, endIcon, onClick, onKeyDown, ...rest }: ButtonProps) => JSX.Element;
+
+export { Button, Button as default };
+export type { ButtonProps };

package/dist/components/atoms/Button/index.js

@@ -0,0 +1,2 @@
+import{jsx as e}from"react/jsx-runtime";import"react";import t from"@mui/material/Button";import{styled as r}from"@mui/material/styles";import o from"./getButtonStyles.js";const a=r(t,{shouldForwardProp:e=>!["casingOverride","customVariant","tone"].includes(e)})((({theme:e,customVariant:t="primary",tone:r="brand",casingOverride:a="none"})=>{const n=o(e,t,r);return{...n.default,textTransform:a,transition:"all 0.2s ease-in-out",padding:"12px 24px","&:hover":{...n.hover},"&:focus":{outline:"none"},"&:focus-visible":{...n.focus},"&:active":{...n.press},"&:disabled":{...n.disabled,cursor:"not-allowed"}}})),n={primary:"contained",secondary:"outlined",tertiary:"text"},i=({children:t,className:r,disabled:o=!1,fdKey:i,form:s,fullWidth:d=!1,href:l,casingOverride:c="none",type:m="button",variant:u="primary",tone:f,target:p,startIcon:y,endIcon:h,onClick:v,onKeyDown:b,...g})=>e(a,{disableRipple:!0,casingOverride:c,className:r,customVariant:u,"data-fd":i,disabled:o,endIcon:h,form:s,fullWidth:d,href:l,startIcon:y,target:p,tone:f,type:m,variant:n[u],...g,onClick:v,onKeyDown:b,children:t});export{i as Button,i as default};
+//# sourceMappingURL=index.js.map

package/dist/components/atoms/Button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/Button/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport MuiButton, { type ButtonProps as MuiButtonProps } from '@mui/material/Button';\nimport { styled } from '@mui/material/styles';\n\nimport getButtonStyles, { type ButtonTone, type ButtonType } from './getButtonStyles';\n\ntype CasingOverride = 'capitalize' | 'lowercase' | 'none' | 'uppercase';\n\nexport interface ButtonProps extends Omit<MuiButtonProps, 'variant'> {\n  className?: string;\n  children: React.ReactNode;\n  disabled?: boolean;\n  form?: string;\n  fullWidth?: boolean;\n  casingOverride?: CasingOverride;\n  type?: 'button' | 'reset' | 'submit';\n  fdKey: string;\n  variant?: ButtonType;\n  tone?: ButtonTone;\n  target?: '_blank';\n  startIcon?: React.ReactNode;\n  endIcon?: React.ReactNode;\n  onClick?: () => void;\n  onKeyDown?: (e: React.KeyboardEvent) => void;\n}\n\nconst StyledButton = styled(MuiButton, {\n  shouldForwardProp: (prop) => !['casingOverride', 'customVariant', 'tone'].includes(prop as string),\n})<{ casingOverride?: CasingOverride; customVariant?: ButtonType; tone?: ButtonTone }>(({\n  theme,\n  customVariant = 'primary',\n  tone = 'brand',\n  casingOverride = 'none',\n}) => {\n  const styles = getButtonStyles(theme, customVariant, tone);\n\n    return {\n    ...styles.default,\n    textTransform: casingOverride,\n    transition: 'all 0.2s ease-in-out',\n    padding: '12px 24px',\n\n    '&:hover': { ...styles.hover },\n    '&:focus': {\n      outline: 'none', // Removes the focus ring on click\n    },\n    // focus visible so that the focus ring only shows for keyboard users\n    '&:focus-visible': { ...styles.focus },\n    '&:active': { ...styles.press },\n    '&:disabled': { ...styles.disabled, cursor: 'not-allowed' },\n  };\n});\n\nconst MUI_VARIANT_MAP = {\n  primary: 'contained',\n  secondary: 'outlined',\n  tertiary: 'text',\n};\n\nexport const Button = ({\n  children,\n  className,\n  disabled = false,\n  fdKey,\n  form,\n  fullWidth = false,\n  href,\n  casingOverride = 'none',\n  type = 'button',\n  variant = 'primary',\n  tone,\n  target,\n  startIcon,\n  endIcon,\n  onClick,\n  onKeyDown,\n  ...rest\n}: ButtonProps): JSX.Element => {\n  return (\n    <StyledButton\n      disableRipple\n      casingOverride={casingOverride}\n      className={className}\n      customVariant={variant}\n      data-fd={fdKey}\n      disabled={disabled}\n      endIcon={endIcon}\n      form={form}\n      fullWidth={fullWidth}\n      href={href}\n      startIcon={startIcon}\n      // @ts-expect-error - target is not a valid prop for MuiButton\n      target={target}\n      tone={tone}\n      type={type}\n      variant={MUI_VARIANT_MAP[variant] as MuiButtonProps['variant']}\n      {...rest}\n      onClick={onClick}\n      onKeyDown={onKeyDown}\n    >\n      {children}\n    </StyledButton>\n  );\n};\n\nexport default Button;\n"],"names":["StyledButton","styled","MuiButton","shouldForwardProp","prop","includes","theme","customVariant","tone","casingOverride","styles","getButtonStyles","default","textTransform","transition","padding","hover","outline","focus","press","disabled","cursor","MUI_VARIANT_MAP","primary","secondary","tertiary","Button","children","className","fdKey","form","fullWidth","href","type","variant","target","startIcon","endIcon","onClick","onKeyDown","rest","_jsx","disableRipple"],"mappings":"4KA2BA,MAAMA,EAAeC,EAAOC,EAAW,CACrCC,kBAAoBC,IAAU,CAAC,iBAAkB,gBAAiB,QAAQC,SAASD,IADhEH,EAEkE,EACrFK,QACAC,gBAAgB,UAChBC,OAAO,QACPC,iBAAiB,WAEjB,MAAMC,EAASC,EAAgBL,EAAOC,EAAeC,GAEnD,MAAO,IACJE,EAAOE,QACVC,cAAeJ,EACfK,WAAY,uBACZC,QAAS,YAET,UAAW,IAAKL,EAAOM,OACvB,UAAW,CACTC,QAAS,QAGX,kBAAmB,IAAKP,EAAOQ,OAC/B,WAAY,IAAKR,EAAOS,OACxB,aAAc,IAAKT,EAAOU,SAAUC,OAAQ,mBAI1CC,EAAkB,CACtBC,QAAS,YACTC,UAAW,WACXC,SAAU,QAGCC,EAAS,EACpBC,WACAC,YACAR,YAAW,EACXS,QACAC,OACAC,aAAY,EACZC,OACAvB,iBAAiB,OACjBwB,OAAO,SACPC,UAAU,UACV1B,OACA2B,SACAC,YACAC,UACAC,UACAC,eACGC,KAGDC,EAACzC,GACC0C,eAAa,EACbjC,eAAgBA,EAChBmB,UAAWA,EACXrB,cAAe2B,EAAO,UACbL,EACTT,SAAUA,EACViB,QAASA,EACTP,KAAMA,EACNC,UAAWA,EACXC,KAAMA,EACNI,UAAWA,EAEXD,OAAQA,EACR3B,KAAMA,EACNyB,KAAMA,EACNC,QAASZ,EAAgBY,MACrBM,EACJF,QAASA,EACTC,UAAWA,EAASZ,SAEnBA"}