npm - @skodaflow/web-library - Versions diffs - 8.0.1 → 8.1.0 - Mend

@skodaflow/web-library 8.0.1 → 8.1.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 (3567) hide show

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

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

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../components/focusring/focusring.js");const o={defaultProps:{underline:"always"},styleOverrides:{root:({theme:o,ownerState:r})=>Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({borderRadius:"2px","&.Mui-focusVisible":{outline:"none",boxShadow:e.getFocusRingBoxShadow(o)},textDecorationColor:"currentColor"},"primary"===r.color&&{color:o.palette.brand.primary,"&:hover":{color:o.palette.brandHover.primary}}),"secondary"===r.color&&{color:o.palette.brand.secondary,"&:hover":{color:o.palette.brand.quarternary}}),"textPrimary"===r.color&&{fontWeight:"400","&, &:hover":{color:o.palette.text.primary}}),"textSecondary"===r.color&&{color:o.palette.secondary.main,"&:hover":{color:o.palette.secondary.dark}}),"textDisabled"===r.color&&{color:o.palette.disabled.primary,"&:hover":{color:o.palette.disabled.tertiary}}),!!r.visited&&{"&:visited":Object.assign({textDecorationColor:o.palette.onSurface.os600,color:o.palette.onSurface.os600},"secondary"===r.color&&{textDecorationColor:o.palette.onSurface.os200,color:o.palette.onSurface.os200})}),"error"===r.color&&{fontWeight:"400",color:o.palette.error.main,"&:hover":{color:o.palette.error.dark}}),"warning"===r.color&&{fontWeight:"400",color:o.palette.warning.main,"&:hover":{color:o.palette.warning.dark}}),"info"===r.color&&{fontWeight:"400",color:o.palette.info.main,"&:hover":{color:o.palette.info.dark}}),"success"===r.color&&{fontWeight:"400",color:o.palette.success.main,"&:hover":{color:o.palette.success.dark}}),underlineHover:{textDecorationThickness:"1px",textUnderlineOffset:"2px"},underlineAlways:{textDecorationThickness:"1px",textUnderlineOffset:"2px"}}};exports.flowLink=o;
+"use strict";var o=require("../../components/focusring/focusring.js");const e={defaultProps:{underline:"always"},styleOverrides:{root:({theme:e,ownerState:r})=>({borderRadius:"2px","&.Mui-focusVisible":{outline:"none",boxShadow:o.getFocusRingBoxShadow(e)},textDecorationColor:"currentColor",..."primary"===r.color&&{color:e.palette.brand.primary,"&:hover":{color:e.palette.brandHover.primary}},..."secondary"===r.color&&{color:e.palette.brand.secondary,"&:hover":{color:e.palette.brand.quarternary}},..."textPrimary"===r.color&&{fontWeight:"400","&, &:hover":{color:e.palette.text.primary}},..."textSecondary"===r.color&&{color:e.palette.secondary.main,"&:hover":{color:e.palette.secondary.dark}},..."textDisabled"===r.color&&{color:e.palette.disabled.primary,"&:hover":{color:e.palette.disabled.tertiary}},...!!r.visited&&{"&:visited":{textDecorationColor:e.palette.onSurface.os600,color:e.palette.onSurface.os600,..."secondary"===r.color&&{textDecorationColor:e.palette.onSurface.os200,color:e.palette.onSurface.os200}}},..."error"===r.color&&{fontWeight:"400",color:e.palette.error.main,"&:hover":{color:e.palette.error.dark}},..."warning"===r.color&&{fontWeight:"400",color:e.palette.warning.main,"&:hover":{color:e.palette.warning.dark}},..."info"===r.color&&{fontWeight:"400",color:e.palette.info.main,"&:hover":{color:e.palette.info.dark}},..."success"===r.color&&{fontWeight:"400",color:e.palette.success.main,"&:hover":{color:e.palette.success.dark}}}),underlineHover:{textDecorationThickness:"1px",textUnderlineOffset:"2px"},underlineAlways:{textDecorationThickness:"1px",textUnderlineOffset:"2px"}}};exports.flowLink=e;
 //# sourceMappingURL=link.theme.js.map

package/cjs/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":"sEAIO,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,EAAAA,~~sBAAsBP~~,~~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","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":"sEAIO,MAAMA,EAAyC,CACpDC,aAAc,CACZC,UAAW,UAEbC,eAAgB,CACdC,KAAM,EAAGC,QAAOC,iBAAY,CAE1BC,aAAc,MAEd,qBAAsB,CACpBC,QAAS,OACTC,UAAWC,EAAAA,sBAAsBL,IAEnCM,oBAAqB,kBAEI,YAArBL,EAAWM,OAAuB,CACpCA,MAAOP,EAAMQ,QAAQC,MAAMC,QAC3B,UAAW,CACTH,MAAOP,EAAMQ,QAAQG,WAAWD,aAIX,cAArBT,EAAWM,OAAyB,CACtCA,MAAOP,EAAMQ,QAAQC,MAAMG,UAC3B,UAAW,CACTL,MAAOP,EAAMQ,QAAQC,MAAMI,iBAIN,gBAArBZ,EAAWM,OAA2B,CACxCO,WAAY,MACZ,aAAc,CACZP,MAAOP,EAAMQ,QAAQO,KAAKL,aAIL,kBAArBT,EAAWM,OAA6B,CAC1CA,MAAOP,EAAMQ,QAAQI,UAAUI,KAC/B,UAAW,CACTT,MAAOP,EAAMQ,QAAQI,UAAUK,UAGV,iBAArBhB,EAAWM,OAA4B,CACzCA,MAAOP,EAAMQ,QAAQU,SAASR,QAC9B,UAAW,CACTH,MAAOP,EAAMQ,QAAQU,SAASC,gBAK5BlB,EAAWmB,SAAW,CAC1B,YAAa,CACXd,oBAAqBN,EAAMQ,QAAQa,UAAUC,MAC7Cf,MAAOP,EAAMQ,QAAQa,UAAUC,SACN,cAArBrB,EAAWM,OAAyB,CACtCD,oBAAqBN,EAAMQ,QAAQa,UAAUE,MAC7ChB,MAAOP,EAAMQ,QAAQa,UAAUE,YAKZ,UAArBtB,EAAWM,OAAqB,CAClCO,WAAY,MACZP,MAAOP,EAAMQ,QAAQgB,MAAMR,KAC3B,UAAW,CACTT,MAAOP,EAAMQ,QAAQgB,MAAMP,UAGN,YAArBhB,EAAWM,OAAuB,CACpCO,WAAY,MACZP,MAAOP,EAAMQ,QAAQiB,QAAQT,KAC7B,UAAW,CACTT,MAAOP,EAAMQ,QAAQiB,QAAQR,UAGR,SAArBhB,EAAWM,OAAoB,CACjCO,WAAY,MACZP,MAAOP,EAAMQ,QAAQkB,KAAKV,KAC1B,UAAW,CACTT,MAAOP,EAAMQ,QAAQkB,KAAKT,UAGL,YAArBhB,EAAWM,OAAuB,CACpCO,WAAY,MACZP,MAAOP,EAAMQ,QAAQmB,QAAQX,KAC7B,UAAW,CACTT,MAAOP,EAAMQ,QAAQmB,QAAQV,SAInCW,eAAgB,CACdC,wBAAyB,MACzBC,oBAAqB,OAEvBC,gBAAiB,CACfF,wBAAyB,MACzBC,oBAAqB"}

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

@@ -1,2 +1,2 @@
-"use strict";const e={defaultProps:{disablePadding:!0,dense:!1},styleOverrides:{root:({ownerState:e})=>Object.assign({},!1===e.inset&&{marginLeft:"-4px",marginRight:"-4px",maxWidth:"none"})}};exports.flowList=e;
+"use strict";exports.flowList={defaultProps:{disablePadding:!0,dense:!1},styleOverrides:{root:({ownerState:e})=>({...!1===e.inset&&{marginLeft:"-4px",marginRight:"-4px",maxWidth:"none"}})}};
 //# sourceMappingURL=list.theme.js.map

package/cjs/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":"~~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"}
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":["defaultProps","disablePadding","dense","styleOverrides","root","ownerState","inset","marginLeft","marginRight","maxWidth"],"mappings":"8BAGsD,CACpDA,aAAc,CACZC,gBAAgB,EAEhBC,OAAO,GAETC,eAAgB,CACdC,KAAM,EAAGC,iBAAY,KACM,IAArBA,EAAWC,OAAmB,CAChCC,WAAY,OACZC,YAAa,OACbC,SAAU"}

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

@@ -1,2 +1,2 @@
-"use strict";var t=require("../../components/focusring/focusring.js"),e=require("../button/interactive.js");const r={defaultProps:{component:"button",disableRipple:!0,disableGutters:!1},styleOverrides:{root:({theme:r})=>Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r.typography.body),{position:"relative",borderRadius:"0",padding:"4px 0",minHeight:"56px",gap:"8px",transition:"none"}),t.getFocusRingStyle(r,!1)),e.getInteractiveStyle({backgroundColor:"transparent"},{backgroundColor:r.palette.surface.primary},{backgroundColor:r.palette.surface.secondary})),{"&.Mui-disabled":{opacity:"1","&, & .MuiListItemText-root":{color:r.palette.disabled.tertiary}}}),gutters:{borderRadius:"4px",paddingLeft:"4px",paddingRight:"4px"}}};exports.flowListItemButton=r;
+"use strict";var t=require("../../components/focusring/focusring.js"),e=require("../button/interactive.js");const r={defaultProps:{component:"button",disableRipple:!0,disableGutters:!1},styleOverrides:{root:({theme:r})=>({...r.typography.body,position:"relative",borderRadius:"0",padding:"4px 0",minHeight:"56px",gap:"8px",transition:"none",...t.getFocusRingStyle(r,!1),...e.getInteractiveStyle({backgroundColor:"transparent"},{backgroundColor:r.palette.surface.primary},{backgroundColor:r.palette.surface.secondary}),"&.Mui-disabled":{opacity:"1","&, & .MuiListItemText-root":{color:r.palette.disabled.tertiary}}}),gutters:{borderRadius:"4px",paddingLeft:"4px",paddingRight:"4px"}}};exports.flowListItemButton=r;
 //# sourceMappingURL=listItemButton.theme.js.map

package/cjs/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":"4GAKO,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~~,EAAAA,~~kBAAkBX~~,GAAO,~~IACzBY~~,EAAAA,oBACD,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","typography","body","position","borderRadius","padding","minHeight","gap","transition","getFocusRingStyle","getInteractiveStyle","backgroundColor","palette","surface","primary","secondary","opacity","color","disabled","tertiary","gutters","paddingLeft","paddingRight"],"mappings":"4GAKO,MAAMA,EAA6D,CACxEC,aAAc,CACZC,UAAW,SACXC,eAAe,EAEfC,gBAAgB,GAElBC,eAAgB,CACdC,KAAM,EAAGC,YAAO,IAEXA,EAAMC,WAAWC,KACpBC,SAAU,WACVC,aAAc,IAEdC,QAAS,QACTC,UAAW,OAEXC,IAAK,MAELC,WAAY,UAETC,EAAAA,kBAAkBT,GAAO,MACzBU,EAAAA,oBACD,CAAEC,gBAAiB,eACnB,CAAEA,gBAAiBX,EAAMY,QAAQC,QAAQC,SACzC,CAAEH,gBAAiBX,EAAMY,QAAQC,QAAQE,YAG3C,iBAAkB,CAChBC,QAAS,IACT,6BAA8B,CAC5BC,MAAOjB,EAAMY,QAAQM,SAASC,aAIpCC,QAAS,CACPhB,aAAc,MAEdiB,YAAa,MACbC,aAAc"}

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

@@ -1,2 +1,2 @@
-"use strict";const t={defaultProps:{disableGutters:!1},styleOverrides:{root:({theme:t})=>Object.assign(Object.assign({padding:"0",margin:"16px 0 8px","&:first-of-type":{marginTop:"0"}},t.typography.body),{color:t.palette.text.primary}),gutters:{padding:"0 4px"}}};exports.flowListSubheader=t;
+"use strict";exports.flowListSubheader={defaultProps:{disableGutters:!1},styleOverrides:{root:({theme:t})=>({padding:"0",margin:"16px 0 8px","&:first-of-type":{marginTop:"0"},...t.typography.body,color:t.palette.text.primary}),gutters:{padding:"0 4px"}}};
 //# sourceMappingURL=listSubheader.theme.js.map

package/cjs/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":"~~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"}
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":["defaultProps","disableGutters","styleOverrides","root","theme","padding","margin","marginTop","typography","body","color","palette","text","primary","gutters"],"mappings":"uCAGwE,CACtEA,aAAc,CAEZC,gBAAgB,GAElBC,eAAgB,CACdC,KAAM,EAAGC,YAAO,CACdC,QAAS,IACTC,OAAQ,aACR,kBAAmB,CACjBC,UAAW,QAEVH,EAAMI,WAAWC,KACpBC,MAAON,EAAMO,QAAQC,KAAKC,UAE5BC,QAAS,CAEPT,QAAS"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../components/focusring/focusring.js"),t=require("../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.getFocusRingStyle(i,!1,"2px")),{"&&:before":{borderRadius:"4px"}}),t.getInteractiveStyle({'&, &.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"}})}};exports.flowMenuItem=i;
+"use strict";var e=require("../../components/focusring/focusring.js"),t=require("../button/interactive.js");const i={defaultProps:{tabIndex:0},styleOverrides:{root:({theme:i})=>({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.getFocusRingStyle(i,!1,"2px"),"&&:before":{borderRadius:"4px"},...t.getInteractiveStyle({'&, &.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"}})}};exports.flowMenuItem=i;
 //# sourceMappingURL=menuItem.theme.js.map

package/cjs/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 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":"4GAKO,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~~,~~oBAAkBrB~~,GAAO,EAAO,~~QAAM~~,~~CACzC,~~YAAa,~~CACXsB~~,aAAc,~~SAEbC~~,~~EAAAA~~,~~oBACD,~~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"}
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","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":"4GAKO,MAAMA,EAAiD,CAC5DC,aAAc,CACZC,SAAU,GAEZC,eAAgB,CACdC,KAAM,EAAGC,YAAO,CACdC,OAAQ,UAERC,QAAS,OACTC,SAAU,OAEVC,IAAK,OAELC,MAAOL,EAAMM,QAAQC,KAAKC,QAC1B,CAACR,EAAMS,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,cACPC,oBAAkBnB,GAAO,EAAO,OACnC,YAAa,CACXoB,aAAc,UAEbC,sBACD,CAEE,yGAA0G,CACxGC,gBACyB,SAAvBtB,EAAMM,QAAQiB,KAAkBvB,EAAMM,QAAQkB,UAAUC,MAAQzB,EAAMM,QAAQoB,WAAWlB,UAG/F,CAAEc,gBAAiBtB,EAAMM,QAAQqB,QAAQnB,SACzC,CAAEc,gBAAiBtB,EAAMM,QAAQqB,QAAQC,WACzC,CAEE,0LACE,CACEN,gBACyB,SAAvBtB,EAAMM,QAAQiB,KAAkBvB,EAAMM,QAAQkB,UAAUC,MAAQzB,EAAMM,QAAQoB,WAAWlB,WAKnG,iBAAkB,CAChB,gCAAiC,CAE/BqB,QAAS,IACTxB,MAAOL,EAAMM,QAAQwB,SAAStB,UAIlC,uBAAwB,CAEtBuB,OAAQ,KAGV,0BAA2B,CAEzB1B,MAAO,eAEP2B,SAAU,KAGZ,uCAAwC,CAEtCC,WAAY"}

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

@@ -1,2 +1,2 @@
-"use strict";const t={defaultProps:{variant:"text",showFirstButton:!0,showLastButton:!0,siblingCount:1,boundaryCount:0},styleOverrides:{root:({ownerState:t,theme:i})=>Object.assign({margin:"4px auto",ul:{flexWrap:"nowrap",li:{minWidth:"0"},"& li:has(.MuiPaginationItem-previousNext):not(li:has(.MuiPaginationItem-previousNext) ~ li:has(.MuiPaginationItem-previousNext))":{marginRight:"37px",[i.breakpoints.down("md")]:{marginRight:"18px"}},"& li:has(.MuiPaginationItem-previousNext):not(:has(~ li .MuiPaginationItem-previousNext))":{marginLeft:"37px",[i.breakpoints.down("md")]:{marginLeft:"18px"}}},"&.MuiPagination-dots":{ul:{li:{padding:"0 2px",[i.breakpoints.down("md")]:{padding:"0","& .MuiPaginationItem-root":{display:"none","&.MuiPaginationItem-previousNext, &.MuiPaginationItem-firstLast, &.Mui-selected":{display:"inline-flex"},"&.Mui-selected":{minWidth:"72px"}}}},"& li:has(.MuiPaginationItem-previousNext):not(li:has(.MuiPaginationItem-previousNext) ~ li:has(.MuiPaginationItem-previousNext))":{marginRight:"30px",[i.breakpoints.down("md")]:{marginRight:"23px"}},"& li:has(.MuiPaginationItem-previousNext):not(:has(~ li .MuiPaginationItem-previousNext))":{marginLeft:"30px",[i.breakpoints.down("md")]:{marginLeft:"23px"}}}}},0===t.boundaryCount&&t.count>5&&{[`&:not(:has(li:nth-of-type(${[t.showFirstButton,!t.hidePrevButton,!0].filter(Boolean).length}) > .MuiPaginationItem-ellipsis))`]:{[`& li:nth-last-of-type(${[t.showLastButton,!t.hideNextButton,!0,!0].filter(Boolean).length})`]:{display:"none"}},[`&:not(:has(li:nth-last-of-type(${[t.showLastButton,!t.hideNextButton,!0].filter(Boolean).length}) > .MuiPaginationItem-ellipsis))`]:{[`& li:nth-of-type(${[t.showFirstButton,!t.hidePrevButton,!0,!0].filter(Boolean).length})`]:{display:"none"}}})}};exports.flowPagination=t;
+"use strict";const t={defaultProps:{variant:"text",showFirstButton:!0,showLastButton:!0,siblingCount:1,boundaryCount:0},styleOverrides:{root:({ownerState:t,theme:i})=>({margin:"4px auto",ul:{flexWrap:"nowrap",li:{minWidth:"0"},"& li:has(.MuiPaginationItem-previousNext):not(li:has(.MuiPaginationItem-previousNext) ~ li:has(.MuiPaginationItem-previousNext))":{marginRight:"37px",[i.breakpoints.down("md")]:{marginRight:"18px"}},"& li:has(.MuiPaginationItem-previousNext):not(:has(~ li .MuiPaginationItem-previousNext))":{marginLeft:"37px",[i.breakpoints.down("md")]:{marginLeft:"18px"}}},"&.MuiPagination-dots":{ul:{li:{padding:"0 2px",[i.breakpoints.down("md")]:{padding:"0","& .MuiPaginationItem-root":{display:"none","&.MuiPaginationItem-previousNext, &.MuiPaginationItem-firstLast, &.Mui-selected":{display:"inline-flex"},"&.Mui-selected":{minWidth:"72px"}}}},"& li:has(.MuiPaginationItem-previousNext):not(li:has(.MuiPaginationItem-previousNext) ~ li:has(.MuiPaginationItem-previousNext))":{marginRight:"30px",[i.breakpoints.down("md")]:{marginRight:"23px"}},"& li:has(.MuiPaginationItem-previousNext):not(:has(~ li .MuiPaginationItem-previousNext))":{marginLeft:"30px",[i.breakpoints.down("md")]:{marginLeft:"23px"}}}},...0===t.boundaryCount&&t.count>5&&{[`&:not(:has(li:nth-of-type(${[t.showFirstButton,!t.hidePrevButton,!0].filter(Boolean).length}) > .MuiPaginationItem-ellipsis))`]:{[`& li:nth-last-of-type(${[t.showLastButton,!t.hideNextButton,!0,!0].filter(Boolean).length})`]:{display:"none"}},[`&:not(:has(li:nth-last-of-type(${[t.showLastButton,!t.hideNextButton,!0].filter(Boolean).length}) > .MuiPaginationItem-ellipsis))`]:{[`& li:nth-of-type(${[t.showFirstButton,!t.hidePrevButton,!0,!0].filter(Boolean).length})`]:{display:"none"}}}})}};exports.flowPagination=t;
 //# sourceMappingURL=pagination.theme.js.map

package/cjs/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":"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"}
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,YAAO,CAC1BC,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,cAMa,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/cjs/materialui/pagination/paginationItem.theme.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../components/focusring/focusring.js"),t=require("../../components/icon/stroke/ChevronLeftIcon.js"),o=require("../../components/icon/stroke/ChevronRightIcon.js"),n=require("../../components/icon/stroke/ChevronPreviousIcon.js"),i=require("../../components/icon/stroke/ChevronNextIcon.js"),r=require("../button/interactive.js");const s={defaultProps:{slots:{previous:t.ChevronLeftIcon,next:o.ChevronRightIcon,first:n.ChevronPreviousIcon,last:i.ChevronNextIcon}},styleOverrides:{root:({theme:t})=>Object.assign(Object.assign({margin:"0 4px",[t.breakpoints.down("md")]:{margin:"0 2px"}},e.getFocusRingStyle(t)),{"&.MuiButtonBase-root":Object.assign({},r.getInteractiveStyle({backgroundColor:"transparent",fontWeight:"300",fontSize:"18px",letterSpacing:"0.36px",[t.breakpoints.down("md")]:{fontSize:"16px"}},{backgroundColor:t.palette.transparent.primary,fontWeight:"400",fontSize:"18px",letterSpacing:"0.36px",[t.breakpoints.down("md")]:{fontSize:"16px"}})),color:t.palette.text.primary,lineHeight:"24px",padding:"0",minWidth:"35px",height:"36px",position:"relative",borderRadius:"4px","& .MuiSvgIcon-root":{fontSize:"20px",[t.breakpoints.down("md")]:{fontSize:"18px"}},"&.Mui-disabled":{color:t.palette.disabled.primary,opacity:"1"},"&.MuiPaginationItem-ellipsis":{lineHeight:"36px",margin:"0 1px",pointerEvents:"none"},"&.MuiPaginationItem-text.MuiPaginationItem-ellipsis":{display:"none"},"&.MuiPaginationItem-outlined":{border:"0"}})}};exports.flowPaginationItem=s;
+"use strict";var e=require("../../components/focusring/focusring.js"),o=require("../../components/icon/stroke/ChevronLeftIcon.js"),t=require("../../components/icon/stroke/ChevronRightIcon.js"),n=require("../../components/icon/stroke/ChevronPreviousIcon.js"),i=require("../../components/icon/stroke/ChevronNextIcon.js"),r=require("../button/interactive.js");const s={defaultProps:{slots:{previous:o.ChevronLeftIcon,next:t.ChevronRightIcon,first:n.ChevronPreviousIcon,last:i.ChevronNextIcon}},styleOverrides:{root:({theme:o})=>({margin:"0 4px",[o.breakpoints.down("md")]:{margin:"0 2px"},...e.getFocusRingStyle(o),"&.MuiButtonBase-root":{...r.getInteractiveStyle({backgroundColor:"transparent",fontWeight:"300",fontSize:"18px",letterSpacing:"0.36px",[o.breakpoints.down("md")]:{fontSize:"16px"}},{backgroundColor:o.palette.transparent.primary,fontWeight:"400",fontSize:"18px",letterSpacing:"0.36px",[o.breakpoints.down("md")]:{fontSize:"16px"}})},color:o.palette.text.primary,lineHeight:"24px",padding:"0",minWidth:"35px",height:"36px",position:"relative",borderRadius:"4px","& .MuiSvgIcon-root":{fontSize:"20px",[o.breakpoints.down("md")]:{fontSize:"18px"}},"&.Mui-disabled":{color:o.palette.disabled.primary,opacity:"1"},"&.MuiPaginationItem-ellipsis":{lineHeight:"36px",margin:"0 1px",pointerEvents:"none"},"&.MuiPaginationItem-text.MuiPaginationItem-ellipsis":{display:"none"},"&.MuiPaginationItem-outlined":{border:"0"}})}};exports.flowPaginationItem=s;
 //# sourceMappingURL=paginationItem.theme.js.map

package/cjs/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":"qWASO,MAAMA,EAA6D,CACxEC,aAAc,CACZC,MAAO,CACLC,SAAUC,EAAAA,gBACVC,KAAMC,EAAAA,iBACNC,MAAOC,EAAAA,oBACPC,KAAMC,EAAAA,kBAGVC,eAAgB,CACdC,KAAM,EAAGC,~~WAAYC~~,~~OAAAC~~,~~OAAAD,OAAAC,OAAA,CACnBC,~~OAAQ,QACR,~~CAACH~~,~~EAAMI~~,YAAYC,KAAK,OAAQ,CAC9BF,OAAQ,~~UAGPG~~,EAAAA,~~kBAAkBN~~,~~IAAM~~,~~CAE3B~~,~~uBAAsBC~~,~~OAAAC~~,~~OAAA,CAAA,EAEjBK,EAAAA,oBACD,~~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","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":"qWASO,MAAMA,EAA6D,CACxEC,aAAc,CACZC,MAAO,CACLC,SAAUC,EAAAA,gBACVC,KAAMC,EAAAA,iBACNC,MAAOC,EAAAA,oBACPC,KAAMC,EAAAA,kBAGVC,eAAgB,CACdC,KAAM,EAAGC,YAAO,CACdC,OAAQ,QACR,CAACD,EAAME,YAAYC,KAAK,OAAQ,CAC9BF,OAAQ,YAGPG,EAAAA,kBAAkBJ,GAErB,uBAAwB,IAEnBK,sBACD,CACEC,gBAAiB,cACjBC,WAAY,MACZC,SAAU,OACVC,cAAe,SACf,CAACT,EAAME,YAAYC,KAAK,OAAQ,CAC9BK,SAAU,SAGd,CACEF,gBAAiBN,EAAMU,QAAQC,YAAYC,QAC3CL,WAAY,MACZC,SAAU,OACVC,cAAe,SACf,CAACT,EAAME,YAAYC,KAAK,OAAQ,CAC9BK,SAAU,WAKlBK,MAAOb,EAAMU,QAAQI,KAAKF,QAC1BG,WAAY,OACZC,QAAS,IACTC,SAAU,OACVC,OAAQ,OACRC,SAAU,WACVC,aAAc,MACd,qBAAsB,CACpBZ,SAAU,OACV,CAACR,EAAME,YAAYC,KAAK,OAAQ,CAC9BK,SAAU,SAGd,iBAAkB,CAChBK,MAAOb,EAAMU,QAAQW,SAAST,QAC9BU,QAAS,KAGX,+BAAgC,CAC9BP,WAAY,OACZd,OAAQ,QACRsB,cAAe,QAGjB,sDAAuD,CACrDC,QAAS,QAGX,+BAAgC,CAC9BC,OAAQ"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("../theme/theme.elevations.js");const t={styleOverrides:{root:({theme:t,ownerState:o})=>Object.assign({},Object.keys(e.flowElevations).includes(o.variant)&&{boxShadow:t.flowShadows[o.variant]}),outlined:({theme:e})=>({borderColor:e.palette.onSurface.os100})}};exports.flowPaper=t;
+"use strict";var e=require("../theme/theme.elevations.js");const t={styleOverrides:{root:({theme:t,ownerState:o})=>({...Object.keys(e.flowElevations).includes(o.variant)&&{boxShadow:t.flowShadows[o.variant]}}),outlined:({theme:e})=>({borderColor:e.palette.onSurface.os100})}};exports.flowPaper=t;
 //# sourceMappingURL=paper.theme.js.map

package/cjs/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":"2DAGO,MAAMA,EAA2C,CACtDC,eAAgB,CACdC,KAAM,EAAGC,QAAOC,~~gBAAiBC~~,~~OAAAC~~,~~OAAA~~,~~CAAA,EAE3BD,OAAOE,~~KAAKC,EAAAA,gBAAgBC,~~SAASL~~,~~EAAWM~~,UAAY,CAC9DC,~~UAAWR~~,~~EAAMS~~,~~YAAYR~~,~~EAAWM~~,~~WAG5CG~~,SAAU,~~EAAGV~~,YAAO,~~CAClBW~~,~~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","keys","flowElevations","includes","variant","boxShadow","flowShadows","outlined","borderColor","palette","onSurface","os100"],"mappings":"2DAGO,MAAMA,EAA2C,CACtDC,eAAgB,CACdC,KAAM,EAAGC,QAAOC,iBAAY,IAEtBC,OAAOC,KAAKC,EAAAA,gBAAgBC,SAASJ,EAAWK,UAAY,CAC9DC,UAAWP,EAAMQ,YAAYP,EAAWK,YAG5CG,SAAU,EAAGT,YAAO,CAClBU,YAAaV,EAAMW,QAAQC,UAAUC"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../components/focusring/focusring.js");const r={defaultProps:{disableRipple:!0},styleOverrides:{root:({theme:r,ownerState:o})=>Object.assign(Object.assign(Object.assign(Object.assign({padding:"0",borderRadius:"200px","&, &:hover":{color:r.palette.text.primary},"&.Mui-checked":{"&, &:hover":{color:"dark"===r.palette.mode?r.palette.brand.secondary:r.palette.brand.primary}}},e.getFocusRingStyle(r,!1,"0px")),"secondary"===o.color&&{"&.Mui-checked":{"&, &:hover":{color:r.palette.secondary.main}}}),"error"===o.color&&{"&, &.Mui-checked":{"&, &:hover":{color:r.palette.error.main}}}),{"&.Mui-disabled":{color:r.palette.disabled.tertiary}})}};exports.flowRadio=r;
+"use strict";var e=require("../../components/focusring/focusring.js");const r={defaultProps:{disableRipple:!0},styleOverrides:{root:({theme:r,ownerState:o})=>({padding:"0",borderRadius:"200px","&, &:hover":{color:r.palette.text.primary},"&.Mui-checked":{"&, &:hover":{color:"dark"===r.palette.mode?r.palette.brand.secondary:r.palette.brand.primary}},...e.getFocusRingStyle(r,!1,"0px"),..."secondary"===o.color&&{"&.Mui-checked":{"&, &:hover":{color:r.palette.secondary.main}}},..."error"===o.color&&{"&, &.Mui-checked":{"&, &:hover":{color:r.palette.error.main}}},"&.Mui-disabled":{color:r.palette.disabled.tertiary}})}};exports.flowRadio=r;
 //# sourceMappingURL=radio.theme.js.map

package/cjs/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":"sEAGO,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~~,~~EAAAA~~,~~kBAAkBX,~~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":"sEAGO,MAAMA,EAA2C,CACtDC,aAAc,CACZC,eAAe,GAEjBC,eAAgB,CACdC,KAAM,EAAGC,QAAOC,iBAAY,CAC1BC,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,aAI5FI,oBAAkBX,GAAO,EAAO,UAEV,cAArBC,EAAWG,OAAyB,CACtC,gBAAiB,CACf,aAAc,CACZA,MAAOJ,EAAMK,QAAQK,UAAUE,WAIZ,UAArBX,EAAWG,OAAqB,CAClC,mBAAoB,CAClB,aAAc,CACZA,MAAOJ,EAAMK,QAAQQ,MAAMD,QAKjC,iBAAkB,CAChBR,MAAOJ,EAAMK,QAAQS,SAASC"}

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

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

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

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

package/cjs/materialui/slider/SliderContainer.js CHANGED Viewed

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

package/cjs/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":"~~gJAkBO~~,~~MAAMA,~~EAA6CC,EAAAA,WACxD,~~CAACC~~,~~EAA0DC~~,~~KAA1D~~,~~IAAAC,YAAEA,EAAWC,UAAEA,EAAYC,~~EAAAA,~~eAAcC~~,~~GAAEA~~,~~GAAEL~~,~~EAAKM~~,~~EAAIC,~~EAAAA,~~OAAAP,EAAtD,CAAA,cAAA,YAAA,OACC,OACEQ,EAAAA,~~IAACC,EAAAA,~~IAAGC~~,~~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~~"}
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","orientation","thumbSize","flowThumbWidth","sx","rest","ref","_jsx","Box","py","height","top","bottom","marginBottom","borderTopLeftRadius","borderTopRightRadius","px","width","left","right","maxWidth","marginLeft","borderBottomRightRadius"],"mappings":"mIAkBaA,EAA6CC,EAAAA,WACxD,EAAGC,cAAaC,YAAYC,EAAAA,eAAgBC,QAAOC,GAAQC,IAEvDC,EAAAA,IAACC,EAAAA,IAAG,CACFF,IAAKA,EACLF,GAAI,IACkB,aAAhBH,EACA,CACEQ,GAAOP,EAAY,EAAf,KAEJ,oBAAqB,CACnBQ,OAAQ,OACRC,IAAK,IAAIT,EAAY,MACrBU,OAAQ,IAAIV,EAAY,OAG1B,qBAAsB,CACpBW,aAAc,IAAIX,EAAY,MAC9BY,oBAAqB,IACrBC,qBAAsB,MAG1B,CACEC,GAAOd,EAAY,EAAf,KAEJ,oBAAqB,CACnBe,MAAO,OACPC,KAAM,IAAIhB,EAAY,MACtBiB,MAAO,IAAIjB,EAAY,MACvBkB,SAAU,QAGZ,qBAAsB,CACpBC,WAAY,IAAInB,EAAY,MAC5Ba,qBAAsB,IACtBO,wBAAyB,SAG9BlB,MAEDC"}

package/cjs/materialui/slider/SliderValues.js CHANGED Viewed

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

package/cjs/materialui/slider/SliderValues.js.map CHANGED Viewed

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

package/cjs/materialui/slider/slider.theme.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../components/focusring/focusring.js");const t={defaultProps:{min:0,max:100,step:1,valueLabelDisplay:"auto",marks:!1},styleOverrides:{root:({theme:e,ownerState:t})=>Object.assign(Object.assign({display:"block",borderRadius:"0",padding:"13px 0"},"vertical"===t.orientation?{width:"6px",height:"320px"}:{height:"6px"}),{"&.Mui-disabled":{"& .MuiSlider-rail":{color:e.palette.disabled.primary},"& .MuiSlider-track":{color:e.palette.disabled.tertiary},"& .MuiSlider-mark":{backgroundColor:"dark"===e.palette.mode?e.palette.onSurface.os900:e.palette.onSurface.os0,"&.MuiSlider-markActive":{backgroundColor:"dark"===e.palette.mode?e.palette.onSurface.os900:e.palette.onSurface.os0}},"& .MuiSlider-thumb":{borderColor:e.palette.disabled.tertiary}}}),rail:({theme:e})=>({borderRadius:"6px",opacity:"1",color:e.palette.onSurface.os500,transform:"translate3d(0px, -50%, 0px)"}),track:({theme:e})=>({borderRadius:"6px",border:"none",color:"dark"===e.palette.mode?e.palette.brand.secondary:e.palette.brand.primary,transform:"translate3d(0px, -50%, 0px)"}),mark:({theme:e})=>({height:"4px",width:"4px",borderRadius:"4px",opacity:"1",backgroundColor:"dark"===e.palette.mode?e.palette.onSurface.os900:e.palette.onSurface.os0,"&.MuiSlider-markActive":{backgroundColor:"dark"===e.palette.mode?e.palette.onSurface.os900:e.palette.onSurface.os0}}),thumb:({theme:t,ownerState:a})=>Object.assign(Object.assign(Object.assign(Object.assign({},"vertical"===a.orientation?{width:"20px",height:"40px"}:{width:"40px",height:"20px"}),{borderRadius:"20px",backgroundColor:t.palette.onSurface.os0,border:`1px solid ${t.palette.onSurface.os900}`,"&:after":{width:"40px",height:"40px",borderRadius:"1000px"}}),e.getFocusRingStyle(t,!0,1)),{transition:"box-shadow 0.3s ease-out","&, &:hover, &.Mui-active":{boxShadow:"none"},"&.Mui-focusVisible":{boxShadow:`0 0 0 2px ${t.palette.background.primary}`,"&.Mui-active":{boxShadow:"none",outline:`0px solid ${t.palette.background.primary}`,"&:before":{boxShadow:"none"}}}}),valueLabel:({theme:e})=>({maxWidth:"none",top:"-12px",backgroundColor:e.palette.text.primary,color:e.palette.background.primary,borderRadius:"2px",padding:"8px 12px",[e.breakpoints.up("xs")]:{fontSize:"12px",lineHeight:"16px",fontWeight:"400"}})}};exports.flowSlider=t,exports.flowThumbHeight=20,exports.flowThumbWidth=40;
+"use strict";var e=require("../../components/focusring/focusring.js");const t={defaultProps:{min:0,max:100,step:1,valueLabelDisplay:"auto",marks:!1},styleOverrides:{root:({theme:e,ownerState:t})=>({display:"block",borderRadius:"0",padding:"13px 0",..."vertical"===t.orientation?{width:"6px",height:"320px"}:{height:"6px"},"&.Mui-disabled":{"& .MuiSlider-rail":{color:e.palette.disabled.primary},"& .MuiSlider-track":{color:e.palette.disabled.tertiary},"& .MuiSlider-mark":{backgroundColor:"dark"===e.palette.mode?e.palette.onSurface.os900:e.palette.onSurface.os0,"&.MuiSlider-markActive":{backgroundColor:"dark"===e.palette.mode?e.palette.onSurface.os900:e.palette.onSurface.os0}},"& .MuiSlider-thumb":{borderColor:e.palette.disabled.tertiary}}}),rail:({theme:e})=>({borderRadius:"6px",opacity:"1",color:e.palette.onSurface.os500,transform:"translate3d(0px, -50%, 0px)"}),track:({theme:e})=>({borderRadius:"6px",border:"none",color:"dark"===e.palette.mode?e.palette.brand.secondary:e.palette.brand.primary,transform:"translate3d(0px, -50%, 0px)"}),mark:({theme:e})=>({height:"4px",width:"4px",borderRadius:"4px",opacity:"1",backgroundColor:"dark"===e.palette.mode?e.palette.onSurface.os900:e.palette.onSurface.os0,"&.MuiSlider-markActive":{backgroundColor:"dark"===e.palette.mode?e.palette.onSurface.os900:e.palette.onSurface.os0}}),thumb:({theme:t,ownerState:o})=>({..."vertical"===o.orientation?{width:"20px",height:"40px"}:{width:"40px",height:"20px"},borderRadius:"20px",backgroundColor:t.palette.onSurface.os0,border:`1px solid ${t.palette.onSurface.os900}`,"&:after":{width:"40px",height:"40px",borderRadius:"1000px"},...e.getFocusRingStyle(t,!0,1),transition:"box-shadow 0.3s ease-out","&, &:hover, &.Mui-active":{boxShadow:"none"},"&.Mui-focusVisible":{boxShadow:`0 0 0 2px ${t.palette.background.primary}`,"&.Mui-active":{boxShadow:"none",outline:`0px solid ${t.palette.background.primary}`,"&:before":{boxShadow:"none"}}}}),valueLabel:({theme:e})=>({maxWidth:"none",top:"-12px",backgroundColor:e.palette.text.primary,color:e.palette.background.primary,borderRadius:"2px",padding:"8px 12px",[e.breakpoints.up("xs")]:{fontSize:"12px",lineHeight:"16px",fontWeight:"400"}})}};exports.flowSlider=t,exports.flowThumbHeight=20,exports.flowThumbWidth=40;
 //# sourceMappingURL=slider.theme.js.map