npm - @skodaflow/web-library - Versions diffs - 7.15.0 → 7.16.0 - Mend

@skodaflow/web-library 7.15.0 → 7.16.0

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 (4125) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"link.theme.js","sources":["../../../src/materialui/link/link.theme.tsx"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { getFocusRingBoxShadow } from '@/src/components/focusring/focusring';\n\nexport const flowLink: Components<Theme>['MuiLink'] = {\n defaultProps: {\n underline: 'always',\n },\n styleOverrides: {\n root: ({ theme, ownerState }) => ({\n // radius for the focus ring\n borderRadius: '2px',\n // focused state\n '&.Mui-focusVisible': {\n outline: 'none',\n boxShadow: getFocusRingBoxShadow(theme),\n },\n textDecorationColor: 'currentColor',\n // brand green, default\n ...(ownerState.color === 'primary' && {\n color: theme.palette.brand.primary,\n '&:hover': {\n color: theme.palette.brandHover.primary,\n },\n }),\n // electric green, dark background\n ...(ownerState.color === 'secondary' && {\n color: theme.palette.brand.secondary,\n '&:hover': {\n color: theme.palette.brand.quarternary,\n },\n }),\n // bold highlighted\n ...(ownerState.color === 'textPrimary' && {\n fontWeight: '400',\n '&, &:hover': {\n color: theme.palette.text.primary,\n },\n }),\n // unsupported @mui variants in Flow palette\n ...(ownerState.color === 'textSecondary' && {\n color: theme.palette.secondary.main,\n '&:hover': {\n color: theme.palette.secondary.dark,\n },\n }),\n ...(ownerState.color === 'textDisabled' && {\n color: theme.palette.disabled.primary,\n '&:hover': {\n color: theme.palette.disabled.tertiary,\n },\n }),\n // visited style, not activated by default due to very aggressive and dominant styling\n // which affects buttons and other components\n ...(!!ownerState.visited && {\n '&:visited': {\n textDecorationColor: theme.palette.onSurface.os600,\n color: theme.palette.onSurface.os600,\n ...(ownerState.color === 'secondary' && {\n textDecorationColor: theme.palette.onSurface.os200,\n color: theme.palette.onSurface.os200,\n }),\n },\n }),\n // semantic\n ...(ownerState.color === 'error' && {\n fontWeight: '400',\n color: theme.palette.error.main,\n '&:hover': {\n color: theme.palette.error.dark,\n },\n }),\n ...(ownerState.color === 'warning' && {\n fontWeight: '400',\n color: theme.palette.warning.main,\n '&:hover': {\n color: theme.palette.warning.dark,\n },\n }),\n ...(ownerState.color === 'info' && {\n fontWeight: '400',\n color: theme.palette.info.main,\n '&:hover': {\n color: theme.palette.info.dark,\n },\n }),\n ...(ownerState.color === 'success' && {\n fontWeight: '400',\n color: theme.palette.success.main,\n '&:hover': {\n color: theme.palette.success.dark,\n },\n }),\n }),\n underlineHover: {\n textDecorationThickness: '1px',\n textUnderlineOffset: '2px',\n },\n underlineAlways: {\n textDecorationThickness: '1px',\n textUnderlineOffset: '2px',\n },\n },\n};\n"],"names":["flowLink","defaultProps","underline","styleOverrides","root","theme","ownerState","Object","assign","borderRadius","outline","boxShadow","getFocusRingBoxShadow","textDecorationColor","color","palette","brand","primary","brandHover","secondary","quarternary","fontWeight","text","main","dark","disabled","tertiary","visited","onSurface","os600","os200","error","warning","info","success","underlineHover","textDecorationThickness","textUnderlineOffset","underlineAlways"],"mappings":"~~gFAIa~~,~~MAAAA~~,EAAyC,CACpDC,aAAc,CACZC,UAAW,UAEbC,eAAgB,CACdC,KAAM,EAAGC,QAAOC,gBAAiBC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAE/BC,aAAc,MAEd,qBAAsB,CACpBC,QAAS,OACTC,UAAWC,EAAsBP,IAEnCQ,oBAAqB,gBAEI,YAArBP,EAAWQ,OAAuB,CACpCA,MAAOT,EAAMU,QAAQC,MAAMC,QAC3B,UAAW,CACTH,MAAOT,EAAMU,QAAQG,WAAWD,WAIX,cAArBX,EAAWQ,OAAyB,CACtCA,MAAOT,EAAMU,QAAQC,MAAMG,UAC3B,UAAW,CACTL,MAAOT,EAAMU,QAAQC,MAAMI,eAIN,gBAArBd,EAAWQ,OAA2B,CACxCO,WAAY,MACZ,aAAc,CACZP,MAAOT,EAAMU,QAAQO,KAAKL,WAIL,kBAArBX,EAAWQ,OAA6B,CAC1CA,MAAOT,EAAMU,QAAQI,UAAUI,KAC/B,UAAW,CACTT,MAAOT,EAAMU,QAAQI,UAAUK,QAGV,iBAArBlB,EAAWQ,OAA4B,CACzCA,MAAOT,EAAMU,QAAQU,SAASR,QAC9B,UAAW,CACTH,MAAOT,EAAMU,QAAQU,SAASC,cAK5BpB,EAAWqB,SAAW,CAC1B,YAAWpB,OAAAC,OAAA,CACTK,oBAAqBR,EAAMU,QAAQa,UAAUC,MAC7Cf,MAAOT,EAAMU,QAAQa,UAAUC,OACN,cAArBvB,EAAWQ,OAAyB,CACtCD,oBAAqBR,EAAMU,QAAQa,UAAUE,MAC7ChB,MAAOT,EAAMU,QAAQa,UAAUE,UAKZ,UAArBxB,EAAWQ,OAAqB,CAClCO,WAAY,MACZP,MAAOT,EAAMU,QAAQgB,MAAMR,KAC3B,UAAW,CACTT,MAAOT,EAAMU,QAAQgB,MAAMP,QAGN,YAArBlB,EAAWQ,OAAuB,CACpCO,WAAY,MACZP,MAAOT,EAAMU,QAAQiB,QAAQT,KAC7B,UAAW,CACTT,MAAOT,EAAMU,QAAQiB,QAAQR,QAGR,SAArBlB,EAAWQ,OAAoB,CACjCO,WAAY,MACZP,MAAOT,EAAMU,QAAQkB,KAAKV,KAC1B,UAAW,CACTT,MAAOT,EAAMU,QAAQkB,KAAKT,QAGL,YAArBlB,EAAWQ,OAAuB,CACpCO,WAAY,MACZP,MAAOT,EAAMU,QAAQmB,QAAQX,KAC7B,UAAW,CACTT,MAAOT,EAAMU,QAAQmB,QAAQV,QAInCW,eAAgB,CACdC,wBAAyB,MACzBC,oBAAqB,OAEvBC,gBAAiB,CACfF,wBAAyB,MACzBC,oBAAqB"}
1	+ {"version":3,"file":"link.theme.js","sources":["../../../src/materialui/link/link.theme.tsx"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { getFocusRingBoxShadow } from '@/src/components/focusring/focusring';\n\nexport const flowLink: Components<Theme>['MuiLink'] = {\n defaultProps: {\n underline: 'always',\n },\n styleOverrides: {\n root: ({ theme, ownerState }) => ({\n // radius for the focus ring\n borderRadius: '2px',\n // focused state\n '&.Mui-focusVisible': {\n outline: 'none',\n boxShadow: getFocusRingBoxShadow(theme),\n },\n textDecorationColor: 'currentColor',\n // brand green, default\n ...(ownerState.color === 'primary' && {\n color: theme.palette.brand.primary,\n '&:hover': {\n color: theme.palette.brandHover.primary,\n },\n }),\n // electric green, dark background\n ...(ownerState.color === 'secondary' && {\n color: theme.palette.brand.secondary,\n '&:hover': {\n color: theme.palette.brand.quarternary,\n },\n }),\n // bold highlighted\n ...(ownerState.color === 'textPrimary' && {\n fontWeight: '400',\n '&, &:hover': {\n color: theme.palette.text.primary,\n },\n }),\n // unsupported @mui variants in Flow palette\n ...(ownerState.color === 'textSecondary' && {\n color: theme.palette.secondary.main,\n '&:hover': {\n color: theme.palette.secondary.dark,\n },\n }),\n ...(ownerState.color === 'textDisabled' && {\n color: theme.palette.disabled.primary,\n '&:hover': {\n color: theme.palette.disabled.tertiary,\n },\n }),\n // visited style, not activated by default due to very aggressive and dominant styling\n // which affects buttons and other components\n ...(!!ownerState.visited && {\n '&:visited': {\n textDecorationColor: theme.palette.onSurface.os600,\n color: theme.palette.onSurface.os600,\n ...(ownerState.color === 'secondary' && {\n textDecorationColor: theme.palette.onSurface.os200,\n color: theme.palette.onSurface.os200,\n }),\n },\n }),\n // semantic\n ...(ownerState.color === 'error' && {\n fontWeight: '400',\n color: theme.palette.error.main,\n '&:hover': {\n color: theme.palette.error.dark,\n },\n }),\n ...(ownerState.color === 'warning' && {\n fontWeight: '400',\n color: theme.palette.warning.main,\n '&:hover': {\n color: theme.palette.warning.dark,\n },\n }),\n ...(ownerState.color === 'info' && {\n fontWeight: '400',\n color: theme.palette.info.main,\n '&:hover': {\n color: theme.palette.info.dark,\n },\n }),\n ...(ownerState.color === 'success' && {\n fontWeight: '400',\n color: theme.palette.success.main,\n '&:hover': {\n color: theme.palette.success.dark,\n },\n }),\n }),\n underlineHover: {\n textDecorationThickness: '1px',\n textUnderlineOffset: '2px',\n },\n underlineAlways: {\n textDecorationThickness: '1px',\n textUnderlineOffset: '2px',\n },\n },\n};\n"],"names":["flowLink","defaultProps","underline","styleOverrides","root","theme","ownerState","Object","assign","borderRadius","outline","boxShadow","getFocusRingBoxShadow","textDecorationColor","color","palette","brand","primary","brandHover","secondary","quarternary","fontWeight","text","main","dark","disabled","tertiary","visited","onSurface","os600","os200","error","warning","info","success","underlineHover","textDecorationThickness","textUnderlineOffset","underlineAlways"],"mappings":"gFAIO,MAAMA,EAAyC,CACpDC,aAAc,CACZC,UAAW,UAEbC,eAAgB,CACdC,KAAM,EAAGC,QAAOC,gBAAiBC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAE/BC,aAAc,MAEd,qBAAsB,CACpBC,QAAS,OACTC,UAAWC,EAAsBP,IAEnCQ,oBAAqB,gBAEI,YAArBP,EAAWQ,OAAuB,CACpCA,MAAOT,EAAMU,QAAQC,MAAMC,QAC3B,UAAW,CACTH,MAAOT,EAAMU,QAAQG,WAAWD,WAIX,cAArBX,EAAWQ,OAAyB,CACtCA,MAAOT,EAAMU,QAAQC,MAAMG,UAC3B,UAAW,CACTL,MAAOT,EAAMU,QAAQC,MAAMI,eAIN,gBAArBd,EAAWQ,OAA2B,CACxCO,WAAY,MACZ,aAAc,CACZP,MAAOT,EAAMU,QAAQO,KAAKL,WAIL,kBAArBX,EAAWQ,OAA6B,CAC1CA,MAAOT,EAAMU,QAAQI,UAAUI,KAC/B,UAAW,CACTT,MAAOT,EAAMU,QAAQI,UAAUK,QAGV,iBAArBlB,EAAWQ,OAA4B,CACzCA,MAAOT,EAAMU,QAAQU,SAASR,QAC9B,UAAW,CACTH,MAAOT,EAAMU,QAAQU,SAASC,cAK5BpB,EAAWqB,SAAW,CAC1B,YAAWpB,OAAAC,OAAA,CACTK,oBAAqBR,EAAMU,QAAQa,UAAUC,MAC7Cf,MAAOT,EAAMU,QAAQa,UAAUC,OACN,cAArBvB,EAAWQ,OAAyB,CACtCD,oBAAqBR,EAAMU,QAAQa,UAAUE,MAC7ChB,MAAOT,EAAMU,QAAQa,UAAUE,UAKZ,UAArBxB,EAAWQ,OAAqB,CAClCO,WAAY,MACZP,MAAOT,EAAMU,QAAQgB,MAAMR,KAC3B,UAAW,CACTT,MAAOT,EAAMU,QAAQgB,MAAMP,QAGN,YAArBlB,EAAWQ,OAAuB,CACpCO,WAAY,MACZP,MAAOT,EAAMU,QAAQiB,QAAQT,KAC7B,UAAW,CACTT,MAAOT,EAAMU,QAAQiB,QAAQR,QAGR,SAArBlB,EAAWQ,OAAoB,CACjCO,WAAY,MACZP,MAAOT,EAAMU,QAAQkB,KAAKV,KAC1B,UAAW,CACTT,MAAOT,EAAMU,QAAQkB,KAAKT,QAGL,YAArBlB,EAAWQ,OAAuB,CACpCO,WAAY,MACZP,MAAOT,EAAMU,QAAQmB,QAAQX,KAC7B,UAAW,CACTT,MAAOT,EAAMU,QAAQmB,QAAQV,QAInCW,eAAgB,CACdC,wBAAyB,MACzBC,oBAAqB,OAEvBC,gBAAiB,CACfF,wBAAyB,MACzBC,oBAAqB"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"list.theme.js","sources":["../../../src/materialui/list/list.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowList: Components<Theme>['MuiList'] = {\n defaultProps: {\n disablePadding: true,\n // adds dense class to ListItem\n dense: false,\n },\n styleOverrides: {\n root: ({ ownerState }) => ({\n ...(ownerState.inset === false && {\n marginLeft: '-4px',\n marginRight: '-4px',\n maxWidth: 'none',\n }),\n }),\n },\n};\n"],"names":["flowList","defaultProps","disablePadding","dense","styleOverrides","root","ownerState","Object","assign","inset","marginLeft","marginRight","maxWidth"],"mappings":"~~AAGa~~,~~MAAAA~~,EAAyC,CACpDC,aAAc,CACZC,gBAAgB,EAEhBC,OAAO,GAETC,eAAgB,CACdC,KAAM,EAAGC,gBAAiBC,OAAAC,OAAA,IACC,IAArBF,EAAWG,OAAmB,CAChCC,WAAY,OACZC,YAAa,OACbC,SAAU"}
1	+ {"version":3,"file":"list.theme.js","sources":["../../../src/materialui/list/list.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowList: Components<Theme>['MuiList'] = {\n defaultProps: {\n disablePadding: true,\n // adds dense class to ListItem\n dense: false,\n },\n styleOverrides: {\n root: ({ ownerState }) => ({\n ...(ownerState.inset === false && {\n marginLeft: '-4px',\n marginRight: '-4px',\n maxWidth: 'none',\n }),\n }),\n },\n};\n"],"names":["flowList","defaultProps","disablePadding","dense","styleOverrides","root","ownerState","Object","assign","inset","marginLeft","marginRight","maxWidth"],"mappings":"AAGO,MAAMA,EAAyC,CACpDC,aAAc,CACZC,gBAAgB,EAEhBC,OAAO,GAETC,eAAgB,CACdC,KAAM,EAAGC,gBAAiBC,OAAAC,OAAA,IACC,IAArBF,EAAWG,OAAmB,CAChCC,WAAY,OACZC,YAAa,OACbC,SAAU"}

package/materialui/list/listItem.theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"listItem.theme.js","sources":["../../../src/materialui/list/listItem.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowListItem: Components<Theme>['MuiListItem'] = {\n defaultProps: {\n disablePadding: false,\n // controls left and right padding\n disableGutters: false,\n },\n styleOverrides: {\n root: {\n padding: '0',\n minHeight: '56px',\n // space between items\n margin: '4px 0',\n // space between children (e.g. icon/avatar and text)\n gap: '8px',\n },\n // default top & bottom padding (due to disablePadding: false)\n padding: {\n paddingTop: '4px',\n paddingBottom: '4px',\n },\n // default left & right padding (due to disableGutters: false)\n gutters: {\n paddingLeft: '4px',\n paddingRight: '4px',\n // divider after the item\n '& + .MuiDivider-root': {\n margin: '0 4px',\n },\n // extend button to cover whole ListItem\n '& > .MuiListItemButton-root': {\n marginLeft: '-4px',\n maxWidth: 'none',\n },\n '& > .MuiListItemButton-root:last-child': {\n marginRight: '-4px',\n maxWidth: 'none',\n },\n // workaround to avoid using :first-child selector which\n // does not work with @emotion ssr\n '& > *:not(style) + .MuiListItemButton-root': {\n marginLeft: '0',\n },\n },\n // <List dense />\n dense: {\n marginTop: '0',\n marginBottom: '0',\n '&, & > .MuiListItemButton-root': {\n minHeight: '0',\n },\n },\n },\n};\n"],"names":["flowListItem","defaultProps","disablePadding","disableGutters","styleOverrides","root","padding","minHeight","margin","gap","paddingTop","paddingBottom","gutters","paddingLeft","paddingRight","marginLeft","maxWidth","marginRight","dense","marginTop","marginBottom"],"mappings":"~~AAGa~~,~~MAAAA~~,EAAiD,CAC5DC,aAAc,CACZC,gBAAgB,EAEhBC,gBAAgB,GAElBC,eAAgB,CACdC,KAAM,CACJC,QAAS,IACTC,UAAW,OAEXC,OAAQ,QAERC,IAAK,OAGPH,QAAS,CACPI,WAAY,MACZC,cAAe,OAGjBC,QAAS,CACPC,YAAa,MACbC,aAAc,MAEd,uBAAwB,CACtBN,OAAQ,SAGV,8BAA+B,CAC7BO,WAAY,OACZC,SAAU,QAEZ,yCAA0C,CACxCC,YAAa,OACbD,SAAU,QAIZ,6CAA8C,CAC5CD,WAAY,MAIhBG,MAAO,CACLC,UAAW,IACXC,aAAc,IACd,iCAAkC,CAChCb,UAAW"}
1	+ {"version":3,"file":"listItem.theme.js","sources":["../../../src/materialui/list/listItem.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowListItem: Components<Theme>['MuiListItem'] = {\n defaultProps: {\n disablePadding: false,\n // controls left and right padding\n disableGutters: false,\n },\n styleOverrides: {\n root: {\n padding: '0',\n minHeight: '56px',\n // space between items\n margin: '4px 0',\n // space between children (e.g. icon/avatar and text)\n gap: '8px',\n },\n // default top & bottom padding (due to disablePadding: false)\n padding: {\n paddingTop: '4px',\n paddingBottom: '4px',\n },\n // default left & right padding (due to disableGutters: false)\n gutters: {\n paddingLeft: '4px',\n paddingRight: '4px',\n // divider after the item\n '& + .MuiDivider-root': {\n margin: '0 4px',\n },\n // extend button to cover whole ListItem\n '& > .MuiListItemButton-root': {\n marginLeft: '-4px',\n maxWidth: 'none',\n },\n '& > .MuiListItemButton-root:last-child': {\n marginRight: '-4px',\n maxWidth: 'none',\n },\n // workaround to avoid using :first-child selector which\n // does not work with @emotion ssr\n '& > *:not(style) + .MuiListItemButton-root': {\n marginLeft: '0',\n },\n },\n // <List dense />\n dense: {\n marginTop: '0',\n marginBottom: '0',\n '&, & > .MuiListItemButton-root': {\n minHeight: '0',\n },\n },\n },\n};\n"],"names":["flowListItem","defaultProps","disablePadding","disableGutters","styleOverrides","root","padding","minHeight","margin","gap","paddingTop","paddingBottom","gutters","paddingLeft","paddingRight","marginLeft","maxWidth","marginRight","dense","marginTop","marginBottom"],"mappings":"AAGO,MAAMA,EAAiD,CAC5DC,aAAc,CACZC,gBAAgB,EAEhBC,gBAAgB,GAElBC,eAAgB,CACdC,KAAM,CACJC,QAAS,IACTC,UAAW,OAEXC,OAAQ,QAERC,IAAK,OAGPH,QAAS,CACPI,WAAY,MACZC,cAAe,OAGjBC,QAAS,CACPC,YAAa,MACbC,aAAc,MAEd,uBAAwB,CACtBN,OAAQ,SAGV,8BAA+B,CAC7BO,WAAY,OACZC,SAAU,QAEZ,yCAA0C,CACxCC,YAAa,OACbD,SAAU,QAIZ,6CAA8C,CAC5CD,WAAY,MAIhBG,MAAO,CACLC,UAAW,IACXC,aAAc,IACd,iCAAkC,CAChCb,UAAW"}

package/materialui/list/listItemAvatar.theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"listItemAvatar.theme.js","sources":["../../../src/materialui/list/listItemAvatar.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowListItemAvatar: Components<Theme>['MuiListItemAvatar'] = {\n defaultProps: {},\n styleOverrides: {\n root: {\n // remove default min-width 56px, we utilize gap for a space between elements\n minWidth: '0',\n // adjust avatar inside\n '& .MuiAvatar-root': {\n // rounded variant\n borderRadius: '4px',\n '&:has(.MuiAvatar-img)': {\n // remove border\n border: 'none',\n },\n },\n },\n },\n};\n"],"names":["flowListItemAvatar","defaultProps","styleOverrides","root","minWidth","borderRadius","border"],"mappings":"~~AAGa~~,~~MAAAA~~,EAA6D,CACxEC,aAAc,~~CAAE~~,~~EAChBC~~,eAAgB,CACdC,KAAM,CAEJC,SAAU,IAEV,oBAAqB,CAEnBC,aAAc,MACd,wBAAyB,CAEvBC,OAAQ"}
1	+ {"version":3,"file":"listItemAvatar.theme.js","sources":["../../../src/materialui/list/listItemAvatar.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowListItemAvatar: Components<Theme>['MuiListItemAvatar'] = {\n defaultProps: {},\n styleOverrides: {\n root: {\n // remove default min-width 56px, we utilize gap for a space between elements\n minWidth: '0',\n // adjust avatar inside\n '& .MuiAvatar-root': {\n // rounded variant\n borderRadius: '4px',\n '&:has(.MuiAvatar-img)': {\n // remove border\n border: 'none',\n },\n },\n },\n },\n};\n"],"names":["flowListItemAvatar","defaultProps","styleOverrides","root","minWidth","borderRadius","border"],"mappings":"AAGO,MAAMA,EAA6D,CACxEC,aAAc,CAAA,EACdC,eAAgB,CACdC,KAAM,CAEJC,SAAU,IAEV,oBAAqB,CAEnBC,aAAc,MACd,wBAAyB,CAEvBC,OAAQ"}

package/materialui/list/listItemButton.theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"listItemButton.theme.js","sources":["../../../src/materialui/list/listItemButton.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 flowListItemButton: Components<Theme>['MuiListItemButton'] = {\n defaultProps: {\n component: 'button',\n disableRipple: true,\n // controls left and right padding\n disableGutters: false,\n },\n styleOverrides: {\n root: ({ theme }) => ({\n // make sure to provide default typography due to browsers overwriting it with usage of button HTML tag\n ...theme.typography.body,\n position: 'relative',\n borderRadius: '0',\n // match size with ListItem\n padding: '4px 0',\n minHeight: '56px',\n // space between children (e.g. icon/avatar and text)\n gap: '8px',\n // no smooth transition to immediately toggle background color\n transition: 'none',\n // focused style\n ...getFocusRingStyle(theme, false),\n ...getInteractiveStyle(\n { backgroundColor: 'transparent' },\n { backgroundColor: theme.palette.surface.primary },\n { backgroundColor: theme.palette.surface.secondary },\n ),\n // disabled style\n '&.Mui-disabled': {\n opacity: '1',\n '&, & .MuiListItemText-root': {\n color: theme.palette.disabled.tertiary,\n },\n },\n }),\n gutters: {\n borderRadius: '4px',\n // match size with ListItem\n paddingLeft: '4px',\n paddingRight: '4px',\n },\n },\n};\n"],"names":["flowListItemButton","defaultProps","component","disableRipple","disableGutters","styleOverrides","root","theme","Object","assign","typography","body","position","borderRadius","padding","minHeight","gap","transition","getFocusRingStyle","getInteractiveStyle","backgroundColor","palette","surface","primary","secondary","opacity","color","disabled","tertiary","gutters","paddingLeft","paddingRight"],"mappings":"~~2IAKa~~,~~MAAAA~~,EAA6D,CACxEC,aAAc,CACZC,UAAW,SACXC,eAAe,EAEfC,gBAAgB,GAElBC,eAAgB,CACdC,KAAM,EAAGC,~~WAEJC~~,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,~~GAAAF~~,EAAMG,WAAWC,~~MACpB~~,~~CAAAC~~,SAAU,WACVC,aAAc,IAEdC,QAAS,QACTC,UAAW,OAEXC,IAAK,MAELC,WAAY,SAETC,EAAkBX,GAAO,IACzBY,EACD,CAAEC,gBAAiB,eACnB,CAAEA,gBAAiBb,EAAMc,QAAQC,QAAQC,SACzC,CAAEH,gBAAiBb,EAAMc,QAAQC,QAAQE,aAC1C,CAED,iBAAkB,CAChBC,QAAS,IACT,6BAA8B,CAC5BC,MAAOnB,EAAMc,QAAQM,SAASC,aAIpCC,QAAS,CACPhB,aAAc,MAEdiB,YAAa,MACbC,aAAc"}
1	+ {"version":3,"file":"listItemButton.theme.js","sources":["../../../src/materialui/list/listItemButton.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 flowListItemButton: Components<Theme>['MuiListItemButton'] = {\n defaultProps: {\n component: 'button',\n disableRipple: true,\n // controls left and right padding\n disableGutters: false,\n },\n styleOverrides: {\n root: ({ theme }) => ({\n // make sure to provide default typography due to browsers overwriting it with usage of button HTML tag\n ...theme.typography.body,\n position: 'relative',\n borderRadius: '0',\n // match size with ListItem\n padding: '4px 0',\n minHeight: '56px',\n // space between children (e.g. icon/avatar and text)\n gap: '8px',\n // no smooth transition to immediately toggle background color\n transition: 'none',\n // focused style\n ...getFocusRingStyle(theme, false),\n ...getInteractiveStyle(\n { backgroundColor: 'transparent' },\n { backgroundColor: theme.palette.surface.primary },\n { backgroundColor: theme.palette.surface.secondary },\n ),\n // disabled style\n '&.Mui-disabled': {\n opacity: '1',\n '&, & .MuiListItemText-root': {\n color: theme.palette.disabled.tertiary,\n },\n },\n }),\n gutters: {\n borderRadius: '4px',\n // match size with ListItem\n paddingLeft: '4px',\n paddingRight: '4px',\n },\n },\n};\n"],"names":["flowListItemButton","defaultProps","component","disableRipple","disableGutters","styleOverrides","root","theme","Object","assign","typography","body","position","borderRadius","padding","minHeight","gap","transition","getFocusRingStyle","getInteractiveStyle","backgroundColor","palette","surface","primary","secondary","opacity","color","disabled","tertiary","gutters","paddingLeft","paddingRight"],"mappings":"2IAKO,MAAMA,EAA6D,CACxEC,aAAc,CACZC,UAAW,SACXC,eAAe,EAEfC,gBAAgB,GAElBC,eAAgB,CACdC,KAAM,EAAGC,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,GAEhBF,EAAMG,WAAWC,MAAI,CACxBC,SAAU,WACVC,aAAc,IAEdC,QAAS,QACTC,UAAW,OAEXC,IAAK,MAELC,WAAY,SAETC,EAAkBX,GAAO,IACzBY,EACD,CAAEC,gBAAiB,eACnB,CAAEA,gBAAiBb,EAAMc,QAAQC,QAAQC,SACzC,CAAEH,gBAAiBb,EAAMc,QAAQC,QAAQE,aAC1C,CAED,iBAAkB,CAChBC,QAAS,IACT,6BAA8B,CAC5BC,MAAOnB,EAAMc,QAAQM,SAASC,aAIpCC,QAAS,CACPhB,aAAc,MAEdiB,YAAa,MACbC,aAAc"}

package/materialui/list/listItemIcon.theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"listItemIcon.theme.js","sources":["../../../src/materialui/list/listItemIcon.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowListItemIcon: Components<Theme>['MuiListItemIcon'] = {\n defaultProps: {},\n styleOverrides: {\n root: ({ theme }) => ({\n color: theme.palette.mode === 'dark' ? theme.palette.onSurface.os300 : theme.palette.onSurface.os700,\n // match size of icon button\n minWidth: '44px',\n justifyContent: 'center',\n // icon itself\n '& .MuiSvgIcon-root': {\n // lower size\n fontSize: '18px',\n },\n }),\n },\n};\n"],"names":["flowListItemIcon","defaultProps","styleOverrides","root","theme","color","palette","mode","onSurface","os300","os700","minWidth","justifyContent","fontSize"],"mappings":"~~AAGa~~,~~MAAAA~~,EAAyD,CACpEC,aAAc,~~CAAE~~,~~EAChBC~~,eAAgB,CACdC,KAAM,EAAGC,~~YAAa~~,~~CACpBC~~,MAA8B,SAAvBD,EAAME,QAAQC,KAAkBH,EAAME,QAAQE,UAAUC,MAAQL,EAAME,QAAQE,UAAUE,MAE/FC,SAAU,OACVC,eAAgB,SAEhB,qBAAsB,CAEpBC,SAAU"}
1	+ {"version":3,"file":"listItemIcon.theme.js","sources":["../../../src/materialui/list/listItemIcon.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowListItemIcon: Components<Theme>['MuiListItemIcon'] = {\n defaultProps: {},\n styleOverrides: {\n root: ({ theme }) => ({\n color: theme.palette.mode === 'dark' ? theme.palette.onSurface.os300 : theme.palette.onSurface.os700,\n // match size of icon button\n minWidth: '44px',\n justifyContent: 'center',\n // icon itself\n '& .MuiSvgIcon-root': {\n // lower size\n fontSize: '18px',\n },\n }),\n },\n};\n"],"names":["flowListItemIcon","defaultProps","styleOverrides","root","theme","color","palette","mode","onSurface","os300","os700","minWidth","justifyContent","fontSize"],"mappings":"AAGO,MAAMA,EAAyD,CACpEC,aAAc,CAAA,EACdC,eAAgB,CACdC,KAAM,EAAGC,YAAO,CACdC,MAA8B,SAAvBD,EAAME,QAAQC,KAAkBH,EAAME,QAAQE,UAAUC,MAAQL,EAAME,QAAQE,UAAUE,MAE/FC,SAAU,OACVC,eAAgB,SAEhB,qBAAsB,CAEpBC,SAAU"}

package/materialui/list/listItemSecondaryAction.theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"listItemSecondaryAction.theme.js","sources":["../../../src/materialui/list/listItemSecondaryAction.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowListItemSecondaryAction: Components<Theme>['MuiListItemSecondaryAction'] = {\n defaultProps: {},\n styleOverrides: {\n // IconButton in <ListItem secondaryAction={...} />\n root: {\n // no longer absolute position as we are using flex\n position: 'static',\n transform: 'none',\n },\n },\n};\n"],"names":["flowListItemSecondaryAction","defaultProps","styleOverrides","root","position","transform"],"mappings":"~~AAGa~~,~~MAAAA~~,EAA+E,CAC1FC,aAAc,~~CAAE~~,~~EAChBC~~,eAAgB,CAEdC,KAAM,CAEJC,SAAU,SACVC,UAAW"}
1	+ {"version":3,"file":"listItemSecondaryAction.theme.js","sources":["../../../src/materialui/list/listItemSecondaryAction.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowListItemSecondaryAction: Components<Theme>['MuiListItemSecondaryAction'] = {\n defaultProps: {},\n styleOverrides: {\n // IconButton in <ListItem secondaryAction={...} />\n root: {\n // no longer absolute position as we are using flex\n position: 'static',\n transform: 'none',\n },\n },\n};\n"],"names":["flowListItemSecondaryAction","defaultProps","styleOverrides","root","position","transform"],"mappings":"AAGO,MAAMA,EAA+E,CAC1FC,aAAc,CAAA,EACdC,eAAgB,CAEdC,KAAM,CAEJC,SAAU,SACVC,UAAW"}

package/materialui/list/listItemText.theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"listItemText.theme.js","sources":["../../../src/materialui/list/listItemText.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowListItemText: Components<Theme>['MuiListItemText'] = {\n defaultProps: {\n // has no effect\n inset: false,\n // set default typography\n // NOTE: we are using deprecated @mui props instead of slotProps to allow projects to still use them aswell\n primaryTypographyProps: {\n variant: 'caption2',\n },\n secondaryTypographyProps: {\n variant: 'disclaimer1',\n },\n // slotProps: {\n // primary: {\n // variant: 'caption2',\n // },\n // secondary: {\n // variant: 'disclaimer1',\n // },\n // },\n },\n styleOverrides: {\n root: ({ theme }) => ({\n margin: '0',\n color: theme.palette.text.primary,\n // next ListItemTexts in the ListItem\n '& ~ .MuiListItemText-root': {\n // no need to grow\n flexGrow: '0',\n // make sure text is always visible and does not shrink\n flexShrink: '0',\n maxWidth: '100%',\n // align to right side\n textAlign: 'right',\n },\n }),\n primary: {\n // restrict 2 lines\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n display: '-webkit-box',\n WebkitLineClamp: '2',\n WebkitBoxOrient: 'vertical',\n // beware, due to important nested selector applying style\n // here disallows overwrites via sx\n },\n secondary: {\n // restrict 2 lines\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n display: '-webkit-box',\n WebkitLineClamp: '2',\n WebkitBoxOrient: 'vertical',\n // beware, due to important nested selector applying style\n // here disallows overwrites via sx\n },\n inset: {\n padding: '0',\n },\n },\n};\n"],"names":["flowListItemText","defaultProps","inset","primaryTypographyProps","variant","secondaryTypographyProps","styleOverrides","root","theme","margin","color","palette","text","primary","flexGrow","flexShrink","maxWidth","textAlign","overflow","textOverflow","display","WebkitLineClamp","WebkitBoxOrient","secondary","padding"],"mappings":"~~AAGa~~,~~MAAAA~~,EAAyD,CACpEC,aAAc,CAEZC,OAAO,EAGPC,uBAAwB,CACtBC,QAAS,YAEXC,yBAA0B,CACxBD,QAAS,gBAWbE,eAAgB,CACdC,KAAM,EAAGC,~~YAAa~~,~~CACpBC~~,OAAQ,IACRC,MAAOF,EAAMG,QAAQC,KAAKC,QAE1B,4BAA6B,CAE3BC,SAAU,IAEVC,WAAY,IACZC,SAAU,OAEVC,UAAW,WAGfJ,QAAS,CAEPK,SAAU,SACVC,aAAc,WACdC,QAAS,cACTC,gBAAiB,IACjBC,gBAAiB,YAInBC,UAAW,CAETL,SAAU,SACVC,aAAc,WACdC,QAAS,cACTC,gBAAiB,IACjBC,gBAAiB,YAInBpB,MAAO,CACLsB,QAAS"}
1	+ {"version":3,"file":"listItemText.theme.js","sources":["../../../src/materialui/list/listItemText.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowListItemText: Components<Theme>['MuiListItemText'] = {\n defaultProps: {\n // has no effect\n inset: false,\n // set default typography\n // NOTE: we are using deprecated @mui props instead of slotProps to allow projects to still use them aswell\n primaryTypographyProps: {\n variant: 'caption2',\n },\n secondaryTypographyProps: {\n variant: 'disclaimer1',\n },\n // slotProps: {\n // primary: {\n // variant: 'caption2',\n // },\n // secondary: {\n // variant: 'disclaimer1',\n // },\n // },\n },\n styleOverrides: {\n root: ({ theme }) => ({\n margin: '0',\n color: theme.palette.text.primary,\n // next ListItemTexts in the ListItem\n '& ~ .MuiListItemText-root': {\n // no need to grow\n flexGrow: '0',\n // make sure text is always visible and does not shrink\n flexShrink: '0',\n maxWidth: '100%',\n // align to right side\n textAlign: 'right',\n },\n }),\n primary: {\n // restrict 2 lines\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n display: '-webkit-box',\n WebkitLineClamp: '2',\n WebkitBoxOrient: 'vertical',\n // beware, due to important nested selector applying style\n // here disallows overwrites via sx\n },\n secondary: {\n // restrict 2 lines\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n display: '-webkit-box',\n WebkitLineClamp: '2',\n WebkitBoxOrient: 'vertical',\n // beware, due to important nested selector applying style\n // here disallows overwrites via sx\n },\n inset: {\n padding: '0',\n },\n },\n};\n"],"names":["flowListItemText","defaultProps","inset","primaryTypographyProps","variant","secondaryTypographyProps","styleOverrides","root","theme","margin","color","palette","text","primary","flexGrow","flexShrink","maxWidth","textAlign","overflow","textOverflow","display","WebkitLineClamp","WebkitBoxOrient","secondary","padding"],"mappings":"AAGO,MAAMA,EAAyD,CACpEC,aAAc,CAEZC,OAAO,EAGPC,uBAAwB,CACtBC,QAAS,YAEXC,yBAA0B,CACxBD,QAAS,gBAWbE,eAAgB,CACdC,KAAM,EAAGC,YAAO,CACdC,OAAQ,IACRC,MAAOF,EAAMG,QAAQC,KAAKC,QAE1B,4BAA6B,CAE3BC,SAAU,IAEVC,WAAY,IACZC,SAAU,OAEVC,UAAW,WAGfJ,QAAS,CAEPK,SAAU,SACVC,aAAc,WACdC,QAAS,cACTC,gBAAiB,IACjBC,gBAAiB,YAInBC,UAAW,CAETL,SAAU,SACVC,aAAc,WACdC,QAAS,cACTC,gBAAiB,IACjBC,gBAAiB,YAInBpB,MAAO,CACLsB,QAAS"}

package/materialui/list/listSubheader.theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"listSubheader.theme.js","sources":["../../../src/materialui/list/listSubheader.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowListSubheader: Components<Theme>['MuiListSubheader'] = {\n defaultProps: {\n // controls left and right padding\n disableGutters: false,\n },\n styleOverrides: {\n root: ({ theme }) => ({\n padding: '0',\n margin: '16px 0 8px',\n '&:first-of-type': {\n marginTop: '0',\n },\n ...theme.typography.body,\n color: theme.palette.text.primary,\n }),\n gutters: {\n // match size of ListItem\n padding: '0 4px',\n },\n },\n};\n"],"names":["flowListSubheader","defaultProps","disableGutters","styleOverrides","root","theme","Object","assign","padding","margin","marginTop","typography","body","color","palette","text","primary","gutters"],"mappings":"~~AAGa~~,~~MAAAA~~,EAA2D,CACtEC,aAAc,CAEZC,gBAAgB,GAElBC,eAAgB,CACdC,KAAM,EAAGC,WAAYC,OAAAC,OAAAD,OAAAC,OAAA,CACnBC,QAAS,IACTC,OAAQ,aACR,kBAAmB,CACjBC,UAAW,MAEVL,EAAMM,WAAWC,~~MACpB~~,~~CAAAC~~,MAAOR,EAAMS,QAAQC,KAAKC,UAE5BC,QAAS,CAEPT,QAAS"}
1	+ {"version":3,"file":"listSubheader.theme.js","sources":["../../../src/materialui/list/listSubheader.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowListSubheader: Components<Theme>['MuiListSubheader'] = {\n defaultProps: {\n // controls left and right padding\n disableGutters: false,\n },\n styleOverrides: {\n root: ({ theme }) => ({\n padding: '0',\n margin: '16px 0 8px',\n '&:first-of-type': {\n marginTop: '0',\n },\n ...theme.typography.body,\n color: theme.palette.text.primary,\n }),\n gutters: {\n // match size of ListItem\n padding: '0 4px',\n },\n },\n};\n"],"names":["flowListSubheader","defaultProps","disableGutters","styleOverrides","root","theme","Object","assign","padding","margin","marginTop","typography","body","color","palette","text","primary","gutters"],"mappings":"AAGO,MAAMA,EAA2D,CACtEC,aAAc,CAEZC,gBAAgB,GAElBC,eAAgB,CACdC,KAAM,EAAGC,WAAYC,OAAAC,OAAAD,OAAAC,OAAA,CACnBC,QAAS,IACTC,OAAQ,aACR,kBAAmB,CACjBC,UAAW,MAEVL,EAAMM,WAAWC,MAAI,CACxBC,MAAOR,EAAMS,QAAQC,KAAKC,UAE5BC,QAAS,CAEPT,QAAS"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"menu.theme.js","sources":["../../../src/materialui/menu/menu.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowMenu: Components<Theme>['MuiMenu'] = {\n defaultProps: {},\n styleOverrides: {\n paper: {\n // square variant\n borderRadius: '0',\n // box shadow with custom spread\n boxShadow: '0px 2px 25px 0px rgba(0, 0, 0, 0.15)',\n },\n // currently MuiMenuList cannot be extended through theme,\n // therefore we are styling it with MuiMenu\n list: {\n maxWidth: '100%',\n },\n },\n};\n"],"names":["flowMenu","defaultProps","styleOverrides","paper","borderRadius","boxShadow","list","maxWidth"],"mappings":"~~AAGa~~,~~MAAAA~~,EAAyC,CACpDC,aAAc,~~CAAE~~,~~EAChBC~~,eAAgB,CACdC,MAAO,CAELC,aAAc,IAEdC,UAAW,wCAIbC,KAAM,CACJC,SAAU"}
1	+ {"version":3,"file":"menu.theme.js","sources":["../../../src/materialui/menu/menu.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowMenu: Components<Theme>['MuiMenu'] = {\n defaultProps: {},\n styleOverrides: {\n paper: {\n // square variant\n borderRadius: '0',\n // box shadow with custom spread\n boxShadow: '0px 2px 25px 0px rgba(0, 0, 0, 0.15)',\n },\n // currently MuiMenuList cannot be extended through theme,\n // therefore we are styling it with MuiMenu\n list: {\n maxWidth: '100%',\n },\n },\n};\n"],"names":["flowMenu","defaultProps","styleOverrides","paper","borderRadius","boxShadow","list","maxWidth"],"mappings":"AAGO,MAAMA,EAAyC,CACpDC,aAAc,CAAA,EACdC,eAAgB,CACdC,MAAO,CAELC,aAAc,IAEdC,UAAW,wCAIbC,KAAM,CACJC,SAAU"}

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":"~~2IAKa~~,~~MAAAA~~,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/mobileStepper/mobileStepper.theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"mobileStepper.theme.js","sources":["../../../src/materialui/mobileStepper/mobileStepper.theme.ts"],"sourcesContent":["import { linearProgressClasses } from '@mui/material';\nimport { Components } from '@mui/material/styles/components';\nimport { Theme } from '@mui/material';\n\nexport const flowMobileStepper: Components<Theme>['MuiMobileStepper'] = {\n defaultProps: {},\n styleOverrides: {\n root: {\n '&.MuiMobileStepper-root': {\n display: 'flex',\n alignItems: 'center',\n fontStyle: 'normal',\n fontWeight: '400',\n fontSize: '16px',\n lineHeight: '16px',\n gap: 15,\n padding: '10px 4px',\n whiteSpace: 'nowrap',\n '&:hover': {\n cursor: 'pointer',\n },\n },\n },\n progress: ({ theme }) => ({\n '&.MuiMobileStepper-progress': {\n width: '182px',\n height: '4px',\n },\n [`&.${linearProgressClasses.colorPrimary}`]: {\n backgroundColor: theme.palette.onSurface.os200,\n },\n [`& .${linearProgressClasses.bar}`]: {\n backgroundColor: theme.palette.brand.secondary,\n },\n }),\n },\n};\n"],"names":["flowMobileStepper","defaultProps","styleOverrides","root","display","alignItems","fontStyle","fontWeight","fontSize","lineHeight","gap","padding","whiteSpace","cursor","progress","theme","width","height","linearProgressClasses","colorPrimary","backgroundColor","palette","onSurface","os200","bar","brand","secondary"],"mappings":"~~sDAIa~~,~~MAAAA~~,EAA2D,CACtEC,aAAc,~~CAAE~~,~~EAChBC~~,eAAgB,CACdC,KAAM,CACJ,0BAA2B,CACzBC,QAAS,OACTC,WAAY,SACZC,UAAW,SACXC,WAAY,MACZC,SAAU,OACVC,WAAY,OACZC,IAAK,GACLC,QAAS,WACTC,WAAY,SACZ,UAAW,CACTC,OAAQ,aAIdC,SAAU,EAAGC,~~YAAa~~,~~CACxB~~,8BAA+B,CAC7BC,MAAO,QACPC,OAAQ,OAEV,CAAC,KAAKC,EAAsBC,gBAAiB,CAC3CC,gBAAiBL,EAAMM,QAAQC,UAAUC,OAE3C,CAAC,MAAML,EAAsBM,OAAQ,CACnCJ,gBAAiBL,EAAMM,QAAQI,MAAMC"}
1	+ {"version":3,"file":"mobileStepper.theme.js","sources":["../../../src/materialui/mobileStepper/mobileStepper.theme.ts"],"sourcesContent":["import { linearProgressClasses } from '@mui/material';\nimport { Components } from '@mui/material/styles/components';\nimport { Theme } from '@mui/material';\n\nexport const flowMobileStepper: Components<Theme>['MuiMobileStepper'] = {\n defaultProps: {},\n styleOverrides: {\n root: {\n '&.MuiMobileStepper-root': {\n display: 'flex',\n alignItems: 'center',\n fontStyle: 'normal',\n fontWeight: '400',\n fontSize: '16px',\n lineHeight: '16px',\n gap: 15,\n padding: '10px 4px',\n whiteSpace: 'nowrap',\n '&:hover': {\n cursor: 'pointer',\n },\n },\n },\n progress: ({ theme }) => ({\n '&.MuiMobileStepper-progress': {\n width: '182px',\n height: '4px',\n },\n [`&.${linearProgressClasses.colorPrimary}`]: {\n backgroundColor: theme.palette.onSurface.os200,\n },\n [`& .${linearProgressClasses.bar}`]: {\n backgroundColor: theme.palette.brand.secondary,\n },\n }),\n },\n};\n"],"names":["flowMobileStepper","defaultProps","styleOverrides","root","display","alignItems","fontStyle","fontWeight","fontSize","lineHeight","gap","padding","whiteSpace","cursor","progress","theme","width","height","linearProgressClasses","colorPrimary","backgroundColor","palette","onSurface","os200","bar","brand","secondary"],"mappings":"sDAIO,MAAMA,EAA2D,CACtEC,aAAc,CAAA,EACdC,eAAgB,CACdC,KAAM,CACJ,0BAA2B,CACzBC,QAAS,OACTC,WAAY,SACZC,UAAW,SACXC,WAAY,MACZC,SAAU,OACVC,WAAY,OACZC,IAAK,GACLC,QAAS,WACTC,WAAY,SACZ,UAAW,CACTC,OAAQ,aAIdC,SAAU,EAAGC,YAAO,CAClB,8BAA+B,CAC7BC,MAAO,QACPC,OAAQ,OAEV,CAAC,KAAKC,EAAsBC,gBAAiB,CAC3CC,gBAAiBL,EAAMM,QAAQC,UAAUC,OAE3C,CAAC,MAAML,EAAsBM,OAAQ,CACnCJ,gBAAiBL,EAAMM,QAAQI,MAAMC"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"modal.theme.js","sources":["../../../src/materialui/modal/modal.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { getFlowCssBaselineRoot } from '../themeProvider/baseline.theme';\nimport { BreakpointsOptions, Theme } from '@mui/material';\n\nexport const getFlowModal = (breakpointsOptions: BreakpointsOptions, rtl: boolean): Components<Theme>['MuiModal'] => ({\n defaultProps: {},\n styleOverrides: {\n root: ({ theme }) => [\n getFlowCssBaselineRoot(true, breakpointsOptions, rtl, theme),\n {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n '& .modal-container': {\n borderRadius: '8px',\n position: 'relative',\n overflow: 'hidden',\n background: theme.palette.background.primary,\n margin: '32px 24px',\n width: '100%',\n boxShadow: '0px 24px 64px rgba(0, 0, 0, 0.15)',\n '& > button': {\n padding: '4px',\n top: '14px',\n right: '18px',\n position: 'absolute',\n background: 'transparent',\n border: '0px',\n cursor: 'pointer',\n '& > .ballotx': {\n fontSize: '26px',\n display: 'inline',\n },\n },\n },\n },\n ],\n },\n});\n"],"names":["getFlowModal","breakpointsOptions","rtl","defaultProps","styleOverrides","root","theme","getFlowCssBaselineRoot","display","alignItems","justifyContent","borderRadius","position","overflow","background","palette","primary","margin","width","boxShadow","padding","top","right","border","cursor","fontSize"],"mappings":"~~4EAIa~~,~~MAAAA~~,EAAe,CAACC,EAAwCC,~~KAAiD~~,~~CACpHC~~,aAAc,~~CAAE~~,~~EAChBC~~,eAAgB,CACdC,KAAM,EAAGC,WAAY,CACnBC,GAAuB,EAAMN,EAAoBC,EAAKI,GACtD,CACEE,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChB,qBAAsB,CACpBC,aAAc,MACdC,SAAU,WACVC,SAAU,SACVC,WAAYR,EAAMS,QAAQD,WAAWE,QACrCC,OAAQ,YACRC,MAAO,OACPC,UAAW,oCACX,aAAc,CACZC,QAAS,MACTC,IAAK,OACLC,MAAO,OACPV,SAAU,WACVE,WAAY,cACZS,OAAQ,MACRC,OAAQ,UACR,eAAgB,CACdC,SAAU,OACVjB,QAAS"}
1	+ {"version":3,"file":"modal.theme.js","sources":["../../../src/materialui/modal/modal.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { getFlowCssBaselineRoot } from '../themeProvider/baseline.theme';\nimport { BreakpointsOptions, Theme } from '@mui/material';\n\nexport const getFlowModal = (breakpointsOptions: BreakpointsOptions, rtl: boolean): Components<Theme>['MuiModal'] => ({\n defaultProps: {},\n styleOverrides: {\n root: ({ theme }) => [\n getFlowCssBaselineRoot(true, breakpointsOptions, rtl, theme),\n {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n '& .modal-container': {\n borderRadius: '8px',\n position: 'relative',\n overflow: 'hidden',\n background: theme.palette.background.primary,\n margin: '32px 24px',\n width: '100%',\n boxShadow: '0px 24px 64px rgba(0, 0, 0, 0.15)',\n '& > button': {\n padding: '4px',\n top: '14px',\n right: '18px',\n position: 'absolute',\n background: 'transparent',\n border: '0px',\n cursor: 'pointer',\n '& > .ballotx': {\n fontSize: '26px',\n display: 'inline',\n },\n },\n },\n },\n ],\n },\n});\n"],"names":["getFlowModal","breakpointsOptions","rtl","defaultProps","styleOverrides","root","theme","getFlowCssBaselineRoot","display","alignItems","justifyContent","borderRadius","position","overflow","background","palette","primary","margin","width","boxShadow","padding","top","right","border","cursor","fontSize"],"mappings":"4EAIO,MAAMA,EAAe,CAACC,EAAwCC,KAAY,CAC/EC,aAAc,CAAA,EACdC,eAAgB,CACdC,KAAM,EAAGC,WAAY,CACnBC,GAAuB,EAAMN,EAAoBC,EAAKI,GACtD,CACEE,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChB,qBAAsB,CACpBC,aAAc,MACdC,SAAU,WACVC,SAAU,SACVC,WAAYR,EAAMS,QAAQD,WAAWE,QACrCC,OAAQ,YACRC,MAAO,OACPC,UAAW,oCACX,aAAc,CACZC,QAAS,MACTC,IAAK,OACLC,MAAO,OACPV,SAAU,WACVE,WAAY,cACZS,OAAQ,MACRC,OAAQ,UACR,eAAgB,CACdC,SAAU,OACVjB,QAAS"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"pagination.theme.js","sources":["../../../src/materialui/pagination/pagination.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowPagination: Components<Theme>['MuiPagination'] = {\n defaultProps: {\n variant: 'text',\n showFirstButton: true,\n showLastButton: true,\n siblingCount: 1,\n boundaryCount: 0,\n },\n styleOverrides: {\n root: ({ ownerState, theme }) => ({\n margin: '4px auto',\n ul: {\n flexWrap: 'nowrap',\n li: {\n minWidth: '0',\n },\n '& li:has(.MuiPaginationItem-previousNext):not(li:has(.MuiPaginationItem-previousNext) ~ li:has(.MuiPaginationItem-previousNext))':\n {\n marginRight: '37px',\n [theme.breakpoints.down('md')]: {\n marginRight: '18px',\n },\n },\n '& li:has(.MuiPaginationItem-previousNext):not(:has(~ li .MuiPaginationItem-previousNext))': {\n marginLeft: '37px',\n [theme.breakpoints.down('md')]: {\n marginLeft: '18px',\n },\n },\n },\n '&.MuiPagination-dots': {\n ul: {\n li: {\n padding: '0 2px',\n // style for mobile version for DOTS version\n [theme.breakpoints.down('md')]: {\n padding: '0',\n '& .MuiPaginationItem-root': {\n // hide items by default\n display: 'none',\n // only show navigation arrows and selected page\n '&.MuiPaginationItem-previousNext, &.MuiPaginationItem-firstLast, &.Mui-selected': {\n display: 'inline-flex',\n },\n // adjust styling\n '&.Mui-selected': {\n minWidth: '72px',\n },\n },\n },\n },\n '& li:has(.MuiPaginationItem-previousNext):not(li:has(.MuiPaginationItem-previousNext) ~ li:has(.MuiPaginationItem-previousNext))':\n {\n marginRight: '30px',\n [theme.breakpoints.down('md')]: {\n marginRight: '23px',\n },\n },\n '& li:has(.MuiPaginationItem-previousNext):not(:has(~ li .MuiPaginationItem-previousNext))': {\n marginLeft: '30px',\n [theme.breakpoints.down('md')]: {\n marginLeft: '23px',\n },\n },\n },\n },\n // remove extra page that is provided by @mui at the start/end of pagination\n ...(ownerState.boundaryCount === 0 &&\n ownerState.count > 5 && {\n // check if first ellipsis is not shown - hide last page\n [`&:not(:has(li:nth-of-type(${[ownerState.showFirstButton, !ownerState.hidePrevButton, true].filter(Boolean).length}) > .MuiPaginationItem-ellipsis))`]:\n {\n // last page\n [`& li:nth-last-of-type(${[ownerState.showLastButton, !ownerState.hideNextButton, true, true].filter(Boolean).length})`]:\n {\n display: 'none',\n },\n },\n // check if last ellipsis is not shown - hide first page\n [`&:not(:has(li:nth-last-of-type(${[ownerState.showLastButton, !ownerState.hideNextButton, true].filter(Boolean).length}) > .MuiPaginationItem-ellipsis))`]:\n {\n // first page\n [`& li:nth-of-type(${[ownerState.showFirstButton, !ownerState.hidePrevButton, true, true].filter(Boolean).length})`]:\n {\n display: 'none',\n },\n },\n }),\n }),\n },\n};\n"],"names":["flowPagination","defaultProps","variant","showFirstButton","showLastButton","siblingCount","boundaryCount","styleOverrides","root","ownerState","theme","margin","ul","flexWrap","li","minWidth","marginRight","breakpoints","down","marginLeft","padding","display","count","hidePrevButton","filter","Boolean","length","hideNextButton"],"mappings":"~~AAGa~~,~~MAAAA~~,EAAqD,CAChEC,aAAc,CACZC,QAAS,OACTC,iBAAiB,EACjBC,gBAAgB,EAChBC,aAAc,EACdC,cAAe,GAEjBC,eAAgB,CACdC,KAAM,EAAGC,aAAYC,0BACnBC,OAAQ,WACRC,GAAI,CACFC,SAAU,SACVC,GAAI,CACFC,SAAU,KAEZ,mIACE,CACEC,YAAa,OACb,CAACN,EAAMO,YAAYC,KAAK,OAAQ,CAC9BF,YAAa,SAGnB,4FAA6F,CAC3FG,WAAY,OACZ,CAACT,EAAMO,YAAYC,KAAK,OAAQ,CAC9BC,WAAY,UAIlB,uBAAwB,CACtBP,GAAI,CACFE,GAAI,CACFM,QAAS,QAET,CAACV,EAAMO,YAAYC,KAAK,OAAQ,CAC9BE,QAAS,IACT,4BAA6B,CAE3BC,QAAS,OAET,kFAAmF,CACjFA,QAAS,eAGX,iBAAkB,CAChBN,SAAU,WAKlB,mIACE,CACEC,YAAa,OACb,CAACN,EAAMO,YAAYC,KAAK,OAAQ,CAC9BF,YAAa,SAGnB,4FAA6F,CAC3FG,WAAY,OACZ,CAACT,EAAMO,YAAYC,KAAK,OAAQ,CAC9BC,WAAY,YAMa,IAA7BV,EAAWH,eACbG,EAAWa,MAAQ,GAAK,CAEtB,CAAC,6BAA6B,CAACb,EAAWN,iBAAkBM,EAAWc,gBAAgB,GAAMC,OAAOC,SAASC,2CAC3G,CAEE,CAAC,yBAAyB,CAACjB,EAAWL,gBAAiBK,EAAWkB,gBAAgB,GAAM,GAAMH,OAAOC,SAASC,WAC5G,CACEL,QAAS,SAIjB,CAAC,kCAAkC,CAACZ,EAAWL,gBAAiBK,EAAWkB,gBAAgB,GAAMH,OAAOC,SAASC,2CAC/G,CAEE,CAAC,oBAAoB,CAACjB,EAAWN,iBAAkBM,EAAWc,gBAAgB,GAAM,GAAMC,OAAOC,SAASC,WACxG,CACEL,QAAS"}
1	+ {"version":3,"file":"pagination.theme.js","sources":["../../../src/materialui/pagination/pagination.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowPagination: Components<Theme>['MuiPagination'] = {\n defaultProps: {\n variant: 'text',\n showFirstButton: true,\n showLastButton: true,\n siblingCount: 1,\n boundaryCount: 0,\n },\n styleOverrides: {\n root: ({ ownerState, theme }) => ({\n margin: '4px auto',\n ul: {\n flexWrap: 'nowrap',\n li: {\n minWidth: '0',\n },\n '& li:has(.MuiPaginationItem-previousNext):not(li:has(.MuiPaginationItem-previousNext) ~ li:has(.MuiPaginationItem-previousNext))':\n {\n marginRight: '37px',\n [theme.breakpoints.down('md')]: {\n marginRight: '18px',\n },\n },\n '& li:has(.MuiPaginationItem-previousNext):not(:has(~ li .MuiPaginationItem-previousNext))': {\n marginLeft: '37px',\n [theme.breakpoints.down('md')]: {\n marginLeft: '18px',\n },\n },\n },\n '&.MuiPagination-dots': {\n ul: {\n li: {\n padding: '0 2px',\n // style for mobile version for DOTS version\n [theme.breakpoints.down('md')]: {\n padding: '0',\n '& .MuiPaginationItem-root': {\n // hide items by default\n display: 'none',\n // only show navigation arrows and selected page\n '&.MuiPaginationItem-previousNext, &.MuiPaginationItem-firstLast, &.Mui-selected': {\n display: 'inline-flex',\n },\n // adjust styling\n '&.Mui-selected': {\n minWidth: '72px',\n },\n },\n },\n },\n '& li:has(.MuiPaginationItem-previousNext):not(li:has(.MuiPaginationItem-previousNext) ~ li:has(.MuiPaginationItem-previousNext))':\n {\n marginRight: '30px',\n [theme.breakpoints.down('md')]: {\n marginRight: '23px',\n },\n },\n '& li:has(.MuiPaginationItem-previousNext):not(:has(~ li .MuiPaginationItem-previousNext))': {\n marginLeft: '30px',\n [theme.breakpoints.down('md')]: {\n marginLeft: '23px',\n },\n },\n },\n },\n // remove extra page that is provided by @mui at the start/end of pagination\n ...(ownerState.boundaryCount === 0 &&\n ownerState.count > 5 && {\n // check if first ellipsis is not shown - hide last page\n [`&:not(:has(li:nth-of-type(${[ownerState.showFirstButton, !ownerState.hidePrevButton, true].filter(Boolean).length}) > .MuiPaginationItem-ellipsis))`]:\n {\n // last page\n [`& li:nth-last-of-type(${[ownerState.showLastButton, !ownerState.hideNextButton, true, true].filter(Boolean).length})`]:\n {\n display: 'none',\n },\n },\n // check if last ellipsis is not shown - hide first page\n [`&:not(:has(li:nth-last-of-type(${[ownerState.showLastButton, !ownerState.hideNextButton, true].filter(Boolean).length}) > .MuiPaginationItem-ellipsis))`]:\n {\n // first page\n [`& li:nth-of-type(${[ownerState.showFirstButton, !ownerState.hidePrevButton, true, true].filter(Boolean).length})`]:\n {\n display: 'none',\n },\n },\n }),\n }),\n },\n};\n"],"names":["flowPagination","defaultProps","variant","showFirstButton","showLastButton","siblingCount","boundaryCount","styleOverrides","root","ownerState","theme","margin","ul","flexWrap","li","minWidth","marginRight","breakpoints","down","marginLeft","padding","display","count","hidePrevButton","filter","Boolean","length","hideNextButton"],"mappings":"AAGO,MAAMA,EAAqD,CAChEC,aAAc,CACZC,QAAS,OACTC,iBAAiB,EACjBC,gBAAgB,EAChBC,aAAc,EACdC,cAAe,GAEjBC,eAAgB,CACdC,KAAM,EAAGC,aAAYC,0BACnBC,OAAQ,WACRC,GAAI,CACFC,SAAU,SACVC,GAAI,CACFC,SAAU,KAEZ,mIACE,CACEC,YAAa,OACb,CAACN,EAAMO,YAAYC,KAAK,OAAQ,CAC9BF,YAAa,SAGnB,4FAA6F,CAC3FG,WAAY,OACZ,CAACT,EAAMO,YAAYC,KAAK,OAAQ,CAC9BC,WAAY,UAIlB,uBAAwB,CACtBP,GAAI,CACFE,GAAI,CACFM,QAAS,QAET,CAACV,EAAMO,YAAYC,KAAK,OAAQ,CAC9BE,QAAS,IACT,4BAA6B,CAE3BC,QAAS,OAET,kFAAmF,CACjFA,QAAS,eAGX,iBAAkB,CAChBN,SAAU,WAKlB,mIACE,CACEC,YAAa,OACb,CAACN,EAAMO,YAAYC,KAAK,OAAQ,CAC9BF,YAAa,SAGnB,4FAA6F,CAC3FG,WAAY,OACZ,CAACT,EAAMO,YAAYC,KAAK,OAAQ,CAC9BC,WAAY,YAMa,IAA7BV,EAAWH,eACbG,EAAWa,MAAQ,GAAK,CAEtB,CAAC,6BAA6B,CAACb,EAAWN,iBAAkBM,EAAWc,gBAAgB,GAAMC,OAAOC,SAASC,2CAC3G,CAEE,CAAC,yBAAyB,CAACjB,EAAWL,gBAAiBK,EAAWkB,gBAAgB,GAAM,GAAMH,OAAOC,SAASC,WAC5G,CACEL,QAAS,SAIjB,CAAC,kCAAkC,CAACZ,EAAWL,gBAAiBK,EAAWkB,gBAAgB,GAAMH,OAAOC,SAASC,2CAC/G,CAEE,CAAC,oBAAoB,CAACjB,EAAWN,iBAAkBM,EAAWc,gBAAgB,GAAM,GAAMC,OAAOC,SAASC,WACxG,CACEL,QAAS"}

package/materialui/pagination/paginationItem.theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"paginationItem.theme.js","sources":["../../../src/materialui/pagination/paginationItem.theme.tsx"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { ChevronLeftIcon } from '@/src/components/icon/stroke/ChevronLeftIcon';\nimport { ChevronRightIcon } from '@/src/components/icon/stroke/ChevronRightIcon';\nimport { ChevronPreviousIcon } from '@/src/components/icon/stroke/ChevronPreviousIcon';\nimport { ChevronNextIcon } from '@/src/components/icon/stroke/ChevronNextIcon';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport const flowPaginationItem: Components<Theme>['MuiPaginationItem'] = {\n defaultProps: {\n slots: {\n previous: ChevronLeftIcon,\n next: ChevronRightIcon,\n first: ChevronPreviousIcon,\n last: ChevronNextIcon,\n },\n },\n styleOverrides: {\n root: ({ theme }) => ({\n margin: '0 4px',\n [theme.breakpoints.down('md')]: {\n margin: '0 2px',\n },\n // focused style\n ...getFocusRingStyle(theme),\n // custom font style from Figma\n '&.MuiButtonBase-root': {\n // interactive style\n ...getInteractiveStyle(\n {\n backgroundColor: 'transparent',\n fontWeight: '300',\n fontSize: '18px',\n letterSpacing: '0.36px',\n [theme.breakpoints.down('md')]: {\n fontSize: '16px',\n },\n },\n {\n backgroundColor: theme.palette.transparent.primary,\n fontWeight: '400',\n fontSize: '18px',\n letterSpacing: '0.36px',\n [theme.breakpoints.down('md')]: {\n fontSize: '16px',\n },\n },\n ),\n },\n color: theme.palette.text.primary,\n lineHeight: '24px',\n padding: '0',\n minWidth: '35px',\n height: '36px',\n position: 'relative',\n borderRadius: '4px',\n '& .MuiSvgIcon-root': {\n fontSize: '20px',\n [theme.breakpoints.down('md')]: {\n fontSize: '18px',\n },\n },\n '&.Mui-disabled': {\n color: theme.palette.disabled.primary,\n opacity: '1',\n },\n // style for ellipsis\n '&.MuiPaginationItem-ellipsis': {\n lineHeight: '36px',\n margin: '0 1px',\n pointerEvents: 'none',\n },\n // hide ellipsis for default (text) variant\n '&.MuiPaginationItem-text.MuiPaginationItem-ellipsis': {\n display: 'none',\n },\n // reset style for outlined variant\n '&.MuiPaginationItem-outlined': {\n border: '0',\n },\n }),\n },\n};\n"],"names":["flowPaginationItem","defaultProps","slots","previous","ChevronLeftIcon","next","ChevronRightIcon","first","ChevronPreviousIcon","last","ChevronNextIcon","styleOverrides","root","theme","Object","assign","margin","breakpoints","down","getFocusRingStyle","getInteractiveStyle","backgroundColor","fontWeight","fontSize","letterSpacing","palette","transparent","primary","color","text","lineHeight","padding","minWidth","height","position","borderRadius","disabled","opacity","pointerEvents","display","border"],"mappings":"~~6dASa~~,~~MAAAA~~,EAA6D,CACxEC,aAAc,CACZC,MAAO,CACLC,SAAUC,EACVC,KAAMC,EACNC,MAAOC,EACPC,KAAMC,IAGVC,eAAgB,CACdC,KAAM,EAAGC,WAAYC,OAAAC,OAAAD,OAAAC,OAAA,CACnBC,OAAQ,QACR,CAACH,EAAMI,YAAYC,KAAK,OAAQ,CAC9BF,OAAQ,UAGPG,EAAkBN,IAAM,CAE3B,uBAAsBC,OAAAC,OAAA,CAAA,EAEjBK,EACD,CACEC,gBAAiB,cACjBC,WAAY,MACZC,SAAU,OACVC,cAAe,SACf,CAACX,EAAMI,YAAYC,KAAK,OAAQ,CAC9BK,SAAU,SAGd,CACEF,gBAAiBR,EAAMY,QAAQC,YAAYC,QAC3CL,WAAY,MACZC,SAAU,OACVC,cAAe,SACf,CAACX,EAAMI,YAAYC,KAAK,OAAQ,CAC9BK,SAAU,WAKlBK,MAAOf,EAAMY,QAAQI,KAAKF,QAC1BG,WAAY,OACZC,QAAS,IACTC,SAAU,OACVC,OAAQ,OACRC,SAAU,WACVC,aAAc,MACd,qBAAsB,CACpBZ,SAAU,OACV,CAACV,EAAMI,YAAYC,KAAK,OAAQ,CAC9BK,SAAU,SAGd,iBAAkB,CAChBK,MAAOf,EAAMY,QAAQW,SAAST,QAC9BU,QAAS,KAGX,+BAAgC,CAC9BP,WAAY,OACZd,OAAQ,QACRsB,cAAe,QAGjB,sDAAuD,CACrDC,QAAS,QAGX,+BAAgC,CAC9BC,OAAQ"}
1	+ {"version":3,"file":"paginationItem.theme.js","sources":["../../../src/materialui/pagination/paginationItem.theme.tsx"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { ChevronLeftIcon } from '@/src/components/icon/stroke/ChevronLeftIcon';\nimport { ChevronRightIcon } from '@/src/components/icon/stroke/ChevronRightIcon';\nimport { ChevronPreviousIcon } from '@/src/components/icon/stroke/ChevronPreviousIcon';\nimport { ChevronNextIcon } from '@/src/components/icon/stroke/ChevronNextIcon';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport const flowPaginationItem: Components<Theme>['MuiPaginationItem'] = {\n defaultProps: {\n slots: {\n previous: ChevronLeftIcon,\n next: ChevronRightIcon,\n first: ChevronPreviousIcon,\n last: ChevronNextIcon,\n },\n },\n styleOverrides: {\n root: ({ theme }) => ({\n margin: '0 4px',\n [theme.breakpoints.down('md')]: {\n margin: '0 2px',\n },\n // focused style\n ...getFocusRingStyle(theme),\n // custom font style from Figma\n '&.MuiButtonBase-root': {\n // interactive style\n ...getInteractiveStyle(\n {\n backgroundColor: 'transparent',\n fontWeight: '300',\n fontSize: '18px',\n letterSpacing: '0.36px',\n [theme.breakpoints.down('md')]: {\n fontSize: '16px',\n },\n },\n {\n backgroundColor: theme.palette.transparent.primary,\n fontWeight: '400',\n fontSize: '18px',\n letterSpacing: '0.36px',\n [theme.breakpoints.down('md')]: {\n fontSize: '16px',\n },\n },\n ),\n },\n color: theme.palette.text.primary,\n lineHeight: '24px',\n padding: '0',\n minWidth: '35px',\n height: '36px',\n position: 'relative',\n borderRadius: '4px',\n '& .MuiSvgIcon-root': {\n fontSize: '20px',\n [theme.breakpoints.down('md')]: {\n fontSize: '18px',\n },\n },\n '&.Mui-disabled': {\n color: theme.palette.disabled.primary,\n opacity: '1',\n },\n // style for ellipsis\n '&.MuiPaginationItem-ellipsis': {\n lineHeight: '36px',\n margin: '0 1px',\n pointerEvents: 'none',\n },\n // hide ellipsis for default (text) variant\n '&.MuiPaginationItem-text.MuiPaginationItem-ellipsis': {\n display: 'none',\n },\n // reset style for outlined variant\n '&.MuiPaginationItem-outlined': {\n border: '0',\n },\n }),\n },\n};\n"],"names":["flowPaginationItem","defaultProps","slots","previous","ChevronLeftIcon","next","ChevronRightIcon","first","ChevronPreviousIcon","last","ChevronNextIcon","styleOverrides","root","theme","Object","assign","margin","breakpoints","down","getFocusRingStyle","getInteractiveStyle","backgroundColor","fontWeight","fontSize","letterSpacing","palette","transparent","primary","color","text","lineHeight","padding","minWidth","height","position","borderRadius","disabled","opacity","pointerEvents","display","border"],"mappings":"6dASO,MAAMA,EAA6D,CACxEC,aAAc,CACZC,MAAO,CACLC,SAAUC,EACVC,KAAMC,EACNC,MAAOC,EACPC,KAAMC,IAGVC,eAAgB,CACdC,KAAM,EAAGC,WAAYC,OAAAC,OAAAD,OAAAC,OAAA,CACnBC,OAAQ,QACR,CAACH,EAAMI,YAAYC,KAAK,OAAQ,CAC9BF,OAAQ,UAGPG,EAAkBN,IAAM,CAE3B,uBAAsBC,OAAAC,OAAA,CAAA,EAEjBK,EACD,CACEC,gBAAiB,cACjBC,WAAY,MACZC,SAAU,OACVC,cAAe,SACf,CAACX,EAAMI,YAAYC,KAAK,OAAQ,CAC9BK,SAAU,SAGd,CACEF,gBAAiBR,EAAMY,QAAQC,YAAYC,QAC3CL,WAAY,MACZC,SAAU,OACVC,cAAe,SACf,CAACX,EAAMI,YAAYC,KAAK,OAAQ,CAC9BK,SAAU,WAKlBK,MAAOf,EAAMY,QAAQI,KAAKF,QAC1BG,WAAY,OACZC,QAAS,IACTC,SAAU,OACVC,OAAQ,OACRC,SAAU,WACVC,aAAc,MACd,qBAAsB,CACpBZ,SAAU,OACV,CAACV,EAAMI,YAAYC,KAAK,OAAQ,CAC9BK,SAAU,SAGd,iBAAkB,CAChBK,MAAOf,EAAMY,QAAQW,SAAST,QAC9BU,QAAS,KAGX,+BAAgC,CAC9BP,WAAY,OACZd,OAAQ,QACRsB,cAAe,QAGjB,sDAAuD,CACrDC,QAAS,QAGX,+BAAgC,CAC9BC,OAAQ"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"paper.theme.js","sources":["../../../src/materialui/paper/paper.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\nimport { flowElevations } from '../theme/theme.elevations';\n\nexport const flowPaper: Components<Theme>['MuiPaper'] = {\n styleOverrides: {\n root: ({ theme, ownerState }) => ({\n // Flow elevation shadow variants\n ...(Object.keys(flowElevations).includes(ownerState.variant) && {\n boxShadow: theme.flowShadows[ownerState.variant],\n }),\n }),\n outlined: ({ theme }) => ({\n borderColor: theme.palette.onSurface.os100,\n }),\n },\n};\n"],"names":["flowPaper","styleOverrides","root","theme","ownerState","Object","assign","keys","flowElevations","includes","variant","boxShadow","flowShadows","outlined","borderColor","palette","onSurface","os100"],"mappings":"~~8DAGa~~,~~MAAAA~~,EAA2C,CACtDC,eAAgB,CACdC,KAAM,EAAGC,QAAOC,~~gBAEXC~~,OAAAC,OAAA,CAAA,~~EAACD~~,OAAOE,KAAKC,GAAgBC,SAASL,EAAWM,UAAY,CAC9DC,UAAWR,EAAMS,YAAYR,EAAWM,WAG5CG,SAAU,EAAGV,~~YAAa~~,~~CACxBW~~,YAAaX,EAAMY,QAAQC,UAAUC"}
1	+ {"version":3,"file":"paper.theme.js","sources":["../../../src/materialui/paper/paper.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\nimport { flowElevations } from '../theme/theme.elevations';\n\nexport const flowPaper: Components<Theme>['MuiPaper'] = {\n styleOverrides: {\n root: ({ theme, ownerState }) => ({\n // Flow elevation shadow variants\n ...(Object.keys(flowElevations).includes(ownerState.variant) && {\n boxShadow: theme.flowShadows[ownerState.variant],\n }),\n }),\n outlined: ({ theme }) => ({\n borderColor: theme.palette.onSurface.os100,\n }),\n },\n};\n"],"names":["flowPaper","styleOverrides","root","theme","ownerState","Object","assign","keys","flowElevations","includes","variant","boxShadow","flowShadows","outlined","borderColor","palette","onSurface","os100"],"mappings":"8DAGO,MAAMA,EAA2C,CACtDC,eAAgB,CACdC,KAAM,EAAGC,QAAOC,gBAAiBC,OAAAC,OAAA,CAAA,EAE3BD,OAAOE,KAAKC,GAAgBC,SAASL,EAAWM,UAAY,CAC9DC,UAAWR,EAAMS,YAAYR,EAAWM,WAG5CG,SAAU,EAAGV,YAAO,CAClBW,YAAaX,EAAMY,QAAQC,UAAUC"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"popover.theme.js","sources":["../../../src/materialui/popover/popover.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowPopover: Components<Theme>['MuiPopover'] = {\n styleOverrides: {\n paper: {\n maxHeight: 240,\n overflow: 'auto',\n },\n },\n};\n"],"names":["flowPopover","styleOverrides","paper","maxHeight","overflow"],"mappings":"~~AAEa~~,~~MAAAA~~,EAA+C,CAC1DC,eAAgB,CACdC,MAAO,CACLC,UAAW,IACXC,SAAU"}
1	+ {"version":3,"file":"popover.theme.js","sources":["../../../src/materialui/popover/popover.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowPopover: Components<Theme>['MuiPopover'] = {\n styleOverrides: {\n paper: {\n maxHeight: 240,\n overflow: 'auto',\n },\n },\n};\n"],"names":["flowPopover","styleOverrides","paper","maxHeight","overflow"],"mappings":"AAEO,MAAMA,EAA+C,CAC1DC,eAAgB,CACdC,MAAO,CACLC,UAAW,IACXC,SAAU"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"radio.theme.js","sources":["../../../src/materialui/radio/radio.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\nexport const flowRadio: Components<Theme>['MuiRadio'] = {\n defaultProps: {\n disableRipple: true,\n },\n styleOverrides: {\n root: ({ theme, ownerState }) => ({\n padding: '0',\n borderRadius: '200px',\n // default unselected color\n '&, &:hover': {\n color: theme.palette.text.primary,\n },\n // 'primary' and other unsupported variants style ('success')\n '&.Mui-checked': {\n '&, &:hover': {\n color: theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brand.primary,\n },\n },\n // focus style\n ...getFocusRingStyle(theme, false, '0px'),\n // color variants\n ...(ownerState.color === 'secondary' && {\n '&.Mui-checked': {\n '&, &:hover': {\n color: theme.palette.secondary.main,\n },\n },\n }),\n ...(ownerState.color === 'error' && {\n '&, &.Mui-checked': {\n '&, &:hover': {\n color: theme.palette.error.main,\n },\n },\n }),\n // disabled style\n '&.Mui-disabled': {\n color: theme.palette.disabled.tertiary,\n },\n }),\n },\n};\n"],"names":["flowRadio","defaultProps","disableRipple","styleOverrides","root","theme","ownerState","padding","borderRadius","color","palette","text","primary","mode","brand","secondary","getFocusRingStyle","main","error","disabled","tertiary"],"mappings":"~~4EAGa~~,~~MAAAA~~,EAA2C,CACtDC,aAAc,CACZC,eAAe,GAEjBC,eAAgB,CACdC,KAAM,EAAGC,QAAOC,yEACdC,QAAS,IACTC,aAAc,QAEd,aAAc,CACZC,MAAOJ,EAAMK,QAAQC,KAAKC,SAG5B,gBAAiB,CACf,aAAc,CACZH,MAA8B,SAAvBJ,EAAMK,QAAQG,KAAkBR,EAAMK,QAAQI,MAAMC,UAAYV,EAAMK,QAAQI,MAAMF,WAI5FI,EAAkBX,GAAO,EAAO,QAEV,cAArBC,EAAWG,OAAyB,CACtC,gBAAiB,CACf,aAAc,CACZA,MAAOJ,EAAMK,QAAQK,UAAUE,SAIZ,UAArBX,EAAWG,OAAqB,CAClC,mBAAoB,CAClB,aAAc,CACZA,MAAOJ,EAAMK,QAAQQ,MAAMD,SAG/B,CAEF,iBAAkB,CAChBR,MAAOJ,EAAMK,QAAQS,SAASC"}
1	+ {"version":3,"file":"radio.theme.js","sources":["../../../src/materialui/radio/radio.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\nexport const flowRadio: Components<Theme>['MuiRadio'] = {\n defaultProps: {\n disableRipple: true,\n },\n styleOverrides: {\n root: ({ theme, ownerState }) => ({\n padding: '0',\n borderRadius: '200px',\n // default unselected color\n '&, &:hover': {\n color: theme.palette.text.primary,\n },\n // 'primary' and other unsupported variants style ('success')\n '&.Mui-checked': {\n '&, &:hover': {\n color: theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brand.primary,\n },\n },\n // focus style\n ...getFocusRingStyle(theme, false, '0px'),\n // color variants\n ...(ownerState.color === 'secondary' && {\n '&.Mui-checked': {\n '&, &:hover': {\n color: theme.palette.secondary.main,\n },\n },\n }),\n ...(ownerState.color === 'error' && {\n '&, &.Mui-checked': {\n '&, &:hover': {\n color: theme.palette.error.main,\n },\n },\n }),\n // disabled style\n '&.Mui-disabled': {\n color: theme.palette.disabled.tertiary,\n },\n }),\n },\n};\n"],"names":["flowRadio","defaultProps","disableRipple","styleOverrides","root","theme","ownerState","padding","borderRadius","color","palette","text","primary","mode","brand","secondary","getFocusRingStyle","main","error","disabled","tertiary"],"mappings":"4EAGO,MAAMA,EAA2C,CACtDC,aAAc,CACZC,eAAe,GAEjBC,eAAgB,CACdC,KAAM,EAAGC,QAAOC,yEACdC,QAAS,IACTC,aAAc,QAEd,aAAc,CACZC,MAAOJ,EAAMK,QAAQC,KAAKC,SAG5B,gBAAiB,CACf,aAAc,CACZH,MAA8B,SAAvBJ,EAAMK,QAAQG,KAAkBR,EAAMK,QAAQI,MAAMC,UAAYV,EAAMK,QAAQI,MAAMF,WAI5FI,EAAkBX,GAAO,EAAO,QAEV,cAArBC,EAAWG,OAAyB,CACtC,gBAAiB,CACf,aAAc,CACZA,MAAOJ,EAAMK,QAAQK,UAAUE,SAIZ,UAArBX,EAAWG,OAAqB,CAClC,mBAAoB,CAClB,aAAc,CACZA,MAAOJ,EAAMK,QAAQQ,MAAMD,SAG/B,CAEF,iBAAkB,CAChBR,MAAOJ,EAAMK,QAAQS,SAASC"}

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

@@ -1,2 +1,2 @@
-import{jsx as i}from"react/jsx-runtime";import{ShapeStarIcon as e}from"../../components/icon/stroke/ShapeStarIcon.js";import{ShapeStarFilledIcon as t}from"../../components/icon/filled/ShapeStarFilledIcon.js";const n={defaultProps:{size:"medium",precision:1,max:5,icon:i(t,{fontSize:"inherit"}),emptyIcon:i(e,{fontSize:"inherit"})},styleOverrides:{root:({theme:i})=>({"&.Mui-disabled":{opacity:"1","& .MuiRating-icon":{"&.MuiRating-iconFilled, &.MuiRating-iconEmpty":{color:i.palette.disabled.tertiary}}},"&.Mui-focusVisible .MuiRating-iconActive":{outline:`2px solid ${i.palette.info.main}`},"& .MuiRating-decimal":{transform:"none"},"& .MuiRating-decimal *":{maxWidth:"none"},"&.MuiRating-sizeSmall":{gap:"3px","& .MuiRating-iconFilled, & .MuiRating-iconEmpty":{fontSize:"1rem"}},"&.MuiRating-sizeMedium":{gap:"8px","& .MuiRating-iconFilled, & .MuiRating-iconEmpty":{fontSize:"1.5rem"}},"&.MuiRating-sizeLarge":{gap:"12px","& .MuiRating-iconFilled, & .MuiRating-iconEmpty":{fontSize:"2rem"}},"& .MuiRating-icon":{transition:"none",transform:"none","&.MuiRating-iconHover":{color:"dark"===i.palette.mode?i.palette.brand.secondary:i.palette.brand.primary},"&.MuiRating-iconFilled":{color:"dark"===i.palette.mode?i.palette.brand.secondary:i.palette.brand.primary},"&.MuiRating-iconEmpty":{color:i.palette.onSurface.os500}}})}};export{n as flowRating};
+import{jsx as i}from"react/jsx-runtime";import{ShapeStarIcon as e}from"../../components/icon/stroke/ShapeStarIcon.js";import{ShapeStarFilledIcon as t}from"../../components/icon/filled/ShapeStarFilledIcon.js";import{getFocusRingBoxShadow as n}from"../../components/focusring/focusring.js";const o={defaultProps:{size:"medium",precision:1,max:5,icon:i(t,{fontSize:"inherit"}),emptyIcon:i(e,{fontSize:"inherit"})},styleOverrides:{root:({theme:i})=>({"&.Mui-disabled":{opacity:"1","& .MuiRating-icon":{"&.MuiRating-iconFilled, &.MuiRating-iconEmpty":{color:i.palette.disabled.tertiary}}},"&.Mui-focusVisible .MuiRating-iconActive, & .MuiRating-labelEmptyValueActive":{outline:"none",boxShadow:n(i)},"&.MuiRating-sizeSmall, &.MuiRating-sizeMedium":{padding:"2px 0",gap:"12px","& .MuiRating-iconFilled, & .MuiRating-iconEmpty":{fontSize:"20px"}},"&.MuiRating-sizeLarge":{padding:"3px 0",gap:"22px","& .MuiRating-iconFilled, & .MuiRating-iconEmpty":{fontSize:"34px"}},"& .MuiRating-icon":{borderRadius:"2px",transition:"none",transform:"none","&.MuiRating-iconHover":{color:"dark"===i.palette.mode?i.palette.brand.secondary:i.palette.brand.primary},"&.MuiRating-iconFilled":{color:"dark"===i.palette.mode?i.palette.brand.secondary:i.palette.brand.primary},"&.MuiRating-iconEmpty":{color:"dark"===i.palette.mode?i.palette.onSurface.os300:i.palette.onSurface.os600}},"& .MuiRating-decimal":{transform:"none","& *":{maxWidth:"none"}},"& .MuiRating-label":{borderRadius:"2px"}})}};export{o as flowRating};
 //# sourceMappingURL=rating.theme.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"rating.theme.js","sources":["../../../src/materialui/rating/rating.theme.tsx"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { ShapeStarIcon } from '@/src/components/icon/stroke/ShapeStarIcon';\nimport { ShapeStarFilledIcon } from '@/src/components/icon/filled/ShapeStarFilledIcon';\n\nexport const flowRating: Components<Theme>['MuiRating'] = {\n defaultProps: {\n size: 'medium',\n precision: 1,\n max: 5,\n icon: <ShapeStarFilledIcon fontSize=\"inherit\" />,\n emptyIcon: <ShapeStarIcon fontSize=\"inherit\" />,\n },\n styleOverrides: {\n root: ({ theme }) => ({\n '&.Mui-disabled': {\n opacity: '1',\n '& .MuiRating-icon': {\n '&.MuiRating-iconFilled, &.MuiRating-iconEmpty': {\n color: theme.palette.disabled.tertiary,\n },\n },\n },\n // focus visible state\n '&.Mui-focusVisible .MuiRating-iconActive': ~~{\n outline: `2px solid ${theme.palette.info.main}`,\n },\n '~~& .MuiRating-~~decimal~~': {\n ~~transform~~: 'none',\n },\n // ~~will~~ ~~overwrite maxWidth: '100%' from css reset~~\n '& .MuiRating-decimal *': {\n ~~maxWidth: 'none',\n },\n~~ // ~~size~~ ~~overrides~~\n '~~&.MuiRating-sizeSmall~~'~~: {\~~n gap: '~~3px~~',\n '& .MuiRating-iconFilled, & .MuiRating-iconEmpty': {\n fontSize: '~~1rem~~',\n },\n },\n '&.MuiRating-~~sizeMedium~~': {\n ~~gap:~~ ~~'8px',\n '&~~ ~~.MuiRating-iconFilled,~~ & ~~.MuiRating-iconEmpty': {~~\n ~~fontSize~~: '~~1.5rem~~',\n ~~},\n },\n '&.MuiRating-sizeLarge': {\n~~ gap: '~~12px~~',\n '& .MuiRating-iconFilled, & .MuiRating-iconEmpty': {\n fontSize: '~~2rem~~',\n },\n },\n '& .MuiRating-icon': {\n transition: 'none',\n transform: 'none',\n // hover effects\n '&.MuiRating-iconHover': {\n color: theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brand.primary,\n },\n '&.MuiRating-iconFilled': {\n // color: theme.palette.brand.primary,\n color: theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brand.primary,\n },\n '&.MuiRating-iconEmpty': {\n color: theme.palette.onSurface.~~os500~~,\n },\n },\n }),\n },\n};\n"],"names":["flowRating","defaultProps","size","precision","max","icon","_jsx","ShapeStarFilledIcon","fontSize","emptyIcon","ShapeStarIcon","styleOverrides","root","theme","opacity","color","palette","disabled","tertiary","outline","~~info~~","~~main~~","~~transform~~","~~maxWidth~~","~~gap~~","transition","mode","brand","secondary","primary","onSurface","~~os500~~"],"mappings":"~~gNAKa~~,~~MAAAA~~,EAA6C,CACxDC,aAAc,CACZC,KAAM,SACNC,UAAW,EACXC,IAAK,EACLC,KAAMC,EAACC,GAAoBC,SAAS,YACpCC,UAAWH,EAACI,GAAcF,SAAS,aAErCG,eAAgB,CACdC,KAAM,EAAGC,~~YAAa~~,~~CACpB~~,iBAAkB,CAChBC,QAAS,IACT,oBAAqB,CACnB,gDAAiD,CAC/CC,MAAOF,EAAMG,QAAQC,SAASC,YAKpC,~~2CAA4C~~,~~CAC1CC,~~QAAS,~~aAAaN~~,~~EAAMG~~,~~QAAQI~~,~~KAAKC~~,~~QAE3C~~,~~uBAAwB~~,~~CACtBC~~,~~UAAW~~,~~QAGb,yBAA0B,CACxBC,SAAU,QAGZ,wBAAyB,CACvBC,~~IAAK,~~MACL~~,kDAAmD,~~CACjDhB~~,SAAU,SAGd,~~yBAA0B~~,~~CACxBgB~~,~~IAAK~~,~~MACL~~,~~kDAAmD,CACjDhB,SAAU,WAGd,wBAAyB,CACvBgB,~~IAAK,OACL,kDAAmD,~~CACjDhB~~,SAAU,SAGd,oBAAqB,~~CACnBiB~~,WAAY,~~OACZH~~,UAAW,OAEX,wBAAyB,~~CACvBP~~,MAA8B,SAAvBF,EAAMG,~~QAAQU~~,~~KAAkBb~~,EAAMG,~~QAAQW~~,MAAMC,~~UAAYf~~,EAAMG,~~QAAQW~~,MAAME,SAE7F,yBAA0B,~~CAExBd~~,MAA8B,SAAvBF,EAAMG,~~QAAQU~~,~~KAAkBb~~,EAAMG,~~QAAQW~~,MAAMC,~~UAAYf~~,EAAMG,~~QAAQW~~,MAAME,SAE7F,wBAAyB,~~CACvBd~~,~~MAAOF~~,EAAMG,~~QAAQc~~,UAAUC"}
1	+ {"version":3,"file":"rating.theme.js","sources":["../../../src/materialui/rating/rating.theme.tsx"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { ShapeStarIcon } from '@/src/components/icon/stroke/ShapeStarIcon';\nimport { ShapeStarFilledIcon } from '@/src/components/icon/filled/ShapeStarFilledIcon';\nimport { getFocusRingBoxShadow } from '@/src/components/focusring/focusring';\n\nexport const flowRating: Components<Theme>['MuiRating'] = {\n defaultProps: {\n size: 'medium',\n precision: 1,\n max: 5,\n icon: <ShapeStarFilledIcon fontSize=\"inherit\" />,\n emptyIcon: <ShapeStarIcon fontSize=\"inherit\" />,\n },\n styleOverrides: {\n root: ({ theme }) => ({\n '&.Mui-disabled': {\n opacity: '1',\n '& .MuiRating-icon': {\n '&.MuiRating-iconFilled, &.MuiRating-iconEmpty': {\n color: theme.palette.disabled.tertiary,\n },\n },\n },\n // focus visible state\n '&.Mui-focusVisible .MuiRating-iconActive, & .MuiRating-labelEmptyValueActive': {\n outline: 'none',\n boxShadow: getFocusRingBoxShadow(theme),\n },\n // size overrides\n '&.MuiRating-sizeSmall, &.MuiRating-sizeMedium': {\n // match figma 24px height\n padding: '2px 0',\n gap: '12px',\n '& .MuiRating-iconFilled, & .MuiRating-iconEmpty': {\n fontSize: '20px',\n },\n },\n '&.MuiRating-sizeLarge': {\n // match figma 40px height\n padding: '3px 0',\n gap: '22px',\n '& .MuiRating-iconFilled, & .MuiRating-iconEmpty': {\n fontSize: '34px',\n },\n },\n '& .MuiRating-icon': {\n borderRadius: '2px',\n transition: 'none',\n transform: 'none',\n // hover effects\n '&.MuiRating-iconHover': {\n color: theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brand.primary,\n },\n '&.MuiRating-iconFilled': {\n // color: theme.palette.brand.primary,\n color: theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brand.primary,\n },\n '&.MuiRating-iconEmpty': {\n color: theme.palette.mode === 'dark' ? theme.palette.onSurface.os300 : theme.palette.onSurface.os600,\n },\n },\n '& .MuiRating-decimal': {\n transform: 'none',\n // will overwrite maxWidth: '100%' from css reset\n '& *': {\n maxWidth: 'none',\n },\n },\n '& .MuiRating-label': {\n borderRadius: '2px',\n },\n }),\n },\n};\n"],"names":["flowRating","defaultProps","size","precision","max","icon","_jsx","ShapeStarFilledIcon","fontSize","emptyIcon","ShapeStarIcon","styleOverrides","root","theme","opacity","color","palette","disabled","tertiary","outline","boxShadow","getFocusRingBoxShadow","padding","gap","borderRadius","transition","transform","mode","brand","secondary","primary","onSurface","os300","os600","maxWidth"],"mappings":"gSAMO,MAAMA,EAA6C,CACxDC,aAAc,CACZC,KAAM,SACNC,UAAW,EACXC,IAAK,EACLC,KAAMC,EAACC,GAAoBC,SAAS,YACpCC,UAAWH,EAACI,GAAcF,SAAS,aAErCG,eAAgB,CACdC,KAAM,EAAGC,YAAO,CACd,iBAAkB,CAChBC,QAAS,IACT,oBAAqB,CACnB,gDAAiD,CAC/CC,MAAOF,EAAMG,QAAQC,SAASC,YAKpC,+EAAgF,CAC9EC,QAAS,OACTC,UAAWC,EAAsBR,IAGnC,gDAAiD,CAE/CS,QAAS,QACTC,IAAK,OACL,kDAAmD,CACjDf,SAAU,SAGd,wBAAyB,CAEvBc,QAAS,QACTC,IAAK,OACL,kDAAmD,CACjDf,SAAU,SAGd,oBAAqB,CACnBgB,aAAc,MACdC,WAAY,OACZC,UAAW,OAEX,wBAAyB,CACvBX,MAA8B,SAAvBF,EAAMG,QAAQW,KAAkBd,EAAMG,QAAQY,MAAMC,UAAYhB,EAAMG,QAAQY,MAAME,SAE7F,yBAA0B,CAExBf,MAA8B,SAAvBF,EAAMG,QAAQW,KAAkBd,EAAMG,QAAQY,MAAMC,UAAYhB,EAAMG,QAAQY,MAAME,SAE7F,wBAAyB,CACvBf,MAA8B,SAAvBF,EAAMG,QAAQW,KAAkBd,EAAMG,QAAQe,UAAUC,MAAQnB,EAAMG,QAAQe,UAAUE,QAGnG,uBAAwB,CACtBP,UAAW,OAEX,MAAO,CACLQ,SAAU,SAGd,qBAAsB,CACpBV,aAAc"}

package/materialui/skeleton/skeleton.theme.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { Components } from '@mui/material/styles';
 import { CSSObject, Theme } from '@mui/material';
-import { TypographySize } from '../theme/theme.typography';
+import { TypographySize } from '../typography/typography.theme';
 export declare const getTypographyLineHeight: (element: string, size: TypographySize) => CSSObject;
 export declare const getResponsiveLineHeight: (element: string, theme: Theme) => CSSObject;
 export declare const getTextVariantStyle: () => CSSObject;

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 '../~~theme~~/theme~~.typography~~';\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,~~CAAE~~,~~GAIAC~~,EAA0B,CAACT,EAAiBU,IACvDC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACKb,EAAwBC,EAAS,WACpC,CAACU,EAAMG,YAAYC,GAAG,OAAMH,OAAAC,OAAA,CAAA,EACvBb,EAAwBC,EAAS,WAEtC,CAACU,EAAMG,YAAYC,GAAG,wBACjBf,EAAwBC,EAAS,YAK7Be,EAAsB,~~KAAkB~~,~~CACnDC~~,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,UAGNC,EAAiD,CAC5DC,aAAc,CACZC,UAAW,OACX,aAAgB,cAChBC,KAAM,eAERC,eAAgB,CACdC,KAAIb,OAAAC,OAAA,CAAA,~~EAd6C~~,~~CACnDI~~,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,UAafO,SAAU,CACRC,WAAY,KAEdC,KAAM,EAAGjB,~~WACPC~~,OAAAC,OAAA,~~CAAAgB~~,gBAAiBlB,EAAMmB,QAAQC,UAAUC,MACzC,UAAW,CACTC,WAAY,2FAINtB,EAAMmB,QAAQI,QAAQC,+DAKH,SAAvBxB,EAAMmB,QAAQM,MAAmB,CACnCP,gBAAiBlB,EAAMmB,QAAQI,QAAQC,UACvC,UAAW,CACTF,WAAY,uGAILtB,EAAMmB,QAAQI,QAAQG,wEAQrCC,SAAU,CACR,CACEC,MAAO,CAAEC,QAAS,WAClBC,MAAO,EAAG9B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,UAAWC,~~IAnDO~~,~~CACnDM~~,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,~~UAiDX~~,~~CAAAuB~~,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,MAClBC,MAAO,EAAG9B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,KAAMC,~~IA3DY~~,~~CACnDM~~,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,~~UAyDX~~,~~CAAAuB~~,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,MAClBC,MAAO,EAAG9B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,KAAMC,~~IAnEY~~,~~CACnDM~~,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,~~UAiEX~~,~~CAAAuB~~,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,MAClBC,MAAO,EAAG9B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,KAAMC,~~IA3EY~~,~~CACnDM~~,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,~~UAyEX~~,~~CAAAuB~~,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,MAClBC,MAAO,EAAG9B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,KAAMC,~~IAnFY~~,~~CACnDM~~,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,~~UAiFX~~,~~CAAAuB~~,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,eAClBC,MAAO,EAAG9B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,cAAeC,~~IA3FG~~,~~CACnDM~~,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,~~UAyFX~~,~~CAAAuB~~,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,QAClBC,MAAO,EAAG9B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,OAAQC,~~IAnGU~~,~~CACnDM~~,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,~~UAiGX~~,~~CAAAuB~~,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,cAClBC,MAAO,EAAG9B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,aAAcC,~~IA3GI~~,~~CACnDM~~,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,~~UAyGX~~,~~CAAAuB~~,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,eAClBC,MAAO,EAAG9B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,cAAeC,~~IAnHG~~,~~CACnDM~~,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,~~UAiHX~~,~~CAAAuB~~,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,eAClBC,MAAO,EAAG9B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,cAAeC,~~IA3HG~~,~~CACnDM~~,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,~~UAyHX~~,~~CAAAuB~~,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,YAClBC,MAAO,EAAG9B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,WAAYC,~~IAnIM~~,~~CACnDM~~,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,~~UAiIX~~,~~CAAAuB~~,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,YAClBC,MAAO,EAAG9B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,WAAYC,~~IA3IM~~,~~CACnDM~~,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,~~UAyIX~~,~~CAAAuB~~,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,QAClBC,MAAO,EAAG9B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,OAAQC,~~IAnJU~~,~~CACnDM~~,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,~~UAiJX~~,~~CAAAuB~~,MAAO"}
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,KAAMC,GAAOA,EAAGC,OAAS,GAAGL,KAAQD,KAC3E,OAAIE,EACK,CACLK,OAAQL,EAAY,MAAEM,YAGjB,CAAA,GAIEC,EAA0B,CAACT,EAAiBU,IACvDC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACKb,EAAwBC,EAAS,WACpC,CAACU,EAAMG,YAAYC,GAAG,OAAMH,OAAAC,OAAA,CAAA,EACvBb,EAAwBC,EAAS,WAEtC,CAACU,EAAMG,YAAYC,GAAG,wBACjBf,EAAwBC,EAAS,YAK7Be,EAAsB,KAAA,CACjCC,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,UAGNC,EAAiD,CAC5DC,aAAc,CACZC,UAAW,OACX,aAAgB,cAChBC,KAAM,eAERC,eAAgB,CACdC,KAAIb,OAAAC,OAAA,CAAA,EAd2B,CACjCI,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,UAafO,SAAU,CACRC,WAAY,KAEdC,KAAM,EAAGjB,WAAYC,OAAAC,OAAA,CACnBgB,gBAAiBlB,EAAMmB,QAAQC,UAAUC,MACzC,UAAW,CACTC,WAAY,2FAINtB,EAAMmB,QAAQI,QAAQC,+DAKH,SAAvBxB,EAAMmB,QAAQM,MAAmB,CACnCP,gBAAiBlB,EAAMmB,QAAQI,QAAQC,UACvC,UAAW,CACTF,WAAY,uGAILtB,EAAMmB,QAAQI,QAAQG,wEAQrCC,SAAU,CACR,CACEC,MAAO,CAAEC,QAAS,WAClBC,MAAO,EAAG9B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,UAAWC,IAnDX,CACjCM,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,UAgDa,CACxBuB,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,MAClBC,MAAO,EAAG9B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,KAAMC,IA3DN,CACjCM,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,UAwDa,CACxBuB,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,MAClBC,MAAO,EAAG9B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,KAAMC,IAnEN,CACjCM,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,UAgEa,CACxBuB,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,MAClBC,MAAO,EAAG9B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,KAAMC,IA3EN,CACjCM,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,UAwEa,CACxBuB,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,MAClBC,MAAO,EAAG9B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,KAAMC,IAnFN,CACjCM,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,UAgFa,CACxBuB,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,eAClBC,MAAO,EAAG9B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,cAAeC,IA3Ff,CACjCM,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,UAwFa,CACxBuB,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,QAClBC,MAAO,EAAG9B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,OAAQC,IAnGR,CACjCM,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,UAgGa,CACxBuB,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,cAClBC,MAAO,EAAG9B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,aAAcC,IA3Gd,CACjCM,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,UAwGa,CACxBuB,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,eAClBC,MAAO,EAAG9B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,cAAeC,IAnHf,CACjCM,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,UAgHa,CACxBuB,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,eAClBC,MAAO,EAAG9B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,cAAeC,IA3Hf,CACjCM,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,UAwHa,CACxBuB,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,YAClBC,MAAO,EAAG9B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,WAAYC,IAnIZ,CACjCM,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,UAgIa,CACxBuB,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,YAClBC,MAAO,EAAG9B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,WAAYC,IA3IZ,CACjCM,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,UAwIa,CACxBuB,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,QAClBC,MAAO,EAAG9B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,OAAQC,IAnJR,CACjCM,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,UAgJa,CACxBuB,MAAO"}

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/slider.theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"slider.theme.js","sources":["../../../src/materialui/slider/slider.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\n// make sure the value can be divided by 2\nexport const flowThumbWidth = 40;\nexport const flowThumbHeight = 20;\n\nexport const flowSlider: Components<Theme>['MuiSlider'] = {\n defaultProps: {\n // value properties\n min: 0,\n max: 100,\n step: 1,\n // display label with hover\n valueLabelDisplay: 'auto',\n // disable auto-generated marks, it is recommended to use ./getSliderMarks.ts function\n marks: false,\n },\n styleOverrides: {\n root: ({ theme, ownerState }) => ({\n display: 'block',\n borderRadius: '0',\n ...(ownerState.orientation === 'vertical'\n ? {\n width: '6px',\n height: '320px',\n }\n : {\n height: '6px',\n }),\n // disabled state\n '&.Mui-disabled': {\n '& .MuiSlider-rail': {\n color: theme.palette.disabled.primary,\n },\n '& .MuiSlider-track': {\n color: theme.palette.disabled.tertiary,\n },\n '& .MuiSlider-mark': {\n backgroundColor: theme.palette.mode === 'dark' ? theme.palette.onSurface.os900 : theme.palette.onSurface.os0,\n '&.MuiSlider-markActive': {\n backgroundColor:\n theme.palette.mode === 'dark' ? theme.palette.onSurface.os900 : theme.palette.onSurface.os0,\n },\n },\n '& .MuiSlider-thumb': {\n borderColor: theme.palette.disabled.tertiary,\n },\n },\n }),\n // whole rail bellow the thumb\n rail: ({ theme }) => ({\n borderRadius: '6px',\n opacity: '1',\n color: theme.palette.onSurface.os500,\n // add translate3d, in addition to translateY(-50%), to prevent overflowing borderRadius\n transform: 'translate3d(0px, -50%, 0px)',\n }),\n // track marking selected segment\n track: ({ theme }) => ({\n borderRadius: '6px',\n border: 'none',\n color: theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brand.primary,\n // add translate3d, in addition to translateY(-50%), to prevent overflowing borderRadius\n transform: 'translate3d(0px, -50%, 0px)',\n }),\n // dot on the rail and track\n mark: ({ theme }) => ({\n height: '4px',\n width: '4px',\n borderRadius: '4px',\n opacity: '1',\n backgroundColor: theme.palette.mode === 'dark' ? theme.palette.onSurface.os900 : theme.palette.onSurface.os0,\n '&.MuiSlider-markActive': {\n backgroundColor: theme.palette.mode === 'dark' ? theme.palette.onSurface.os900 : theme.palette.onSurface.os0,\n },\n }),\n // pointer\n thumb: ({ theme, ownerState }) => ({\n ...(ownerState.orientation === 'vertical'\n ? {\n width: `${flowThumbHeight}px`,\n height: `${flowThumbWidth}px`,\n }\n : {\n width: `${flowThumbWidth}px`,\n height: `${flowThumbHeight}px`,\n }),\n borderRadius: `${flowThumbHeight}px`,\n backgroundColor: theme.palette.onSurface.os0,\n border: `1px solid ${theme.palette.onSurface.os900}`,\n // focus style\n ...getFocusRingStyle(theme, true, 1),\n // extra shadow around\n transition: 'box-shadow 0.3s ease-out',\n '&, &:hover, &.Mui-active': {\n boxShadow: `none`,\n },\n '&.Mui-focusVisible': {\n // extra white border\n boxShadow: `0 0 0 2px ${theme.palette.background.primary}`,\n // hide focus during dragging\n '&.Mui-active': {\n boxShadow: 'none',\n outline: `0px solid ${theme.palette.background.primary}`,\n '&:before': {\n boxShadow: 'none',\n },\n },\n },\n }),\n // label above thumb\n valueLabel: ({ theme }) => ({\n maxWidth: 'none',\n // increase space between thumb and tooltip\n top: '-12px',\n // style box\n backgroundColor: theme.palette.text.primary,\n color: theme.palette.background.primary,\n borderRadius: '2px',\n padding: '8px 12px',\n // custom font-size\n [theme.breakpoints.up('xs')]: {\n fontSize: '12px',\n lineHeight: '16px',\n fontWeight: '400',\n },\n }),\n },\n};\n"],"names":["flowThumbWidth","flowThumbHeight","flowSlider","defaultProps","min","max","step","valueLabelDisplay","marks","styleOverrides","root","theme","ownerState","Object","assign","display","borderRadius","orientation","width","height","color","palette","disabled","primary","tertiary","backgroundColor","mode","onSurface","os900","os0","borderColor","rail","opacity","os500","transform","track","border","brand","secondary","mark","thumb","getFocusRingStyle","transition","boxShadow","background","outline","valueLabel","maxWidth","top","text","padding","breakpoints","up","fontSize","lineHeight","fontWeight"],"mappings":"4EAKO,MAAMA,EAAiB,GACjBC,EAAkB,GAElBC,EAA6C,CACxDC,aAAc,CAEZC,IAAK,EACLC,IAAK,IACLC,KAAM,EAENC,kBAAmB,OAEnBC,OAAO,GAETC,eAAgB,CACdC,KAAM,EAAGC,QAAOC,~~gBACdC~~,OAAAC,OAAAD,OAAAC,OAAA,~~CAAAC~~,QAAS,QACTC,aAAc,KACiB,aAA3BJ,EAAWK,YACX,CACEC,MAAO,MACPC,OAAQ,SAEV,CACEA,OAAQ,QACR,CAEN,iBAAkB,CAChB,oBAAqB,CACnBC,MAAOT,EAAMU,QAAQC,SAASC,SAEhC,qBAAsB,CACpBH,MAAOT,EAAMU,QAAQC,SAASE,UAEhC,oBAAqB,CACnBC,gBAAwC,SAAvBd,EAAMU,QAAQK,KAAkBf,EAAMU,QAAQM,UAAUC,MAAQjB,EAAMU,QAAQM,UAAUE,IACzG,yBAA0B,CACxBJ,gBACyB,SAAvBd,EAAMU,QAAQK,KAAkBf,EAAMU,QAAQM,UAAUC,MAAQjB,EAAMU,QAAQM,UAAUE,MAG9F,qBAAsB,CACpBC,YAAanB,EAAMU,QAAQC,SAASE,aAK1CO,KAAM,EAAGpB,~~YAAa~~,~~CACpBK~~,aAAc,MACdgB,QAAS,IACTZ,MAAOT,EAAMU,QAAQM,UAAUM,MAE/BC,UAAW,gCAGbC,MAAO,EAAGxB,~~YAAa~~,~~CACrBK~~,aAAc,MACdoB,OAAQ,OACRhB,MAA8B,SAAvBT,EAAMU,QAAQK,KAAkBf,EAAMU,QAAQgB,MAAMC,UAAY3B,EAAMU,QAAQgB,MAAMd,QAE3FW,UAAW,gCAGbK,KAAM,EAAG5B,~~YAAa~~,~~CACpBQ~~,OAAQ,MACRD,MAAO,MACPF,aAAc,MACdgB,QAAS,IACTP,gBAAwC,SAAvBd,EAAMU,QAAQK,KAAkBf,EAAMU,QAAQM,UAAUC,MAAQjB,EAAMU,QAAQM,UAAUE,IACzG,yBAA0B,CACxBJ,gBAAwC,SAAvBd,EAAMU,QAAQK,KAAkBf,EAAMU,QAAQM,UAAUC,MAAQjB,EAAMU,QAAQM,UAAUE,OAI7GW,MAAO,EAAG7B,QAAOC,2EACgB,aAA3BA,EAAWK,YACX,CACEC,MAAO,OACPC,OAAQ,QAEV,CACED,MAAO,OACPC,OAAQ,UAEdH,aAAc,OACdS,gBAAiBd,EAAMU,QAAQM,UAAUE,IACzCO,OAAQ,aAAazB,EAAMU,QAAQM,UAAUC,UAE1Ca,EAAkB9B,GAAO,EAAM,IAAE,CAEpC+B,WAAY,2BACZ,2BAA4B,CAC1BC,UAAW,QAEb,qBAAsB,CAEpBA,UAAW,aAAahC,EAAMU,QAAQuB,WAAWrB,UAEjD,eAAgB,CACdoB,UAAW,OACXE,QAAS,aAAalC,EAAMU,QAAQuB,WAAWrB,UAC/C,WAAY,CACVoB,UAAW,YAMnBG,WAAY,EAAGnC,~~YAAa~~,~~CAC1BoC~~,SAAU,OAEVC,IAAK,QAELvB,gBAAiBd,EAAMU,QAAQ4B,KAAK1B,QACpCH,MAAOT,EAAMU,QAAQuB,WAAWrB,QAChCP,aAAc,MACdkC,QAAS,WAET,CAACvC,EAAMwC,YAAYC,GAAG,OAAQ,CAC5BC,SAAU,OACVC,WAAY,OACZC,WAAY"}
1	+ {"version":3,"file":"slider.theme.js","sources":["../../../src/materialui/slider/slider.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\n// make sure the value can be divided by 2\nexport const flowThumbWidth = 40;\nexport const flowThumbHeight = 20;\n\nexport const flowSlider: Components<Theme>['MuiSlider'] = {\n defaultProps: {\n // value properties\n min: 0,\n max: 100,\n step: 1,\n // display label with hover\n valueLabelDisplay: 'auto',\n // disable auto-generated marks, it is recommended to use ./getSliderMarks.ts function\n marks: false,\n },\n styleOverrides: {\n root: ({ theme, ownerState }) => ({\n display: 'block',\n borderRadius: '0',\n ...(ownerState.orientation === 'vertical'\n ? {\n width: '6px',\n height: '320px',\n }\n : {\n height: '6px',\n }),\n // disabled state\n '&.Mui-disabled': {\n '& .MuiSlider-rail': {\n color: theme.palette.disabled.primary,\n },\n '& .MuiSlider-track': {\n color: theme.palette.disabled.tertiary,\n },\n '& .MuiSlider-mark': {\n backgroundColor: theme.palette.mode === 'dark' ? theme.palette.onSurface.os900 : theme.palette.onSurface.os0,\n '&.MuiSlider-markActive': {\n backgroundColor:\n theme.palette.mode === 'dark' ? theme.palette.onSurface.os900 : theme.palette.onSurface.os0,\n },\n },\n '& .MuiSlider-thumb': {\n borderColor: theme.palette.disabled.tertiary,\n },\n },\n }),\n // whole rail bellow the thumb\n rail: ({ theme }) => ({\n borderRadius: '6px',\n opacity: '1',\n color: theme.palette.onSurface.os500,\n // add translate3d, in addition to translateY(-50%), to prevent overflowing borderRadius\n transform: 'translate3d(0px, -50%, 0px)',\n }),\n // track marking selected segment\n track: ({ theme }) => ({\n borderRadius: '6px',\n border: 'none',\n color: theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brand.primary,\n // add translate3d, in addition to translateY(-50%), to prevent overflowing borderRadius\n transform: 'translate3d(0px, -50%, 0px)',\n }),\n // dot on the rail and track\n mark: ({ theme }) => ({\n height: '4px',\n width: '4px',\n borderRadius: '4px',\n opacity: '1',\n backgroundColor: theme.palette.mode === 'dark' ? theme.palette.onSurface.os900 : theme.palette.onSurface.os0,\n '&.MuiSlider-markActive': {\n backgroundColor: theme.palette.mode === 'dark' ? theme.palette.onSurface.os900 : theme.palette.onSurface.os0,\n },\n }),\n // pointer\n thumb: ({ theme, ownerState }) => ({\n ...(ownerState.orientation === 'vertical'\n ? {\n width: `${flowThumbHeight}px`,\n height: `${flowThumbWidth}px`,\n }\n : {\n width: `${flowThumbWidth}px`,\n height: `${flowThumbHeight}px`,\n }),\n borderRadius: `${flowThumbHeight}px`,\n backgroundColor: theme.palette.onSurface.os0,\n border: `1px solid ${theme.palette.onSurface.os900}`,\n // focus style\n ...getFocusRingStyle(theme, true, 1),\n // extra shadow around\n transition: 'box-shadow 0.3s ease-out',\n '&, &:hover, &.Mui-active': {\n boxShadow: `none`,\n },\n '&.Mui-focusVisible': {\n // extra white border\n boxShadow: `0 0 0 2px ${theme.palette.background.primary}`,\n // hide focus during dragging\n '&.Mui-active': {\n boxShadow: 'none',\n outline: `0px solid ${theme.palette.background.primary}`,\n '&:before': {\n boxShadow: 'none',\n },\n },\n },\n }),\n // label above thumb\n valueLabel: ({ theme }) => ({\n maxWidth: 'none',\n // increase space between thumb and tooltip\n top: '-12px',\n // style box\n backgroundColor: theme.palette.text.primary,\n color: theme.palette.background.primary,\n borderRadius: '2px',\n padding: '8px 12px',\n // custom font-size\n [theme.breakpoints.up('xs')]: {\n fontSize: '12px',\n lineHeight: '16px',\n fontWeight: '400',\n },\n }),\n },\n};\n"],"names":["flowThumbWidth","flowThumbHeight","flowSlider","defaultProps","min","max","step","valueLabelDisplay","marks","styleOverrides","root","theme","ownerState","Object","assign","display","borderRadius","orientation","width","height","color","palette","disabled","primary","tertiary","backgroundColor","mode","onSurface","os900","os0","borderColor","rail","opacity","os500","transform","track","border","brand","secondary","mark","thumb","getFocusRingStyle","transition","boxShadow","background","outline","valueLabel","maxWidth","top","text","padding","breakpoints","up","fontSize","lineHeight","fontWeight"],"mappings":"4EAKO,MAAMA,EAAiB,GACjBC,EAAkB,GAElBC,EAA6C,CACxDC,aAAc,CAEZC,IAAK,EACLC,IAAK,IACLC,KAAM,EAENC,kBAAmB,OAEnBC,OAAO,GAETC,eAAgB,CACdC,KAAM,EAAGC,QAAOC,gBAAiBC,OAAAC,OAAAD,OAAAC,OAAA,CAC/BC,QAAS,QACTC,aAAc,KACiB,aAA3BJ,EAAWK,YACX,CACEC,MAAO,MACPC,OAAQ,SAEV,CACEA,OAAQ,QACR,CAEN,iBAAkB,CAChB,oBAAqB,CACnBC,MAAOT,EAAMU,QAAQC,SAASC,SAEhC,qBAAsB,CACpBH,MAAOT,EAAMU,QAAQC,SAASE,UAEhC,oBAAqB,CACnBC,gBAAwC,SAAvBd,EAAMU,QAAQK,KAAkBf,EAAMU,QAAQM,UAAUC,MAAQjB,EAAMU,QAAQM,UAAUE,IACzG,yBAA0B,CACxBJ,gBACyB,SAAvBd,EAAMU,QAAQK,KAAkBf,EAAMU,QAAQM,UAAUC,MAAQjB,EAAMU,QAAQM,UAAUE,MAG9F,qBAAsB,CACpBC,YAAanB,EAAMU,QAAQC,SAASE,aAK1CO,KAAM,EAAGpB,YAAO,CACdK,aAAc,MACdgB,QAAS,IACTZ,MAAOT,EAAMU,QAAQM,UAAUM,MAE/BC,UAAW,gCAGbC,MAAO,EAAGxB,YAAO,CACfK,aAAc,MACdoB,OAAQ,OACRhB,MAA8B,SAAvBT,EAAMU,QAAQK,KAAkBf,EAAMU,QAAQgB,MAAMC,UAAY3B,EAAMU,QAAQgB,MAAMd,QAE3FW,UAAW,gCAGbK,KAAM,EAAG5B,YAAO,CACdQ,OAAQ,MACRD,MAAO,MACPF,aAAc,MACdgB,QAAS,IACTP,gBAAwC,SAAvBd,EAAMU,QAAQK,KAAkBf,EAAMU,QAAQM,UAAUC,MAAQjB,EAAMU,QAAQM,UAAUE,IACzG,yBAA0B,CACxBJ,gBAAwC,SAAvBd,EAAMU,QAAQK,KAAkBf,EAAMU,QAAQM,UAAUC,MAAQjB,EAAMU,QAAQM,UAAUE,OAI7GW,MAAO,EAAG7B,QAAOC,2EACgB,aAA3BA,EAAWK,YACX,CACEC,MAAO,OACPC,OAAQ,QAEV,CACED,MAAO,OACPC,OAAQ,UAEdH,aAAc,OACdS,gBAAiBd,EAAMU,QAAQM,UAAUE,IACzCO,OAAQ,aAAazB,EAAMU,QAAQM,UAAUC,UAE1Ca,EAAkB9B,GAAO,EAAM,IAAE,CAEpC+B,WAAY,2BACZ,2BAA4B,CAC1BC,UAAW,QAEb,qBAAsB,CAEpBA,UAAW,aAAahC,EAAMU,QAAQuB,WAAWrB,UAEjD,eAAgB,CACdoB,UAAW,OACXE,QAAS,aAAalC,EAAMU,QAAQuB,WAAWrB,UAC/C,WAAY,CACVoB,UAAW,YAMnBG,WAAY,EAAGnC,YAAO,CACpBoC,SAAU,OAEVC,IAAK,QAELvB,gBAAiBd,EAAMU,QAAQ4B,KAAK1B,QACpCH,MAAOT,EAAMU,QAAQuB,WAAWrB,QAChCP,aAAc,MACdkC,QAAS,WAET,CAACvC,EAAMwC,YAAYC,GAAG,OAAQ,CAC5BC,SAAU,OACVC,WAAY,OACZC,WAAY"}

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":"~~iMAkBa~~,~~MAAAA~~,EAA6CC,~~GACxD~~,CAACC,EAA0DC,KAA1D,IAAAC,YAAEA,EAAWC,UAAEA,EAAYC,EAAcC,GAAEA,GAAEL,EAAKM,~~EAAlDC~~,EAAAP,~~EAAA~~,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