npm - @skodaflow/web-library - Versions diffs - 7.15.1 → 7.16.1 - Mend

@skodaflow/web-library 7.15.1 → 7.16.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3915) hide show

package/materialui/dialog/DialogTitle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DialogTitle.js","sources":["../../../src/materialui/dialog/DialogTitle.tsx"],"sourcesContent":["import React, { FC, forwardRef } from 'react';\nimport { DialogTitleProps, Typography, IconButton, Box } from '@mui/material';\nimport { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\n\n/*\n This component serves as an extended title section for a dialog,\n * including an optional close button displayed when `onClose` prop is provided.\n */\nexport const DialogTitle: FC<DialogTitleProps> = forwardRef(\n ({ onClose, closeIconButtonProps, children, ...rest }, ref) => {\n const { sx: closeIconButtonSx, ...restCloseIconButton } = closeIconButtonProps ?? {};\n\n return (\n <Box\n sx={{\n display: 'flex',\n justifyContent: children ? 'space-between' : 'flex-end',\n alignItems: 'flex-start',\n gap: 1,\n }}\n >\n {children && (\n <Typography component=\"h2\" ref={ref} {...rest}>\n {children}\n </Typography>\n )}\n {onClose && (\n <IconButton\n size=\"medium\"\n onClick={(e) => onClose(e, 'backdropClick')}\n aria-label=\"Close\"\n sx={{\n // move to the right side\n marginRight: '16px',\n marginTop: '16px',\n ...closeIconButtonSx,\n }}\n {...restCloseIconButton}\n >\n <CloseIcon />\n </IconButton>\n )}\n </Box>\n );\n },\n);\n"],"names":["DialogTitle","forwardRef","_a","ref","onClose","closeIconButtonProps","children","rest","__rest","_b","sx","closeIconButtonSx","restCloseIconButton","_jsxs","Box","display","justifyContent","alignItems","gap","_jsx","Typography","Object","assign","component","IconButton","size","onClick","e","marginRight","marginTop","CloseIcon"],"mappings":"8PAQO,MAAMA,EAAoCC,~~GAC~~/C,CAACC,EAAsDC,SAAtDC,QAAEA,EAAOC,qBAAEA,EAAoBC,SAAEA,KAAaC,EAAIC,EAAAN,EAAlD,CAAA,UAAA,uBAAA,aACC,MAAMO,EAAoDJ,QAAAA,EAAwB,IAA1EK,GAAIC,GAAiBF,EAAKG,EAAmBJ,EAAAC,EAA/C,CAAA,OAEN,OACEI,EAACC,EAAG,CACFJ,GAAI,CACFK,QAAS,OACTC,eAAgBV,EAAW,gBAAkB,WAC7CW,WAAY,aACZC,IAAK,GACNZ,SAAA,CAEAA,GACCa,EAACC,EAAUC,OAAAC,OAAA,CAACC,UAAU,KAAKpB,IAAKA,GAASI,EAAI,CAAAD,SAC1CA,KAGJF,GACCe,EAACK,EAAUH,OAAAC,OAAA,CACTG,KAAK,SACLC,QAAUC,GAAMvB,EAAQuB,EAAG,iBAAgB,aAChC,QACXjB,GAAEW,OAAAC,OAAA,CAEAM,YAAa,OACbC,UAAW,QACRlB,IAEDC,EAAmB,CAAAN,SAEvBa,EAACW,EAAS,CAAA~~,QAGV~~"}
1	+ {"version":3,"file":"DialogTitle.js","sources":["../../../src/materialui/dialog/DialogTitle.tsx"],"sourcesContent":["import React, { FC, forwardRef } from 'react';\nimport { DialogTitleProps, Typography, IconButton, Box } from '@mui/material';\nimport { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\n\n/*\n This component serves as an extended title section for a dialog,\n * including an optional close button displayed when `onClose` prop is provided.\n */\nexport const DialogTitle: FC<DialogTitleProps> = forwardRef(\n ({ onClose, closeIconButtonProps, children, ...rest }, ref) => {\n const { sx: closeIconButtonSx, ...restCloseIconButton } = closeIconButtonProps ?? {};\n\n return (\n <Box\n sx={{\n display: 'flex',\n justifyContent: children ? 'space-between' : 'flex-end',\n alignItems: 'flex-start',\n gap: 1,\n }}\n >\n {children && (\n <Typography component=\"h2\" ref={ref} {...rest}>\n {children}\n </Typography>\n )}\n {onClose && (\n <IconButton\n size=\"medium\"\n onClick={(e) => onClose(e, 'backdropClick')}\n aria-label=\"Close\"\n sx={{\n // move to the right side\n marginRight: '16px',\n marginTop: '16px',\n ...closeIconButtonSx,\n }}\n {...restCloseIconButton}\n >\n <CloseIcon />\n </IconButton>\n )}\n </Box>\n );\n },\n);\n"],"names":["DialogTitle","forwardRef","_a","ref","onClose","closeIconButtonProps","children","rest","__rest","_b","sx","closeIconButtonSx","restCloseIconButton","_jsxs","Box","display","justifyContent","alignItems","gap","_jsx","Typography","Object","assign","component","IconButton","size","onClick","e","marginRight","marginTop","CloseIcon"],"mappings":"8PAQO,MAAMA,EAAoCC,EAC/C,CAACC,EAAsDC,SAAtDC,QAAEA,EAAOC,qBAAEA,EAAoBC,SAAEA,KAAaC,EAAIC,EAAAN,EAAlD,CAAA,UAAA,uBAAA,aACC,MAAMO,EAAoDJ,QAAAA,EAAwB,IAA1EK,GAAIC,GAAiBF,EAAKG,EAAmBJ,EAAAC,EAA/C,CAAA,OAEN,OACEI,EAACC,EAAG,CACFJ,GAAI,CACFK,QAAS,OACTC,eAAgBV,EAAW,gBAAkB,WAC7CW,WAAY,aACZC,IAAK,GACNZ,SAAA,CAEAA,GACCa,EAACC,EAAUC,OAAAC,OAAA,CAACC,UAAU,KAAKpB,IAAKA,GAASI,EAAI,CAAAD,SAC1CA,KAGJF,GACCe,EAACK,EAAUH,OAAAC,OAAA,CACTG,KAAK,SACLC,QAAUC,GAAMvB,EAAQuB,EAAG,iBAAgB,aAChC,QACXjB,GAAEW,OAAAC,OAAA,CAEAM,YAAa,OACbC,UAAW,QACRlB,IAEDC,EAAmB,CAAAN,SAEvBa,EAACW,EAAS,CAAA"}

package/materialui/dialog/dialog.theme.js CHANGED Viewed

@@ -1,2 +1,2 @@
-const d={defaultProps:{fullWidth:!0,maxWidth:"md"},styleOverrides:{container:({theme:d})=>({flexGrow:"1",[d.breakpoints.down("md")]:{alignItems:"flex-end"}}),paper:({theme:d,ownerState:t})=>({borderRadius:"8px",boxShadow:d.flowShadows.xs,[d.breakpoints.down("md")]:Object.assign({margin:"0",width:"100%",maxWidth:"100%",borderBottomLeftRadius:"0",borderBottomRightRadius:"0"},["md","lg","xl"].includes(`${null==t?void 0:t.maxWidth}`)&&{borderRadius:"0",height:"100%",maxHeight:"100%"})}),paperWidthXs:{maxWidth:"408px"},paperWidthSm:{maxWidth:"408px"},paperWidthMd:{maxWidth:"624px"},paperWidthLg:{maxWidth:"1256px"},paperWidthXl:{maxWidth:"1256px"}}};export{d as flowDialog};
+const t=({theme:t})=>({maxWidth:"408px",[t.breakpoints.down("md")]:{borderTopLeftRadius:"16px",borderTopRightRadius:"16px","& .MuiDialogTitle-root":Object.assign(Object.assign({},t.typography.h4),{padding:"16px 16px 12px 16px","& ~ .MuiIconButton-root":{margin:"4px 10px 0 0"}}),"& .MuiDialogContent-root":{padding:"16px"},"& .MuiDialogActions-root":{padding:"24px 16px 16px"}}}),i={defaultProps:{fullWidth:!0,maxWidth:"md"},styleOverrides:{container:({theme:t})=>({flexGrow:"1",[t.breakpoints.down("md")]:{alignItems:"flex-end"}}),paper:({theme:t,ownerState:i})=>({borderRadius:"8px",boxShadow:t.flowShadows.xs,[t.breakpoints.down("md")]:Object.assign({margin:"0",width:"100%",maxWidth:"100%",borderBottomLeftRadius:"0",borderBottomRightRadius:"0"},["md","lg","xl"].includes(`${null==i?void 0:i.maxWidth}`)&&{borderRadius:"0",height:"100%",maxHeight:"100%"})}),paperWidthXs:t,paperWidthSm:t,paperWidthMd:{maxWidth:"624px"},paperWidthLg:{maxWidth:"1256px"},paperWidthXl:{maxWidth:"1256px"}}};export{i as flowDialog};
 //# sourceMappingURL=dialog.theme.js.map

package/materialui/dialog/dialog.theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dialog.theme.js","sources":["../../../src/materialui/dialog/dialog.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowDialog: Components<Theme>['MuiDialog'] = {\n defaultProps: {\n fullWidth: true,\n maxWidth: 'md',\n },\n styleOverrides: {\n container: ({ theme }) => ({\n flexGrow: '1',\n // responsive\n [theme.breakpoints.down('md')]: {\n // move to bottom\n alignItems: 'flex-end',\n },\n }),\n paper: ({ theme, ownerState }) => ({\n borderRadius: '8px',\n boxShadow: theme.flowShadows.xs,\n // responsive\n [theme.breakpoints.down('md')]: {\n // full screen\n margin: '0',\n width: '100%',\n maxWidth: '100%',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: '0',\n // medium & large\n ...(['md', 'lg', 'xl'].includes(`${ownerState?.maxWidth}`) && {\n borderRadius: '0',\n height: '100%',\n maxHeight: '100%',\n }),\n },\n }),\n // small\n paperWidthXs: ~~{\n maxWidth: '408px'~~,\n ~~},\n~~ paperWidthSm: ~~{\n maxWidth: '408px'~~,\n ~~},\n~~ // medium\n paperWidthMd: {\n maxWidth: '624px',\n },\n // large\n paperWidthLg: {\n maxWidth: '1256px',\n },\n paperWidthXl: {\n maxWidth: '1256px',\n },\n },\n};\n"],"names":["~~flowDialog~~","~~defaultProps~~","~~fullWidth~~","~~maxWidth~~","~~styleOverrides~~","~~container~~","~~theme~~","~~flexGrow~~","~~breakpoints~~","~~down~~","~~alignItems~~","~~paper~~","~~ownerState~~","~~borderRadius~~","~~boxShadow~~","~~flowShadows~~","xs","~~Object~~","~~assign~~","~~margin~~","width","borderBottomLeftRadius","borderBottomRightRadius","includes","height","maxHeight","paperWidthXs","paperWidthSm","paperWidthMd","paperWidthLg","paperWidthXl"],"mappings":"~~AAEO~~,MAAMA,EAA6C,CACxDC,aAAc,CACZC,WAAW,~~EACXC~~,SAAU,~~MAEZC~~,eAAgB,CACdC,UAAW,~~EAAGC~~,YAAO,~~CACnBC~~,SAAU,IAEV,~~CAACD~~,EAAME,YAAYC,KAAK,OAAQ,~~CAE9BC~~,WAAY,cAGhBC,MAAO,~~EAAGL~~,~~QAAOM~~,iBAAY,CAC3BC,aAAc,MACdC,~~UAAWR~~,~~EAAMS~~,YAAYC,GAE7B,~~CAACV~~,EAAME,YAAYC,KAAK,~~OAAMQ~~,OAAAC,OAAA,~~CAE5BC~~,OAAQ,~~IACRC~~,MAAO,~~OACPjB~~,SAAU,~~OACVkB~~,uBAAwB,IACxBC,wBAAyB,KAErB,CAAC,KAAM,KAAM,MAAMC,SAAS,~~GAAGX~~,aAAU,EAAVA,~~EAAYT~~,aAAe,~~CAC5DU~~,aAAc,~~IACdW~~,OAAQ,OACRC,UAAW,WAKjBC,~~aAAc~~,~~CACZvB~~,~~SAAU~~,~~SAEZwB~~,aAAc,~~CACZxB~~,SAAU,~~SAGZyB~~,aAAc,~~CACZzB~~,SAAU,~~SAGZ0B~~,aAAc,~~CACZ1B~~,SAAU~~,UAEZ2B,aAAc,CACZ3B,SAAU~~"}
1	+ {"version":3,"file":"dialog.theme.js","sources":["../../../src/materialui/dialog/dialog.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nconst smallDialogStyle = ({ theme }) => ({\n maxWidth: '408px',\n // on mobile, adjust to match BottomSheet\n [theme.breakpoints.down('md')]: {\n borderTopLeftRadius: '16px',\n borderTopRightRadius: '16px',\n '& .MuiDialogTitle-root': {\n ...theme.typography.h4,\n padding: '16px 16px 12px 16px',\n // close button\n '& ~ .MuiIconButton-root': {\n margin: '4px 10px 0 0',\n },\n },\n '& .MuiDialogContent-root': {\n padding: '16px',\n },\n '& .MuiDialogActions-root': {\n padding: '24px 16px 16px',\n },\n },\n});\n\nexport const flowDialog: Components<Theme>['MuiDialog'] = {\n defaultProps: {\n fullWidth: true,\n maxWidth: 'md',\n },\n styleOverrides: {\n container: ({ theme }) => ({\n flexGrow: '1',\n // responsive\n [theme.breakpoints.down('md')]: {\n // move to bottom\n alignItems: 'flex-end',\n },\n }),\n paper: ({ theme, ownerState }) => ({\n borderRadius: '8px',\n boxShadow: theme.flowShadows.xs,\n // responsive\n [theme.breakpoints.down('md')]: {\n // full screen\n margin: '0',\n width: '100%',\n maxWidth: '100%',\n borderBottomLeftRadius: '0',\n borderBottomRightRadius: '0',\n // medium & large\n ...(['md', 'lg', 'xl'].includes(`${ownerState?.maxWidth}`) && {\n borderRadius: '0',\n height: '100%',\n maxHeight: '100%',\n }),\n },\n }),\n // small\n paperWidthXs: smallDialogStyle,\n paperWidthSm: smallDialogStyle,\n // medium\n paperWidthMd: {\n maxWidth: '624px',\n },\n // large\n paperWidthLg: {\n maxWidth: '1256px',\n },\n paperWidthXl: {\n maxWidth: '1256px',\n },\n },\n};\n"],"names":["smallDialogStyle","theme","maxWidth","breakpoints","down","borderTopLeftRadius","borderTopRightRadius","Object","assign","typography","h4","padding","margin","flowDialog","defaultProps","fullWidth","styleOverrides","container","flexGrow","alignItems","paper","ownerState","borderRadius","boxShadow","flowShadows","xs","width","borderBottomLeftRadius","borderBottomRightRadius","includes","height","maxHeight","paperWidthXs","paperWidthSm","paperWidthMd","paperWidthLg","paperWidthXl"],"mappings":"AAEA,MAAMA,EAAmB,EAAGC,YAAO,CACjCC,SAAU,QAEV,CAACD,EAAME,YAAYC,KAAK,OAAQ,CAC9BC,oBAAqB,OACrBC,qBAAsB,OACtB,yBAAwBC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACnBP,EAAMQ,WAAWC,IAAE,CACtBC,QAAS,sBAET,0BAA2B,CACzBC,OAAQ,kBAGZ,2BAA4B,CAC1BD,QAAS,QAEX,2BAA4B,CAC1BA,QAAS,qBAKFE,EAA6C,CACxDC,aAAc,CACZC,WAAW,EACXb,SAAU,MAEZc,eAAgB,CACdC,UAAW,EAAGhB,YAAO,CACnBiB,SAAU,IAEV,CAACjB,EAAME,YAAYC,KAAK,OAAQ,CAE9Be,WAAY,cAGhBC,MAAO,EAAGnB,QAAOoB,iBAAY,CAC3BC,aAAc,MACdC,UAAWtB,EAAMuB,YAAYC,GAE7B,CAACxB,EAAME,YAAYC,KAAK,OAAMG,OAAAC,OAAA,CAE5BI,OAAQ,IACRc,MAAO,OACPxB,SAAU,OACVyB,uBAAwB,IACxBC,wBAAyB,KAErB,CAAC,KAAM,KAAM,MAAMC,SAAS,GAAGR,aAAU,EAAVA,EAAYnB,aAAe,CAC5DoB,aAAc,IACdQ,OAAQ,OACRC,UAAW,WAKjBC,aAAchC,EACdiC,aAAcjC,EAEdkC,aAAc,CACZhC,SAAU,SAGZiC,aAAc,CACZjC,SAAU,UAEZkC,aAAc,CACZlC,SAAU"}

package/materialui/dialog/dialogActions.theme.js CHANGED Viewed

@@ -1,2 +1,2 @@
-const e={defaultProps:{disableSpacing:!0},styleOverrides:{root:({theme:e})=>({padding:"32px 40px",display:"flex",justifyContent:"flex-start",alignItems:"center",gap:"12px",[e.breakpoints.down("md")]:{padding:"24px",flexDirection:"column",alignItems:"stretch"}})}};export{e as flowDialogActions};
+const e={defaultProps:{disableSpacing:!0},styleOverrides:{root:({theme:e})=>({padding:"32px 40px",display:"flex",justifyContent:"flex-start",alignItems:"center",gap:"12px",[e.breakpoints.down("md")]:{gap:"16px",padding:"24px",flexDirection:"column",alignItems:"stretch"}})}};export{e as flowDialogActions};
 //# sourceMappingURL=dialogActions.theme.js.map

package/materialui/dialog/dialogActions.theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dialogActions.theme.js","sources":["../../../src/materialui/dialog/dialogActions.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowDialogActions: Components<Theme>['MuiDialogActions'] = {\n defaultProps: {\n // disable space between buttons, we are using flex gap instead\n disableSpacing: true,\n },\n styleOverrides: {\n root: ({ theme }) => ({\n padding: '32px 40px',\n // button next to each other\n display: 'flex',\n justifyContent: 'flex-start',\n alignItems: 'center',\n gap: '12px',\n // responsive\n [theme.breakpoints.down('md')]: {\n padding: '24px',\n // switch to full width buttons bellow each other\n flexDirection: 'column',\n alignItems: 'stretch',\n },\n }),\n },\n};\n"],"names":["flowDialogActions","defaultProps","disableSpacing","styleOverrides","root","theme","padding","display","justifyContent","alignItems","gap","breakpoints","down","flexDirection"],"mappings":"AAEO,MAAMA,EAA2D,CACtEC,aAAc,CAEZC,gBAAgB,GAElBC,eAAgB,CACdC,KAAM,EAAGC,YAAO,CACdC,QAAS,YAETC,QAAS,OACTC,eAAgB,aAChBC,WAAY,SACZC,IAAK,OAEL,CAACL,EAAMM,YAAYC,KAAK,OAAQ,~~CAC9BN~~,QAAS,OAETO,cAAe,SACfJ,WAAY"}
1	+ {"version":3,"file":"dialogActions.theme.js","sources":["../../../src/materialui/dialog/dialogActions.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowDialogActions: Components<Theme>['MuiDialogActions'] = {\n defaultProps: {\n // disable space between buttons, we are using flex gap instead\n disableSpacing: true,\n },\n styleOverrides: {\n root: ({ theme }) => ({\n padding: '32px 40px',\n // button next to each other\n display: 'flex',\n justifyContent: 'flex-start',\n alignItems: 'center',\n gap: '12px',\n // responsive\n [theme.breakpoints.down('md')]: {\n gap: '16px',\n padding: '24px',\n // switch to full width buttons bellow each other\n flexDirection: 'column',\n alignItems: 'stretch',\n },\n }),\n },\n};\n"],"names":["flowDialogActions","defaultProps","disableSpacing","styleOverrides","root","theme","padding","display","justifyContent","alignItems","gap","breakpoints","down","flexDirection"],"mappings":"AAEO,MAAMA,EAA2D,CACtEC,aAAc,CAEZC,gBAAgB,GAElBC,eAAgB,CACdC,KAAM,EAAGC,YAAO,CACdC,QAAS,YAETC,QAAS,OACTC,eAAgB,aAChBC,WAAY,SACZC,IAAK,OAEL,CAACL,EAAMM,YAAYC,KAAK,OAAQ,CAC9BF,IAAK,OACLJ,QAAS,OAETO,cAAe,SACfJ,WAAY"}

package/materialui/index.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+export * from './autocomplete';
 export * from './avatar';
 export * from './badge';
 export * from './box';
@@ -19,3 +20,5 @@ export * from './card';
 export * from './breadcrumbs';
 export * from './paper';
 export * from './fab';
+export * from './linearprogress';
+export * from './circularprogress';

package/materialui/linearprogress/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export type { LinearProgressProps } from '@mui/material';
2	+ export { LinearProgress } from '@mui/material';

package/materialui/linearprogress/linearprogress.theme.js CHANGED Viewed

@@ -1,2 +1,2 @@
-const e={styleOverrides:{root:{flexGrow:"1"}}};export{e as flowLinearProgress};
+const e=e=>{const t=`\n    <svg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0.5 0.5 9 7'>\n      <path d='M 0 0 L 10 0 L 10 8 L 0 8 Z M -4 4 A 4 4 0 0 0 4 4 A 4 4 0 0 0 -4 4 Z M 14 4 A 4 4 0 0 0 6 4 A 4 4 0 0 0 14 4 Z' fill='${e}'/>\n    </svg>\n  `.replace(/\s+/g," ").trim();return`url("data:image/svg+xml;charset=utf-8,${encodeURIComponent(t)}")`},t={defaultProps:{color:"primary",size:"medium"},styleOverrides:{root:({theme:e,ownerState:t})=>Object.assign(Object.assign({height:"8px",borderRadius:"1000px"},"small"===t.size&&{height:"2px"}),{backgroundColor:"dark"===e.palette.mode?e.palette.onSurface.os700:e.palette.onSurface.os100,overflow:"hidden",flexGrow:"1",position:"relative","&::after":{content:'""',position:"absolute",right:"0",top:"0",height:"100%",aspectRatio:"1 / 1",borderRadius:"1000px",backgroundColor:"dark"===e.palette.mode?e.palette.brand.secondary:e.palette.brand.primary,zIndex:"20"}}),bar:({theme:t,ownerState:a})=>Object.assign({borderRadius:"inherit",backgroundColor:"dark"===t.palette.mode?t.palette.brand.secondary:t.palette.brand.primary,zIndex:"10","&::before":{content:'""',position:"absolute",top:"0",right:"0",transform:"translateX(50%)",height:"100%",aspectRatio:"5 / 4",backgroundImage:e(t.palette.background.primary),backgroundSize:"contain",backgroundRepeat:"no-repeat",backgroundPosition:"center"}},"indeterminate"===a.variant&&{animation:"2s cubic-bezier(0.4, 0, 0.2, 1) infinite loader-indeterminate","@keyframes loader-indeterminate":{"0%":{left:"-60%",right:"101%"},"100%":{left:"101%",right:"-60%"}},"&::after":{content:'""',position:"absolute",top:"0",left:"0",transform:"translateX(-50%)",height:"100%",aspectRatio:"5 / 4",backgroundImage:e(t.palette.background.primary),backgroundSize:"contain",backgroundRepeat:"no-repeat",backgroundPosition:"center"}}),bar2:{display:"none"}}};export{t as flowLinearProgress};
 //# sourceMappingURL=linearprogress.theme.js.map

package/materialui/linearprogress/linearprogress.theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"linearprogress.theme.js","sources":["../../../src/materialui/linearprogress/linearprogress.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowLinearProgress: Components<Theme>['MuiLinearProgress'] = {\n styleOverrides: {\n root: {\n flexGrow: '1',\n },\n },\n};\n"],"names":["flowLinearProgress","styleOverrides","root","flexGrow"],"mappings":"~~AAGO~~,MAAMA,EAA6D,CACxEC,eAAgB,CACdC,KAAM,CACJC,SAAU"}
1	+ {"version":3,"file":"linearprogress.theme.js","sources":["../../../src/materialui/linearprogress/linearprogress.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\n// creates svg hourglass that creates divider between bar and actual progress\nconst createGapSvg = (color: string) => {\n const svg = `\n <svg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0.5 0.5 9 7'>\n <path d='M 0 0 L 10 0 L 10 8 L 0 8 Z M -4 4 A 4 4 0 0 0 4 4 A 4 4 0 0 0 -4 4 Z M 14 4 A 4 4 0 0 0 6 4 A 4 4 0 0 0 14 4 Z' fill='${color}'/>\n </svg>\n `\n .replace(/\\s+/g, ' ')\n .trim();\n\n return `url(\"data:image/svg+xml;charset=utf-8,${encodeURIComponent(svg)}\")`;\n};\n\nexport const flowLinearProgress: Components<Theme>['MuiLinearProgress'] = {\n defaultProps: {\n color: 'primary',\n size: 'medium',\n },\n styleOverrides: {\n root: ({ theme, ownerState }) => ({\n height: '8px',\n borderRadius: '1000px',\n ...(ownerState.size === 'small' && {\n height: '2px',\n }),\n backgroundColor: theme.palette.mode === 'dark' ? theme.palette.onSurface.os700 : theme.palette.onSurface.os100,\n overflow: 'hidden',\n flexGrow: '1',\n position: 'relative',\n // dot at the end of progress\n '&::after': {\n content: '\"\"',\n position: 'absolute',\n right: '0',\n top: '0',\n height: '100%',\n aspectRatio: '1 / 1',\n borderRadius: '1000px',\n backgroundColor: theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brand.primary,\n zIndex: '20',\n },\n }),\n bar: ({ theme, ownerState }) => ({\n borderRadius: 'inherit',\n backgroundColor: theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brand.primary,\n zIndex: '10',\n // right hourglass divider\n '&::before': {\n content: '\"\"',\n position: 'absolute',\n top: '0',\n right: '0',\n transform: 'translateX(50%)',\n height: '100%',\n aspectRatio: '5 / 4',\n backgroundImage: createGapSvg(theme.palette.background.primary),\n backgroundSize: 'contain',\n backgroundRepeat: 'no-repeat',\n backgroundPosition: 'center',\n },\n ...(ownerState.variant === 'indeterminate' && {\n animation: '2s cubic-bezier(0.4, 0, 0.2, 1) infinite loader-indeterminate',\n '@keyframes loader-indeterminate': {\n '0%': {\n left: '-60%',\n right: '101%',\n },\n '100%': {\n left: '101%',\n right: '-60%',\n },\n },\n // left hourglass divider\n '&::after': {\n content: '\"\"',\n position: 'absolute',\n top: '0',\n left: '0',\n transform: 'translateX(-50%)',\n height: '100%',\n aspectRatio: '5 / 4',\n backgroundImage: createGapSvg(theme.palette.background.primary),\n backgroundSize: 'contain',\n backgroundRepeat: 'no-repeat',\n backgroundPosition: 'center',\n },\n }),\n }),\n bar2: {\n display: 'none',\n },\n },\n};\n"],"names":["createGapSvg","color","svg","replace","trim","encodeURIComponent","flowLinearProgress","defaultProps","size","styleOverrides","root","theme","ownerState","Object","assign","height","borderRadius","backgroundColor","palette","mode","onSurface","os700","os100","overflow","flexGrow","position","content","right","top","aspectRatio","brand","secondary","primary","zIndex","bar","transform","backgroundImage","background","backgroundSize","backgroundRepeat","backgroundPosition","variant","animation","left","bar2","display"],"mappings":"AAIA,MAAMA,EAAgBC,IACpB,MAAMC,EAAM,qOAE0HD,uBAGnIE,QAAQ,OAAQ,KAChBC,OAEH,MAAO,yCAAyCC,mBAAmBH,QAGxDI,EAA6D,CACxEC,aAAc,CACZN,MAAO,UACPO,KAAM,UAERC,eAAgB,CACdC,KAAM,EAAGC,QAAOC,gBAAiBC,OAAAC,OAAAD,OAAAC,OAAA,CAC/BC,OAAQ,MACRC,aAAc,UACU,UAApBJ,EAAWJ,MAAoB,CACjCO,OAAQ,SAEVE,gBAAwC,SAAvBN,EAAMO,QAAQC,KAAkBR,EAAMO,QAAQE,UAAUC,MAAQV,EAAMO,QAAQE,UAAUE,MACzGC,SAAU,SACVC,SAAU,IACVC,SAAU,WAEV,WAAY,CACVC,QAAS,KACTD,SAAU,WACVE,MAAO,IACPC,IAAK,IACLb,OAAQ,OACRc,YAAa,QACbb,aAAc,SACdC,gBAAwC,SAAvBN,EAAMO,QAAQC,KAAkBR,EAAMO,QAAQY,MAAMC,UAAYpB,EAAMO,QAAQY,MAAME,QACrGC,OAAQ,QAGZC,IAAK,EAAGvB,QAAOC,+BACbI,aAAc,UACdC,gBAAwC,SAAvBN,EAAMO,QAAQC,KAAkBR,EAAMO,QAAQY,MAAMC,UAAYpB,EAAMO,QAAQY,MAAME,QACrGC,OAAQ,KAER,YAAa,CACXP,QAAS,KACTD,SAAU,WACVG,IAAK,IACLD,MAAO,IACPQ,UAAW,kBACXpB,OAAQ,OACRc,YAAa,QACbO,gBAAiBpC,EAAaW,EAAMO,QAAQmB,WAAWL,SACvDM,eAAgB,UAChBC,iBAAkB,YAClBC,mBAAoB,WAEK,kBAAvB5B,EAAW6B,SAA+B,CAC5CC,UAAW,gEACX,kCAAmC,CACjC,KAAM,CACJC,KAAM,OACNhB,MAAO,QAET,OAAQ,CACNgB,KAAM,OACNhB,MAAO,SAIX,WAAY,CACVD,QAAS,KACTD,SAAU,WACVG,IAAK,IACLe,KAAM,IACNR,UAAW,mBACXpB,OAAQ,OACRc,YAAa,QACbO,gBAAiBpC,EAAaW,EAAMO,QAAQmB,WAAWL,SACvDM,eAAgB,UAChBC,iBAAkB,YAClBC,mBAAoB,YAI1BI,KAAM,CACJC,QAAS"}

package/materialui/menu/menuItem.theme.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{getFocusRingStyle as e}from"../../components/focusring/focusring.js";import{getInteractiveStyle as t}from"../button/interactive.js";const i={defaultProps:{tabIndex:0},styleOverrides:{root:({theme:i})=>Object.assign(Object.assign(Object.assign(Object.assign({padding:"12px",maxWidth:"100%",gap:"10px",color:i.palette.text.primary,[i.breakpoints.up("xs")]:{fontSize:"16px",lineHeight:"24px",fontWeight:"400"},whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden","& .MuiListItemText-root .MuiListItemText-primary":{fontSize:"inherit",lineHeight:"inherit",fontWeight:"inherit",color:"inherit",display:"block"},position:"relative"},e(i,!1,"2px")),{"&&:before":{borderRadius:"4px"}}),t({"&, &.Mui-selected:has(.PrivateSwitchBase-input)":{backgroundColor:"dark"===i.palette.mode?i.palette.onSurface.os800:i.palette.background.primary}},{backgroundColor:i.palette.surface.primary},{backgroundColor:i.palette.surface.secondary},{"&.Mui-selected:has(.PrivateSwitchBase-input):hover:not(:active):not(.Mui-focusVisible)":{backgroundColor:"dark"===i.palette.mode?i.palette.onSurface.os800:i.palette.background.primary}})),{"&.Mui-disabled":{"&, & .MuiListItemText-primary":{opacity:"1",color:i.palette.disabled.primary}},"& + .MuiDivider-root":{margin:"0"},"& .MuiListItemIcon-root":{color:"currentColor",minWidth:"0"},"& .PrivateSwitchBase-root:last-child":{marginLeft:"25px"}})}};export{i as flowMenuItem};
+import{getFocusRingStyle as e}from"../../components/focusring/focusring.js";import{getInteractiveStyle as t}from"../button/interactive.js";const i={defaultProps:{tabIndex:0},styleOverrides:{root:({theme:i})=>Object.assign(Object.assign(Object.assign(Object.assign({cursor:"pointer",padding:"12px",maxWidth:"100%",gap:"10px",color:i.palette.text.primary,[i.breakpoints.up("xs")]:{fontSize:"16px",lineHeight:"24px",fontWeight:"400"},whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden","& .MuiListItemText-root .MuiListItemText-primary":{fontSize:"inherit",lineHeight:"inherit",fontWeight:"inherit",color:"inherit",display:"block"},position:"relative"},e(i,!1,"2px")),{"&&:before":{borderRadius:"4px"}}),t({'&, &.Mui-selected:has(.PrivateSwitchBase-input), &[aria-selected="true"]:has(.PrivateSwitchBase-input)':{backgroundColor:"dark"===i.palette.mode?i.palette.onSurface.os800:i.palette.background.primary}},{backgroundColor:i.palette.surface.primary},{backgroundColor:i.palette.surface.secondary},{'&.Mui-selected:has(.PrivateSwitchBase-input):hover:not(:active):not(.Mui-focusVisible), &[aria-selected="true"]:has(.PrivateSwitchBase-input):hover:not(:active):not(.Mui-focusVisible)':{backgroundColor:"dark"===i.palette.mode?i.palette.onSurface.os800:i.palette.background.primary}})),{"&.Mui-disabled":{"&, & .MuiListItemText-primary":{opacity:"1",color:i.palette.disabled.primary}},"& + .MuiDivider-root":{margin:"0"},"& .MuiListItemIcon-root":{color:"currentColor",minWidth:"0"},"& .PrivateSwitchBase-root:last-child":{marginLeft:"25px"}})}};export{i as flowMenuItem};
 //# sourceMappingURL=menuItem.theme.js.map

package/materialui/menu/menuItem.theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"menuItem.theme.js","sources":["../../../src/materialui/menu/menuItem.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport const flowMenuItem: Components<Theme>['MuiMenuItem'] = {\n defaultProps: {\n tabIndex: 0,\n },\n styleOverrides: {\n root: ({ theme }) => ({\n // proportions\n padding: '12px',\n maxWidth: '100%',\n // space between children (e.g. icon and text)\n gap: '10px',\n // custom font according to Figma\n color: theme.palette.text.primary,\n [theme.breakpoints.up('xs')]: {\n fontSize: '16px',\n lineHeight: '24px',\n fontWeight: '400',\n },\n // 1 line ellipsis\n whiteSpace: 'nowrap',\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n // overwrite style for ListItemText\n '& .MuiListItemText-root .MuiListItemText-primary': {\n fontSize: 'inherit',\n lineHeight: 'inherit',\n fontWeight: 'inherit',\n color: 'inherit',\n // also support just 1 line ellipsis\n display: 'block',\n },\n // focus\n position: 'relative',\n ...getFocusRingStyle(theme, false, '2px'),\n '&&:before': {\n borderRadius: '4px',\n },\n ...getInteractiveStyle(\n {\n // with checkbox inside also apply default styling once selected\n '&, &.Mui-selected:has(.PrivateSwitchBase-input)': {\n backgroundColor:\n theme.palette.mode === 'dark' ? theme.palette.onSurface.os800 : theme.palette.background.primary,\n },\n },\n { backgroundColor: theme.palette.surface.primary },\n { backgroundColor: theme.palette.surface.secondary },\n {\n // with checkbox correctly remove hover effect\n '&.Mui-selected:has(.PrivateSwitchBase-input):hover:not(:active):not(.Mui-focusVisible)': {\n backgroundColor:\n theme.palette.mode === 'dark' ? theme.palette.onSurface.os800 : theme.palette.background.primary,\n },\n },\n ),\n // disabled state\n '&.Mui-disabled': {\n '&, & .MuiListItemText-primary': {\n // remove default @mui styling\n opacity: '1',\n color: theme.palette.disabled.primary,\n },\n },\n // divider inside\n '& + .MuiDivider-root': {\n // no extra margin\n margin: '0',\n },\n // ListItemIcon wrapper inside\n '& .MuiListItemIcon-root': {\n // keep color from parent\n color: 'currentColor',\n // no longer need to match width with IconButton\n minWidth: '0',\n },\n // Checkbox/Radio at the end\n '& .PrivateSwitchBase-root:last-child': {\n // extra space between text and switch\n marginLeft: '25px',\n },\n }),\n },\n};\n"],"names":["flowMenuItem","defaultProps","tabIndex","styleOverrides","root","theme","Object","assign","padding","maxWidth","gap","color","palette","text","primary","breakpoints","up","fontSize","lineHeight","fontWeight","whiteSpace","textOverflow","overflow","display","position","getFocusRingStyle","borderRadius","getInteractiveStyle","backgroundColor","mode","onSurface","os800","background","surface","secondary","opacity","disabled","margin","minWidth","marginLeft"],"mappings":"2IAKO,MAAMA,EAAiD,CAC5DC,aAAc,CACZC,SAAU,GAEZC,eAAgB,CACdC,KAAM,EAAGC,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,~~CAEnBC~~,QAAS,OACTC,SAAU,OAEVC,IAAK,OAELC,~~MAAON~~,~~EAAMO~~,QAAQC,KAAKC,QAC1B,~~CAACT~~,~~EAAMU~~,YAAYC,GAAG,OAAQ,CAC5BC,SAAU,OACVC,WAAY,OACZC,WAAY,OAGdC,WAAY,SACZC,aAAc,WACdC,SAAU,SAEV,mDAAoD,CAClDL,SAAU,UACVC,WAAY,UACZC,WAAY,UACZR,MAAO,UAEPY,QAAS,SAGXC,SAAU,YACPC,~~EAAkBpB~~,GAAO,EAAO,QAAM,CACzC,YAAa,~~CACXqB~~,aAAc,SAEbC,EACD,CAEE,~~kDAAmD~~,~~CACjDC~~,gBACyB,~~SAAvBvB~~,~~EAAMO~~,QAAQiB,~~KAAkBxB~~,~~EAAMO~~,QAAQkB,UAAUC,~~MAAQ1B~~,~~EAAMO~~,QAAQoB,WAAWlB,UAG/F,CAAEc,~~gBAAiBvB~~,~~EAAMO~~,QAAQqB,QAAQnB,SACzC,CAAEc,~~gBAAiBvB~~,~~EAAMO~~,QAAQqB,QAAQC,WACzC,CAEE,~~yFAA0F~~,~~CACxFN~~,gBACyB,~~SAAvBvB~~,~~EAAMO~~,QAAQiB,~~KAAkBxB~~,~~EAAMO~~,QAAQkB,UAAUC,~~MAAQ1B~~,~~EAAMO~~,QAAQoB,WAAWlB,~~YAGhG~~,CAED,iBAAkB,CAChB,gCAAiC,CAE/BqB,QAAS,IACTxB,~~MAAON~~,~~EAAMO~~,QAAQwB,SAAStB,UAIlC,uBAAwB,CAEtBuB,OAAQ,KAGV,0BAA2B,CAEzB1B,MAAO,eAEP2B,SAAU,KAGZ,uCAAwC,CAEtCC,WAAY"}
1	+ {"version":3,"file":"menuItem.theme.js","sources":["../../../src/materialui/menu/menuItem.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport const flowMenuItem: Components<Theme>['MuiMenuItem'] = {\n defaultProps: {\n tabIndex: 0,\n },\n styleOverrides: {\n root: ({ theme }) => ({\n cursor: 'pointer',\n // proportions\n padding: '12px',\n maxWidth: '100%',\n // space between children (e.g. icon and text)\n gap: '10px',\n // custom font according to Figma\n color: theme.palette.text.primary,\n [theme.breakpoints.up('xs')]: {\n fontSize: '16px',\n lineHeight: '24px',\n fontWeight: '400',\n },\n // 1 line ellipsis\n whiteSpace: 'nowrap',\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n // overwrite style for ListItemText\n '& .MuiListItemText-root .MuiListItemText-primary': {\n fontSize: 'inherit',\n lineHeight: 'inherit',\n fontWeight: 'inherit',\n color: 'inherit',\n // also support just 1 line ellipsis\n display: 'block',\n },\n // focus\n position: 'relative',\n ...getFocusRingStyle(theme, false, '2px'),\n '&&:before': {\n borderRadius: '4px',\n },\n ...getInteractiveStyle(\n {\n // with checkbox inside also apply default styling once selected\n '&, &.Mui-selected:has(.PrivateSwitchBase-input), &[aria-selected=\"true\"]:has(.PrivateSwitchBase-input)': {\n backgroundColor:\n theme.palette.mode === 'dark' ? theme.palette.onSurface.os800 : theme.palette.background.primary,\n },\n },\n { backgroundColor: theme.palette.surface.primary },\n { backgroundColor: theme.palette.surface.secondary },\n {\n // with checkbox correctly remove hover effect\n '&.Mui-selected:has(.PrivateSwitchBase-input):hover:not(:active):not(.Mui-focusVisible), &[aria-selected=\"true\"]:has(.PrivateSwitchBase-input):hover:not(:active):not(.Mui-focusVisible)':\n {\n backgroundColor:\n theme.palette.mode === 'dark' ? theme.palette.onSurface.os800 : theme.palette.background.primary,\n },\n },\n ),\n // disabled state\n '&.Mui-disabled': {\n '&, & .MuiListItemText-primary': {\n // remove default @mui styling\n opacity: '1',\n color: theme.palette.disabled.primary,\n },\n },\n // divider inside\n '& + .MuiDivider-root': {\n // no extra margin\n margin: '0',\n },\n // ListItemIcon wrapper inside\n '& .MuiListItemIcon-root': {\n // keep color from parent\n color: 'currentColor',\n // no longer need to match width with IconButton\n minWidth: '0',\n },\n // Checkbox/Radio at the end\n '& .PrivateSwitchBase-root:last-child': {\n // extra space between text and switch\n marginLeft: '25px',\n },\n }),\n },\n};\n"],"names":["flowMenuItem","defaultProps","tabIndex","styleOverrides","root","theme","Object","assign","cursor","padding","maxWidth","gap","color","palette","text","primary","breakpoints","up","fontSize","lineHeight","fontWeight","whiteSpace","textOverflow","overflow","display","position","getFocusRingStyle","borderRadius","getInteractiveStyle","backgroundColor","mode","onSurface","os800","background","surface","secondary","opacity","disabled","margin","minWidth","marginLeft"],"mappings":"2IAKO,MAAMA,EAAiD,CAC5DC,aAAc,CACZC,SAAU,GAEZC,eAAgB,CACdC,KAAM,EAAGC,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CACnBC,OAAQ,UAERC,QAAS,OACTC,SAAU,OAEVC,IAAK,OAELC,MAAOP,EAAMQ,QAAQC,KAAKC,QAC1B,CAACV,EAAMW,YAAYC,GAAG,OAAQ,CAC5BC,SAAU,OACVC,WAAY,OACZC,WAAY,OAGdC,WAAY,SACZC,aAAc,WACdC,SAAU,SAEV,mDAAoD,CAClDL,SAAU,UACVC,WAAY,UACZC,WAAY,UACZR,MAAO,UAEPY,QAAS,SAGXC,SAAU,YACPC,EAAkBrB,GAAO,EAAO,QAAM,CACzC,YAAa,CACXsB,aAAc,SAEbC,EACD,CAEE,yGAA0G,CACxGC,gBACyB,SAAvBxB,EAAMQ,QAAQiB,KAAkBzB,EAAMQ,QAAQkB,UAAUC,MAAQ3B,EAAMQ,QAAQoB,WAAWlB,UAG/F,CAAEc,gBAAiBxB,EAAMQ,QAAQqB,QAAQnB,SACzC,CAAEc,gBAAiBxB,EAAMQ,QAAQqB,QAAQC,WACzC,CAEE,0LACE,CACEN,gBACyB,SAAvBxB,EAAMQ,QAAQiB,KAAkBzB,EAAMQ,QAAQkB,UAAUC,MAAQ3B,EAAMQ,QAAQoB,WAAWlB,YAGlG,CAED,iBAAkB,CAChB,gCAAiC,CAE/BqB,QAAS,IACTxB,MAAOP,EAAMQ,QAAQwB,SAAStB,UAIlC,uBAAwB,CAEtBuB,OAAQ,KAGV,0BAA2B,CAEzB1B,MAAO,eAEP2B,SAAU,KAGZ,uCAAwC,CAEtCC,WAAY"}

package/materialui/skeleton/skeleton.theme.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import s from"@skodaflow/web-tokens/src/tokens.json";const a=(a,r)=>{const e=s["flow-typography"].find((s=>s.name===`${r}-${a}`));return e?{height:e.style.lineHeight}:{}},r=(s,r)=>Object.assign(Object.assign({},a(s,"small")),{[r.breakpoints.up("md")]:Object.assign({},a(s,"medium")),[r.breakpoints.up("xl")]:Object.assign({},a(s,"large"))}),e=()=>({borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),t={defaultProps:{animation:"wave","aria-label":"placeholder",role:"progressbar"},styleOverrides:{text:Object.assign({},{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),circular:{flexShrink:"0"},wave:({theme:s})=>Object.assign({backgroundColor:s.palette.onSurface.os100,"&:after":{background:`\n          linear-gradient(\n            90deg,\n            transparent,\n            ${s.palette.surface.secondary},\n            transparent\n          )\n        `}},"dark"===s.palette.mode&&{backgroundColor:s.palette.surface.secondary,"&:after":{background:`\n             linear-gradient(\n               90deg,\n               transparent,\n               ${s.palette.surface.primary},\n               transparent\n             )\n           `}})},variants:[{props:{variant:"display"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("display",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"600px"})},{props:{variant:"h1"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("h1",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"540px"})},{props:{variant:"h2"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("h2",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"510px"})},{props:{variant:"h3"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("h3",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"480px"})},{props:{variant:"h4"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("h4",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"450px"})},{props:{variant:"subheadline"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("subheadline",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"420px"})},{props:{variant:"body"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("body",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"480px"})},{props:{variant:"disclaimer"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("disclaimer",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"360px"})},{props:{variant:"disclaimer1"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("disclaimer1",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"360px"})},{props:{variant:"disclaimer2"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("disclaimer2",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"360px"})},{props:{variant:"caption1"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("caption1",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"300px"})},{props:{variant:"caption2"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("caption2",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"300px"})},{props:{variant:"list"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("list",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"600px"})}]};export{t as flowSkeleton,r as getResponsiveLineHeight,e as getTextVariantStyle,a as getTypographyLineHeight};
+import s from"@skodaflow/web-tokens/src/tokens.json";const a=(a,r)=>{const e=s["flow-typography"].find(s=>s.name===`${r}-${a}`);return e?{height:e.style.lineHeight}:{}},r=(s,r)=>Object.assign(Object.assign({},a(s,"small")),{[r.breakpoints.up("md")]:Object.assign({},a(s,"medium")),[r.breakpoints.up("xl")]:Object.assign({},a(s,"large"))}),e=()=>({borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),t={defaultProps:{animation:"wave","aria-label":"placeholder",role:"progressbar"},styleOverrides:{text:Object.assign({},{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),circular:{flexShrink:"0"},wave:({theme:s})=>Object.assign({backgroundColor:s.palette.onSurface.os100,"&:after":{background:`\n          linear-gradient(\n            90deg,\n            transparent,\n            ${s.palette.surface.secondary},\n            transparent\n          )\n        `}},"dark"===s.palette.mode&&{backgroundColor:s.palette.surface.secondary,"&:after":{background:`\n             linear-gradient(\n               90deg,\n               transparent,\n               ${s.palette.surface.primary},\n               transparent\n             )\n           `}})},variants:[{props:{variant:"display"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("display",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"600px"})},{props:{variant:"h1"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("h1",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"540px"})},{props:{variant:"h2"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("h2",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"510px"})},{props:{variant:"h3"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("h3",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"480px"})},{props:{variant:"h4"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("h4",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"450px"})},{props:{variant:"subheadline"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("subheadline",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"420px"})},{props:{variant:"body"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("body",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"480px"})},{props:{variant:"disclaimer"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("disclaimer",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"360px"})},{props:{variant:"disclaimer1"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("disclaimer1",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"360px"})},{props:{variant:"disclaimer2"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("disclaimer2",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"360px"})},{props:{variant:"caption1"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("caption1",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"300px"})},{props:{variant:"caption2"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("caption2",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"300px"})},{props:{variant:"list"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("list",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"600px"})}]};export{t as flowSkeleton,r as getResponsiveLineHeight,e as getTextVariantStyle,a as getTypographyLineHeight};
 //# sourceMappingURL=skeleton.theme.js.map

package/materialui/skeleton/skeleton.theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"skeleton.theme.js","sources":["../../../src/materialui/skeleton/skeleton.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { CSSObject, Theme } from '@mui/material';\nimport tokens from '@skodaflow/web-tokens/src/tokens.json';\nimport { TypographySize } from '../typography/typography.theme';\n\nexport const getTypographyLineHeight = (element: string, size: TypographySize): CSSObject => {\n const typo = tokens['flow-typography'].find((el) => el.name === `${size}-${element}`);\n if (typo) {\n return {\n height: typo['style'].lineHeight,\n };\n } else {\n return {};\n }\n};\n\nexport const getResponsiveLineHeight = (element: string, theme: Theme): CSSObject => {\n return {\n ...getTypographyLineHeight(element, 'small'),\n [theme.breakpoints.up('md')]: {\n ...getTypographyLineHeight(element, 'medium'),\n },\n [theme.breakpoints.up('xl')]: {\n ...getTypographyLineHeight(element, 'large'),\n },\n };\n};\n\nexport const getTextVariantStyle = (): CSSObject => ({\n borderRadius: '4px',\n // style taken from @mui, lowering size\n transform: 'scale(1, 0.60)',\n transformOrigin: '0 55%',\n});\n\nexport const flowSkeleton: Components<Theme>['MuiSkeleton'] = {\n defaultProps: {\n animation: 'wave',\n ['aria-label']: 'placeholder',\n role: 'progressbar',\n },\n styleOverrides: {\n text: {\n ...getTextVariantStyle(),\n },\n circular: {\n flexShrink: '0',\n },\n wave: ({ theme }) => ({\n backgroundColor: theme.palette.onSurface.os100,\n '&:after': {\n background: `\n linear-gradient(\n 90deg,\n transparent,\n ${theme.palette.surface.secondary},\n transparent\n )\n `,\n },\n ...(theme.palette.mode === 'dark' && {\n backgroundColor: theme.palette.surface.secondary,\n '&:after': {\n background: `\n linear-gradient(\n 90deg,\n transparent,\n ${theme.palette.surface.primary},\n transparent\n )\n `,\n },\n }),\n }),\n },\n variants: [\n {\n props: { variant: 'display' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('display', theme),\n ...getTextVariantStyle(),\n width: '600px',\n }),\n },\n {\n props: { variant: 'h1' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('h1', theme),\n ...getTextVariantStyle(),\n width: '540px',\n }),\n },\n {\n props: { variant: 'h2' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('h2', theme),\n ...getTextVariantStyle(),\n width: '510px',\n }),\n },\n {\n props: { variant: 'h3' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('h3', theme),\n ...getTextVariantStyle(),\n width: '480px',\n }),\n },\n {\n props: { variant: 'h4' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('h4', theme),\n ...getTextVariantStyle(),\n width: '450px',\n }),\n },\n {\n props: { variant: 'subheadline' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('subheadline', theme),\n ...getTextVariantStyle(),\n width: '420px',\n }),\n },\n {\n props: { variant: 'body' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('body', theme),\n ...getTextVariantStyle(),\n width: '480px',\n }),\n },\n {\n props: { variant: 'disclaimer' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('disclaimer', theme),\n ...getTextVariantStyle(),\n width: '360px',\n }),\n },\n {\n props: { variant: 'disclaimer1' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('disclaimer1', theme),\n ...getTextVariantStyle(),\n width: '360px',\n }),\n },\n {\n props: { variant: 'disclaimer2' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('disclaimer2', theme),\n ...getTextVariantStyle(),\n width: '360px',\n }),\n },\n {\n props: { variant: 'caption1' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('caption1', theme),\n ...getTextVariantStyle(),\n width: '300px',\n }),\n },\n {\n props: { variant: 'caption2' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('caption2', theme),\n ...getTextVariantStyle(),\n width: '300px',\n }),\n },\n {\n props: { variant: 'list' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('list', theme),\n ...getTextVariantStyle(),\n width: '600px',\n }),\n },\n ],\n};\n"],"names":["getTypographyLineHeight","element","size","typo","tokens","find","el","name","height","lineHeight","getResponsiveLineHeight","theme","Object","assign","breakpoints","up","getTextVariantStyle","borderRadius","transform","transformOrigin","flowSkeleton","defaultProps","animation","role","styleOverrides","text","circular","flexShrink","wave","backgroundColor","palette","onSurface","os100","background","surface","secondary","mode","primary","variants","props","variant","style","width"],"mappings":"2DAKaA,EAA0B,CAACC,EAAiBC,KACvD,MAAMC,EAAOC,EAAO,mBAAmBC,~~MAAMC~~,GAAOA,EAAGC,OAAS,GAAGL,KAAQD,~~MAC3E~~,OAAIE,EACK,CACLK,OAAQL,EAAY,MAAEM,YAGjB,CAAA,~~CACT~~,~~EAGWC,~~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"}
1	+ {"version":3,"file":"skeleton.theme.js","sources":["../../../src/materialui/skeleton/skeleton.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { CSSObject, Theme } from '@mui/material';\nimport tokens from '@skodaflow/web-tokens/src/tokens.json';\nimport { TypographySize } from '../typography/typography.theme';\n\nexport const getTypographyLineHeight = (element: string, size: TypographySize): CSSObject => {\n const typo = tokens['flow-typography'].find((el) => el.name === `${size}-${element}`);\n if (typo) {\n return {\n height: typo['style'].lineHeight,\n };\n } else {\n return {};\n }\n};\n\nexport const getResponsiveLineHeight = (element: string, theme: Theme): CSSObject => {\n return {\n ...getTypographyLineHeight(element, 'small'),\n [theme.breakpoints.up('md')]: {\n ...getTypographyLineHeight(element, 'medium'),\n },\n [theme.breakpoints.up('xl')]: {\n ...getTypographyLineHeight(element, 'large'),\n },\n };\n};\n\nexport const getTextVariantStyle = (): CSSObject => ({\n borderRadius: '4px',\n // style taken from @mui, lowering size\n transform: 'scale(1, 0.60)',\n transformOrigin: '0 55%',\n});\n\nexport const flowSkeleton: Components<Theme>['MuiSkeleton'] = {\n defaultProps: {\n animation: 'wave',\n ['aria-label']: 'placeholder',\n role: 'progressbar',\n },\n styleOverrides: {\n text: {\n ...getTextVariantStyle(),\n },\n circular: {\n flexShrink: '0',\n },\n wave: ({ theme }) => ({\n backgroundColor: theme.palette.onSurface.os100,\n '&:after': {\n background: `\n linear-gradient(\n 90deg,\n transparent,\n ${theme.palette.surface.secondary},\n transparent\n )\n `,\n },\n ...(theme.palette.mode === 'dark' && {\n backgroundColor: theme.palette.surface.secondary,\n '&:after': {\n background: `\n linear-gradient(\n 90deg,\n transparent,\n ${theme.palette.surface.primary},\n transparent\n )\n `,\n },\n }),\n }),\n },\n variants: [\n {\n props: { variant: 'display' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('display', theme),\n ...getTextVariantStyle(),\n width: '600px',\n }),\n },\n {\n props: { variant: 'h1' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('h1', theme),\n ...getTextVariantStyle(),\n width: '540px',\n }),\n },\n {\n props: { variant: 'h2' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('h2', theme),\n ...getTextVariantStyle(),\n width: '510px',\n }),\n },\n {\n props: { variant: 'h3' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('h3', theme),\n ...getTextVariantStyle(),\n width: '480px',\n }),\n },\n {\n props: { variant: 'h4' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('h4', theme),\n ...getTextVariantStyle(),\n width: '450px',\n }),\n },\n {\n props: { variant: 'subheadline' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('subheadline', theme),\n ...getTextVariantStyle(),\n width: '420px',\n }),\n },\n {\n props: { variant: 'body' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('body', theme),\n ...getTextVariantStyle(),\n width: '480px',\n }),\n },\n {\n props: { variant: 'disclaimer' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('disclaimer', theme),\n ...getTextVariantStyle(),\n width: '360px',\n }),\n },\n {\n props: { variant: 'disclaimer1' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('disclaimer1', theme),\n ...getTextVariantStyle(),\n width: '360px',\n }),\n },\n {\n props: { variant: 'disclaimer2' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('disclaimer2', theme),\n ...getTextVariantStyle(),\n width: '360px',\n }),\n },\n {\n props: { variant: 'caption1' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('caption1', theme),\n ...getTextVariantStyle(),\n width: '300px',\n }),\n },\n {\n props: { variant: 'caption2' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('caption2', theme),\n ...getTextVariantStyle(),\n width: '300px',\n }),\n },\n {\n props: { variant: 'list' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('list', theme),\n ...getTextVariantStyle(),\n width: '600px',\n }),\n },\n ],\n};\n"],"names":["getTypographyLineHeight","element","size","typo","tokens","find","el","name","height","lineHeight","getResponsiveLineHeight","theme","Object","assign","breakpoints","up","getTextVariantStyle","borderRadius","transform","transformOrigin","flowSkeleton","defaultProps","animation","role","styleOverrides","text","circular","flexShrink","wave","backgroundColor","palette","onSurface","os100","background","surface","secondary","mode","primary","variants","props","variant","style","width"],"mappings":"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"}

package/materialui/slider/getSliderMarks.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{flowSlider as r}from"./slider.theme.js";function e(e=r.defaultProps.min,t=r.defaultProps.max,n=12,o=!1){return[...new Array(n)].map(((r,u)=>{const a=o?100/(n+1)*(u+1):100/(n-1)*u;return{value:Math.round(1e3*(a*((t-e)/100)+e+Number.EPSILON))/1e3}}))}export{e as getSliderMarks};
+import{flowSlider as r}from"./slider.theme.js";function e(e=r.defaultProps.min,t=r.defaultProps.max,n=12,o=!1){return[...new Array(n)].map((r,u)=>{const a=o?100/(n+1)*(u+1):100/(n-1)*u;return{value:Math.round(1e3*(a*((t-e)/100)+e+Number.EPSILON))/1e3}})}export{e as getSliderMarks};
 //# sourceMappingURL=getSliderMarks.js.map

package/materialui/slider/getSliderMarks.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"getSliderMarks.js","sources":["../../../src/materialui/slider/getSliderMarks.ts"],"sourcesContent":["import { SliderProps } from '@mui/material';\nimport { flowSlider } from './slider.theme';\n\n/*\n Generate * amount of marks for the slider\n \n Usage:\n * const marks = getSliderMarks(min, max)\n * <Slider marks={marks} />\n /\nexport function getSliderMarks(\n min: SliderProps['min'] = flowSlider.defaultProps.min,\n max: SliderProps['max'] = flowSlider.defaultProps.max,\n amount: number = 12,\n skipFirstAndLast: boolean = false,\n) {\n return [...new Array(amount)].map((_, idx) => {\n // obtain percentage of the current index\n const percentage = skipFirstAndLast ? (100 / (amount + 1)) (idx + 1) : (100 / (amount - 1)) * idx;\n // calculate value include floating point fix\n return { value: Math.round((percentage * ((max - min) / 100) + min + Number.EPSILON) * 1000) / 1000 };\n });\n}\n"],"names":["getSliderMarks","min","flowSlider","defaultProps","max","amount","skipFirstAndLast","Array","map","_","idx","percentage","value","Math","round","Number","EPSILON"],"mappings":"+CAUM,SAAUA,EACdC,EAA0BC,EAAWC,aAAaF,IAClDG,EAA0BF,EAAWC,aAAaC,IAClDC,EAAiB,GACjBC,GAA4B,GAE5B,MAAO,IAAI,IAAIC,MAAMF,IAASG,~~KAAI~~,CAACC,EAAGC,KAEpC,MAAMC,EAAaL,EAAoB,KAAOD,EAAS,IAAOK,EAAM,GAAM,KAAOL,EAAS,GAAMK,EAEhG,MAAO,CAAEE,MAAOC,KAAKC,MAAkE,KAA3DH,IAAeP,EAAMH,GAAO,KAAOA,EAAMc,OAAOC,UAAmB,~~IAAM,GAEzG~~"}
1	+ {"version":3,"file":"getSliderMarks.js","sources":["../../../src/materialui/slider/getSliderMarks.ts"],"sourcesContent":["import { SliderProps } from '@mui/material';\nimport { flowSlider } from './slider.theme';\n\n/*\n Generate * amount of marks for the slider\n \n Usage:\n * const marks = getSliderMarks(min, max)\n * <Slider marks={marks} />\n /\nexport function getSliderMarks(\n min: SliderProps['min'] = flowSlider.defaultProps.min,\n max: SliderProps['max'] = flowSlider.defaultProps.max,\n amount: number = 12,\n skipFirstAndLast: boolean = false,\n) {\n return [...new Array(amount)].map((_, idx) => {\n // obtain percentage of the current index\n const percentage = skipFirstAndLast ? (100 / (amount + 1)) (idx + 1) : (100 / (amount - 1)) * idx;\n // calculate value include floating point fix\n return { value: Math.round((percentage * ((max - min) / 100) + min + Number.EPSILON) * 1000) / 1000 };\n });\n}\n"],"names":["getSliderMarks","min","flowSlider","defaultProps","max","amount","skipFirstAndLast","Array","map","_","idx","percentage","value","Math","round","Number","EPSILON"],"mappings":"+CAUM,SAAUA,EACdC,EAA0BC,EAAWC,aAAaF,IAClDG,EAA0BF,EAAWC,aAAaC,IAClDC,EAAiB,GACjBC,GAA4B,GAE5B,MAAO,IAAI,IAAIC,MAAMF,IAASG,IAAI,CAACC,EAAGC,KAEpC,MAAMC,EAAaL,EAAoB,KAAOD,EAAS,IAAOK,EAAM,GAAM,KAAOL,EAAS,GAAMK,EAEhG,MAAO,CAAEE,MAAOC,KAAKC,MAAkE,KAA3DH,IAAeP,EAAMH,GAAO,KAAOA,EAAMc,OAAOC,UAAmB,MAEnG"}

package/materialui/slider/sliderContainer.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__rest as t}from"tslib";import{jsx as i}from"react/jsx-runtime";import{forwardRef as r}from"react";import{Box as o}from"@mui/material";import{flowThumbWidth as e}from"./slider.theme.js";const a=r(((r,a)=>{var{orientation:m,thumbSize:p=e,sx:s}=r,d=t(r,["orientation","thumbSize","sx"]);return i(o,Object.assign({ref:a,sx:Object.assign(Object.assign({},"vertical"===m?{py:p/2+"px","& .MuiSlider-rail":{height:"auto",top:`-${p/2}px`,bottom:`-${p/2}px`},"& .MuiSlider-track":{marginBottom:`-${p/2}px`,borderTopLeftRadius:"0",borderTopRightRadius:"0"}}:{px:p/2+"px","& .MuiSlider-rail":{width:"auto",left:`-${p/2}px`,right:`-${p/2}px`,maxWidth:"none"},"& .MuiSlider-track":{marginLeft:`-${p/2}px`,borderTopRightRadius:"0",borderBottomRightRadius:"0"}}),s)},d))}));export{a as SliderContainer};
+import{__rest as t}from"tslib";import{jsx as i}from"react/jsx-runtime";import{forwardRef as r}from"react";import{Box as o}from"@mui/material";import{flowThumbWidth as e}from"./slider.theme.js";const a=r((r,a)=>{var{orientation:m,thumbSize:p=e,sx:s}=r,d=t(r,["orientation","thumbSize","sx"]);return i(o,Object.assign({ref:a,sx:Object.assign(Object.assign({},"vertical"===m?{py:p/2+"px","& .MuiSlider-rail":{height:"auto",top:`-${p/2}px`,bottom:`-${p/2}px`},"& .MuiSlider-track":{marginBottom:`-${p/2}px`,borderTopLeftRadius:"0",borderTopRightRadius:"0"}}:{px:p/2+"px","& .MuiSlider-rail":{width:"auto",left:`-${p/2}px`,right:`-${p/2}px`,maxWidth:"none"},"& .MuiSlider-track":{marginLeft:`-${p/2}px`,borderTopRightRadius:"0",borderBottomRightRadius:"0"}}),s)},d))});export{a as SliderContainer};
 //# sourceMappingURL=sliderContainer.js.map

package/materialui/slider/sliderContainer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"sliderContainer.js","sources":["../../../src/materialui/slider/sliderContainer.tsx"],"sourcesContent":["import React, { forwardRef, ElementType } from 'react';\nimport { Box, BoxProps, SliderProps } from '@mui/material';\nimport { flowThumbWidth } from './slider.theme';\n\nexport interface SliderContainer extends BoxProps<ElementType> {\n /*\n Slider orientation\n /\n orientation?: SliderProps['orientation'];\n /\n Size of the slider thumb\n /\n thumbSize?: number;\n}\n\n/\n Simple wrapper of <Slider /> that ensures that thumb does not overflow outside the container\n */\nexport const SliderContainer: React.FC<SliderContainer> = forwardRef(\n ({ orientation, thumbSize = flowThumbWidth, sx, ...rest }, ref) => {\n return (\n <Box\n ref={ref}\n sx={{\n ...(orientation === 'vertical'\n ? {\n py: `${thumbSize / 2}px`,\n // increase the size of rail by size of thumb\n '& .MuiSlider-rail': {\n height: 'auto',\n top: `-${thumbSize / 2}px`,\n bottom: `-${thumbSize / 2}px`,\n },\n // move track into increased rail size\n '& .MuiSlider-track': {\n marginBottom: `-${thumbSize / 2}px`,\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n },\n }\n : {\n px: `${thumbSize / 2}px`,\n // increase the size of rail by size of thumb\n '& .MuiSlider-rail': {\n width: 'auto',\n left: `-${thumbSize / 2}px`,\n right: `-${thumbSize / 2}px`,\n maxWidth: 'none',\n },\n // move track into increased rail size\n '& .MuiSlider-track': {\n marginLeft: `-${thumbSize / 2}px`,\n borderTopRightRadius: '0',\n borderBottomRightRadius: '0',\n },\n }),\n ...sx,\n }}\n {...rest}\n />\n );\n },\n);\n"],"names":["SliderContainer","forwardRef","_a","ref","orientation","thumbSize","flowThumbWidth","sx","rest","__rest","_jsx","Box","Object","assign","py","height","top","bottom","marginBottom","borderTopLeftRadius","borderTopRightRadius","px","width","left","right","maxWidth","marginLeft","borderBottomRightRadius"],"mappings":"iMAkBO,MAAMA,EAA6CC,~~GACxD~~,CAACC,EAA0DC,KAA1D,IAAAC,YAAEA,EAAWC,UAAEA,EAAYC,EAAcC,GAAEA,GAAEL,EAAKM,EAAIC,EAAAP,EAAtD,CAAA,cAAA,YAAA,OACC,OACEQ,EAACC,EAAGC,OAAAC,OAAA,CACFV,IAAKA,EACLI,GAAEK,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACoB,aAAhBT,EACA,CACEU,GAAOT,EAAY,EAAf,KAEJ,oBAAqB,CACnBU,OAAQ,OACRC,IAAK,IAAIX,EAAY,MACrBY,OAAQ,IAAIZ,EAAY,OAG1B,qBAAsB,CACpBa,aAAc,IAAIb,EAAY,MAC9Bc,oBAAqB,IACrBC,qBAAsB,MAG1B,CACEC,GAAOhB,EAAY,EAAf,KAEJ,oBAAqB,CACnBiB,MAAO,OACPC,KAAM,IAAIlB,EAAY,MACtBmB,MAAO,IAAInB,EAAY,MACvBoB,SAAU,QAGZ,qBAAsB,CACpBC,WAAY,IAAIrB,EAAY,MAC5Be,qBAAsB,IACtBO,wBAAyB,OAG9BpB,IAEDC~~,GACJ~~"}
1	+ {"version":3,"file":"sliderContainer.js","sources":["../../../src/materialui/slider/sliderContainer.tsx"],"sourcesContent":["import React, { forwardRef, ElementType } from 'react';\nimport { Box, BoxProps, SliderProps } from '@mui/material';\nimport { flowThumbWidth } from './slider.theme';\n\nexport interface SliderContainer extends BoxProps<ElementType> {\n /*\n Slider orientation\n /\n orientation?: SliderProps['orientation'];\n /\n Size of the slider thumb\n /\n thumbSize?: number;\n}\n\n/\n Simple wrapper of <Slider /> that ensures that thumb does not overflow outside the container\n */\nexport const SliderContainer: React.FC<SliderContainer> = forwardRef(\n ({ orientation, thumbSize = flowThumbWidth, sx, ...rest }, ref) => {\n return (\n <Box\n ref={ref}\n sx={{\n ...(orientation === 'vertical'\n ? {\n py: `${thumbSize / 2}px`,\n // increase the size of rail by size of thumb\n '& .MuiSlider-rail': {\n height: 'auto',\n top: `-${thumbSize / 2}px`,\n bottom: `-${thumbSize / 2}px`,\n },\n // move track into increased rail size\n '& .MuiSlider-track': {\n marginBottom: `-${thumbSize / 2}px`,\n borderTopLeftRadius: '0',\n borderTopRightRadius: '0',\n },\n }\n : {\n px: `${thumbSize / 2}px`,\n // increase the size of rail by size of thumb\n '& .MuiSlider-rail': {\n width: 'auto',\n left: `-${thumbSize / 2}px`,\n right: `-${thumbSize / 2}px`,\n maxWidth: 'none',\n },\n // move track into increased rail size\n '& .MuiSlider-track': {\n marginLeft: `-${thumbSize / 2}px`,\n borderTopRightRadius: '0',\n borderBottomRightRadius: '0',\n },\n }),\n ...sx,\n }}\n {...rest}\n />\n );\n },\n);\n"],"names":["SliderContainer","forwardRef","_a","ref","orientation","thumbSize","flowThumbWidth","sx","rest","__rest","_jsx","Box","Object","assign","py","height","top","bottom","marginBottom","borderTopLeftRadius","borderTopRightRadius","px","width","left","right","maxWidth","marginLeft","borderBottomRightRadius"],"mappings":"iMAkBO,MAAMA,EAA6CC,EACxD,CAACC,EAA0DC,KAA1D,IAAAC,YAAEA,EAAWC,UAAEA,EAAYC,EAAcC,GAAEA,GAAEL,EAAKM,EAAIC,EAAAP,EAAtD,CAAA,cAAA,YAAA,OACC,OACEQ,EAACC,EAAGC,OAAAC,OAAA,CACFV,IAAKA,EACLI,GAAEK,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACoB,aAAhBT,EACA,CACEU,GAAOT,EAAY,EAAf,KAEJ,oBAAqB,CACnBU,OAAQ,OACRC,IAAK,IAAIX,EAAY,MACrBY,OAAQ,IAAIZ,EAAY,OAG1B,qBAAsB,CACpBa,aAAc,IAAIb,EAAY,MAC9Bc,oBAAqB,IACrBC,qBAAsB,MAG1B,CACEC,GAAOhB,EAAY,EAAf,KAEJ,oBAAqB,CACnBiB,MAAO,OACPC,KAAM,IAAIlB,EAAY,MACtBmB,MAAO,IAAInB,EAAY,MACvBoB,SAAU,QAGZ,qBAAsB,CACpBC,WAAY,IAAIrB,EAAY,MAC5Be,qBAAsB,IACtBO,wBAAyB,OAG9BpB,IAEDC"}

package/materialui/slider/sliderValues.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__rest as e}from"tslib";import{jsxs as a,jsx as s,Fragment as l}from"react/jsx-runtime";import{forwardRef as r,useState as o,useCallback as i}from"react";import{Box as n,Typography as t,FilledInput as p}from"@mui/material";import{flowSlider as u}from"./slider.theme.js";import{getFocusRingStyle as b}from"../../components/focusring/focusring.js";const c=r(((r,o)=>{var{sx:i,children:t,value:p,valueProps:b,label:c,labelProps:m,valueLabelFormat:x,setValue:g,disabled:v,min:f=u.defaultProps.min,minLabel:P,minLabelProps:j,max:O=u.defaultProps.max,maxLabel:h,maxLabelProps:y,step:L=u.defaultProps.step,sliderValueProps:S,inputProps:k}=r,V=e(r,["sx","children","value","valueProps","label","labelProps","valueLabelFormat","setValue","disabled","min","minLabel","minLabelProps","max","maxLabel","maxLabelProps","step","sliderValueProps","inputProps"]);const F=Object.assign({disabled:v,min:f,max:O,step:L,valueLabelFormat:x,valueProps:b,inputProps:k},S);return a(n,Object.assign({ref:o,sx:Object.assign({display:"flex",alignItems:"flex-end",justifyContent:"space-between",gap:1},i)},V,{children:[Array.isArray(p)||!1===p&&(P||c)&&h?a(l,{children:[s(d,Object.assign({value:!1!==p&&p[0],setValue:g?e=>g([e,p[1]]):void 0,label:P||c,labelProps:j||m},F,{max:p[1]})),s(d,Object.assign({value:!1!==p&&p[1],setValue:g?e=>g([p[0],e]):void 0,label:h,labelProps:y},F,{min:p[0],sx:Object.assign({textAlign:"right"},null==F?void 0:F.sx)}))]}):s(d,Object.assign({value:p,setValue:g,label:c,labelProps:m},F)),t]}))})),d=r(((l,r)=>{var{value:u,valueProps:c,label:d,labelProps:m,valueLabelFormat:x,setValue:g,min:v,max:f,step:P,inputProps:j,disabled:O,sx:h}=l,y=e(l,["value","valueProps","label","labelProps","valueLabelFormat","setValue","min","max","step","inputProps","disabled","sx"]);const L=null!=m?m:{},{sx:S}=L,k=e(L,["sx"]),V=null!=c?c:{},{sx:F}=V,C=e(V,["sx"]),w=null!=j?j:{},{sx:A}=w,I=e(w,["sx"]),[z,B]=o(!1),M=i((e=>{const a=+(e||0);g(a<v?v:a>f?f:a)}),[v,f,g]),R=x?x(u):u;return a(n,Object.assign({ref:r,sx:Object.assign(Object.assign({minWidth:"82px"},(!d||!1===u)&&{pt:.5}),h),onClick:g&&!O?()=>B(!0):void 0},y,{children:[d&&s(t,Object.assign({},!1===u&&{variant:"disclaimer1"},{sx:Object.assign(Object.assign({display:"block"},!1===u?{color:e=>"dark"===e.palette.mode?"onSurface.os200":"onSurface.os700"}:{color:e=>"dark"===e.palette.mode?"onSurface.os300":"onSurface.os600",fontSize:{xs:"12px"},lineHeight:{xs:"12px"},fontWeight:{xs:"400"},py:.5,px:1}),S)},k,{children:d})),z&&!O?s(p,Object.assign({autoFocus:!0,onBlur:()=>B(!1),value:u,onChange:e=>M(e.target.value),onKeyUp:()=>{},inputProps:{type:"number",step:P,min:v,"aria-valuemin":v,max:f,"aria-valuemax":f,"aria-valuenow":R},disableUnderline:!0,sx:e=>{var a;return Object.assign(Object.assign(Object.assign({display:"block",borderRadius:"4px",py:"1px",px:1,border:1,borderColor:"onSurface.os500","&&, &:hover":{backgroundColor:"background.primary"},"& .MuiInputBase-input":Object.assign({fieldSizing:"content",textAlign:"inherit",p:0},e.typography[null!==(a=null==C?void 0:C.variant)&&void 0!==a?a:"disclaimer1"])},b(e,!1,1,"&.Mui-focused")),{"&&:before":{border:"none"}}),A)}},I)):!1!==u&&s(t,Object.assign({variant:"disclaimer1",sx:Object.assign(Object.assign({display:"block",px:1,whiteSpace:"nowrap",color:e=>"dark"===e.palette.mode?"onSurface.os200":"onSurface.os700"},g&&{px:1,py:"1px",border:1,borderColor:"onSurface.os500",borderRadius:"4px"}),F)},g&&{tabIndex:0,onFocus:()=>B(!0)},C,{children:R}))]}))}));export{d as SliderValue,c as SliderValues};
+import{__rest as e}from"tslib";import{jsxs as a,jsx as s,Fragment as l}from"react/jsx-runtime";import{forwardRef as r,useState as o,useCallback as i}from"react";import{Box as n,Typography as t,FilledInput as p}from"@mui/material";import{flowSlider as u}from"./slider.theme.js";import{getFocusRingStyle as b}from"../../components/focusring/focusring.js";const c=r((r,o)=>{var{sx:i,children:t,value:p,valueProps:b,label:c,labelProps:m,valueLabelFormat:x,setValue:g,disabled:v,min:f=u.defaultProps.min,minLabel:P,minLabelProps:j,max:O=u.defaultProps.max,maxLabel:h,maxLabelProps:y,step:L=u.defaultProps.step,sliderValueProps:S,inputProps:k}=r,V=e(r,["sx","children","value","valueProps","label","labelProps","valueLabelFormat","setValue","disabled","min","minLabel","minLabelProps","max","maxLabel","maxLabelProps","step","sliderValueProps","inputProps"]);const F=Object.assign({disabled:v,min:f,max:O,step:L,valueLabelFormat:x,valueProps:b,inputProps:k},S);return a(n,Object.assign({ref:o,sx:Object.assign({display:"flex",alignItems:"flex-end",justifyContent:"space-between",gap:1},i)},V,{children:[Array.isArray(p)||!1===p&&(P||c)&&h?a(l,{children:[s(d,Object.assign({value:!1!==p&&p[0],setValue:g?e=>g([e,p[1]]):void 0,label:P||c,labelProps:j||m},F,{max:p[1]})),s(d,Object.assign({value:!1!==p&&p[1],setValue:g?e=>g([p[0],e]):void 0,label:h,labelProps:y},F,{min:p[0],sx:Object.assign({textAlign:"right"},null==F?void 0:F.sx)}))]}):s(d,Object.assign({value:p,setValue:g,label:c,labelProps:m},F)),t]}))}),d=r((l,r)=>{var{value:u,valueProps:c,label:d,labelProps:m,valueLabelFormat:x,setValue:g,min:v,max:f,step:P,inputProps:j,disabled:O,sx:h}=l,y=e(l,["value","valueProps","label","labelProps","valueLabelFormat","setValue","min","max","step","inputProps","disabled","sx"]);const L=null!=m?m:{},{sx:S}=L,k=e(L,["sx"]),V=null!=c?c:{},{sx:F}=V,C=e(V,["sx"]),w=null!=j?j:{},{sx:A}=w,I=e(w,["sx"]),[z,B]=o(!1),M=i(e=>{const a=+(e||0);g(a<v?v:a>f?f:a)},[v,f,g]),R=x?x(u):u;return a(n,Object.assign({ref:r,sx:Object.assign(Object.assign({minWidth:"82px"},(!d||!1===u)&&{pt:.5}),h),onClick:g&&!O?()=>B(!0):void 0},y,{children:[d&&s(t,Object.assign({},!1===u&&{variant:"disclaimer1"},{sx:Object.assign(Object.assign({display:"block"},!1===u?{color:e=>"dark"===e.palette.mode?"onSurface.os200":"onSurface.os700"}:{color:e=>"dark"===e.palette.mode?"onSurface.os300":"onSurface.os600",fontSize:{xs:"12px"},lineHeight:{xs:"12px"},fontWeight:{xs:"400"},py:.5,px:1}),S)},k,{children:d})),z&&!O?s(p,Object.assign({autoFocus:!0,onBlur:()=>B(!1),value:u,onChange:e=>M(e.target.value),onKeyUp:()=>{},inputProps:{type:"number",step:P,min:v,"aria-valuemin":v,max:f,"aria-valuemax":f,"aria-valuenow":R},disableUnderline:!0,sx:e=>{var a;return Object.assign(Object.assign(Object.assign({display:"block",borderRadius:"4px",py:"1px",px:1,border:1,borderColor:"onSurface.os500","&&, &:hover":{backgroundColor:"background.primary"},"& .MuiInputBase-input":Object.assign({fieldSizing:"content",textAlign:"inherit",p:0},e.typography[null!==(a=null==C?void 0:C.variant)&&void 0!==a?a:"disclaimer1"])},b(e,!1,1,"&.Mui-focused")),{"&&:before":{border:"none"}}),A)}},I)):!1!==u&&s(t,Object.assign({variant:"disclaimer1",sx:Object.assign(Object.assign({display:"block",px:1,whiteSpace:"nowrap",color:e=>"dark"===e.palette.mode?"onSurface.os200":"onSurface.os700"},g&&{px:1,py:"1px",border:1,borderColor:"onSurface.os500",borderRadius:"4px"}),F)},g&&{tabIndex:0,onFocus:()=>B(!0)},C,{children:R}))]}))});export{d as SliderValue,c as SliderValues};
 //# sourceMappingURL=sliderValues.js.map

package/materialui/slider/sliderValues.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"sliderValues.js","sources":["../../../src/materialui/slider/sliderValues.tsx"],"sourcesContent":["import React, { forwardRef, ElementType, ReactNode, useState, useCallback } from 'react';\nimport { Box, BoxProps, SliderProps, Typography, TypographyProps, FilledInput, FilledInputProps } from '@mui/material';\nimport { flowSlider } from '@/src/materialui/slider/slider.theme';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\nexport interface SliderValuesProps extends BoxProps<ElementType> {\n /*\n The value of the slider\n /\n value: SliderProps['value'] \| false;\n /\n Properties applied to value wrapper\n /\n valueProps?: TypographyProps;\n /\n Label show above value\n /\n label?: ReactNode;\n /\n Properties applied to label wrapper\n /\n labelProps?: TypographyProps;\n /\n The format function the value label's value\n /\n valueLabelFormat?: SliderProps['valueLabelFormat'];\n /\n Provide this function to allow changing the slider value with inputs\n /\n setValue?: (newValue: unknown) => void;\n /\n Disable editing\n /\n disabled?: boolean;\n /\n The minimum allowed value of the slider\n /\n min?: SliderProps['min'];\n /\n Text shown above min selected value\n /\n minLabel?: ReactNode;\n /\n Properties applied to label wrapper\n /\n minLabelProps?: TypographyProps;\n /\n The maximum allowed value of the slider\n /\n max?: SliderProps['max'];\n /\n Text shown above max selected value\n /\n maxLabel?: ReactNode;\n /\n Properties applied to label wrapper\n /\n maxLabelProps?: TypographyProps;\n /\n The granularity with which the slider can step through values\n /\n step?: SliderProps['step'];\n /\n Properties applied to the root wrapper of each SliderValue\n /\n sliderValueProps?: BoxProps;\n /\n Properties applied to SliderValue input field\n /\n inputProps?: FilledInputProps;\n}\n\n/\n Wrapper that render one or two SliderValue components based on the Slider type\n /\nexport const SliderValues: React.FC<SliderValuesProps> = forwardRef(\n (\n {\n sx,\n children,\n value,\n valueProps,\n label,\n labelProps,\n valueLabelFormat,\n setValue,\n disabled,\n min = flowSlider.defaultProps.min,\n minLabel,\n minLabelProps,\n max = flowSlider.defaultProps.max,\n maxLabel,\n maxLabelProps,\n step = flowSlider.defaultProps.step,\n sliderValueProps: rawSliderValueProps,\n inputProps,\n ...rest\n },\n ref,\n ) => {\n const sliderValueProps = {\n disabled,\n min,\n max,\n step,\n valueLabelFormat,\n valueProps,\n inputProps,\n ...rawSliderValueProps,\n };\n\n return (\n <Box\n ref={ref}\n sx={{\n display: 'flex',\n alignItems: 'flex-end',\n justifyContent: 'space-between',\n gap: 1,\n ...sx,\n }}\n {...rest}\n >\n {Array.isArray(value) \|\| (value === false && (minLabel \|\| label) && maxLabel) ? (\n <>\n <SliderValue\n value={value !== false && value[0]}\n setValue={setValue ? (newValue) => setValue([newValue, value[1]]) : undefined}\n label={minLabel \|\| label}\n labelProps={minLabelProps \|\| labelProps}\n {...sliderValueProps}\n max={value[1]}\n />\n <SliderValue\n value={value !== false && value[1]}\n setValue={setValue ? (newValue) => setValue([value[0], newValue]) : undefined}\n label={maxLabel}\n labelProps={maxLabelProps}\n {...sliderValueProps}\n min={value[0]}\n sx={{ textAlign: 'right', ...sliderValueProps?.sx }}\n />\n </>\n ) : (\n <SliderValue value={value} setValue={setValue} label={label} labelProps={labelProps} {...sliderValueProps} />\n )}\n {children}\n </Box>\n );\n },\n);\n\nexport interface SliderValueProps\n extends Omit<SliderValuesProps, 'value' \| 'minLabel' \| 'minLabelProps' \| 'maxLabel' \| 'maxLabelProps'> {\n /\n The single value of the slider\n /\n value: number \| false;\n /\n The single setValue for the slider value\n /\n setValue?: (newValue: number) => void;\n}\n\n/\n Display single value of slider, allows editing with input\n */\nexport const SliderValue: React.FC<SliderValueProps> = forwardRef(\n (\n {\n value,\n valueProps,\n label,\n labelProps,\n valueLabelFormat,\n setValue,\n min,\n max,\n step,\n inputProps,\n disabled,\n sx,\n ...rest\n },\n ref,\n ) => {\n const { sx: labelSx, ...restLabel } = labelProps ?? {};\n const { sx: valueSx, ...restValue } = valueProps ?? {};\n const { sx: inputSx, ...restInput } = inputProps ?? {};\n const [editing, setEditing] = useState(false);\n const editValue = useCallback(\n (inputValue: string) => {\n const newValue = +(inputValue \|\| 0);\n if (newValue < min) {\n setValue(min);\n } else if (newValue > max) {\n setValue(max);\n } else {\n setValue(newValue);\n }\n },\n [min, max, setValue],\n );\n const formattedValue = valueLabelFormat ? valueLabelFormat(value) : value;\n\n return (\n <Box\n ref={ref}\n sx={{ minWidth: '82px', ...((!label \|\| value === false) && { pt: 0.5 }), ...sx }}\n onClick={setValue && !disabled ? () => setEditing(true) : undefined}\n {...rest}\n >\n {label && (\n <Typography\n {...(value === false && {\n variant: 'disclaimer1',\n })}\n sx={{\n display: 'block',\n ...(value === false\n ? {\n color: (theme) => (theme.palette.mode === 'dark' ? 'onSurface.os200' : 'onSurface.os700'),\n }\n : {\n // os600 instead of Figma's os500 to pass A11y contrast\n color: (theme) => (theme.palette.mode === 'dark' ? 'onSurface.os300' : 'onSurface.os600'),\n fontSize: { xs: '12px' },\n lineHeight: { xs: '12px' },\n fontWeight: { xs: '400' },\n py: 0.5,\n px: 1,\n }),\n ...labelSx,\n }}\n {...restLabel}\n >\n {label}\n </Typography>\n )}\n {editing && !disabled ? (\n <FilledInput\n autoFocus\n onBlur={() => setEditing(false)}\n value={value}\n onChange={(e) => editValue(e.target.value)}\n onKeyUp={() => {}}\n inputProps={{\n type: 'number',\n step: step,\n min: min,\n ['aria-valuemin']: min,\n max: max,\n ['aria-valuemax']: max,\n ['aria-valuenow']: formattedValue,\n }}\n disableUnderline\n sx={(theme) => ({\n display: 'block',\n borderRadius: '4px',\n py: '1px', // pixel perfect matching design\n px: 1,\n border: 1,\n borderColor: 'onSurface.os500',\n '&&, &:hover': {\n backgroundColor: 'background.primary',\n },\n // input itself\n '& .MuiInputBase-input': {\n fieldSizing: 'content',\n textAlign: 'inherit',\n p: 0,\n // matching typography style with value\n ...theme.typography[restValue?.variant ?? 'disclaimer1'],\n },\n ...getFocusRingStyle(theme, false, 1, '&.Mui-focused'),\n '&&:before': {\n border: 'none',\n },\n ...inputSx,\n })}\n {...restInput}\n />\n ) : (\n value !== false && (\n <Typography\n variant=\"disclaimer1\"\n sx={{\n display: 'block',\n px: 1,\n whiteSpace: 'nowrap',\n color: (theme) => (theme.palette.mode === 'dark' ? 'onSurface.os200' : 'onSurface.os700'),\n // editable\n ...(setValue && {\n px: 1,\n py: '1px',\n border: 1,\n borderColor: 'onSurface.os500',\n borderRadius: '4px',\n }),\n ...valueSx,\n }}\n {...(setValue && {\n // allow focus with keyboard navigation\n tabIndex: 0,\n onFocus: () => setEditing(true),\n })}\n {...restValue}\n >\n {formattedValue}\n </Typography>\n )\n )}\n </Box>\n );\n },\n);\n"],"names":["SliderValues","forwardRef","_a","ref","sx","children","value","valueProps","label","labelProps","valueLabelFormat","setValue","disabled","min","flowSlider","defaultProps","minLabel","minLabelProps","max","maxLabel","maxLabelProps","step","sliderValueProps","rawSliderValueProps","inputProps","rest","__rest","_jsxs","Box","Object","assign","display","alignItems","justifyContent","gap","Array","isArray","_jsx","SliderValue","newValue","undefined","textAlign","_b","labelSx","restLabel","_c","valueSx","restValue","_d","inputSx","restInput","editing","setEditing","useState","editValue","useCallback","inputValue","formattedValue","minWidth","pt","onClick","Typography","variant","color","theme","palette","mode","fontSize","xs","lineHeight","fontWeight","py","px","FilledInput","autoFocus","onBlur","onChange","e","target","onKeyUp","type","disableUnderline","borderRadius","border","borderColor","backgroundColor","fieldSizing","p","typography","getFocusRingStyle","whiteSpace","tabIndex","onFocus"],"mappings":"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"}
1	+ {"version":3,"file":"sliderValues.js","sources":["../../../src/materialui/slider/sliderValues.tsx"],"sourcesContent":["import React, { forwardRef, ElementType, ReactNode, useState, useCallback } from 'react';\nimport { Box, BoxProps, SliderProps, Typography, TypographyProps, FilledInput, FilledInputProps } from '@mui/material';\nimport { flowSlider } from '@/src/materialui/slider/slider.theme';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\nexport interface SliderValuesProps extends BoxProps<ElementType> {\n /*\n The value of the slider\n /\n value: SliderProps['value'] \| false;\n /\n Properties applied to value wrapper\n /\n valueProps?: TypographyProps;\n /\n Label show above value\n /\n label?: ReactNode;\n /\n Properties applied to label wrapper\n /\n labelProps?: TypographyProps;\n /\n The format function the value label's value\n /\n valueLabelFormat?: SliderProps['valueLabelFormat'];\n /\n Provide this function to allow changing the slider value with inputs\n /\n setValue?: (newValue: unknown) => void;\n /\n Disable editing\n /\n disabled?: boolean;\n /\n The minimum allowed value of the slider\n /\n min?: SliderProps['min'];\n /\n Text shown above min selected value\n /\n minLabel?: ReactNode;\n /\n Properties applied to label wrapper\n /\n minLabelProps?: TypographyProps;\n /\n The maximum allowed value of the slider\n /\n max?: SliderProps['max'];\n /\n Text shown above max selected value\n /\n maxLabel?: ReactNode;\n /\n Properties applied to label wrapper\n /\n maxLabelProps?: TypographyProps;\n /\n The granularity with which the slider can step through values\n /\n step?: SliderProps['step'];\n /\n Properties applied to the root wrapper of each SliderValue\n /\n sliderValueProps?: BoxProps;\n /\n Properties applied to SliderValue input field\n /\n inputProps?: FilledInputProps;\n}\n\n/\n Wrapper that render one or two SliderValue components based on the Slider type\n /\nexport const SliderValues: React.FC<SliderValuesProps> = forwardRef(\n (\n {\n sx,\n children,\n value,\n valueProps,\n label,\n labelProps,\n valueLabelFormat,\n setValue,\n disabled,\n min = flowSlider.defaultProps.min,\n minLabel,\n minLabelProps,\n max = flowSlider.defaultProps.max,\n maxLabel,\n maxLabelProps,\n step = flowSlider.defaultProps.step,\n sliderValueProps: rawSliderValueProps,\n inputProps,\n ...rest\n },\n ref,\n ) => {\n const sliderValueProps = {\n disabled,\n min,\n max,\n step,\n valueLabelFormat,\n valueProps,\n inputProps,\n ...rawSliderValueProps,\n };\n\n return (\n <Box\n ref={ref}\n sx={{\n display: 'flex',\n alignItems: 'flex-end',\n justifyContent: 'space-between',\n gap: 1,\n ...sx,\n }}\n {...rest}\n >\n {Array.isArray(value) \|\| (value === false && (minLabel \|\| label) && maxLabel) ? (\n <>\n <SliderValue\n value={value !== false && value[0]}\n setValue={setValue ? (newValue) => setValue([newValue, value[1]]) : undefined}\n label={minLabel \|\| label}\n labelProps={minLabelProps \|\| labelProps}\n {...sliderValueProps}\n max={value[1]}\n />\n <SliderValue\n value={value !== false && value[1]}\n setValue={setValue ? (newValue) => setValue([value[0], newValue]) : undefined}\n label={maxLabel}\n labelProps={maxLabelProps}\n {...sliderValueProps}\n min={value[0]}\n sx={{ textAlign: 'right', ...sliderValueProps?.sx }}\n />\n </>\n ) : (\n <SliderValue value={value} setValue={setValue} label={label} labelProps={labelProps} {...sliderValueProps} />\n )}\n {children}\n </Box>\n );\n },\n);\n\nexport interface SliderValueProps\n extends Omit<SliderValuesProps, 'value' \| 'minLabel' \| 'minLabelProps' \| 'maxLabel' \| 'maxLabelProps'> {\n /\n The single value of the slider\n /\n value: number \| false;\n /\n The single setValue for the slider value\n /\n setValue?: (newValue: number) => void;\n}\n\n/\n Display single value of slider, allows editing with input\n */\nexport const SliderValue: React.FC<SliderValueProps> = forwardRef(\n (\n {\n value,\n valueProps,\n label,\n labelProps,\n valueLabelFormat,\n setValue,\n min,\n max,\n step,\n inputProps,\n disabled,\n sx,\n ...rest\n },\n ref,\n ) => {\n const { sx: labelSx, ...restLabel } = labelProps ?? {};\n const { sx: valueSx, ...restValue } = valueProps ?? {};\n const { sx: inputSx, ...restInput } = inputProps ?? {};\n const [editing, setEditing] = useState(false);\n const editValue = useCallback(\n (inputValue: string) => {\n const newValue = +(inputValue \|\| 0);\n if (newValue < min) {\n setValue(min);\n } else if (newValue > max) {\n setValue(max);\n } else {\n setValue(newValue);\n }\n },\n [min, max, setValue],\n );\n const formattedValue = valueLabelFormat ? valueLabelFormat(value) : value;\n\n return (\n <Box\n ref={ref}\n sx={{ minWidth: '82px', ...((!label \|\| value === false) && { pt: 0.5 }), ...sx }}\n onClick={setValue && !disabled ? () => setEditing(true) : undefined}\n {...rest}\n >\n {label && (\n <Typography\n {...(value === false && {\n variant: 'disclaimer1',\n })}\n sx={{\n display: 'block',\n ...(value === false\n ? {\n color: (theme) => (theme.palette.mode === 'dark' ? 'onSurface.os200' : 'onSurface.os700'),\n }\n : {\n // os600 instead of Figma's os500 to pass A11y contrast\n color: (theme) => (theme.palette.mode === 'dark' ? 'onSurface.os300' : 'onSurface.os600'),\n fontSize: { xs: '12px' },\n lineHeight: { xs: '12px' },\n fontWeight: { xs: '400' },\n py: 0.5,\n px: 1,\n }),\n ...labelSx,\n }}\n {...restLabel}\n >\n {label}\n </Typography>\n )}\n {editing && !disabled ? (\n <FilledInput\n autoFocus\n onBlur={() => setEditing(false)}\n value={value}\n onChange={(e) => editValue(e.target.value)}\n onKeyUp={() => {}}\n inputProps={{\n type: 'number',\n step: step,\n min: min,\n ['aria-valuemin']: min,\n max: max,\n ['aria-valuemax']: max,\n ['aria-valuenow']: formattedValue,\n }}\n disableUnderline\n sx={(theme) => ({\n display: 'block',\n borderRadius: '4px',\n py: '1px', // pixel perfect matching design\n px: 1,\n border: 1,\n borderColor: 'onSurface.os500',\n '&&, &:hover': {\n backgroundColor: 'background.primary',\n },\n // input itself\n '& .MuiInputBase-input': {\n fieldSizing: 'content',\n textAlign: 'inherit',\n p: 0,\n // matching typography style with value\n ...theme.typography[restValue?.variant ?? 'disclaimer1'],\n },\n ...getFocusRingStyle(theme, false, 1, '&.Mui-focused'),\n '&&:before': {\n border: 'none',\n },\n ...inputSx,\n })}\n {...restInput}\n />\n ) : (\n value !== false && (\n <Typography\n variant=\"disclaimer1\"\n sx={{\n display: 'block',\n px: 1,\n whiteSpace: 'nowrap',\n color: (theme) => (theme.palette.mode === 'dark' ? 'onSurface.os200' : 'onSurface.os700'),\n // editable\n ...(setValue && {\n px: 1,\n py: '1px',\n border: 1,\n borderColor: 'onSurface.os500',\n borderRadius: '4px',\n }),\n ...valueSx,\n }}\n {...(setValue && {\n // allow focus with keyboard navigation\n tabIndex: 0,\n onFocus: () => setEditing(true),\n })}\n {...restValue}\n >\n {formattedValue}\n </Typography>\n )\n )}\n </Box>\n );\n },\n);\n"],"names":["SliderValues","forwardRef","_a","ref","sx","children","value","valueProps","label","labelProps","valueLabelFormat","setValue","disabled","min","flowSlider","defaultProps","minLabel","minLabelProps","max","maxLabel","maxLabelProps","step","sliderValueProps","rawSliderValueProps","inputProps","rest","__rest","_jsxs","Box","Object","assign","display","alignItems","justifyContent","gap","Array","isArray","_jsx","SliderValue","newValue","undefined","textAlign","_b","labelSx","restLabel","_c","valueSx","restValue","_d","inputSx","restInput","editing","setEditing","useState","editValue","useCallback","inputValue","formattedValue","minWidth","pt","onClick","Typography","variant","color","theme","palette","mode","fontSize","xs","lineHeight","fontWeight","py","px","FilledInput","autoFocus","onBlur","onChange","e","target","onKeyUp","type","disableUnderline","borderRadius","border","borderColor","backgroundColor","fieldSizing","p","typography","getFocusRingStyle","whiteSpace","tabIndex","onFocus"],"mappings":"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"}

package/materialui/stepper/StepLabelIcon.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__rest as r}from"tslib";import{jsx as o,jsxs as e}from"react/jsx-runtime";import{useMemo as t,useRef as n}from"react";import{Box as a}from"@mui/material";import{CheckIcon as i}from"../../components/icon/stroke/CheckIcon.js";import{CloseIcon as c}from"../../components/icon/stroke/CloseIcon.js";const l={root:"FlowStepIcon-root",active:"FlowStepIcon-active",completed:"FlowStepIcon-completed",error:"FlowStepIcon-error",disabled:"FlowStepIcon-disabled"},s=({active:r,completed:e,error:n,ownerState:a})=>{const{disabled:s}=null!=a?a:{},p=t((()=>n?c:e&&!r?i:null),[n,e,r]);return o(d,{className:[l.root,r&&l.active,e&&l.completed,n&&l.error,s&&l.disabled].filter(Boolean).join(" "),children:p&&o(p,{sx:{position:"absolute",fontSize:"inherit",color:"background.primary"}})})},d=t=>{var{children:i,className:c,sx:s}=t,d=r(t,["children","className","sx"]);const p=n(!1),m=n(c);return p.current||m.current===c||(p.current=!0),e(a,Object.assign({sx:Object.assign({display:"flex",height:"28px",width:"28px",alignItems:"center",justifyContent:"center",position:"relative",boxSizing:"border-box",fontSize:"16px","& .MuiSvgIcon-root":{zIndex:"5"},"@keyframes flowStepperActive":{"0%":{transform:"scale(1.5)",opacity:"0.8"},"100%":{transform:"scale(1)",opacity:"1"}},"@keyframes flowStepperCompleted":{"0%":{transform:"scale(.8)",opacity:"0.8"},"100%":{transform:"scale(1)",opacity:"1"}},[`& .${l.root}`]:{height:"100%",width:"100%",borderRadius:"40px",borderColor:"onSurface.os500",backgroundColor:"transparent",borderWidth:"2px",borderStyle:"solid",color:"transparent",minHeight:"20px",[`&.${l.completed}:not(.${l.active})`]:{color:"onSurface.os700",backgroundColor:r=>"dark"===r.palette.mode?"brand.secondary":"brand.primary",border:"none",height:"100%",width:"100%",animation:p.current?"flowStepperCompleted 0.4s":"none"},[`&.${l.error}, &.${l.error}.${l.completed}`]:{borderColor:"error.main",backgroundColor:"error.main"},[`&.${l.active}`]:{color:"onSurface.os700",height:"100%",width:"100%",marginRight:"0px",marginLeft:"0px",borderColor:r=>"dark"===r.palette.mode?"brand.secondary":"brand.primary","&::before":{content:'""',position:"absolute",borderRadius:"40px",backgroundColor:r=>"dark"===r.palette.mode?"brand.secondary":"brand.primary",inset:"5px",animation:p.current?"flowStepperActive 0.4s":"none",zIndex:"1"},[`&.${l.error}`]:{borderColor:"error.main","&::before":{backgroundColor:"transparent.transparent",border:3,inset:"2px",borderColor:"background.primary"}}}}},s)},d,{children:[i,o(a,{className:c})]}))};export{s as FlowStepLabelIcon,l as flowStepIconClasses};
+import{__rest as r}from"tslib";import{jsx as o,jsxs as e}from"react/jsx-runtime";import{useMemo as t,useRef as n}from"react";import{Box as a}from"@mui/material";import{CheckIcon as i}from"../../components/icon/stroke/CheckIcon.js";import{CloseIcon as c}from"../../components/icon/stroke/CloseIcon.js";const l={root:"FlowStepIcon-root",active:"FlowStepIcon-active",completed:"FlowStepIcon-completed",error:"FlowStepIcon-error",disabled:"FlowStepIcon-disabled"},s=({active:r,completed:e,error:n,ownerState:a})=>{const{disabled:s}=null!=a?a:{},p=t(()=>n?c:e&&!r?i:null,[n,e,r]);return o(d,{className:[l.root,r&&l.active,e&&l.completed,n&&l.error,s&&l.disabled].filter(Boolean).join(" "),children:p&&o(p,{sx:{position:"absolute",fontSize:"inherit",color:"background.primary"}})})},d=t=>{var{children:i,className:c,sx:s}=t,d=r(t,["children","className","sx"]);const p=n(!1),m=n(c);return p.current||m.current===c||(p.current=!0),e(a,Object.assign({sx:Object.assign({display:"flex",height:"28px",width:"28px",alignItems:"center",justifyContent:"center",position:"relative",boxSizing:"border-box",fontSize:"16px","& .MuiSvgIcon-root":{zIndex:"5"},"@keyframes flowStepperActive":{"0%":{transform:"scale(1.5)",opacity:"0.8"},"100%":{transform:"scale(1)",opacity:"1"}},"@keyframes flowStepperCompleted":{"0%":{transform:"scale(.8)",opacity:"0.8"},"100%":{transform:"scale(1)",opacity:"1"}},[`& .${l.root}`]:{height:"100%",width:"100%",borderRadius:"40px",borderColor:"onSurface.os500",backgroundColor:"transparent",borderWidth:"2px",borderStyle:"solid",color:"transparent",minHeight:"20px",[`&.${l.completed}:not(.${l.active})`]:{color:"onSurface.os700",backgroundColor:r=>"dark"===r.palette.mode?"brand.secondary":"brand.primary",border:"none",height:"100%",width:"100%",animation:p.current?"flowStepperCompleted 0.4s":"none"},[`&.${l.error}, &.${l.error}.${l.completed}`]:{borderColor:"error.main",backgroundColor:"error.main"},[`&.${l.active}`]:{color:"onSurface.os700",height:"100%",width:"100%",marginRight:"0px",marginLeft:"0px",borderColor:r=>"dark"===r.palette.mode?"brand.secondary":"brand.primary","&::before":{content:'""',position:"absolute",borderRadius:"40px",backgroundColor:r=>"dark"===r.palette.mode?"brand.secondary":"brand.primary",inset:"5px",animation:p.current?"flowStepperActive 0.4s":"none",zIndex:"1"},[`&.${l.error}`]:{borderColor:"error.main","&::before":{backgroundColor:"transparent.transparent",border:3,inset:"2px",borderColor:"background.primary"}}}}},s)},d,{children:[i,o(a,{className:c})]}))};export{s as FlowStepLabelIcon,l as flowStepIconClasses};
 //# sourceMappingURL=StepLabelIcon.js.map

package/materialui/stepper/StepLabelIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepLabelIcon.js","sources":["../../../src/materialui/stepper/StepLabelIcon.tsx"],"sourcesContent":["import { useMemo, useRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\nimport { CheckIcon } from '@/src/components/icon/stroke/CheckIcon';\nimport { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\n\nexport const flowStepIconClasses = {\n root: 'FlowStepIcon-root',\n active: 'FlowStepIcon-active',\n completed: 'FlowStepIcon-completed',\n error: 'FlowStepIcon-error',\n disabled: 'FlowStepIcon-disabled',\n};\n\nexport const FlowStepLabelIcon = ({ active, completed, error, ownerState }) => {\n const { disabled } = ownerState ?? {};\n // obtain icon based on the state\n const IconComponent = useMemo(() => {\n if (error) {\n return CloseIcon;\n } else if (completed && !active) {\n return CheckIcon;\n } else {\n return null;\n }\n }, [error, completed, active]);\n\n return (\n <FlowStepIconRoot\n className={[\n flowStepIconClasses.root,\n active && flowStepIconClasses.active,\n completed && flowStepIconClasses.completed,\n error && flowStepIconClasses.error,\n disabled && flowStepIconClasses.disabled,\n ]\n .filter(Boolean)\n .join(' ')}\n >\n {IconComponent && (\n <IconComponent\n sx={{\n position: 'absolute',\n fontSize: 'inherit',\n color: 'background.primary',\n }}\n />\n )}\n </FlowStepIconRoot>\n );\n};\n\nconst FlowStepIconRoot = ({ children, className, sx, ...restProps }: BoxProps) => {\n // during first render (and first state) do not play animation\n const animation = useRef(false);\n const initialClassName = useRef(className);\n if (!animation.current && initialClassName.current !== className) {\n animation.current = true;\n }\n\n return (\n <Box\n sx={{\n display: 'flex',\n height: '28px',\n width: '28px',\n alignItems: 'center',\n justifyContent: 'center',\n position: 'relative',\n boxSizing: 'border-box',\n fontSize: '16px',\n '& .MuiSvgIcon-root': {\n zIndex: '5',\n },\n [`@keyframes flowStepperActive`]: {\n '0%': {\n transform: 'scale(1.5)',\n opacity: '0.8',\n },\n '100%': {\n transform: 'scale(1)',\n opacity: '1',\n },\n },\n [`@keyframes flowStepperCompleted`]: {\n '0%': {\n transform: 'scale(.8)',\n opacity: '0.8',\n },\n '100%': {\n transform: 'scale(1)',\n opacity: '1',\n },\n },\n // style is also applied in stepButton.theme.ts\n [`& .${flowStepIconClasses.root}`]: {\n height: '100%',\n width: '100%',\n borderRadius: '40px',\n borderColor: 'onSurface.os500',\n backgroundColor: 'transparent',\n borderWidth: '2px',\n borderStyle: 'solid',\n color: 'transparent',\n minHeight: '20px',\n // completed\n [`&.${flowStepIconClasses.completed}:not(.${flowStepIconClasses.active})`]: {\n color: 'onSurface.os700',\n backgroundColor: (theme) => (theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.primary'),\n border: 'none',\n height: '100%',\n width: '100%',\n animation: animation.current ? 'flowStepperCompleted 0.4s' : 'none',\n },\n // error\n [`&.${flowStepIconClasses.error}, &.${flowStepIconClasses.error}.${flowStepIconClasses.completed}`]: {\n borderColor: 'error.main',\n backgroundColor: 'error.main',\n },\n // disabled style is applied from stepper.theme.ts as it has to be applied only for the non-linear variant\n // active\n [`&.${flowStepIconClasses.active}`]: {\n color: 'onSurface.os700',\n height: '100%',\n width: '100%',\n marginRight: '0px',\n marginLeft: '0px',\n borderColor: (theme) => (theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.primary'),\n '&::before': {\n content: '\"\"',\n position: 'absolute',\n borderRadius: '40px',\n backgroundColor: (theme) => (theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.primary'),\n inset: '5px',\n animation: animation.current ? 'flowStepperActive 0.4s' : 'none',\n zIndex: '1',\n },\n [`&.${flowStepIconClasses.error}`]: {\n borderColor: 'error.main',\n '&::before': {\n backgroundColor: 'transparent.transparent',\n border: 3,\n inset: '2px',\n borderColor: 'background.primary',\n },\n },\n },\n },\n ...sx,\n }}\n {...restProps}\n >\n {children}\n <Box className={className} />\n </Box>\n );\n};\n"],"names":["flowStepIconClasses","root","active","completed","error","disabled","FlowStepLabelIcon","ownerState","IconComponent","useMemo","CloseIcon","CheckIcon","_jsx","FlowStepIconRoot","className","filter","Boolean","join","children","sx","position","fontSize","color","_a","restProps","__rest","animation","useRef","initialClassName","current","_jsxs","Box","Object","assign","display","height","width","alignItems","justifyContent","boxSizing","zIndex","transform","opacity","borderRadius","borderColor","backgroundColor","borderWidth","borderStyle","minHeight","theme","palette","mode","border","marginRight","marginLeft","content","inset"],"mappings":"6SAKO,MAAMA,EAAsB,CACjCC,KAAM,oBACNC,OAAQ,sBACRC,UAAW,yBACXC,MAAO,qBACPC,SAAU,yBAGCC,EAAoB,EAAGJ,SAAQC,YAAWC,QAAOG,iBAC5D,MAAMF,SAAEA,GAAaE,QAAAA,EAAc,CAAA,EAE7BC,EAAgBC,~~GAAQ~~,IACxBL,EACKM,EACEP,IAAcD,EAChBS,EAEA,~~MAER~~,CAACP,EAAOD,EAAWD,IAEtB,OACEU,EAACC,EAAgB,CACfC,UAAW,CACTd,EAAoBC,KACpBC,GAAUF,EAAoBE,OAC9BC,GAAaH,EAAoBG,UACjCC,GAASJ,EAAoBI,MAC7BC,GAAYL,EAAoBK,UAE/BU,OAAOC,SACPC,KAAK,KAAIC,SAEXV,GACCI,EAACJ,EAAa,CACZW,GAAI,CACFC,SAAU,WACVC,SAAU,UACVC,MAAO,~~yBAII~~,~~EAIjBT,~~EAAoBU,QAAAL,SAAEA,EAAQJ,UAAEA,EAASK,GAAEA,KAAOK,EAASC,EAAAF,EAAvC,CAAA,WAAA,YAAA,OAExB,MAAMG,EAAYC,GAAO,GACnBC,EAAmBD,EAAOb,GAKhC,OAJKY,EAAUG,SAAWD,EAAiBC,UAAYf,IACrDY,EAAUG,SAAU,GAIpBC,EAACC,EAAGC,OAAAC,OAAA,CACFd,kBACEe,QAAS,OACTC,OAAQ,OACRC,MAAO,OACPC,WAAY,SACZC,eAAgB,SAChBlB,SAAU,WACVmB,UAAW,aACXlB,SAAU,OACV,qBAAsB,CACpBmB,OAAQ,KAEV,+BAAkC,CAChC,KAAM,CACJC,UAAW,aACXC,QAAS,OAEX,OAAQ,CACND,UAAW,WACXC,QAAS,MAGb,kCAAqC,CACnC,KAAM,CACJD,UAAW,YACXC,QAAS,OAEX,OAAQ,CACND,UAAW,WACXC,QAAS,MAIb,CAAC,MAAM1C,EAAoBC,QAAS,CAClCkC,OAAQ,OACRC,MAAO,OACPO,aAAc,OACdC,YAAa,kBACbC,gBAAiB,cACjBC,YAAa,MACbC,YAAa,QACbzB,MAAO,cACP0B,UAAW,OAEX,CAAC,KAAKhD,EAAoBG,kBAAkBH,EAAoBE,WAAY,CAC1EoB,MAAO,kBACPuB,gBAAkBI,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,gBACjFC,OAAQ,OACRjB,OAAQ,OACRC,MAAO,OACPV,UAAWA,EAAUG,QAAU,4BAA8B,QAG/D,CAAC,KAAK7B,EAAoBI,YAAYJ,EAAoBI,SAASJ,EAAoBG,aAAc,CACnGyC,YAAa,aACbC,gBAAiB,cAInB,CAAC,KAAK7C,EAAoBE,UAAW,CACnCoB,MAAO,kBACPa,OAAQ,OACRC,MAAO,OACPiB,YAAa,MACbC,WAAY,MACZV,YAAcK,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,gBAC7E,YAAa,CACXI,QAAS,KACTnC,SAAU,WACVuB,aAAc,OACdE,gBAAkBI,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,gBACjFK,MAAO,MACP9B,UAAWA,EAAUG,QAAU,yBAA2B,OAC1DW,OAAQ,KAEV,CAAC,KAAKxC,EAAoBI,SAAU,CAClCwC,YAAa,aACb,YAAa,CACXC,gBAAiB,0BACjBO,OAAQ,EACRI,MAAO,MACPZ,YAAa,0BAKlBzB,IAEDK,EAAS,CAAAN,SAAA,CAEZA,EACDN,EAACmB,EAAG,CAACjB,UAAWA~~,OACZ~~"}
1	+ {"version":3,"file":"StepLabelIcon.js","sources":["../../../src/materialui/stepper/StepLabelIcon.tsx"],"sourcesContent":["import { useMemo, useRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\nimport { CheckIcon } from '@/src/components/icon/stroke/CheckIcon';\nimport { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\n\nexport const flowStepIconClasses = {\n root: 'FlowStepIcon-root',\n active: 'FlowStepIcon-active',\n completed: 'FlowStepIcon-completed',\n error: 'FlowStepIcon-error',\n disabled: 'FlowStepIcon-disabled',\n};\n\nexport const FlowStepLabelIcon = ({ active, completed, error, ownerState }) => {\n const { disabled } = ownerState ?? {};\n // obtain icon based on the state\n const IconComponent = useMemo(() => {\n if (error) {\n return CloseIcon;\n } else if (completed && !active) {\n return CheckIcon;\n } else {\n return null;\n }\n }, [error, completed, active]);\n\n return (\n <FlowStepIconRoot\n className={[\n flowStepIconClasses.root,\n active && flowStepIconClasses.active,\n completed && flowStepIconClasses.completed,\n error && flowStepIconClasses.error,\n disabled && flowStepIconClasses.disabled,\n ]\n .filter(Boolean)\n .join(' ')}\n >\n {IconComponent && (\n <IconComponent\n sx={{\n position: 'absolute',\n fontSize: 'inherit',\n color: 'background.primary',\n }}\n />\n )}\n </FlowStepIconRoot>\n );\n};\n\nconst FlowStepIconRoot = ({ children, className, sx, ...restProps }: BoxProps) => {\n // during first render (and first state) do not play animation\n const animation = useRef(false);\n const initialClassName = useRef(className);\n if (!animation.current && initialClassName.current !== className) {\n animation.current = true;\n }\n\n return (\n <Box\n sx={{\n display: 'flex',\n height: '28px',\n width: '28px',\n alignItems: 'center',\n justifyContent: 'center',\n position: 'relative',\n boxSizing: 'border-box',\n fontSize: '16px',\n '& .MuiSvgIcon-root': {\n zIndex: '5',\n },\n [`@keyframes flowStepperActive`]: {\n '0%': {\n transform: 'scale(1.5)',\n opacity: '0.8',\n },\n '100%': {\n transform: 'scale(1)',\n opacity: '1',\n },\n },\n [`@keyframes flowStepperCompleted`]: {\n '0%': {\n transform: 'scale(.8)',\n opacity: '0.8',\n },\n '100%': {\n transform: 'scale(1)',\n opacity: '1',\n },\n },\n // style is also applied in stepButton.theme.ts\n [`& .${flowStepIconClasses.root}`]: {\n height: '100%',\n width: '100%',\n borderRadius: '40px',\n borderColor: 'onSurface.os500',\n backgroundColor: 'transparent',\n borderWidth: '2px',\n borderStyle: 'solid',\n color: 'transparent',\n minHeight: '20px',\n // completed\n [`&.${flowStepIconClasses.completed}:not(.${flowStepIconClasses.active})`]: {\n color: 'onSurface.os700',\n backgroundColor: (theme) => (theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.primary'),\n border: 'none',\n height: '100%',\n width: '100%',\n animation: animation.current ? 'flowStepperCompleted 0.4s' : 'none',\n },\n // error\n [`&.${flowStepIconClasses.error}, &.${flowStepIconClasses.error}.${flowStepIconClasses.completed}`]: {\n borderColor: 'error.main',\n backgroundColor: 'error.main',\n },\n // disabled style is applied from stepper.theme.ts as it has to be applied only for the non-linear variant\n // active\n [`&.${flowStepIconClasses.active}`]: {\n color: 'onSurface.os700',\n height: '100%',\n width: '100%',\n marginRight: '0px',\n marginLeft: '0px',\n borderColor: (theme) => (theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.primary'),\n '&::before': {\n content: '\"\"',\n position: 'absolute',\n borderRadius: '40px',\n backgroundColor: (theme) => (theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.primary'),\n inset: '5px',\n animation: animation.current ? 'flowStepperActive 0.4s' : 'none',\n zIndex: '1',\n },\n [`&.${flowStepIconClasses.error}`]: {\n borderColor: 'error.main',\n '&::before': {\n backgroundColor: 'transparent.transparent',\n border: 3,\n inset: '2px',\n borderColor: 'background.primary',\n },\n },\n },\n },\n ...sx,\n }}\n {...restProps}\n >\n {children}\n <Box className={className} />\n </Box>\n );\n};\n"],"names":["flowStepIconClasses","root","active","completed","error","disabled","FlowStepLabelIcon","ownerState","IconComponent","useMemo","CloseIcon","CheckIcon","_jsx","FlowStepIconRoot","className","filter","Boolean","join","children","sx","position","fontSize","color","_a","restProps","__rest","animation","useRef","initialClassName","current","_jsxs","Box","Object","assign","display","height","width","alignItems","justifyContent","boxSizing","zIndex","transform","opacity","borderRadius","borderColor","backgroundColor","borderWidth","borderStyle","minHeight","theme","palette","mode","border","marginRight","marginLeft","content","inset"],"mappings":"6SAKO,MAAMA,EAAsB,CACjCC,KAAM,oBACNC,OAAQ,sBACRC,UAAW,yBACXC,MAAO,qBACPC,SAAU,yBAGCC,EAAoB,EAAGJ,SAAQC,YAAWC,QAAOG,iBAC5D,MAAMF,SAAEA,GAAaE,QAAAA,EAAc,CAAA,EAE7BC,EAAgBC,EAAQ,IACxBL,EACKM,EACEP,IAAcD,EAChBS,EAEA,KAER,CAACP,EAAOD,EAAWD,IAEtB,OACEU,EAACC,EAAgB,CACfC,UAAW,CACTd,EAAoBC,KACpBC,GAAUF,EAAoBE,OAC9BC,GAAaH,EAAoBG,UACjCC,GAASJ,EAAoBI,MAC7BC,GAAYL,EAAoBK,UAE/BU,OAAOC,SACPC,KAAK,KAAIC,SAEXV,GACCI,EAACJ,EAAa,CACZW,GAAI,CACFC,SAAU,WACVC,SAAU,UACVC,MAAO,2BAQbT,EAAoBU,QAAAL,SAAEA,EAAQJ,UAAEA,EAASK,GAAEA,KAAOK,EAASC,EAAAF,EAAvC,CAAA,WAAA,YAAA,OAExB,MAAMG,EAAYC,GAAO,GACnBC,EAAmBD,EAAOb,GAKhC,OAJKY,EAAUG,SAAWD,EAAiBC,UAAYf,IACrDY,EAAUG,SAAU,GAIpBC,EAACC,EAAGC,OAAAC,OAAA,CACFd,kBACEe,QAAS,OACTC,OAAQ,OACRC,MAAO,OACPC,WAAY,SACZC,eAAgB,SAChBlB,SAAU,WACVmB,UAAW,aACXlB,SAAU,OACV,qBAAsB,CACpBmB,OAAQ,KAEV,+BAAkC,CAChC,KAAM,CACJC,UAAW,aACXC,QAAS,OAEX,OAAQ,CACND,UAAW,WACXC,QAAS,MAGb,kCAAqC,CACnC,KAAM,CACJD,UAAW,YACXC,QAAS,OAEX,OAAQ,CACND,UAAW,WACXC,QAAS,MAIb,CAAC,MAAM1C,EAAoBC,QAAS,CAClCkC,OAAQ,OACRC,MAAO,OACPO,aAAc,OACdC,YAAa,kBACbC,gBAAiB,cACjBC,YAAa,MACbC,YAAa,QACbzB,MAAO,cACP0B,UAAW,OAEX,CAAC,KAAKhD,EAAoBG,kBAAkBH,EAAoBE,WAAY,CAC1EoB,MAAO,kBACPuB,gBAAkBI,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,gBACjFC,OAAQ,OACRjB,OAAQ,OACRC,MAAO,OACPV,UAAWA,EAAUG,QAAU,4BAA8B,QAG/D,CAAC,KAAK7B,EAAoBI,YAAYJ,EAAoBI,SAASJ,EAAoBG,aAAc,CACnGyC,YAAa,aACbC,gBAAiB,cAInB,CAAC,KAAK7C,EAAoBE,UAAW,CACnCoB,MAAO,kBACPa,OAAQ,OACRC,MAAO,OACPiB,YAAa,MACbC,WAAY,MACZV,YAAcK,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,gBAC7E,YAAa,CACXI,QAAS,KACTnC,SAAU,WACVuB,aAAc,OACdE,gBAAkBI,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,gBACjFK,MAAO,MACP9B,UAAWA,EAAUG,QAAU,yBAA2B,OAC1DW,OAAQ,KAEV,CAAC,KAAKxC,EAAoBI,SAAU,CAClCwC,YAAa,aACb,YAAa,CACXC,gBAAiB,0BACjBO,OAAQ,EACRI,MAAO,MACPZ,YAAa,0BAKlBzB,IAEDK,EAAS,CAAAN,SAAA,CAEZA,EACDN,EAACmB,EAAG,CAACjB,UAAWA"}

package/materialui/stepper/stepConnector.theme.js CHANGED Viewed

@@ -1,2 +1,2 @@
-const e={styleOverrides:{line:({theme:e})=>({borderColor:e.palette.onSurface.os300,borderTopWidth:"2px"}),lineVertical:{borderLeftWidth:"2px"}}};export{e as flowStepConnector};
+const e={styleOverrides:{line:({theme:e})=>({border:"none","&.MuiStepConnector-lineVertical":{borderLeft:`2px solid ${e.palette.onSurface.os300}`},"&.MuiStepConnector-lineHorizontal\t":{borderTop:`2px solid ${e.palette.onSurface.os300}`}})}};export{e as flowStepConnector};
 //# sourceMappingURL=stepConnector.theme.js.map

package/materialui/stepper/stepConnector.theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"stepConnector.theme.js","sources":["../../../src/materialui/stepper/stepConnector.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowStepConnector: Components<Theme>['MuiStepConnector'] = {\n styleOverrides: {\n line: ({ theme }) => ({\n ~~borderColor~~: theme.palette.onSurface.os300,\n ~~borderTopWidth:~~ '~~2px~~'~~,\n }),\n lineVertical~~: {\n ~~borderLeftWidth~~: '2px',\n },\n },\n};\n"],"names":["flowStepConnector","styleOverrides","line","theme","~~borderColor~~","palette","onSurface","os300","~~borderTopWidth~~"~~,"lineVertical","borderLeftWidth"~~],"mappings":"AAEO,MAAMA,EAA2D,CACtEC,eAAgB,CACdC,KAAM,EAAGC,YAAO,CACdC,~~YAAaD~~,~~EAAME~~,QAAQC,UAAUC,~~MACrCC~~,~~eAAgB~~,~~QAElBC~~,~~aAAc~~,~~CACZC~~,~~gBAAiB~~"}
1	+ {"version":3,"file":"stepConnector.theme.js","sources":["../../../src/materialui/stepper/stepConnector.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowStepConnector: Components<Theme>['MuiStepConnector'] = {\n styleOverrides: {\n line: ({ theme }) => ({\n border: 'none',\n '&.MuiStepConnector-lineVertical': {\n borderLeft: `2px solid ${theme.palette.onSurface.os300}`,\n },\n '&.MuiStepConnector-lineHorizontal\t': {\n borderTop: `2px solid ${theme.palette.onSurface.os300}`,\n },\n }),\n },\n};\n"],"names":["flowStepConnector","styleOverrides","line","theme","border","borderLeft","palette","onSurface","os300","borderTop"],"mappings":"AAEO,MAAMA,EAA2D,CACtEC,eAAgB,CACdC,KAAM,EAAGC,YAAO,CACdC,OAAQ,OACR,kCAAmC,CACjCC,WAAY,aAAaF,EAAMG,QAAQC,UAAUC,SAEnD,sCAAsC,CACpCC,UAAW,aAAaN,EAAMG,QAAQC,UAAUC"}

package/materialui/stepper/stepper.theme.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{flowStepIconClasses as e}from"./StepLabelIcon.js";const t={defaultProps:{alternativeLabel:!0,size:"medium"},styleOverrides:{horizontal:{"& .MuiStepContent-root":{borderLeft:"none"},"&:not(.MuiStepper-alternativeLabel)":{alignItems:"flex-start","& .MuiStepConnector-root":{marginTop:"13px"}}},vertical:({theme:e,size:t})=>Object.assign({"& .MuiStep-alternativeLabel":{"& .MuiStepConnector-root":{display:"none"},"& .MuiStepContent-root":{paddingLeft:"0",marginLeft:"0",border:"none"}},"& .MuiStepContent-root":Object.assign({paddingLeft:"24px",marginLeft:"12px"},"small"!==t&&{borderLeft:`2px solid ${e.palette.onSurface.os300}`}),"& .MuiStepLabel-alternativeLabel":{alignItems:"flex-start",textAlign:"start"}},"small"===t&&{"& .MuiStepLabel-vertical":{padding:"0"},"& .MuiStepLabel-iconContainer":{"& > div":{minHeight:"20px"},"&.Mui-active > div":{height:"100%",maxHeight:"200px",minHeight:"20px"}}}),root:({size:t,theme:i})=>Object.assign({},"small"===t&&{[i.breakpoints.up("xl")]:{gap:i.spacing(.5)},"& .MuiStepConnector-root":{display:"none"},"& .MuiStepLabel-labelContainer":{display:"none"},"& .MuiStepLabel-root":{width:"100%"},"&:not(.MuiStepper-vertical) .MuiStepLabel-iconContainer.Mui-active > div":{width:"100%",maxWidth:"200px"},"&.MuiStepper-vertical:not(.MuiStepper-horizontal)":{"& .MuiStepLabel-iconContainer.Mui-active > div":{height:"60px"}},"& .MuiStep-root":{flexGrow:"0",flexBasis:"auto",paddingRight:i.spacing(.25),paddingLeft:i.spacing(.25),[`&:has(.${e.active})`]:{flexGrow:"1",maxWidth:"200px",minWidth:"20px"}},"& .MuiStepLabel-iconContainer":{width:"100%","&:not(.Mui-error) svg":{display:"none"}},"& .MuiStepLabel-iconContainer > div":{minWidth:"20px",width:"20px",height:"20px",minHeight:"20px",fontSize:"14px"},[`&&& .${e.root}.${e.active}::before`]:{inset:"0",borderWidth:"0",animation:"none"}}),nonLinear:({theme:t,size:i})=>({[`& .${e.root}.${e.disabled}`]:Object.assign(Object.assign({},"small"!==i&&{[`&:not(.${e.completed})::after`]:{content:'"!"',lineHeight:"24px",fontSize:"inherit",fontWeight:"800",color:t.palette.background.primary}}),{[`&:not(.${e.active})`]:{borderColor:t.palette.disabled.secondary,backgroundColor:t.palette.disabled.secondary},[`&:.${e.active}`]:{borderColor:t.palette.disabled.secondary,"&::before":{backgroundColor:t.palette.disabled.secondary}}})})}};export{t as flowStepper};
+import{flowStepIconClasses as t}from"./StepLabelIcon.js";const e={defaultProps:{alternativeLabel:!0,size:"medium"},styleOverrides:{horizontal:{"& .MuiStepContent-root":{borderLeft:"none"},"&:not(.MuiStepper-alternativeLabel)":{alignItems:"flex-start","& .MuiStepConnector-root":{marginTop:"13px"}}},vertical:({theme:t,size:e})=>Object.assign({"& .MuiStep-alternativeLabel":{"& .MuiStepConnector-root":{display:"none"},"& .MuiStepContent-root":{paddingLeft:"0",marginLeft:"0",border:"none"}},"& .MuiStepContent-root":Object.assign({paddingLeft:"24px",marginLeft:"12px"},"small"!==e&&{borderLeft:`2px solid ${t.palette.onSurface.os300}`}),"& .MuiStepLabel-alternativeLabel":{alignItems:"flex-start",textAlign:"start"}},"small"===e&&{"& .MuiStepLabel-vertical":{padding:"0"},"& .MuiStepLabel-iconContainer.Mui-active > div":{width:"20px",height:"60px"}}),root:({size:e,theme:i})=>Object.assign({},"small"===e&&{"& .MuiStepConnector-root":{display:"none"},"& .MuiStepLabel-labelContainer":{display:"none"},"& .MuiStep-root":{lineHeight:"0",flexGrow:"0",flexBasis:"auto",flexShrink:"1",padding:"0",minWidth:"24px",transition:"flex-basis 0.3s ease","& *":{maxWidth:"100%"},"& .MuiStepButton-root":{boxSizing:"border-box",padding:i.spacing(.25),[i.breakpoints.up("xl")]:{"&.MuiStepButton-horizontal":{paddingLeft:i.spacing(.5),paddingRight:i.spacing(.5)},"&.MuiStepButton-vertical":{paddingTop:i.spacing(.5),paddingBottom:i.spacing(.5)}}},"&:first-of-type":{"& .MuiStepButton-horizontal":{paddingLeft:i.spacing(.25)},"& .MuiStepButton-vertical":{paddingTop:i.spacing(.25)}},"&:last-of-type":{"& .MuiStepButton-horizontal":{paddingRight:i.spacing(.25)},"& .MuiStepButton-vertical":{paddingBottom:i.spacing(.25)}}},"& .MuiStepLabel-iconContainer":{"&:not(.Mui-error) svg":{display:"none"},"& > div":{minWidth:"20px",width:"20px",height:"20px",minHeight:"20px",fontSize:"14px",transition:"width 0.3s ease, height 0.3s ease"},"&.Mui-active > div":{width:"200px"}},[`&&& .${t.root}.${t.active}::before`]:{inset:"0",borderWidth:"0",animation:"none"}}),nonLinear:({theme:e,size:i})=>({[`& .${t.root}.${t.disabled}`]:Object.assign(Object.assign({},"small"!==i&&{[`&:not(.${t.completed})::after`]:{content:'"!"',lineHeight:"24px",fontSize:"inherit",fontWeight:"800",color:e.palette.background.primary}}),{[`&:not(.${t.active})`]:{borderColor:e.palette.disabled.secondary,backgroundColor:e.palette.disabled.secondary},[`&:.${t.active}`]:{borderColor:e.palette.disabled.secondary,"&::before":{backgroundColor:e.palette.disabled.secondary}}})})}};export{e as flowStepper};
 //# sourceMappingURL=stepper.theme.js.map

package/materialui/stepper/stepper.theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"stepper.theme.js","sources":["../../../src/materialui/stepper/stepper.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\nimport { flowStepIconClasses } from './StepLabelIcon';\n\nexport const flowStepper: Components<Theme>['MuiStepper'] = {\n defaultProps: {\n alternativeLabel: true,\n size: 'medium',\n },\n styleOverrides: {\n horizontal: {\n '& .MuiStepContent-root': {\n borderLeft: 'none',\n },\n '&:not(.MuiStepper-alternativeLabel)': {\n alignItems: 'flex-start',\n '& .MuiStepConnector-root': {\n marginTop: '13px',\n },\n },\n },\n vertical: ({ theme, size }) => ({\n '& .MuiStep-alternativeLabel': {\n // when vertical and alternativeLabel don't display connector\n '& .MuiStepConnector-root': {\n display: 'none',\n },\n // when vertical and alternativeLabel the content should be right on side\n '& .MuiStepContent-root': {\n paddingLeft: '0',\n marginLeft: '0',\n border: 'none',\n },\n },\n '& .MuiStepContent-root': {\n paddingLeft: '24px',\n marginLeft: '12px',\n // when the size is not small apply border\n ...(size !== 'small' && { borderLeft: `2px solid ${theme.palette.onSurface.os300}` }),\n },\n '& .MuiStepLabel-alternativeLabel': {\n alignItems: 'flex-start',\n textAlign: 'start',\n },\n\n ...(size === 'small' && {\n '& .MuiStepLabel-vertical': {\n padding: '0',\n },\n '& .MuiStepLabel-iconContainer': ~~{\n '&~~ > div': {\n ~~minHeight~~: '20px',\n ~~},\n '&.Mui-active > div': {\n~~ height: '~~100%~~',\n ~~maxHeight: '200px',\n minHeight: '20px',\n },\n~~ },\n }),\n }),\n root: ({ size, theme }) => ({\n ...(size === 'small' && {\n ~~[theme.breakpoints.up('xl')]: {\n gap: theme.spacing(0.5),\n },\n~~ // hide dividers\n '& .MuiStepConnector-root': {\n display: 'none',\n },\n // hide labels\n '& .MuiStepLabel-labelContainer': {\n display: 'none',\n },\n '& .~~MuiStepLabel~~-root': {\n ~~width~~: '~~100%~~',\n },\n // ~~when~~ ~~compact~~ ~~and~~ ~~horizontal~~ ~~apply more width\n~~ '~~&:not(.MuiStepper~~-~~vertical)~~ .~~MuiStepLabel-iconContainer.Mui-active~~ > ~~div~~': {\n ~~width~~: '100%',\n ~~maxWidth~~: '~~200px~~',\n ~~},\n~~ // ~~vertical~~\n ~~'&.MuiStepper-vertical~~:~~not~~(.~~MuiStepper-horizontal~~)': {\n '~~& .MuiStepLabel~~-~~iconContainer.Mui-active > div~~': {\n ~~height~~: ~~'60px'~~,\n },\n },\n '~~& .MuiStep~~-~~root~~': {\n ~~flexGrow~~: '0',\n ~~flexBasis~~: '~~auto~~',\n ~~paddingRight~~: theme.spacing(0.25),\n ~~paddingLeft~~: theme.spacing(0.25),\n ~~[`&:has(.${flowStepIconClasses.active~~}~~)`]~~: {\n ~~flexGrow~~: ~~'1',\~~n ~~maxWidth~~: ~~'200px'~~,\n ~~minWidth~~: ~~'20px'~~,\n },\n },\n '& .MuiStepLabel-iconContainer': {\n ~~width: '100%',\n~~ // in compact mode show icon only for error\n '&:not(.Mui-error) svg': {\n display: 'none',\n },\n ~~},\n~~ '& ~~.MuiStepLabel-iconContainer~~ > div': {\n minWidth: '20px',\n width: '20px',\n height: '20px',\n minHeight: '20px',\n fontSize: '14px',\n },\n // when the stepper is in small variant, the inset of the icon should be 0\n [`&&& .${flowStepIconClasses.root}.${flowStepIconClasses.active}::before`]: {\n inset: '0',\n borderWidth: '0',\n animation: 'none',\n },\n }),\n }),\n nonLinear: ({ theme, size }) => ({\n // only non-linear variant show disabled style\n [`& .${flowStepIconClasses.root}.${flowStepIconClasses.disabled}`]: {\n // exclamation mark\n ...(size !== 'small' && {\n [`&:not(.${flowStepIconClasses.completed})::after`]: {\n content: '\"!\"',\n lineHeight: '24px',\n fontSize: 'inherit',\n fontWeight: '800',\n color: theme.palette.background.primary,\n },\n }),\n // default\n [`&:not(.${flowStepIconClasses.active})`]: {\n borderColor: theme.palette.disabled.secondary,\n backgroundColor: theme.palette.disabled.secondary,\n },\n // active\n [`&:.${flowStepIconClasses.active}`]: {\n borderColor: theme.palette.disabled.secondary,\n '&::before': {\n backgroundColor: theme.palette.disabled.secondary,\n },\n },\n },\n }),\n },\n};\n"],"names":["flowStepper","defaultProps","alternativeLabel","size","styleOverrides","horizontal","borderLeft","alignItems","marginTop","vertical","theme","Object","assign","display","paddingLeft","marginLeft","border","palette","onSurface","os300","textAlign","padding","~~minHeight~~","height","~~maxHeight~~","~~root~~","~~breakpoints~~","up","~~gap~~","~~spacing~~","~~width~~","maxWidth","~~flexGrow~~","~~flexBasis~~","paddingRight","~~flowStepIconClasses~~","~~active~~","~~minWidth~~","fontSize","inset","borderWidth","animation","nonLinear","disabled","completed","content","~~lineHeight","~~fontWeight","color","background","primary","borderColor","secondary","backgroundColor"],"mappings":"yDAGO,MAAMA,EAA+C,CAC1DC,aAAc,CACZC,kBAAkB,EAClBC,KAAM,UAERC,eAAgB,CACdC,WAAY,CACV,yBAA0B,CACxBC,WAAY,QAEd,sCAAuC,CACrCC,WAAY,aACZ,2BAA4B,CAC1BC,UAAW,UAIjBC,SAAU,EAAGC,QAAOP,UAAWQ,OAAAC,OAAA,CAC7B,8BAA+B,CAE7B,2BAA4B,CAC1BC,QAAS,QAGX,yBAA0B,CACxBC,YAAa,IACbC,WAAY,IACZC,OAAQ,SAGZ,yBAAwBL,OAAAC,OAAA,CACtBE,YAAa,OACbC,WAAY,QAEC,UAATZ,GAAoB,CAAEG,WAAY,aAAaI,EAAMO,QAAQC,UAAUC,UAE7E,mCAAoC,CAClCZ,WAAY,aACZa,UAAW,~~UAGA~~,UAATjB,GAAoB,CACtB,2BAA4B,CAC1BkB,QAAS,KAEX,~~gCAAiC~~,~~CAC/B~~,~~UAAW~~,~~CACTC~~,~~UAAW,QAEb,qBAAsB,CACpBC,~~OAAQ,~~OACRC~~,~~UAAW,QACXF,UAAW,WAKnBG,~~KAAM,~~EAAGtB~~,OAAMO,WAAYC,OAAAC,OAAA,CAAA,EACZ,UAATT,GAAoB,~~CACtB~~,~~CAACO~~,~~EAAMgB~~,~~YAAYC~~,~~GAAG~~,~~OAAQ~~,~~CAC5BC~~,~~IAAKlB~~,~~EAAMmB~~,~~QAAQ~~,~~KAGrB~~,~~2BAA4B~~,~~CAC1BhB~~,~~QAAS~~,~~QAGX~~,~~iCAAkC~~,~~CAChCA~~,~~QAAS~~,~~QAEX~~,~~uBAAwB~~,~~CACtBiB~~,~~MAAO~~,~~QAGT~~,~~2EAA4E~~,~~CAC1EA~~,MAAO,~~OACPC~~,SAAU,~~SAGZ~~,~~oDAAqD~~,~~CACnD~~,~~iDAAkD~~,~~CAChDR~~,OAAQ,~~SAGZ~~,~~kBAAmB~~,~~CACjBS~~,~~SAAU~~,~~IACVC~~,~~UAAW~~,~~OACXC~~,~~aAAcxB~~,~~EAAMmB~~,QAAQ,~~KAC5Bf~~,YAAaJ,~~EAAMmB~~,QAAQ,~~KAC3B~~,~~CAAC~~,~~UAAUM~~,~~EAAoBC~~,~~WAAY~~,~~CACzCJ~~,~~SAAU~~,~~IACVD~~,~~SAAU~~,~~QACVM~~,~~SAAU~~,~~SAGd~~,gCAAiC,~~CAC~~/BP,~~MAAO,OAEP,~~wBAAyB,~~CACvBjB~~,QAAS,~~SAGb~~,~~sCAAuC~~,~~CACrCwB~~,SAAU,OACVP,MAAO,~~OACPP~~,OAAQ,~~OACRD~~,UAAW,~~OACXgB~~,SAAU,~~QAGZ~~,CAAC,~~QAAQH~~,~~EAAoBV~~,~~QAAQU~~,EAAoBC,kBAAmB,~~CAC1EG~~,MAAO,IACPC,YAAa,IACbC,UAAW,UAIjBC,UAAW,~~EAAGhC~~,QAAOP,WAAM,CAEzB,CAAC,~~MAAMgC~~,~~EAAoBV~~,~~QAAQU~~,~~EAAoBQ~~,~~YAAWhC~~,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAEnD,UAATT,GAAoB,CACtB,CAAC,~~UAAUgC~~,~~EAAoBS~~,qBAAsB,CACnDC,QAAS,~~MACTC~~,WAAY,~~OACZR~~,SAAU,~~UACVS~~,WAAY,MACZC,~~MAAOtC~~,EAAMO,~~QAAQgC~~,WAAWC,WAElC,CAEF,CAAC,~~UAAUf~~,EAAoBC,WAAY,~~CACzCe~~,~~YAAazC~~,EAAMO,~~QAAQ0B~~,~~SAASS~~,UACpCC,~~gBAAiB3C~~,EAAMO,~~QAAQ0B~~,~~SAASS~~,WAG1C,CAAC,~~MAAMjB~~,EAAoBC,UAAW,~~CACpCe~~,~~YAAazC~~,EAAMO,~~QAAQ0B~~,~~SAASS~~,UACpC,YAAa,CACXC,~~gBAAiB3C~~,EAAMO,~~QAAQ0B~~,~~SAASS~~"}
1	+ {"version":3,"file":"stepper.theme.js","sources":["../../../src/materialui/stepper/stepper.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\nimport { flowStepIconClasses } from './StepLabelIcon';\n\nexport const flowStepper: Components<Theme>['MuiStepper'] = {\n defaultProps: {\n alternativeLabel: true,\n size: 'medium',\n },\n styleOverrides: {\n horizontal: {\n '& .MuiStepContent-root': {\n borderLeft: 'none',\n },\n '&:not(.MuiStepper-alternativeLabel)': {\n alignItems: 'flex-start',\n '& .MuiStepConnector-root': {\n marginTop: '13px',\n },\n },\n },\n vertical: ({ theme, size }) => ({\n '& .MuiStep-alternativeLabel': {\n // when vertical and alternativeLabel don't display connector\n '& .MuiStepConnector-root': {\n display: 'none',\n },\n // when vertical and alternativeLabel the content should be right on side\n '& .MuiStepContent-root': {\n paddingLeft: '0',\n marginLeft: '0',\n border: 'none',\n },\n },\n '& .MuiStepContent-root': {\n paddingLeft: '24px',\n marginLeft: '12px',\n // when the size is not small apply border\n ...(size !== 'small' && { borderLeft: `2px solid ${theme.palette.onSurface.os300}` }),\n },\n '& .MuiStepLabel-alternativeLabel': {\n alignItems: 'flex-start',\n textAlign: 'start',\n },\n ...(size === 'small' && {\n '& .MuiStepLabel-vertical': {\n padding: '0',\n },\n '& .MuiStepLabel-iconContainer.Mui-active > div': {\n width: '20px',\n height: '60px',\n },\n }),\n }),\n root: ({ size, theme }) => ({\n ...(size === 'small' && {\n // hide dividers\n '& .MuiStepConnector-root': {\n display: 'none',\n },\n // hide labels\n '& .MuiStepLabel-labelContainer': {\n display: 'none',\n },\n '& .MuiStep-root': {\n lineHeight: '0',\n flexGrow: '0',\n flexBasis: 'auto',\n flexShrink: '1',\n padding: '0',\n minWidth: '24px',\n transition: 'flex-basis 0.3s ease',\n '& *': {\n maxWidth: '100%',\n },\n '& .MuiStepButton-root': {\n boxSizing: 'border-box',\n // use of padding instead of gap to increase clickable area\n padding: theme.spacing(0.25),\n [theme.breakpoints.up('xl')]: {\n '&.MuiStepButton-horizontal': {\n paddingLeft: theme.spacing(0.5),\n paddingRight: theme.spacing(0.5),\n },\n '&.MuiStepButton-vertical': {\n paddingTop: theme.spacing(0.5),\n paddingBottom: theme.spacing(0.5),\n },\n },\n },\n '&:first-of-type': {\n '& .MuiStepButton-horizontal': {\n paddingLeft: theme.spacing(0.25),\n },\n '& .MuiStepButton-vertical': {\n paddingTop: theme.spacing(0.25),\n },\n },\n '&:last-of-type': {\n '& .MuiStepButton-horizontal': {\n paddingRight: theme.spacing(0.25),\n },\n '& .MuiStepButton-vertical': {\n paddingBottom: theme.spacing(0.25),\n },\n },\n },\n '& .MuiStepLabel-iconContainer': {\n // in compact mode show icon only for error\n '&:not(.Mui-error) svg': {\n display: 'none',\n },\n '& > div': {\n minWidth: '20px',\n width: '20px',\n height: '20px',\n minHeight: '20px',\n fontSize: '14px',\n transition: 'width 0.3s ease, height 0.3s ease',\n },\n '&.Mui-active > div': {\n width: '200px',\n },\n },\n // when the stepper is in small variant, the inset of the icon should be 0\n [`&&& .${flowStepIconClasses.root}.${flowStepIconClasses.active}::before`]: {\n inset: '0',\n borderWidth: '0',\n animation: 'none',\n },\n }),\n }),\n nonLinear: ({ theme, size }) => ({\n // only non-linear variant show disabled style\n [`& .${flowStepIconClasses.root}.${flowStepIconClasses.disabled}`]: {\n // exclamation mark\n ...(size !== 'small' && {\n [`&:not(.${flowStepIconClasses.completed})::after`]: {\n content: '\"!\"',\n lineHeight: '24px',\n fontSize: 'inherit',\n fontWeight: '800',\n color: theme.palette.background.primary,\n },\n }),\n // default\n [`&:not(.${flowStepIconClasses.active})`]: {\n borderColor: theme.palette.disabled.secondary,\n backgroundColor: theme.palette.disabled.secondary,\n },\n // active\n [`&:.${flowStepIconClasses.active}`]: {\n borderColor: theme.palette.disabled.secondary,\n '&::before': {\n backgroundColor: theme.palette.disabled.secondary,\n },\n },\n },\n }),\n },\n};\n"],"names":["flowStepper","defaultProps","alternativeLabel","size","styleOverrides","horizontal","borderLeft","alignItems","marginTop","vertical","theme","Object","assign","display","paddingLeft","marginLeft","border","palette","onSurface","os300","textAlign","padding","width","height","root","lineHeight","flexGrow","flexBasis","flexShrink","minWidth","transition","maxWidth","boxSizing","spacing","breakpoints","up","paddingRight","paddingTop","paddingBottom","minHeight","fontSize","flowStepIconClasses","active","inset","borderWidth","animation","nonLinear","disabled","completed","content","fontWeight","color","background","primary","borderColor","secondary","backgroundColor"],"mappings":"yDAGO,MAAMA,EAA+C,CAC1DC,aAAc,CACZC,kBAAkB,EAClBC,KAAM,UAERC,eAAgB,CACdC,WAAY,CACV,yBAA0B,CACxBC,WAAY,QAEd,sCAAuC,CACrCC,WAAY,aACZ,2BAA4B,CAC1BC,UAAW,UAIjBC,SAAU,EAAGC,QAAOP,UAAWQ,OAAAC,OAAA,CAC7B,8BAA+B,CAE7B,2BAA4B,CAC1BC,QAAS,QAGX,yBAA0B,CACxBC,YAAa,IACbC,WAAY,IACZC,OAAQ,SAGZ,yBAAwBL,OAAAC,OAAA,CACtBE,YAAa,OACbC,WAAY,QAEC,UAATZ,GAAoB,CAAEG,WAAY,aAAaI,EAAMO,QAAQC,UAAUC,UAE7E,mCAAoC,CAClCZ,WAAY,aACZa,UAAW,UAEA,UAATjB,GAAoB,CACtB,2BAA4B,CAC1BkB,QAAS,KAEX,iDAAkD,CAChDC,MAAO,OACPC,OAAQ,UAIdC,KAAM,EAAGrB,OAAMO,WAAYC,OAAAC,OAAA,CAAA,EACZ,UAATT,GAAoB,CAEtB,2BAA4B,CAC1BU,QAAS,QAGX,iCAAkC,CAChCA,QAAS,QAEX,kBAAmB,CACjBY,WAAY,IACZC,SAAU,IACVC,UAAW,OACXC,WAAY,IACZP,QAAS,IACTQ,SAAU,OACVC,WAAY,uBACZ,MAAO,CACLC,SAAU,QAEZ,wBAAyB,CACvBC,UAAW,aAEXX,QAASX,EAAMuB,QAAQ,KACvB,CAACvB,EAAMwB,YAAYC,GAAG,OAAQ,CAC5B,6BAA8B,CAC5BrB,YAAaJ,EAAMuB,QAAQ,IAC3BG,aAAc1B,EAAMuB,QAAQ,KAE9B,2BAA4B,CAC1BI,WAAY3B,EAAMuB,QAAQ,IAC1BK,cAAe5B,EAAMuB,QAAQ,OAInC,kBAAmB,CACjB,8BAA+B,CAC7BnB,YAAaJ,EAAMuB,QAAQ,MAE7B,4BAA6B,CAC3BI,WAAY3B,EAAMuB,QAAQ,OAG9B,iBAAkB,CAChB,8BAA+B,CAC7BG,aAAc1B,EAAMuB,QAAQ,MAE9B,4BAA6B,CAC3BK,cAAe5B,EAAMuB,QAAQ,QAInC,gCAAiC,CAE/B,wBAAyB,CACvBpB,QAAS,QAEX,UAAW,CACTgB,SAAU,OACVP,MAAO,OACPC,OAAQ,OACRgB,UAAW,OACXC,SAAU,OACVV,WAAY,qCAEd,qBAAsB,CACpBR,MAAO,UAIX,CAAC,QAAQmB,EAAoBjB,QAAQiB,EAAoBC,kBAAmB,CAC1EC,MAAO,IACPC,YAAa,IACbC,UAAW,UAIjBC,UAAW,EAAGpC,QAAOP,WAAM,CAEzB,CAAC,MAAMsC,EAAoBjB,QAAQiB,EAAoBM,YAAWpC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAEnD,UAATT,GAAoB,CACtB,CAAC,UAAUsC,EAAoBO,qBAAsB,CACnDC,QAAS,MACTxB,WAAY,OACZe,SAAU,UACVU,WAAY,MACZC,MAAOzC,EAAMO,QAAQmC,WAAWC,WAElC,CAEF,CAAC,UAAUZ,EAAoBC,WAAY,CACzCY,YAAa5C,EAAMO,QAAQ8B,SAASQ,UACpCC,gBAAiB9C,EAAMO,QAAQ8B,SAASQ,WAG1C,CAAC,MAAMd,EAAoBC,UAAW,CACpCY,YAAa5C,EAAMO,QAAQ8B,SAASQ,UACpC,YAAa,CACXC,gBAAiB9C,EAAMO,QAAQ8B,SAASQ"}

package/materialui/table/TableSortLabelIcon.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__rest as o}from"tslib";import{jsxs as r,jsx as e}from"react/jsx-runtime";import{forwardRef as i}from"react";import{ButtonBase as t}from"@mui/material";import{ArrowCircleDownIcon as s}from"../../components/icon/stroke/ArrowCircleDownIcon.js";import{ArrowCircleDownFilledIcon as n}from"../../components/icon/filled/ArrowCircleDownFilledIcon.js";import{getFocusRingStyle as a}from"../../components/focusring/focusring.js";const l=i(((i,l)=>{var{sx:c}=i,m=o(i,["sx"]);return r(t,Object.assign({sx:o=>Object.assign(Object.assign(Object.assign({},a(o)),{borderRadius:"100%"}),c),ref:l,"aria-label":"Change Sorting"},m,{children:[e(s,{className:"FlowTableSortLabel-icon",fontSize:"extraSmall"}),e(n,{className:"FlowTableSortLabel-filledIcon",fontSize:"extraSmall",sx:{position:"absolute",opacity:"0"}})]}))}));export{l as TableSortLabelIcon};
+import{__rest as o}from"tslib";import{jsxs as r,jsx as e}from"react/jsx-runtime";import{forwardRef as i}from"react";import{ButtonBase as t}from"@mui/material";import{ArrowCircleDownIcon as s}from"../../components/icon/stroke/ArrowCircleDownIcon.js";import{ArrowCircleDownFilledIcon as n}from"../../components/icon/filled/ArrowCircleDownFilledIcon.js";import{getFocusRingStyle as a}from"../../components/focusring/focusring.js";const l=i((i,l)=>{var{sx:c}=i,m=o(i,["sx"]);return r(t,Object.assign({sx:o=>Object.assign(Object.assign(Object.assign({},a(o)),{borderRadius:"100%"}),c),ref:l,"aria-label":"Change Sorting"},m,{children:[e(s,{className:"FlowTableSortLabel-icon",fontSize:"extraSmall"}),e(n,{className:"FlowTableSortLabel-filledIcon",fontSize:"extraSmall",sx:{position:"absolute",opacity:"0"}})]}))});export{l as TableSortLabelIcon};
 //# sourceMappingURL=TableSortLabelIcon.js.map

package/materialui/table/TableSortLabelIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableSortLabelIcon.js","sources":["../../../src/materialui/table/TableSortLabelIcon.tsx"],"sourcesContent":["import React, { FC, forwardRef } from 'react';\nimport { ButtonBase, ButtonBaseProps } from '@mui/material';\nimport { ArrowCircleDownIcon } from '@/src/components/icon/stroke/ArrowCircleDownIcon';\nimport { ArrowCircleDownFilledIcon } from '@/src/components/icon/filled/ArrowCircleDownFilledIcon';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\n/*\n TableSortLabel.IconComponent that is replaced with IconButton\n */\nexport const TableSortLabelIcon: FC<ButtonBaseProps> = forwardRef(({ sx, ...rest }, ref) => {\n return (\n <ButtonBase\n sx={(theme) => ({\n ...getFocusRingStyle(theme),\n borderRadius: '100%',\n ...sx,\n })}\n ref={ref}\n aria-label=\"Change Sorting\"\n {...rest}\n >\n <ArrowCircleDownIcon className=\"FlowTableSortLabel-icon\" fontSize=\"extraSmall\" />\n <ArrowCircleDownFilledIcon\n className=\"FlowTableSortLabel-filledIcon\"\n fontSize=\"extraSmall\"\n sx={{\n // hidden by default, appears with hover and active (tableSortLabel.theme)\n position: 'absolute',\n opacity: '0',\n }}\n />\n </ButtonBase>\n );\n});\n"],"names":["TableSortLabelIcon","forwardRef","_a","ref","sx","rest","__rest","_jsxs","ButtonBase","Object","assign","theme","getFocusRingStyle","borderRadius","children","_jsx","ArrowCircleDownIcon","className","fontSize","ArrowCircleDownFilledIcon","position","opacity"],"mappings":"2aASO,MAAMA,EAA0CC,~~GAAW~~,CAACC,EAAiBC,KAAjB,IAAAC,GAAEA,GAAEF,EAAKG,EAAIC,EAAAJ,EAAb,QACjE,OACEK,EAACC,EAAUC,OAAAC,OAAA,CACTN,GAAKO,GAAUF,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,GACVE,EAAkBD,IAAM,CAC3BE,aAAc,SACXT,GAELD,IAAKA,EAAG,aACG,kBACPE,EAAI,CAAAS,SAAA,CAERC,EAACC,EAAmB,CAACC,UAAU,0BAA0BC,SAAS,eAClEH,EAACI,EAAyB,CACxBF,UAAU,gCACVC,SAAS,aACTd,GAAI,CAEFgB,SAAU,WACVC,QAAS~~,UAGF~~"}
1	+ {"version":3,"file":"TableSortLabelIcon.js","sources":["../../../src/materialui/table/TableSortLabelIcon.tsx"],"sourcesContent":["import React, { FC, forwardRef } from 'react';\nimport { ButtonBase, ButtonBaseProps } from '@mui/material';\nimport { ArrowCircleDownIcon } from '@/src/components/icon/stroke/ArrowCircleDownIcon';\nimport { ArrowCircleDownFilledIcon } from '@/src/components/icon/filled/ArrowCircleDownFilledIcon';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\n/*\n TableSortLabel.IconComponent that is replaced with IconButton\n */\nexport const TableSortLabelIcon: FC<ButtonBaseProps> = forwardRef(({ sx, ...rest }, ref) => {\n return (\n <ButtonBase\n sx={(theme) => ({\n ...getFocusRingStyle(theme),\n borderRadius: '100%',\n ...sx,\n })}\n ref={ref}\n aria-label=\"Change Sorting\"\n {...rest}\n >\n <ArrowCircleDownIcon className=\"FlowTableSortLabel-icon\" fontSize=\"extraSmall\" />\n <ArrowCircleDownFilledIcon\n className=\"FlowTableSortLabel-filledIcon\"\n fontSize=\"extraSmall\"\n sx={{\n // hidden by default, appears with hover and active (tableSortLabel.theme)\n position: 'absolute',\n opacity: '0',\n }}\n />\n </ButtonBase>\n );\n});\n"],"names":["TableSortLabelIcon","forwardRef","_a","ref","sx","rest","__rest","_jsxs","ButtonBase","Object","assign","theme","getFocusRingStyle","borderRadius","children","_jsx","ArrowCircleDownIcon","className","fontSize","ArrowCircleDownFilledIcon","position","opacity"],"mappings":"2aASO,MAAMA,EAA0CC,EAAW,CAACC,EAAiBC,KAAjB,IAAAC,GAAEA,GAAEF,EAAKG,EAAIC,EAAAJ,EAAb,QACjE,OACEK,EAACC,EAAUC,OAAAC,OAAA,CACTN,GAAKO,GAAUF,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,GACVE,EAAkBD,IAAM,CAC3BE,aAAc,SACXT,GAELD,IAAKA,EAAG,aACG,kBACPE,EAAI,CAAAS,SAAA,CAERC,EAACC,EAAmB,CAACC,UAAU,0BAA0BC,SAAS,eAClEH,EAACI,EAAyB,CACxBF,UAAU,gCACVC,SAAS,aACTd,GAAI,CAEFgB,SAAU,WACVC,QAAS"}