npm - @skodaflow/web-library - Versions diffs - 8.2.0 → 8.3.0 - Mend

@skodaflow/web-library 8.2.0 → 8.3.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 (121) hide show

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

@@ -1,2 +1,2 @@
-import{getFocusRingStyle as i}from"../../components/focusring/focusring.js";const t={defaultProps:{disableRipple:!0,disableFocusRipple:!0,disableTouchRipple:!0},styleOverrides:{root:({theme:t})=>({input:{maxWidth:"none"},borderRadius:"1000px","& .MuiSwitch-track":{borderRadius:"1000px"},".Mui-disabled":{".MuiSwitch-thumb":{backgroundColor:t.palette.disabled.tertiary}},position:"relative",overflow:"visible",...i(t,!1,0,":has(.Mui-focusVisible)")}),thumb:({theme:i})=>({boxShadow:"none",transition:"0.2s",color:i.palette.onSurface.os0,borderRadius:"1000px",flexShrink:"0",maxWidth:"none"}),track:({theme:i})=>({boxSizing:"border-box",opacity:"1",backgroundColor:i.palette.onSurface.os500}),switchBase:({theme:i})=>({transition:"0.2s","&.Mui-checked":{"& + .MuiSwitch-track":{opacity:"1",..."dark"===i.palette.mode&&{background:i.palette.brand.secondary}},..."dark"===i.palette.mode&&{"& .MuiSwitch-thumb":{background:i.palette.brand.tertiary}}},"&.Mui-disabled":{"& + .MuiSwitch-track":{backgroundColor:i.palette.disabled.primary,opacity:"1"}}}),sizeMedium:{width:"52px",height:"24px",borderRadius:"1000px",padding:"0","& .MuiSwitch-thumb":{width:"18px",height:"18px"},"& .MuiSwitch-switchBase":{width:"24px",padding:"3px","&.Mui-checked":{transform:"translateX(28px)"}},"&:active:not(.Mui-disabled)":{".MuiSwitch-thumb":{width:"28px",transform:"translateX(5px)"},"& .MuiSwitch-switchBase.Mui-checked .MuiSwitch-thumb":{transform:"translateX(-5px)"}}},sizeSmall:{width:"34px",height:"16px",borderRadius:"1000px",padding:"0","& .MuiSwitch-thumb":{width:"12px",height:"12px"},"& .MuiSwitch-switchBase":{width:"16px",padding:"2px","&.Mui-checked":{transform:"translateX(18px)"}},"&:active:not(.Mui-disabled)":{"& .MuiSwitch-thumb":{width:"18px",transform:"translateX(3px)"},"& .MuiSwitch-switchBase.Mui-checked .MuiSwitch-thumb":{transform:"translateX(-3px)"}}}}};export{t as flowSwitch};
+import{getFocusRingStyle as i}from"../../components/focusring/focusring.js";const t={defaultProps:{disableRipple:!0,disableFocusRipple:!0,disableTouchRipple:!0,slotProps:{input:i=>({role:"switch","aria-checked":i.checked})}},styleOverrides:{root:({theme:t})=>({input:{maxWidth:"none"},borderRadius:"1000px","& .MuiSwitch-track":{borderRadius:"1000px"},".Mui-disabled":{".MuiSwitch-thumb":{backgroundColor:t.palette.disabled.tertiary}},position:"relative",overflow:"visible",...i(t,!1,0,":has(.Mui-focusVisible)")}),thumb:({theme:i})=>({boxShadow:"none",transition:"0.2s",color:i.palette.onSurface.os0,borderRadius:"1000px",flexShrink:"0",maxWidth:"none"}),track:({theme:i})=>({boxSizing:"border-box",opacity:"1",backgroundColor:i.palette.onSurface.os500}),switchBase:({theme:i})=>({transition:"0.2s","&.Mui-checked":{"& + .MuiSwitch-track":{opacity:"1",..."dark"===i.palette.mode&&{background:i.palette.brand.secondary}},..."dark"===i.palette.mode&&{"& .MuiSwitch-thumb":{background:i.palette.brand.tertiary}}},"&.Mui-disabled":{"& + .MuiSwitch-track":{backgroundColor:i.palette.disabled.primary,opacity:"1"}}}),sizeMedium:{width:"52px",height:"24px",borderRadius:"1000px",padding:"0","& .MuiSwitch-thumb":{width:"18px",height:"18px"},"& .MuiSwitch-switchBase":{width:"24px",padding:"3px","&.Mui-checked":{transform:"translateX(28px)"}},"&:active .MuiSwitch-switchBase:not(.Mui-disabled)":{".MuiSwitch-thumb":{width:"28px",transform:"translateX(5px)"},"&.Mui-checked .MuiSwitch-thumb":{transform:"translateX(-5px)"}}},sizeSmall:{width:"34px",height:"16px",borderRadius:"1000px",padding:"0","& .MuiSwitch-thumb":{width:"12px",height:"12px"},"& .MuiSwitch-switchBase":{width:"16px",padding:"2px","&.Mui-checked":{transform:"translateX(18px)"}},"&:active .MuiSwitch-switchBase:not(.Mui-disabled)":{"& .MuiSwitch-thumb":{width:"18px",transform:"translateX(3px)"},"&.Mui-checked .MuiSwitch-thumb":{transform:"translateX(-3px)"}}}}};export{t as flowSwitch};
 //# sourceMappingURL=switch.theme.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"switch.theme.js","sources":["../../../src/materialui/switch/switch.theme.ts"],"sourcesContent":["import { Theme } from '@mui/material';\nimport { Components } from '@mui/material/styles';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\nexport const flowSwitch: Components<Theme>['MuiSwitch'] = {\n defaultProps: {\n disableRipple: true,\n disableFocusRipple: true,\n disableTouchRipple: true,\n },\n styleOverrides: {\n root: ({ theme }) => ({\n input: {\n maxWidth: 'none',\n },\n borderRadius: '1000px',\n '& .MuiSwitch-track': {\n borderRadius: '1000px',\n },\n '.Mui-disabled': {\n '.MuiSwitch-thumb': {\n backgroundColor: theme.palette.disabled.tertiary,\n },\n },\n position: 'relative',\n overflow: 'visible',\n ...getFocusRingStyle(theme, false, 0, ':has(.Mui-focusVisible)'),\n }),\n thumb: ({ theme }) => ({\n boxShadow: 'none',\n transition: '0.2s',\n color: theme.palette.onSurface.os0,\n borderRadius: '1000px',\n flexShrink: '0',\n maxWidth: 'none',\n }),\n track: ({ theme }) => ({\n boxSizing: 'border-box',\n opacity: '1',\n backgroundColor: theme.palette.onSurface.os500,\n }),\n switchBase: ({ theme }) => ({\n transition: '0.2s',\n '&.Mui-checked': {\n '& + .MuiSwitch-track': {\n opacity: '1',\n ...(theme.palette.mode === 'dark' && {\n background: theme.palette.brand.secondary,\n }),\n },\n ...(theme.palette.mode === 'dark' && {\n '& .MuiSwitch-thumb': {\n background: theme.palette.brand.tertiary,\n },\n }),\n },\n '&.Mui-disabled': {\n '& + .MuiSwitch-track': {\n backgroundColor: theme.palette.disabled.primary,\n opacity: '1',\n },\n },\n }),\n sizeMedium: {\n width: '52px',\n height: '24px',\n borderRadius: '1000px',\n padding: '0',\n '& .MuiSwitch-thumb': {\n width: '18px',\n height: '18px',\n },\n '& .MuiSwitch-switchBase': {\n width: '24px',\n padding: '3px',\n '&.Mui-checked': {\n transform: 'translateX(28px)',\n },\n },\n '&:active:not(.Mui-disabled)': {\n '.MuiSwitch-thumb': {\n width: '28px',\n transform: 'translateX(5px)',\n },\n '~~& .MuiSwitch-switchBase.~~Mui-checked .MuiSwitch-thumb': {\n transform: 'translateX(-5px)',\n },\n },\n },\n sizeSmall: {\n width: '34px',\n height: '16px',\n borderRadius: '1000px',\n padding: '0',\n '& .MuiSwitch-thumb': {\n width: '12px',\n height: '12px',\n },\n '& .MuiSwitch-switchBase': {\n width: '16px',\n padding: '2px',\n '&.Mui-checked': {\n transform: 'translateX(18px)',\n },\n },\n '&:active:not(.Mui-disabled)': {\n '& .MuiSwitch-thumb': {\n width: '18px',\n transform: 'translateX(3px)',\n },\n '~~& .MuiSwitch-switchBase.~~Mui-checked .MuiSwitch-thumb': {\n transform: 'translateX(-3px)',\n },\n },\n },\n },\n};\n"],"names":["flowSwitch","defaultProps","disableRipple","disableFocusRipple","disableTouchRipple","styleOverrides","root","theme","~~input","~~maxWidth","borderRadius","backgroundColor","palette","disabled","tertiary","position","overflow","getFocusRingStyle","thumb","boxShadow","transition","color","onSurface","os0","flexShrink","track","boxSizing","opacity","os500","switchBase","mode","background","brand","secondary","primary","sizeMedium","width","height","padding","transform","sizeSmall"],"mappings":"4EAIO,MAAMA,EAA6C,CACxDC,aAAc,CACZC,eAAe,EACfC,oBAAoB,EACpBC,oBAAoB,~~GAEtBC~~,eAAgB,CACdC,KAAM,EAAGC,YAAO,~~CACdC~~,MAAO,~~CACLC~~,SAAU,QAEZC,aAAc,SACd,qBAAsB,CACpBA,aAAc,UAEhB,gBAAiB,CACf,mBAAoB,CAClBC,~~gBAAiBJ~~,~~EAAMK~~,QAAQC,SAASC,WAG5CC,SAAU,WACVC,SAAU,aACPC,~~EAAkBV~~,GAAO,EAAO,EAAG,~~6BAExCW~~,MAAO,~~EAAGX~~,YAAO,~~CACfY~~,UAAW,OACXC,WAAY,OACZC,~~MAAOd~~,~~EAAMK~~,QAAQU,UAAUC,IAC/Bb,aAAc,SACdc,WAAY,IACZf,SAAU,SAEZgB,MAAO,~~EAAGlB~~,YAAO,~~CACfmB~~,UAAW,aACXC,QAAS,IACThB,~~gBAAiBJ~~,~~EAAMK~~,QAAQU,UAAUM,QAE3CC,WAAY,~~EAAGtB~~,YAAO,~~CACpBa~~,WAAY,OACZ,gBAAiB,CACf,uBAAwB,CACtBO,QAAS,OACkB,~~SAAvBpB~~,~~EAAMK~~,QAAQkB,MAAmB,CACnCC,~~WAAYxB~~,~~EAAMK~~,QAAQoB,MAAMC,eAGT,~~SAAvB1B~~,~~EAAMK~~,QAAQkB,MAAmB,CACnC,qBAAsB,CACpBC,~~WAAYxB~~,~~EAAMK~~,QAAQoB,MAAMlB,YAItC,iBAAkB,CAChB,uBAAwB,CACtBH,~~gBAAiBJ~~,~~EAAMK~~,QAAQC,SAASqB,QACxCP,QAAS,QAIfQ,WAAY,CACVC,MAAO,OACPC,OAAQ,OACR3B,aAAc,SACd4B,QAAS,IACT,qBAAsB,CACpBF,MAAO,OACPC,OAAQ,QAEV,0BAA2B,CACzBD,MAAO,OACPE,QAAS,MACT,gBAAiB,CACfC,UAAW,qBAGf,~~8BAA+B~~,~~CAC7B~~,mBAAoB,CAClBH,MAAO,OACPG,UAAW,mBAEb,~~uDAAwD~~,~~CACtDA~~,UAAW,sBAIjBC,UAAW,CACTJ,MAAO,OACPC,OAAQ,OACR3B,aAAc,SACd4B,QAAS,IACT,qBAAsB,CACpBF,MAAO,OACPC,OAAQ,QAEV,0BAA2B,CACzBD,MAAO,OACPE,QAAS,MACT,gBAAiB,CACfC,UAAW,qBAGf,~~8BAA+B~~,~~CAC7B~~,qBAAsB,CACpBH,MAAO,OACPG,UAAW,mBAEb,~~uDAAwD~~,~~CACtDA~~,UAAW"}
1	+ {"version":3,"file":"switch.theme.js","sources":["../../../src/materialui/switch/switch.theme.ts"],"sourcesContent":["import { Theme } from '@mui/material';\nimport { Components } from '@mui/material/styles';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\nexport const flowSwitch: Components<Theme>['MuiSwitch'] = {\n defaultProps: {\n disableRipple: true,\n disableFocusRipple: true,\n disableTouchRipple: true,\n slotProps: {\n input: (ownerState) => ({\n role: 'switch',\n // limitation, works only for controlled variant\n 'aria-checked': ownerState.checked,\n }),\n },\n },\n styleOverrides: {\n root: ({ theme }) => ({\n input: {\n maxWidth: 'none',\n },\n borderRadius: '1000px',\n '& .MuiSwitch-track': {\n borderRadius: '1000px',\n },\n '.Mui-disabled': {\n '.MuiSwitch-thumb': {\n backgroundColor: theme.palette.disabled.tertiary,\n },\n },\n position: 'relative',\n overflow: 'visible',\n ...getFocusRingStyle(theme, false, 0, ':has(.Mui-focusVisible)'),\n }),\n thumb: ({ theme }) => ({\n boxShadow: 'none',\n transition: '0.2s',\n color: theme.palette.onSurface.os0,\n borderRadius: '1000px',\n flexShrink: '0',\n maxWidth: 'none',\n }),\n track: ({ theme }) => ({\n boxSizing: 'border-box',\n opacity: '1',\n backgroundColor: theme.palette.onSurface.os500,\n }),\n switchBase: ({ theme }) => ({\n transition: '0.2s',\n '&.Mui-checked': {\n '& + .MuiSwitch-track': {\n opacity: '1',\n ...(theme.palette.mode === 'dark' && {\n background: theme.palette.brand.secondary,\n }),\n },\n ...(theme.palette.mode === 'dark' && {\n '& .MuiSwitch-thumb': {\n background: theme.palette.brand.tertiary,\n },\n }),\n },\n '&.Mui-disabled': {\n '& + .MuiSwitch-track': {\n backgroundColor: theme.palette.disabled.primary,\n opacity: '1',\n },\n },\n }),\n sizeMedium: {\n width: '52px',\n height: '24px',\n borderRadius: '1000px',\n padding: '0',\n '& .MuiSwitch-thumb': {\n width: '18px',\n height: '18px',\n },\n '& .MuiSwitch-switchBase': {\n width: '24px',\n padding: '3px',\n '&.Mui-checked': {\n transform: 'translateX(28px)',\n },\n },\n '&:active .MuiSwitch-switchBase:not(.Mui-disabled)': {\n '.MuiSwitch-thumb': {\n width: '28px',\n transform: 'translateX(5px)',\n },\n '&.Mui-checked .MuiSwitch-thumb': {\n transform: 'translateX(-5px)',\n },\n },\n },\n sizeSmall: {\n width: '34px',\n height: '16px',\n borderRadius: '1000px',\n padding: '0',\n '& .MuiSwitch-thumb': {\n width: '12px',\n height: '12px',\n },\n '& .MuiSwitch-switchBase': {\n width: '16px',\n padding: '2px',\n '&.Mui-checked': {\n transform: 'translateX(18px)',\n },\n },\n '&:active .MuiSwitch-switchBase:not(.Mui-disabled)': {\n '& .MuiSwitch-thumb': {\n width: '18px',\n transform: 'translateX(3px)',\n },\n '&.Mui-checked .MuiSwitch-thumb': {\n transform: 'translateX(-3px)',\n },\n },\n },\n },\n};\n"],"names":["flowSwitch","defaultProps","disableRipple","disableFocusRipple","disableTouchRipple","slotProps","input","ownerState","role","checked","styleOverrides","root","theme","maxWidth","borderRadius","backgroundColor","palette","disabled","tertiary","position","overflow","getFocusRingStyle","thumb","boxShadow","transition","color","onSurface","os0","flexShrink","track","boxSizing","opacity","os500","switchBase","mode","background","brand","secondary","primary","sizeMedium","width","height","padding","transform","sizeSmall"],"mappings":"4EAIO,MAAMA,EAA6C,CACxDC,aAAc,CACZC,eAAe,EACfC,oBAAoB,EACpBC,oBAAoB,EACpBC,UAAW,CACTC,MAAQC,IAAU,CAChBC,KAAM,SAEN,eAAgBD,EAAWE,YAIjCC,eAAgB,CACdC,KAAM,EAAGC,YAAO,CACdN,MAAO,CACLO,SAAU,QAEZC,aAAc,SACd,qBAAsB,CACpBA,aAAc,UAEhB,gBAAiB,CACf,mBAAoB,CAClBC,gBAAiBH,EAAMI,QAAQC,SAASC,WAG5CC,SAAU,WACVC,SAAU,aACPC,EAAkBT,GAAO,EAAO,EAAG,6BAExCU,MAAO,EAAGV,YAAO,CACfW,UAAW,OACXC,WAAY,OACZC,MAAOb,EAAMI,QAAQU,UAAUC,IAC/Bb,aAAc,SACdc,WAAY,IACZf,SAAU,SAEZgB,MAAO,EAAGjB,YAAO,CACfkB,UAAW,aACXC,QAAS,IACThB,gBAAiBH,EAAMI,QAAQU,UAAUM,QAE3CC,WAAY,EAAGrB,YAAO,CACpBY,WAAY,OACZ,gBAAiB,CACf,uBAAwB,CACtBO,QAAS,OACkB,SAAvBnB,EAAMI,QAAQkB,MAAmB,CACnCC,WAAYvB,EAAMI,QAAQoB,MAAMC,eAGT,SAAvBzB,EAAMI,QAAQkB,MAAmB,CACnC,qBAAsB,CACpBC,WAAYvB,EAAMI,QAAQoB,MAAMlB,YAItC,iBAAkB,CAChB,uBAAwB,CACtBH,gBAAiBH,EAAMI,QAAQC,SAASqB,QACxCP,QAAS,QAIfQ,WAAY,CACVC,MAAO,OACPC,OAAQ,OACR3B,aAAc,SACd4B,QAAS,IACT,qBAAsB,CACpBF,MAAO,OACPC,OAAQ,QAEV,0BAA2B,CACzBD,MAAO,OACPE,QAAS,MACT,gBAAiB,CACfC,UAAW,qBAGf,oDAAqD,CACnD,mBAAoB,CAClBH,MAAO,OACPG,UAAW,mBAEb,iCAAkC,CAChCA,UAAW,sBAIjBC,UAAW,CACTJ,MAAO,OACPC,OAAQ,OACR3B,aAAc,SACd4B,QAAS,IACT,qBAAsB,CACpBF,MAAO,OACPC,OAAQ,QAEV,0BAA2B,CACzBD,MAAO,OACPE,QAAS,MACT,gBAAiB,CACfC,UAAW,qBAGf,oDAAqD,CACnD,qBAAsB,CACpBH,MAAO,OACPG,UAAW,mBAEb,iCAAkC,CAChCA,UAAW"}

package/materialui/table/tablePagination.theme.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as t,Fragment as e,jsx as o}from"react/jsx-runtime";import{Box as n}from"@mui/material";import{ArrowLeftIcon as i}from"../../components/icon/stroke/ArrowLeftIcon.js";import{ArrowRightIcon as r}from"../../components/icon/stroke/ArrowRightIcon.js";import{ChevronPreviousIcon as s}from"../../components/icon/stroke/ChevronPreviousIcon.js";import{ChevronNextIcon as a}from"../../components/icon/stroke/ChevronNextIcon.js";import{getFocusRingStyle as p}from"../../components/focusring/focusring.js";const m={defaultProps:{showFirstButton:!1,showLastButton:!1,labelDisplayedRows:({from:i,to:r,count:s,page:a})=>t(e,{children:[o(n,{component:"strong",children:a+1}),o(n,{component:"span",className:"divider",children:" / "}),o(n,{component:"span",children:Math.round(s/(a>=1?(i-1)/a:r-i+1))||1})]}),slots:{actions:{previousButtonIcon:i,nextButtonIcon:r,firstButtonIcon:s,lastButtonIcon:a}},slotProps:{actions:{previousButton:{size:"medium",className:"MuiTablePagination-actions-previous"},nextButton:{size:"medium",className:"MuiTablePagination-actions-next"},firstButton:{size:"medium"},lastButton:{size:"medium"}}}},styleOverrides:{root:({theme:t})=>({border:`1px solid ${t.palette.surface.secondary}`,borderRadius:"8px","&td":{border:"none",borderRadius:"0"}}),toolbar:({theme:t})=>({position:"relative",justifyContent:"center",[t.breakpoints.up("md")]:{minHeight:"80px",padding:"4px 24px"},[t.breakpoints.down("md")]:{flexWrap:"wrap",minHeight:"0",padding:"8px 16px"}}),spacer:({theme:t})=>({flexGrow:"1",flexBasis:"auto",...t.typography.body,[t.breakpoints.down("sm")]:{flexBasis:"100%",textAlign:"center"}}),selectLabel:{margin:"0"},input:({theme:t})=>({margin:"0",padding:"0",borderRadius:"4px",...t.typography.body,...p(t,!1,"0px","&.Mui-focused"),[t.breakpoints.up("xs")]:{fontWeight:"700"},"&& .MuiSelect-select":{padding:"4px 26px 4px 4px"}}),displayedRows:({theme:t,ownerState:e})=>({position:"absolute",right:24+(e.showLastButton?88:44)+"px",width:"90px",textAlign:"center",whiteSpace:"nowrap",height:"44px",display:"flex",alignItems:"center",justifyContent:"center",margin:"0",color:"dark"===t.palette.mode?t.palette.onSurface.os300:t.palette.onSurface.os700,strong:{color:t.palette.text.primary},".divider":{fontWeight:"400",margin:"0 4px"},[t.breakpoints.down("md")]:{bottom:"8px",right:"0",left:"0",margin:"0 auto"}}),actions:({theme:t})=>({margin:"0",display:"flex",alignItems:"center",justifyContent:"flex-end",flexGrow:"1","& .MuiTablePagination-actions-next":{marginLeft:"90px"},[t.breakpoints.down("md")]:{flexBasis:"100%",justifyContent:"center"}})}};export{m as flowTablePagination};
+import{jsxs as t,Fragment as e,jsx as o}from"react/jsx-runtime";import{Box as n}from"@mui/material";import{ArrowLeftIcon as i}from"../../components/icon/stroke/ArrowLeftIcon.js";import{ArrowRightIcon as r}from"../../components/icon/stroke/ArrowRightIcon.js";import{ChevronPreviousIcon as s}from"../../components/icon/stroke/ChevronPreviousIcon.js";import{ChevronNextIcon as a}from"../../components/icon/stroke/ChevronNextIcon.js";import{getFocusRingStyle as p}from"../../components/focusring/focusring.js";const m={defaultProps:{showFirstButton:!1,showLastButton:!1,labelDisplayedRows:({from:i,to:r,count:s,page:a})=>t(e,{children:[o(n,{component:"strong",children:a+1}),o(n,{component:"span",className:"divider",children:" / "}),o(n,{component:"span",children:Math.ceil(s/(a>=1?(i-1)/a:r-i+1))||1})]}),slots:{actions:{previousButtonIcon:i,nextButtonIcon:r,firstButtonIcon:s,lastButtonIcon:a}},slotProps:{actions:{previousButton:{size:"medium",className:"MuiTablePagination-actions-previous"},nextButton:{size:"medium",className:"MuiTablePagination-actions-next"},firstButton:{size:"medium"},lastButton:{size:"medium"}}}},styleOverrides:{root:({theme:t})=>({border:`1px solid ${t.palette.surface.secondary}`,borderRadius:"8px","&td":{border:"none",borderRadius:"0"}}),toolbar:({theme:t})=>({position:"relative",justifyContent:"center",[t.breakpoints.up("md")]:{minHeight:"80px",padding:"4px 24px"},[t.breakpoints.down("md")]:{flexWrap:"wrap",minHeight:"0",padding:"8px 16px"}}),spacer:({theme:t})=>({flexGrow:"1",flexBasis:"auto",...t.typography.body,[t.breakpoints.down("sm")]:{flexBasis:"100%",textAlign:"center"}}),selectLabel:{margin:"0"},input:({theme:t})=>({margin:"0",padding:"0",borderRadius:"4px",...t.typography.body,...p(t,!1,"0px","&.Mui-focused"),[t.breakpoints.up("xs")]:{fontWeight:"700"},"&& .MuiSelect-select":{padding:"4px 26px 4px 4px"}}),displayedRows:({theme:t,ownerState:e})=>({position:"absolute",right:24+(e.showLastButton?88:44)+"px",width:"90px",textAlign:"center",whiteSpace:"nowrap",height:"44px",display:"flex",alignItems:"center",justifyContent:"center",margin:"0",color:"dark"===t.palette.mode?t.palette.onSurface.os300:t.palette.onSurface.os700,strong:{color:t.palette.text.primary},".divider":{fontWeight:"400",margin:"0 4px"},[t.breakpoints.down("md")]:{bottom:"8px",right:"0",left:"0",margin:"0 auto"}}),actions:({theme:t})=>({margin:"0",display:"flex",alignItems:"center",justifyContent:"flex-end",flexGrow:"1","& .MuiTablePagination-actions-next":{marginLeft:"90px"},[t.breakpoints.down("md")]:{flexBasis:"100%",justifyContent:"center"}})}};export{m as flowTablePagination};
 //# sourceMappingURL=tablePagination.theme.js.map

package/materialui/table/tablePagination.theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tablePagination.theme.js","sources":["../../../src/materialui/table/tablePagination.theme.tsx"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme, Box } from '@mui/material';\nimport { ArrowLeftIcon } from '@/src/components/icon/stroke/ArrowLeftIcon';\nimport { ArrowRightIcon } from '@/src/components/icon/stroke/ArrowRightIcon';\nimport { ChevronPreviousIcon } from '@/src/components/icon/stroke/ChevronPreviousIcon';\nimport { ChevronNextIcon } from '@/src/components/icon/stroke/ChevronNextIcon';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\nexport const flowTablePagination: Components<Theme>['MuiTablePagination'] = {\n defaultProps: {\n // not recommended properties, <Pagination /> component should be utilized instead\n showFirstButton: false,\n showLastButton: false,\n // adjust label\n // we are obtaining max page from the available params\n // - first page, calculated from 'from' and 'to'\n // - other pages, calculated from 'from' - 1 and diving by current page\n labelDisplayedRows: ({ from, to, count, page }) => (\n <>\n <Box component=\"strong\">{page + 1}</Box>\n <Box component=\"span\" className=\"divider\">{` / `}</Box>\n <Box component=\"span\">{Math.~~round~~(count / (page >= 1 ? (from - 1) / page : to - from + 1)) \|\| 1}</Box>\n </>\n ),\n // correct icons\n slots: {\n actions: {\n // navigation arrows\n previousButtonIcon: ArrowLeftIcon,\n nextButtonIcon: ArrowRightIcon,\n // first & last extra arrow (hidden by default)\n firstButtonIcon: ChevronPreviousIcon,\n lastButtonIcon: ChevronNextIcon,\n },\n },\n slotProps: {\n actions: {\n previousButton: {\n size: 'medium',\n className: 'MuiTablePagination-actions-previous',\n },\n nextButton: {\n size: 'medium',\n className: 'MuiTablePagination-actions-next',\n },\n firstButton: {\n size: 'medium',\n },\n lastButton: {\n size: 'medium',\n },\n },\n },\n },\n styleOverrides: {\n root: ({ theme }) => ({\n // we are outside table\n border: `1px solid ${theme.palette.surface.secondary}`,\n borderRadius: '8px',\n // part of <TableFooter /> and <TableRow />\n '&td': {\n border: 'none',\n borderRadius: '0',\n },\n }),\n // wrapper under root\n toolbar: ({ theme }) => ({\n position: 'relative',\n justifyContent: 'center',\n // mimic style from tableCell.theme\n [theme.breakpoints.up('md')]: {\n minHeight: '80px',\n // right padding also affect position of displayedRows\n padding: '4px 24px',\n },\n // responsive\n [theme.breakpoints.down('md')]: {\n // support multiple rows\n flexWrap: 'wrap',\n // adjust proportions\n minHeight: '0',\n padding: '8px 16px',\n },\n }),\n // first element on left side\n spacer: ({ theme }) => ({\n // make sure to keep most of the space on the left\n flexGrow: '1',\n flexBasis: 'auto',\n // in case text is provided\n ...theme.typography.body,\n // tiny responsive\n [theme.breakpoints.down('sm')]: {\n // take whole row\n flexBasis: '100%',\n textAlign: 'center',\n },\n }),\n // 'row per page:' text\n selectLabel: {\n margin: '0',\n },\n // input field for amount of rows\n input: ({ theme }) => ({\n margin: '0',\n padding: '0',\n borderRadius: '4px',\n ...theme.typography.body,\n ...getFocusRingStyle(theme, false, '0px', '&.Mui-focused'),\n [theme.breakpoints.up('xs')]: {\n fontWeight: '700',\n },\n '&& .MuiSelect-select': {\n padding: '4px 26px 4px 4px',\n },\n }),\n // label of current page, 1/10\n displayedRows: ({ theme, ownerState }) => ({\n // move into actions\n position: 'absolute',\n // IconButton size + padding\n right: `${(ownerState.showLastButton ? 44 * 2 : 44) + 24}px`,\n // this requires fixed size, also prevents jumping\n width: '90px',\n textAlign: 'center',\n whiteSpace: 'nowrap',\n // match size of IconButtons\n height: '44px',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n // proportions and style\n margin: '0',\n color: theme.palette.mode === 'dark' ? theme.palette.onSurface.os300 : theme.palette.onSurface.os700,\n strong: {\n color: theme.palette.text.primary,\n },\n '.divider': {\n fontWeight: '400',\n margin: '0 4px',\n },\n // responsive\n [theme.breakpoints.down('md')]: {\n // move to 2nd row (matches new padding from toolbar)\n bottom: '8px',\n // move to center\n right: '0',\n left: '0',\n margin: '0 auto',\n },\n }),\n // navigation arrows, < >\n actions: ({ theme }) => ({\n margin: '0',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-end',\n // make sure to keep most of the space on the right\n flexGrow: '1',\n '& .MuiTablePagination-actions-next': {\n // extra space for displayedRows\n marginLeft: '90px',\n },\n // responsive\n [theme.breakpoints.down('md')]: {\n // move to new row\n flexBasis: '100%',\n // center content\n justifyContent: 'center',\n },\n }),\n },\n};\n"],"names":["flowTablePagination","defaultProps","showFirstButton","showLastButton","labelDisplayedRows","from","to","count","page","_jsxs","_Fragment","children","_jsx","Box","component","className","Math","~~round~~","slots","actions","previousButtonIcon","ArrowLeftIcon","nextButtonIcon","ArrowRightIcon","firstButtonIcon","ChevronPreviousIcon","lastButtonIcon","ChevronNextIcon","slotProps","previousButton","size","nextButton","firstButton","lastButton","styleOverrides","root","theme","border","palette","surface","secondary","borderRadius","toolbar","position","justifyContent","breakpoints","up","minHeight","padding","down","flexWrap","spacer","flexGrow","flexBasis","typography","body","textAlign","selectLabel","margin","input","getFocusRingStyle","fontWeight","displayedRows","ownerState","right","width","whiteSpace","height","display","alignItems","color","mode","onSurface","os300","os700","strong","text","primary","bottom","left","marginLeft"],"mappings":"0fAQO,MAAMA,EAA+D,CAC1EC,aAAc,CAEZC,iBAAiB,EACjBC,gBAAgB,EAKhBC,mBAAoB,EAAGC,OAAMC,KAAIC,QAAOC,UACtCC,EAAAC,EAAA,CAAAC,SAAA,CACEC,EAACC,EAAG,CAACC,UAAU,SAAQH,SAAEH,EAAO,IAChCI,EAACC,EAAG,CAACC,UAAU,OAAOC,UAAU,mBAAW,QAC3CH,EAACC,EAAG,CAACC,UAAU,OAAMH,SAAEK,KAAKC,~~MAAMV~~,GAASC,GAAQ,GAAKH,EAAO,GAAKG,EAAOF,EAAKD,EAAO,KAAO,~~OAIlGa~~,MAAO,CACLC,QAAS,CAEPC,mBAAoBC,EACpBC,eAAgBC,EAEhBC,gBAAiBC,EACjBC,eAAgBC,IAGpBC,UAAW,CACTT,QAAS,CACPU,eAAgB,CACdC,KAAM,SACNf,UAAW,uCAEbgB,WAAY,CACVD,KAAM,SACNf,UAAW,mCAEbiB,YAAa,CACXF,KAAM,UAERG,WAAY,CACVH,KAAM,aAKdI,eAAgB,CACdC,KAAM,EAAGC,YAAO,CAEdC,OAAQ,aAAaD,EAAME,QAAQC,QAAQC,YAC3CC,aAAc,MAEd,MAAO,CACLJ,OAAQ,OACRI,aAAc,OAIlBC,QAAS,EAAGN,YAAO,CACjBO,SAAU,WACVC,eAAgB,SAEhB,CAACR,EAAMS,YAAYC,GAAG,OAAQ,CAC5BC,UAAW,OAEXC,QAAS,YAGX,CAACZ,EAAMS,YAAYI,KAAK,OAAQ,CAE9BC,SAAU,OAEVH,UAAW,IACXC,QAAS,cAIbG,OAAQ,EAAGf,YAAO,CAEhBgB,SAAU,IACVC,UAAW,UAERjB,EAAMkB,WAAWC,KAEpB,CAACnB,EAAMS,YAAYI,KAAK,OAAQ,CAE9BI,UAAW,OACXG,UAAW,YAIfC,YAAa,CACXC,OAAQ,KAGVC,MAAO,EAAGvB,YAAO,CACfsB,OAAQ,IACRV,QAAS,IACTP,aAAc,SACXL,EAAMkB,WAAWC,QACjBK,EAAkBxB,GAAO,EAAO,MAAO,iBAC1C,CAACA,EAAMS,YAAYC,GAAG,OAAQ,CAC5Be,WAAY,OAEd,uBAAwB,CACtBb,QAAS,sBAIbc,cAAe,EAAG1B,QAAO2B,iBAAY,CAEnCpB,SAAU,WAEVqB,MAAsD,IAA3CD,EAAW5D,eAAiB,GAAS,IAAzC,KAEP8D,MAAO,OACPT,UAAW,SACXU,WAAY,SAEZC,OAAQ,OACRC,QAAS,OACTC,WAAY,SACZzB,eAAgB,SAEhBc,OAAQ,IACRY,MAA8B,SAAvBlC,EAAME,QAAQiC,KAAkBnC,EAAME,QAAQkC,UAAUC,MAAQrC,EAAME,QAAQkC,UAAUE,MAC/FC,OAAQ,CACNL,MAAOlC,EAAME,QAAQsC,KAAKC,SAE5B,WAAY,CACVhB,WAAY,MACZH,OAAQ,SAGV,CAACtB,EAAMS,YAAYI,KAAK,OAAQ,CAE9B6B,OAAQ,MAERd,MAAO,IACPe,KAAM,IACNrB,OAAQ,YAIZvC,QAAS,EAAGiB,YAAO,CACjBsB,OAAQ,IACRU,QAAS,OACTC,WAAY,SACZzB,eAAgB,WAEhBQ,SAAU,IACV,qCAAsC,CAEpC4B,WAAY,QAGd,CAAC5C,EAAMS,YAAYI,KAAK,OAAQ,CAE9BI,UAAW,OAEXT,eAAgB"}
1	+ {"version":3,"file":"tablePagination.theme.js","sources":["../../../src/materialui/table/tablePagination.theme.tsx"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme, Box } from '@mui/material';\nimport { ArrowLeftIcon } from '@/src/components/icon/stroke/ArrowLeftIcon';\nimport { ArrowRightIcon } from '@/src/components/icon/stroke/ArrowRightIcon';\nimport { ChevronPreviousIcon } from '@/src/components/icon/stroke/ChevronPreviousIcon';\nimport { ChevronNextIcon } from '@/src/components/icon/stroke/ChevronNextIcon';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\nexport const flowTablePagination: Components<Theme>['MuiTablePagination'] = {\n defaultProps: {\n // not recommended properties, <Pagination /> component should be utilized instead\n showFirstButton: false,\n showLastButton: false,\n // adjust label\n // we are obtaining max page from the available params\n // - first page, calculated from 'from' and 'to'\n // - other pages, calculated from 'from' - 1 and diving by current page\n labelDisplayedRows: ({ from, to, count, page }) => (\n <>\n <Box component=\"strong\">{page + 1}</Box>\n <Box component=\"span\" className=\"divider\">{` / `}</Box>\n <Box component=\"span\">{Math.ceil(count / (page >= 1 ? (from - 1) / page : to - from + 1)) \|\| 1}</Box>\n </>\n ),\n // correct icons\n slots: {\n actions: {\n // navigation arrows\n previousButtonIcon: ArrowLeftIcon,\n nextButtonIcon: ArrowRightIcon,\n // first & last extra arrow (hidden by default)\n firstButtonIcon: ChevronPreviousIcon,\n lastButtonIcon: ChevronNextIcon,\n },\n },\n slotProps: {\n actions: {\n previousButton: {\n size: 'medium',\n className: 'MuiTablePagination-actions-previous',\n },\n nextButton: {\n size: 'medium',\n className: 'MuiTablePagination-actions-next',\n },\n firstButton: {\n size: 'medium',\n },\n lastButton: {\n size: 'medium',\n },\n },\n },\n },\n styleOverrides: {\n root: ({ theme }) => ({\n // we are outside table\n border: `1px solid ${theme.palette.surface.secondary}`,\n borderRadius: '8px',\n // part of <TableFooter /> and <TableRow />\n '&td': {\n border: 'none',\n borderRadius: '0',\n },\n }),\n // wrapper under root\n toolbar: ({ theme }) => ({\n position: 'relative',\n justifyContent: 'center',\n // mimic style from tableCell.theme\n [theme.breakpoints.up('md')]: {\n minHeight: '80px',\n // right padding also affect position of displayedRows\n padding: '4px 24px',\n },\n // responsive\n [theme.breakpoints.down('md')]: {\n // support multiple rows\n flexWrap: 'wrap',\n // adjust proportions\n minHeight: '0',\n padding: '8px 16px',\n },\n }),\n // first element on left side\n spacer: ({ theme }) => ({\n // make sure to keep most of the space on the left\n flexGrow: '1',\n flexBasis: 'auto',\n // in case text is provided\n ...theme.typography.body,\n // tiny responsive\n [theme.breakpoints.down('sm')]: {\n // take whole row\n flexBasis: '100%',\n textAlign: 'center',\n },\n }),\n // 'row per page:' text\n selectLabel: {\n margin: '0',\n },\n // input field for amount of rows\n input: ({ theme }) => ({\n margin: '0',\n padding: '0',\n borderRadius: '4px',\n ...theme.typography.body,\n ...getFocusRingStyle(theme, false, '0px', '&.Mui-focused'),\n [theme.breakpoints.up('xs')]: {\n fontWeight: '700',\n },\n '&& .MuiSelect-select': {\n padding: '4px 26px 4px 4px',\n },\n }),\n // label of current page, 1/10\n displayedRows: ({ theme, ownerState }) => ({\n // move into actions\n position: 'absolute',\n // IconButton size + padding\n right: `${(ownerState.showLastButton ? 44 * 2 : 44) + 24}px`,\n // this requires fixed size, also prevents jumping\n width: '90px',\n textAlign: 'center',\n whiteSpace: 'nowrap',\n // match size of IconButtons\n height: '44px',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n // proportions and style\n margin: '0',\n color: theme.palette.mode === 'dark' ? theme.palette.onSurface.os300 : theme.palette.onSurface.os700,\n strong: {\n color: theme.palette.text.primary,\n },\n '.divider': {\n fontWeight: '400',\n margin: '0 4px',\n },\n // responsive\n [theme.breakpoints.down('md')]: {\n // move to 2nd row (matches new padding from toolbar)\n bottom: '8px',\n // move to center\n right: '0',\n left: '0',\n margin: '0 auto',\n },\n }),\n // navigation arrows, < >\n actions: ({ theme }) => ({\n margin: '0',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-end',\n // make sure to keep most of the space on the right\n flexGrow: '1',\n '& .MuiTablePagination-actions-next': {\n // extra space for displayedRows\n marginLeft: '90px',\n },\n // responsive\n [theme.breakpoints.down('md')]: {\n // move to new row\n flexBasis: '100%',\n // center content\n justifyContent: 'center',\n },\n }),\n },\n};\n"],"names":["flowTablePagination","defaultProps","showFirstButton","showLastButton","labelDisplayedRows","from","to","count","page","_jsxs","_Fragment","children","_jsx","Box","component","className","Math","ceil","slots","actions","previousButtonIcon","ArrowLeftIcon","nextButtonIcon","ArrowRightIcon","firstButtonIcon","ChevronPreviousIcon","lastButtonIcon","ChevronNextIcon","slotProps","previousButton","size","nextButton","firstButton","lastButton","styleOverrides","root","theme","border","palette","surface","secondary","borderRadius","toolbar","position","justifyContent","breakpoints","up","minHeight","padding","down","flexWrap","spacer","flexGrow","flexBasis","typography","body","textAlign","selectLabel","margin","input","getFocusRingStyle","fontWeight","displayedRows","ownerState","right","width","whiteSpace","height","display","alignItems","color","mode","onSurface","os300","os700","strong","text","primary","bottom","left","marginLeft"],"mappings":"0fAQO,MAAMA,EAA+D,CAC1EC,aAAc,CAEZC,iBAAiB,EACjBC,gBAAgB,EAKhBC,mBAAoB,EAAGC,OAAMC,KAAIC,QAAOC,UACtCC,EAAAC,EAAA,CAAAC,SAAA,CACEC,EAACC,EAAG,CAACC,UAAU,SAAQH,SAAEH,EAAO,IAChCI,EAACC,EAAG,CAACC,UAAU,OAAOC,UAAU,mBAAW,QAC3CH,EAACC,EAAG,CAACC,UAAU,OAAMH,SAAEK,KAAKC,KAAKV,GAASC,GAAQ,GAAKH,EAAO,GAAKG,EAAOF,EAAKD,EAAO,KAAO,OAIjGa,MAAO,CACLC,QAAS,CAEPC,mBAAoBC,EACpBC,eAAgBC,EAEhBC,gBAAiBC,EACjBC,eAAgBC,IAGpBC,UAAW,CACTT,QAAS,CACPU,eAAgB,CACdC,KAAM,SACNf,UAAW,uCAEbgB,WAAY,CACVD,KAAM,SACNf,UAAW,mCAEbiB,YAAa,CACXF,KAAM,UAERG,WAAY,CACVH,KAAM,aAKdI,eAAgB,CACdC,KAAM,EAAGC,YAAO,CAEdC,OAAQ,aAAaD,EAAME,QAAQC,QAAQC,YAC3CC,aAAc,MAEd,MAAO,CACLJ,OAAQ,OACRI,aAAc,OAIlBC,QAAS,EAAGN,YAAO,CACjBO,SAAU,WACVC,eAAgB,SAEhB,CAACR,EAAMS,YAAYC,GAAG,OAAQ,CAC5BC,UAAW,OAEXC,QAAS,YAGX,CAACZ,EAAMS,YAAYI,KAAK,OAAQ,CAE9BC,SAAU,OAEVH,UAAW,IACXC,QAAS,cAIbG,OAAQ,EAAGf,YAAO,CAEhBgB,SAAU,IACVC,UAAW,UAERjB,EAAMkB,WAAWC,KAEpB,CAACnB,EAAMS,YAAYI,KAAK,OAAQ,CAE9BI,UAAW,OACXG,UAAW,YAIfC,YAAa,CACXC,OAAQ,KAGVC,MAAO,EAAGvB,YAAO,CACfsB,OAAQ,IACRV,QAAS,IACTP,aAAc,SACXL,EAAMkB,WAAWC,QACjBK,EAAkBxB,GAAO,EAAO,MAAO,iBAC1C,CAACA,EAAMS,YAAYC,GAAG,OAAQ,CAC5Be,WAAY,OAEd,uBAAwB,CACtBb,QAAS,sBAIbc,cAAe,EAAG1B,QAAO2B,iBAAY,CAEnCpB,SAAU,WAEVqB,MAAsD,IAA3CD,EAAW5D,eAAiB,GAAS,IAAzC,KAEP8D,MAAO,OACPT,UAAW,SACXU,WAAY,SAEZC,OAAQ,OACRC,QAAS,OACTC,WAAY,SACZzB,eAAgB,SAEhBc,OAAQ,IACRY,MAA8B,SAAvBlC,EAAME,QAAQiC,KAAkBnC,EAAME,QAAQkC,UAAUC,MAAQrC,EAAME,QAAQkC,UAAUE,MAC/FC,OAAQ,CACNL,MAAOlC,EAAME,QAAQsC,KAAKC,SAE5B,WAAY,CACVhB,WAAY,MACZH,OAAQ,SAGV,CAACtB,EAAMS,YAAYI,KAAK,OAAQ,CAE9B6B,OAAQ,MAERd,MAAO,IACPe,KAAM,IACNrB,OAAQ,YAIZvC,QAAS,EAAGiB,YAAO,CACjBsB,OAAQ,IACRU,QAAS,OACTC,WAAY,SACZzB,eAAgB,WAEhBQ,SAAU,IACV,qCAAsC,CAEpC4B,WAAY,QAGd,CAAC5C,EAAMS,YAAYI,KAAK,OAAQ,CAE9BI,UAAW,OAEXT,eAAgB"}

package/materialui/textfield/inputLabel.theme.js CHANGED Viewed

@@ -1,2 +1,2 @@
-const t={defaultProps:{},styleOverrides:{root:({theme:t,ownerState:a})=>({pointerEvents:"none",transition:"inherit",color:"inherit",[t.breakpoints.up("xs")]:{fontSize:"16px",lineHeight:"24px",fontWeight:"400"},..."static"===a["data-variant"]&&{...t.typography.caption1,position:"static","&, &&.MuiInputLabel-shrink":{transform:"none"},userSelect:"text",cursor:"auto",pointerEvents:"auto",transition:"none",padding:"0 8px 4px","&:not(.Mui-disabled):not(.Mui-error)":{color:t.palette.text.primary}}}),filled:{transform:"translate(12px, 18px) scale(1)","&.MuiInputLabel-shrink":{transform:"translate(12px, 7px) scale(0.75)"},"&.MuiInputLabel-sizeSmall":{transform:"translate(12px, 13px) scale(1)","&.MuiInputLabel-shrink":{transform:"translate(12px, 7px) scale(0.75)"}},"&:has(+ .MuiInputBase-adornedStart .MuiInputAdornment-positionStart)":{transform:"translate(44px, 18px) scale(1)","&.MuiInputLabel-sizeSmall":{transform:"translate(44px, 13px) scale(1);"},"&.MuiInputLabel-shrink":{transform:"translate(44px, 7px) scale(0.75)"}}},outlined:{"&:has(+ .MuiInputBase-adornedStart .MuiInputAdornment-positionStart)":{transform:"translate(44px, 16px) scale(1);","&.MuiInputLabel-sizeSmall":{transform:"translate(44px, 9px) scale(1);"},"&.MuiInputLabel-shrink":{transform:"translate(14px, -9px) scale(0.75);"}}},standard:{"&:has(+ .MuiInputBase-adornedStart)":{transform:"translate(32px, 20px) scale(1);","&.MuiInputLabel-sizeSmall":{transform:"translate(32px, 18px) scale(1);"},"&.MuiInputLabel-shrink":{transform:"translate(0, -1.5px) scale(0.75)"}}}}};export{t as flowInputLabel};
+const t={defaultProps:{},styleOverrides:{root:({theme:t,ownerState:a})=>({pointerEvents:"none",transition:"inherit",color:"inherit",[t.breakpoints.up("xs")]:{fontSize:"16px",lineHeight:"24px",fontWeight:"400"},..."static"===a["data-variant"]&&{...t.typography.caption1,position:"static","&, &&.MuiInputLabel-shrink":{transform:"none"},userSelect:"text",cursor:"auto",pointerEvents:"auto",transition:"none",padding:"0 8px 4px","&:not(.Mui-disabled):not(.Mui-error)":{color:t.palette.text.primary}}}),filled:t=>({transform:"translate(12px, 18px) scale(1)","&.MuiInputLabel-shrink":{transform:"translate(12px, 7px) scale(0.75)"},"&.MuiInputLabel-sizeSmall":{transform:"translate(12px, 13px) scale(1)","&.MuiInputLabel-shrink":{transform:"translate(12px, 7px) scale(0.75)"}},..."static"!==t["data-variant"]&&{"&:has(+ .MuiInputBase-adornedStart .MuiInputAdornment-positionStart)":{transform:"translate(44px, 18px) scale(1)","&.MuiInputLabel-sizeSmall":{transform:"translate(44px, 13px) scale(1);"},"&.MuiInputLabel-shrink":{transform:"translate(44px, 7px) scale(0.75)"}}}}),outlined:t=>({..."static"===t["data-variant"]?{"& + .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline legend":{width:"0"}}:{"&:has(+ .MuiInputBase-adornedStart .MuiInputAdornment-positionStart)":{transform:"translate(44px, 16px) scale(1);","&.MuiInputLabel-sizeSmall":{transform:"translate(44px, 9px) scale(1);"},"&.MuiInputLabel-shrink":{transform:"translate(14px, -9px) scale(0.75);"}}}}),standard:({ownerState:t})=>({..."static"===t["data-variant"]?{padding:"0","& + .MuiInputBase-root":{marginTop:"0"}}:{"&:has(+ .MuiInputBase-adornedStart)":{transform:"translate(32px, 20px) scale(1);","&.MuiInputLabel-sizeSmall":{transform:"translate(32px, 18px) scale(1);"},"&.MuiInputLabel-shrink":{transform:"translate(0, -1.5px) scale(0.75)"}}}})}};export{t as flowInputLabel};
 //# sourceMappingURL=inputLabel.theme.js.map

package/materialui/textfield/inputLabel.theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"inputLabel.theme.js","sources":["../../../src/materialui/textfield/inputLabel.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowInputLabel: Components<Theme>['MuiInputLabel'] = {\n defaultProps: {},\n styleOverrides: {\n root: ({ theme, ownerState }) => ({\n // remove pointer events to prevent blur and focus formControl\n pointerEvents: 'none',\n transition: 'inherit',\n color: 'inherit',\n [theme.breakpoints.up('xs')]: {\n fontSize: '16px',\n lineHeight: '24px',\n fontWeight: '400',\n },\n ...(ownerState['data-variant'] === 'static' && {\n ...theme.typography.caption1,\n position: 'static',\n '&, &&.MuiInputLabel-shrink': {\n transform: 'none',\n },\n userSelect: 'text',\n cursor: 'auto',\n pointerEvents: 'auto',\n transition: 'none',\n padding: '0 8px 4px',\n // overwrite higher priority style from formLabel\n '&:not(.Mui-disabled):not(.Mui-error)': {\n color: theme.palette.text.primary,\n },\n }),\n }),\n filled: {\n transform: 'translate(12px, 18px) scale(1)',\n '&.MuiInputLabel-shrink': {\n transform: 'translate(12px, 7px) scale(0.75)',\n },\n '&.MuiInputLabel-sizeSmall': {\n transform: 'translate(12px, 13px) scale(1)',\n '&.MuiInputLabel-shrink': {\n transform: 'translate(12px, 7px) scale(0.75)',\n },\n },\n '&:has(+ .MuiInputBase-adornedStart .MuiInputAdornment-positionStart)': {\n transform: 'translate(44px, 18px) scale(1)',\n '&.MuiInputLabel-sizeSmall': {\n transform: 'translate(44px, 13px) scale(1);',\n },\n '&.MuiInputLabel-shrink': {\n transform: 'translate(44px, 7px) scale(0.75)',\n },\n },\n },\n outlined: {\n '&:has(+ .MuiInputBase-adornedStart .MuiInputAdornment-positionStart)': {\n transform: 'translate(44px, 16px) scale(1);',\n '&.MuiInputLabel-sizeSmall': {\n transform: 'translate(44px, 9px) scale(1);',\n },\n '&.MuiInputLabel-shrink': {\n transform: 'translate(14px, -9px) scale(0.75);',\n },\n },\n },\n standard: {\n '&:has(+ .MuiInputBase-adornedStart)': {\n transform: 'translate(32px, 20px) scale(1);',\n '&.MuiInputLabel-sizeSmall': {\n transform: 'translate(32px, 18px) scale(1);',\n },\n '&.MuiInputLabel-shrink': {\n transform: 'translate(0, -1.5px) scale(0.75)',\n },\n },\n },\n },\n};\n"],"names":["flowInputLabel","defaultProps","styleOverrides","root","theme","ownerState","pointerEvents","transition","color","breakpoints","up","fontSize","lineHeight","fontWeight","typography","caption1","position","transform","userSelect","cursor","padding","palette","text","primary","filled","outlined","standard"],"mappings":"AAEO,MAAMA,EAAqD,CAChEC,aAAc,CAAA,EACdC,eAAgB,CACdC,KAAM,EAAGC,QAAOC,iBAAY,CAE1BC,cAAe,OACfC,WAAY,UACZC,MAAO,UACP,CAACJ,EAAMK,YAAYC,GAAG,OAAQ,CAC5BC,SAAU,OACVC,WAAY,OACZC,WAAY,UAEqB,WAA/BR,EAAW,iBAAgC,IAC1CD,EAAMU,WAAWC,SACpBC,SAAU,SACV,6BAA8B,CAC5BC,UAAW,QAEbC,WAAY,OACZC,OAAQ,OACRb,cAAe,OACfC,WAAY,OACZa,QAAS,YAET,uCAAwC,CACtCZ,MAAOJ,EAAMiB,QAAQC,KAAKC,YAIhCC,~~OAAQ~~,~~CACNP~~,UAAW,iCACX,yBAA0B,CACxBA,UAAW,oCAEb,4BAA6B,CAC3BA,UAAW,iCACX,yBAA0B,CACxBA,UAAW,~~qCAGf~~,uEAAwE,~~CACtEA~~,UAAW,iCACX,4BAA6B,CAC3BA,UAAW,mCAEb,yBAA0B,CACxBA,UAAW,~~sCAIjBQ~~,~~SAAU~~,~~CACR~~,uEAAwE,~~CACtER~~,UAAW,kCACX,4BAA6B,CAC3BA,UAAW,kCAEb,yBAA0B,CACxBA,UAAW,~~wCAIjBS~~,SAAU,~~CACR~~,sCAAuC,~~CACrCT~~,UAAW,kCACX,4BAA6B,CAC3BA,UAAW,mCAEb,yBAA0B,CACxBA,UAAW"}
1	+ {"version":3,"file":"inputLabel.theme.js","sources":["../../../src/materialui/textfield/inputLabel.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowInputLabel: Components<Theme>['MuiInputLabel'] = {\n defaultProps: {},\n styleOverrides: {\n root: ({ theme, ownerState }) => ({\n // remove pointer events to prevent blur and focus formControl\n pointerEvents: 'none',\n transition: 'inherit',\n color: 'inherit',\n [theme.breakpoints.up('xs')]: {\n fontSize: '16px',\n lineHeight: '24px',\n fontWeight: '400',\n },\n ...(ownerState['data-variant'] === 'static' && {\n ...theme.typography.caption1,\n position: 'static',\n '&, &&.MuiInputLabel-shrink': {\n transform: 'none',\n },\n userSelect: 'text',\n cursor: 'auto',\n pointerEvents: 'auto',\n transition: 'none',\n padding: '0 8px 4px',\n // overwrite higher priority style from formLabel\n '&:not(.Mui-disabled):not(.Mui-error)': {\n color: theme.palette.text.primary,\n },\n }),\n }),\n filled: (ownerState) => ({\n transform: 'translate(12px, 18px) scale(1)',\n '&.MuiInputLabel-shrink': {\n transform: 'translate(12px, 7px) scale(0.75)',\n },\n '&.MuiInputLabel-sizeSmall': {\n transform: 'translate(12px, 13px) scale(1)',\n '&.MuiInputLabel-shrink': {\n transform: 'translate(12px, 7px) scale(0.75)',\n },\n },\n ...(ownerState['data-variant'] !== 'static' && {\n '&:has(+ .MuiInputBase-adornedStart .MuiInputAdornment-positionStart)': {\n transform: 'translate(44px, 18px) scale(1)',\n '&.MuiInputLabel-sizeSmall': {\n transform: 'translate(44px, 13px) scale(1);',\n },\n '&.MuiInputLabel-shrink': {\n transform: 'translate(44px, 7px) scale(0.75)',\n },\n },\n }),\n }),\n outlined: (ownerState) => ({\n ...(ownerState['data-variant'] === 'static'\n ? {\n // do not show 'border space' created by legend where normally labels go in\n '& + .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline legend': {\n width: '0',\n },\n }\n : {\n '&:has(+ .MuiInputBase-adornedStart .MuiInputAdornment-positionStart)': {\n transform: 'translate(44px, 16px) scale(1);',\n '&.MuiInputLabel-sizeSmall': {\n transform: 'translate(44px, 9px) scale(1);',\n },\n '&.MuiInputLabel-shrink': {\n transform: 'translate(14px, -9px) scale(0.75);',\n },\n },\n }),\n }),\n standard: ({ ownerState }) => ({\n ...(ownerState['data-variant'] === 'static'\n ? {\n padding: '0',\n '& + .MuiInputBase-root': {\n marginTop: '0',\n },\n }\n : {\n '&:has(+ .MuiInputBase-adornedStart)': {\n transform: 'translate(32px, 20px) scale(1);',\n '&.MuiInputLabel-sizeSmall': {\n transform: 'translate(32px, 18px) scale(1);',\n },\n '&.MuiInputLabel-shrink': {\n transform: 'translate(0, -1.5px) scale(0.75)',\n },\n },\n }),\n }),\n },\n};\n"],"names":["flowInputLabel","defaultProps","styleOverrides","root","theme","ownerState","pointerEvents","transition","color","breakpoints","up","fontSize","lineHeight","fontWeight","typography","caption1","position","transform","userSelect","cursor","padding","palette","text","primary","filled","outlined","width","standard","marginTop"],"mappings":"AAEO,MAAMA,EAAqD,CAChEC,aAAc,CAAA,EACdC,eAAgB,CACdC,KAAM,EAAGC,QAAOC,iBAAY,CAE1BC,cAAe,OACfC,WAAY,UACZC,MAAO,UACP,CAACJ,EAAMK,YAAYC,GAAG,OAAQ,CAC5BC,SAAU,OACVC,WAAY,OACZC,WAAY,UAEqB,WAA/BR,EAAW,iBAAgC,IAC1CD,EAAMU,WAAWC,SACpBC,SAAU,SACV,6BAA8B,CAC5BC,UAAW,QAEbC,WAAY,OACZC,OAAQ,OACRb,cAAe,OACfC,WAAY,OACZa,QAAS,YAET,uCAAwC,CACtCZ,MAAOJ,EAAMiB,QAAQC,KAAKC,YAIhCC,OAASnB,IAAU,CACjBY,UAAW,iCACX,yBAA0B,CACxBA,UAAW,oCAEb,4BAA6B,CAC3BA,UAAW,iCACX,yBAA0B,CACxBA,UAAW,wCAGoB,WAA/BZ,EAAW,iBAAgC,CAC7C,uEAAwE,CACtEY,UAAW,iCACX,4BAA6B,CAC3BA,UAAW,mCAEb,yBAA0B,CACxBA,UAAW,wCAKnBQ,SAAWpB,IAAU,IACgB,WAA/BA,EAAW,gBACX,CAEE,qEAAsE,CACpEqB,MAAO,MAGX,CACE,uEAAwE,CACtET,UAAW,kCACX,4BAA6B,CAC3BA,UAAW,kCAEb,yBAA0B,CACxBA,UAAW,0CAKvBU,SAAU,EAAGtB,iBAAY,IACY,WAA/BA,EAAW,gBACX,CACEe,QAAS,IACT,yBAA0B,CACxBQ,UAAW,MAGf,CACE,sCAAuC,CACrCX,UAAW,kCACX,4BAA6B,CAC3BA,UAAW,mCAEb,yBAA0B,CACxBA,UAAW"}

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

@@ -1,2 +1,2 @@
-import r from"@skodaflow/web-tokens/src/tokens.json";import{paletteLight as o}from"./paletteLight.theme.js";const e=r["flow-colors"],a={...o,mode:"dark",text:{...o.text,primary:e["on-surface0"],secondary:e["on-surface200"]},background:{...o.background,primary:e["on-surface900"],paper:e["on-surface900"]},surface:{...o.surface,primary:"#232425",secondary:e["on-surface600"]},divider:e["on-surface600"]};a.transparent.toString=()=>"transparent";export{a as paletteDark};
+import r from"@skodaflow/web-tokens/src/tokens.json";import{paletteLight as o}from"./paletteLight.theme.js";const e=r["flow-colors"],a={...o,mode:"dark",text:{...o.text,primary:e["on-surface0"],secondary:e["on-surface200"]},background:{...o.background,primary:e["on-surface900"],paper:e["on-surface900"]},surface:{...o.surface,primary:"#232425",secondary:e["on-surface600"]},divider:e["on-surface600"]};export{a as paletteDark};
 //# sourceMappingURL=paletteDark.theme.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"paletteDark.theme.js","sources":["../../../src/materialui/theme/paletteDark.theme.ts"],"sourcesContent":["import { PaletteOptions } from '@mui/material/styles';\nimport tokens from '@skodaflow/web-tokens/src/tokens.json';\nimport { paletteLight } from './paletteLight.theme';\n\nconst tokenColors = tokens['flow-colors'];\n\nexport const paletteDark: PaletteOptions = {\n ...paletteLight,\n mode: 'dark',\n text: {\n ...paletteLight.text,\n // white\n primary: tokenColors['on-surface0'],\n secondary: tokenColors['on-surface200'],\n },\n background: {\n ...paletteLight.background,\n // dark grey\n primary: tokenColors['on-surface900'],\n paper: tokenColors['on-surface900'],\n },\n surface: {\n ...paletteLight.surface,\n primary: '#232425', // os850\n secondary: tokenColors['on-surface600'],\n },\n divider: tokenColors['on-surface600'],\n};\~~npaletteDark.transparent.toString = () => 'transparent';\~~n"],"names":["tokenColors","tokens","paletteDark","paletteLight","mode","text","primary","secondary","background","paper","surface","divider"~~,"transparent","toString"~~],"mappings":"4GAIA,MAAMA,EAAcC,EAAO,eAEdC,EAA8B,IACtCC,EACHC,KAAM,OACNC,KAAM,IACDF,EAAaE,KAEhBC,QAASN,EAAY,eACrBO,UAAWP,EAAY,kBAEzBQ,WAAY,IACPL,EAAaK,WAEhBF,QAASN,EAAY,iBACrBS,MAAOT,EAAY,kBAErBU,QAAS,IACJP,EAAaO,QAChBJ,QAAS,UACTC,UAAWP,EAAY,kBAEzBW,QAASX,EAAY~~,kBAEvBE,EAAYU,YAAYC,SAAW,IAAM~~"}
1	+ {"version":3,"file":"paletteDark.theme.js","sources":["../../../src/materialui/theme/paletteDark.theme.ts"],"sourcesContent":["import { PaletteOptions } from '@mui/material/styles';\nimport tokens from '@skodaflow/web-tokens/src/tokens.json';\nimport { paletteLight } from './paletteLight.theme';\n\nconst tokenColors = tokens['flow-colors'];\n\nexport const paletteDark: PaletteOptions = {\n ...paletteLight,\n mode: 'dark',\n text: {\n ...paletteLight.text,\n // white\n primary: tokenColors['on-surface0'],\n secondary: tokenColors['on-surface200'],\n },\n background: {\n ...paletteLight.background,\n // dark grey\n primary: tokenColors['on-surface900'],\n paper: tokenColors['on-surface900'],\n },\n surface: {\n ...paletteLight.surface,\n primary: '#232425', // os850\n secondary: tokenColors['on-surface600'],\n },\n divider: tokenColors['on-surface600'],\n};\n"],"names":["tokenColors","tokens","paletteDark","paletteLight","mode","text","primary","secondary","background","paper","surface","divider"],"mappings":"4GAIA,MAAMA,EAAcC,EAAO,eAEdC,EAA8B,IACtCC,EACHC,KAAM,OACNC,KAAM,IACDF,EAAaE,KAEhBC,QAASN,EAAY,eACrBO,UAAWP,EAAY,kBAEzBQ,WAAY,IACPL,EAAaK,WAEhBF,QAASN,EAAY,iBACrBS,MAAOT,EAAY,kBAErBU,QAAS,IACJP,EAAaO,QAChBJ,QAAS,UACTC,UAAWP,EAAY,kBAEzBW,QAASX,EAAY"}

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

@@ -1,5 +1,6 @@
 import { BoxProps, SvgIconProps, DialogProps, IconButtonProps, ChipProps } from '@mui/material';
 import { ComponentType, CSSProperties, ElementType } from 'react';
+import type { SpinnerProps } from '@/src/components/progress/Spinner';
 declare module '@mui/material/styles' {
     interface TypographyVariants {
         display: CSSProperties;
@@ -425,6 +426,15 @@ declare module '@mui/material/Card' {
          * @default false
          */
         disabled?: boolean;
+        /**
+         * Displays a loading spinner in place of the icon and blocks interactions
+         * @default false
+         */
+        loading?: boolean;
+        /**
+         * Properties applied to the loading Spinner component
+         */
+        loadingProps?: SpinnerProps;
     }
 }
 declare module '@mui/material/FormHelperText' {

package/materialui/themeProvider/baseline.theme.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import t from"@skodaflow/web-tokens/src/tokens.json";import{generateTypography as o}from"../typography/typography.theme.js";import{fonts as r}from"./fonts.js";const n=(n,f,e,l)=>{const a={...n?{background:"unset",color:l.palette.text.primary,...o("body",f,e)}:{body:{background:"dark"===l.palette.mode?l.palette.onSurface.os900:l.palette.common.white,color:l.palette.text.primary}},[n?"&, *":"*"]:{"@supports not selector(::-webkit-scrollbar)":{scrollbarWidth:"thin",scrollbarColor:l.palette.onSurface.os500},"::-webkit-scrollbar":{border:"2px solid transparent",width:"8px",height:"8px"},"::-webkit-scrollbar-thumb":{border:"2px solid transparent",borderRadius:"100px",background:l.palette.onSurface.os500,backgroundClip:"content-box"},":not(.notracks)::-webkit-scrollbar-track":{border:"2px solid transparent",borderRadius:"100px",background:l.palette.surface.primary,backgroundClip:"content-box"},"::-webkit-scrollbar-button":{display:"none"},"::-webkit-scrollbar-corner":{backgroundColor:"transparent"},"@media not all and (min-resolution: 0.001dpcm)":{"@supports (-webkit-appearance: none)":{"[style*='overflow:hidden'], [style*='overflow: hidden']":{touchAction:"none"}}}},fallbacks:Object.values(r).filter(Boolean).length?[{"@font-face":{fontFamily:"SKODA Next"+(e?" R2L":""),src:`\n                url('${e?r?.rtlFontLightWoff2:r?.fontLightWoff2}') format('woff2'),\n                url('${e?r?.rtlFontLightWoff:r?.fontLightWoff}') format('woff'),\n                url('${e?r?.rtlFontLightTtf:r?.fontLightTtf}') format('truetype')\n              `,fontStyle:"normal",fontWeight:"300"}},{"@font-face":{fontFamily:"SKODA Next"+(e?" R2L":""),src:`\n                url('${e?r?.rtlFontRegularWoff2:r?.fontRegularWoff2}') format('woff2'),\n                url('${e?r?.rtlFontRegularWoff:r?.fontRegularWoff}') format('woff'),\n                url('${e?r?.rtlFontRegularTtf:r?.fontRegularTtf}') format('truetype')\n              `,fontStyle:"normal",fontWeight:"400"}},{"@font-face":{fontFamily:"SKODA Next"+(e?" R2L":""),src:`\n                url('${e?r?.rtlFontBoldWoff2:r?.fontBoldWoff2}') format('woff2'),\n                url('${e?r?.rtlFontBoldWoff:r?.fontBoldWoff}') format('woff'),\n                url('${e?r?.rtlFontBoldTtf:r?.fontBoldTtf}') format('truetype')\n              `,fontStyle:"normal",fontWeight:"700"}},{"@font-face":{fontFamily:"SKODA Next"+(e?" R2L":""),src:`\n                url('${e?r?.rtlFontBlackWoff2:r?.fontBlackWoff2}') format('woff2'),\n                url('${e?r?.rtlFontBlackWoff:r?.fontBlackWoff}') format('woff'),\n                url('${e?r?.rtlFontBlackTtf:r?.fontBlackTtf}') format('truetype')\n              `,fontStyle:"normal",fontWeight:"900"}}]:[]};return t["flow-typography"].forEach(t=>{const r=`${"list"===t.name.split("-")[1]?"typography-":""}${t.name.split("-")[1]}`;a[`${r}${n?':not([class^="Mui"])':""}, .${r}`]=o(r,f,e)}),a},f=(t,o)=>({styleOverrides:{root:({theme:r})=>n(!0,t,o,r)}}),e=(t,o)=>({styleOverrides:r=>n(!1,t,o,r)});export{e as getFlowCssBaseline,n as getFlowCssBaselineRoot,f as getFlowScopedCssBaseline};
+import t from"@skodaflow/web-tokens/src/tokens.json";import{generateTypography as o}from"../typography/typography.theme.js";import{fonts as r}from"./fonts.js";const n=(n,f,l,e)=>{const a={...n?{background:"unset",color:e.palette.text.primary,...o("body",f,l)}:{body:{background:"dark"===e.palette.mode?e.palette.onSurface.os900:e.palette.common.white,color:e.palette.text.primary}},[n?"&, *":"*"]:{"@supports not selector(::-webkit-scrollbar)":{scrollbarWidth:"thin",scrollbarColor:e.palette.onSurface.os500},"::-webkit-scrollbar":{border:"2px solid transparent",width:"8px",height:"8px"},"::-webkit-scrollbar-thumb":{border:"2px solid transparent",borderRadius:"100px",background:e.palette.onSurface.os500,backgroundClip:"content-box"},":not(.notracks)::-webkit-scrollbar-track":{border:"2px solid transparent",borderRadius:"100px",background:e.palette.surface.primary,backgroundClip:"content-box"},"::-webkit-scrollbar-button":{display:"none"},"::-webkit-scrollbar-corner":{backgroundColor:"transparent"},"@media not all and (min-resolution: 0.001dpcm)":{"@supports (-webkit-appearance: none)":{"[style*='overflow:hidden'], [style*='overflow: hidden']":{touchAction:"none"}}}},fallbacks:Object.values(r).filter(Boolean).length?[{"@font-face":{fontFamily:"SKODA Next"+(l?" R2L":""),src:`\n                url('${l?r?.rtlFontLightWoff2:r?.fontLightWoff2}') format('woff2'),\n                url('${l?r?.rtlFontLightWoff:r?.fontLightWoff}') format('woff'),\n                url('${l?r?.rtlFontLightTtf:r?.fontLightTtf}') format('truetype')\n              `,fontStyle:"normal",fontWeight:"300",fontDisplay:"swap"}},{"@font-face":{fontFamily:"SKODA Next"+(l?" R2L":""),src:`\n                url('${l?r?.rtlFontRegularWoff2:r?.fontRegularWoff2}') format('woff2'),\n                url('${l?r?.rtlFontRegularWoff:r?.fontRegularWoff}') format('woff'),\n                url('${l?r?.rtlFontRegularTtf:r?.fontRegularTtf}') format('truetype')\n              `,fontStyle:"normal",fontWeight:"400",fontDisplay:"swap"}},{"@font-face":{fontFamily:"SKODA Next"+(l?" R2L":""),src:`\n                url('${l?r?.rtlFontBoldWoff2:r?.fontBoldWoff2}') format('woff2'),\n                url('${l?r?.rtlFontBoldWoff:r?.fontBoldWoff}') format('woff'),\n                url('${l?r?.rtlFontBoldTtf:r?.fontBoldTtf}') format('truetype')\n              `,fontStyle:"normal",fontWeight:"700",fontDisplay:"swap"}},{"@font-face":{fontFamily:"SKODA Next"+(l?" R2L":""),src:`\n                url('${l?r?.rtlFontBlackWoff2:r?.fontBlackWoff2}') format('woff2'),\n                url('${l?r?.rtlFontBlackWoff:r?.fontBlackWoff}') format('woff'),\n                url('${l?r?.rtlFontBlackTtf:r?.fontBlackTtf}') format('truetype')\n              `,fontStyle:"normal",fontWeight:"900",fontDisplay:"swap"}}]:[]};return t["flow-typography"].forEach(t=>{const r=`${"list"===t.name.split("-")[1]?"typography-":""}${t.name.split("-")[1]}`;a[`${r}${n?':not([class^="Mui"])':""}, .${r}`]=o(r,f,l)}),a},f=(t,o)=>({styleOverrides:{root:({theme:r})=>n(!0,t,o,r)}}),l=(t,o)=>({styleOverrides:r=>n(!1,t,o,r)});export{l as getFlowCssBaseline,n as getFlowCssBaselineRoot,f as getFlowScopedCssBaseline};
 //# sourceMappingURL=baseline.theme.js.map

package/materialui/themeProvider/baseline.theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"baseline.theme.js","sources":["../../../src/materialui/themeProvider/baseline.theme.ts"],"sourcesContent":["import tokens from '@skodaflow/web-tokens/src/tokens.json';\nimport { generateTypography } from '../typography/typography.theme';\nimport { BreakpointsOptions, Components, Theme, CSSObject } from '@mui/material';\nimport { fonts } from './fonts';\n\nexport const getFlowCssBaselineRoot = (\n scoped: boolean,\n breakpointsOptions: BreakpointsOptions,\n rtl: boolean,\n theme: Theme,\n // eslint-disable-next-line sonarjs/cognitive-complexity\n) => {\n const baseline: CSSObject = {\n ...(scoped\n ? {\n background: 'unset',\n color: theme.palette.text.primary,\n ...generateTypography('body', breakpointsOptions, rtl),\n }\n : {\n body: {\n background: theme.palette.mode === 'dark' ? theme.palette.onSurface.os900 : theme.palette.common.white,\n color: theme.palette.text.primary,\n },\n }),\n [scoped ? `&, ` : ``]: {\n // apply scrollbar-* properties only when webkit-scrollbar is not supported\n // otherwise Chrome since version 121 will not apply style https://stackoverflow.com/a/77931548\n '@supports not selector(::-webkit-scrollbar)': {\n scrollbarWidth: 'thin',\n scrollbarColor: theme.palette.onSurface.os500,\n },\n '::-webkit-scrollbar': {\n border: '2px solid transparent',\n width: '8px',\n height: '8px',\n },\n '::-webkit-scrollbar-thumb': {\n border: '2px solid transparent',\n borderRadius: '100px',\n background: theme.palette.onSurface.os500,\n backgroundClip: 'content-box',\n },\n ':not(.notracks)::-webkit-scrollbar-track': {\n border: '2px solid transparent',\n borderRadius: '100px',\n background: theme.palette.surface.primary,\n backgroundClip: 'content-box',\n },\n '::-webkit-scrollbar-button': {\n display: 'none',\n },\n '::-webkit-scrollbar-corner': {\n backgroundColor: 'transparent',\n },\n // Fix scroll bug on Safari\n // https://github.com/mui/material-ui/issues/5750\n '@media not all and (min-resolution: 0.001dpcm)': {\n '@supports (-webkit-appearance: none)': {\n \"[style='overflow:hidden'], [style='overflow: hidden']\": {\n touchAction: 'none',\n },\n },\n },\n },\n // provide fonts\n fallbacks: !Object.values(fonts).filter(Boolean).length\n ? []\n : [\n {\n '@font-face': {\n fontFamily: `SKODA Next${rtl ? ' R2L' : ''}`,\n src: `\n url('${rtl ? fonts?.rtlFontLightWoff2 : fonts?.fontLightWoff2}') format('woff2'),\n url('${rtl ? fonts?.rtlFontLightWoff : fonts?.fontLightWoff}') format('woff'),\n url('${rtl ? fonts?.rtlFontLightTtf : fonts?.fontLightTtf}') format('truetype')\n `,\n fontStyle: 'normal',\n fontWeight: '300',\n },\n },\n {\n '@font-face': {\n fontFamily: `SKODA Next${rtl ? ' R2L' : ''}`,\n src: `\n url('${rtl ? fonts?.rtlFontRegularWoff2 : fonts?.fontRegularWoff2}') format('woff2'),\n url('${rtl ? fonts?.rtlFontRegularWoff : fonts?.fontRegularWoff}') format('woff'),\n url('${rtl ? fonts?.rtlFontRegularTtf : fonts?.fontRegularTtf}') format('truetype')\n `,\n fontStyle: 'normal',\n fontWeight: '400',\n },\n },\n {\n '@font-face': {\n fontFamily: `SKODA Next${rtl ? ' R2L' : ''}`,\n src: `\n url('${rtl ? fonts?.rtlFontBoldWoff2 : fonts?.fontBoldWoff2}') format('woff2'),\n url('${rtl ? fonts?.rtlFontBoldWoff : fonts?.fontBoldWoff}') format('woff'),\n url('${rtl ? fonts?.rtlFontBoldTtf : fonts?.fontBoldTtf}') format('truetype')\n `,\n fontStyle: 'normal',\n fontWeight: '700',\n },\n },\n {\n '@font-face': {\n fontFamily: `SKODA Next${rtl ? ' R2L' : ''}`,\n src: `\n url('${rtl ? fonts?.rtlFontBlackWoff2 : fonts?.fontBlackWoff2}') format('woff2'),\n url('${rtl ? fonts?.rtlFontBlackWoff : fonts?.fontBlackWoff}') format('woff'),\n url('${rtl ? fonts?.rtlFontBlackTtf : fonts?.fontBlackTtf}') format('truetype')\n `,\n fontStyle: 'normal',\n fontWeight: '900',\n },\n },\n ],\n };\n\n tokens['flow-typography'].forEach((t) => {\n const el = `${t.name.split('-')[1] === 'list' ? 'typography-' : ''}${t.name.split('-')[1]}`;\n // apply style to plain html tags h1 and classes (.h1)\n // for ScopedCssBaseline we are applying to tags that outside mui in order\n // not to introduce css selector with too importance that does not allow overwrites\n // with direct sx styling\n const key = `${el}${scoped ? ':not([class^=\"Mui\"])' : ''}, .${el}`;\n baseline[key] = generateTypography(el, breakpointsOptions, rtl);\n });\n\n return baseline;\n};\n\nexport const getFlowScopedCssBaseline = (\n breakpointsOptions: BreakpointsOptions,\n rtl: boolean,\n): Components<Theme>['MuiScopedCssBaseline'] => ({\n styleOverrides: {\n root: ({ theme }) => getFlowCssBaselineRoot(true, breakpointsOptions, rtl, theme),\n },\n});\n\nexport const getFlowCssBaseline = (\n breakpointsOptions: BreakpointsOptions,\n rtl: boolean,\n): Components<Theme>['MuiCssBaseline'] => ({\n styleOverrides: (theme) => getFlowCssBaselineRoot(false, breakpointsOptions, rtl, theme),\n});\n"],"names":["getFlowCssBaselineRoot","scoped","breakpointsOptions","rtl","theme","baseline","background","color","palette","text","primary","generateTypography","body","mode","onSurface","os900","common","white","scrollbarWidth","scrollbarColor","os500","border","width","height","borderRadius","backgroundClip","surface","display","backgroundColor","touchAction","fallbacks","Object","values","fonts","filter","Boolean","length","fontFamily","src","rtlFontLightWoff2","fontLightWoff2","rtlFontLightWoff","fontLightWoff","rtlFontLightTtf","fontLightTtf","fontStyle","fontWeight","rtlFontRegularWoff2","fontRegularWoff2","rtlFontRegularWoff","fontRegularWoff","rtlFontRegularTtf","fontRegularTtf","rtlFontBoldWoff2","fontBoldWoff2","rtlFontBoldWoff","fontBoldWoff","rtlFontBoldTtf","fontBoldTtf","rtlFontBlackWoff2","fontBlackWoff2","rtlFontBlackWoff","fontBlackWoff","rtlFontBlackTtf","fontBlackTtf","tokens","forEach","t","el","name","split","getFlowScopedCssBaseline","styleOverrides","root","getFlowCssBaseline"],"mappings":"+JAKO,MAAMA,EAAyB,CACpCC,EACAC,EACAC,EACAC,KAGA,MAAMC,EAAsB,IACtBJ,EACA,CACEK,WAAY,QACZC,MAAOH,EAAMI,QAAQC,KAAKC,WACvBC,EAAmB,OAAQT,EAAoBC,IAEpD,CACES,KAAM,CACJN,WAAmC,SAAvBF,EAAMI,QAAQK,KAAkBT,EAAMI,QAAQM,UAAUC,MAAQX,EAAMI,QAAQQ,OAAOC,MACjGV,MAAOH,EAAMI,QAAQC,KAAKC,UAGlC,CAACT,EAAS,OAAS,KAAM,CAGvB,8CAA+C,CAC7CiB,eAAgB,OAChBC,eAAgBf,EAAMI,QAAQM,UAAUM,OAE1C,sBAAuB,CACrBC,OAAQ,wBACRC,MAAO,MACPC,OAAQ,OAEV,4BAA6B,CAC3BF,OAAQ,wBACRG,aAAc,QACdlB,WAAYF,EAAMI,QAAQM,UAAUM,MACpCK,eAAgB,eAElB,2CAA4C,CAC1CJ,OAAQ,wBACRG,aAAc,QACdlB,WAAYF,EAAMI,QAAQkB,QAAQhB,QAClCe,eAAgB,eAElB,6BAA8B,CAC5BE,QAAS,QAEX,6BAA8B,CAC5BC,gBAAiB,eAInB,iDAAkD,CAChD,uCAAwC,CACtC,0DAA2D,CACzDC,YAAa,WAMrBC,UAAYC,OAAOC,OAAOC,GAAOC,OAAOC,SAASC,OAE7C,CACE,CACE,aAAc,CACZC,WAAY,cAAalC,EAAM,OAAS,IACxCmC,IAAK,0BACInC,EAAM8B,GAAOM,kBAAoBN,GAAOO,2DACxCrC,EAAM8B,GAAOQ,iBAAmBR,GAAOS,yDACvCvC,EAAM8B,GAAOU,gBAAkBV,GAAOW,oDAE/CC,UAAW,SACXC,WAAY,~~QAGhB~~,CACE,aAAc,~~CACZT~~,WAAY,cAAalC,EAAM,OAAS,IACxCmC,IAAK,0BACInC,EAAM8B,~~GAAOc~~,~~oBAAsBd~~,~~GAAOe~~,~~6DAC1C7C~~,EAAM8B,~~GAAOgB~~,~~mBAAqBhB~~,~~GAAOiB~~,~~2DACzC/C~~,EAAM8B,~~GAAOkB~~,~~kBAAoBlB~~,~~GAAOmB~~,~~sDAEjDP~~,UAAW,SACXC,WAAY,~~QAGhB~~,CACE,aAAc,~~CACZT~~,WAAY,cAAalC,EAAM,OAAS,IACxCmC,IAAK,0BACInC,EAAM8B,~~GAAOoB~~,~~iBAAmBpB~~,~~GAAOqB~~,~~0DACvCnD~~,EAAM8B,~~GAAOsB~~,~~gBAAkBtB~~,~~GAAOuB~~,~~wDACtCrD~~,EAAM8B,~~GAAOwB~~,~~eAAiBxB~~,~~GAAOyB~~,~~mDAE9Cb~~,UAAW,SACXC,WAAY,~~QAGhB~~,CACE,aAAc,~~CACZT~~,WAAY,cAAalC,EAAM,OAAS,IACxCmC,IAAK,0BACInC,EAAM8B,~~GAAO0B~~,~~kBAAoB1B~~,~~GAAO2B~~,~~2DACxCzD~~,EAAM8B,~~GAAO4B~~,~~iBAAmB5B~~,~~GAAO6B~~,~~yDACvC3D~~,EAAM8B,~~GAAO8B,gBAAkB9B,~~GAAO+B,oDAE/~~CnB~~,UAAW,SACXC,WAAY,~~SA/ClB~~,~~IA+DN~~,OAVAmB,EAAO,mBAAmBC,QAASC,IACjC,MAAMC,EAAK,GAA4B,SAAzBD,EAAEE,KAAKC,MAAM,KAAK,GAAgB,cAAgB,KAAKH,EAAEE,KAAKC,MAAM,KAAK,~~KAMvFjE~~,EADY,~~GAAG+D~~,~~IAAKnE~~,EAAS,uBAAyB,~~QAAQmE~~,~~KAC9CzD~~,~~EAAmByD~~,~~EAAIlE~~,EAAoBC,KAGtDE,~~GAGIkE~~,EAA2B,~~CACtCrE~~,EACAC,KAAY,~~CAEZqE~~,eAAgB,CACdC,KAAM,~~EAAGrE~~,WAAYJ,GAAuB,EAAME,EAAoBC,EAAKC,~~MAIlEsE~~,EAAqB,~~CAChCxE~~,EACAC,KAAY,~~CAEZqE~~,~~eAAiBpE~~,GAAUJ,GAAuB,EAAOE,EAAoBC,EAAKC"}
1	+ {"version":3,"file":"baseline.theme.js","sources":["../../../src/materialui/themeProvider/baseline.theme.ts"],"sourcesContent":["import tokens from '@skodaflow/web-tokens/src/tokens.json';\nimport { generateTypography } from '../typography/typography.theme';\nimport { BreakpointsOptions, Components, Theme, CSSObject } from '@mui/material';\nimport { fonts } from './fonts';\n\nexport const getFlowCssBaselineRoot = (\n scoped: boolean,\n breakpointsOptions: BreakpointsOptions,\n rtl: boolean,\n theme: Theme,\n // eslint-disable-next-line sonarjs/cognitive-complexity\n) => {\n const baseline: CSSObject = {\n ...(scoped\n ? {\n background: 'unset',\n color: theme.palette.text.primary,\n ...generateTypography('body', breakpointsOptions, rtl),\n }\n : {\n body: {\n background: theme.palette.mode === 'dark' ? theme.palette.onSurface.os900 : theme.palette.common.white,\n color: theme.palette.text.primary,\n },\n }),\n [scoped ? `&, ` : ``]: {\n // apply scrollbar-* properties only when webkit-scrollbar is not supported\n // otherwise Chrome since version 121 will not apply style https://stackoverflow.com/a/77931548\n '@supports not selector(::-webkit-scrollbar)': {\n scrollbarWidth: 'thin',\n scrollbarColor: theme.palette.onSurface.os500,\n },\n '::-webkit-scrollbar': {\n border: '2px solid transparent',\n width: '8px',\n height: '8px',\n },\n '::-webkit-scrollbar-thumb': {\n border: '2px solid transparent',\n borderRadius: '100px',\n background: theme.palette.onSurface.os500,\n backgroundClip: 'content-box',\n },\n ':not(.notracks)::-webkit-scrollbar-track': {\n border: '2px solid transparent',\n borderRadius: '100px',\n background: theme.palette.surface.primary,\n backgroundClip: 'content-box',\n },\n '::-webkit-scrollbar-button': {\n display: 'none',\n },\n '::-webkit-scrollbar-corner': {\n backgroundColor: 'transparent',\n },\n // Fix scroll bug on Safari\n // https://github.com/mui/material-ui/issues/5750\n '@media not all and (min-resolution: 0.001dpcm)': {\n '@supports (-webkit-appearance: none)': {\n \"[style='overflow:hidden'], [style='overflow: hidden']\": {\n touchAction: 'none',\n },\n },\n },\n },\n // provide fonts\n fallbacks: !Object.values(fonts).filter(Boolean).length\n ? []\n : [\n {\n '@font-face': {\n fontFamily: `SKODA Next${rtl ? ' R2L' : ''}`,\n src: `\n url('${rtl ? fonts?.rtlFontLightWoff2 : fonts?.fontLightWoff2}') format('woff2'),\n url('${rtl ? fonts?.rtlFontLightWoff : fonts?.fontLightWoff}') format('woff'),\n url('${rtl ? fonts?.rtlFontLightTtf : fonts?.fontLightTtf}') format('truetype')\n `,\n fontStyle: 'normal',\n fontWeight: '300',\n fontDisplay: 'swap',\n },\n },\n {\n '@font-face': {\n fontFamily: `SKODA Next${rtl ? ' R2L' : ''}`,\n src: `\n url('${rtl ? fonts?.rtlFontRegularWoff2 : fonts?.fontRegularWoff2}') format('woff2'),\n url('${rtl ? fonts?.rtlFontRegularWoff : fonts?.fontRegularWoff}') format('woff'),\n url('${rtl ? fonts?.rtlFontRegularTtf : fonts?.fontRegularTtf}') format('truetype')\n `,\n fontStyle: 'normal',\n fontWeight: '400',\n fontDisplay: 'swap',\n },\n },\n {\n '@font-face': {\n fontFamily: `SKODA Next${rtl ? ' R2L' : ''}`,\n src: `\n url('${rtl ? fonts?.rtlFontBoldWoff2 : fonts?.fontBoldWoff2}') format('woff2'),\n url('${rtl ? fonts?.rtlFontBoldWoff : fonts?.fontBoldWoff}') format('woff'),\n url('${rtl ? fonts?.rtlFontBoldTtf : fonts?.fontBoldTtf}') format('truetype')\n `,\n fontStyle: 'normal',\n fontWeight: '700',\n fontDisplay: 'swap',\n },\n },\n {\n '@font-face': {\n fontFamily: `SKODA Next${rtl ? ' R2L' : ''}`,\n src: `\n url('${rtl ? fonts?.rtlFontBlackWoff2 : fonts?.fontBlackWoff2}') format('woff2'),\n url('${rtl ? fonts?.rtlFontBlackWoff : fonts?.fontBlackWoff}') format('woff'),\n url('${rtl ? fonts?.rtlFontBlackTtf : fonts?.fontBlackTtf}') format('truetype')\n `,\n fontStyle: 'normal',\n fontWeight: '900',\n fontDisplay: 'swap',\n },\n },\n ],\n };\n\n tokens['flow-typography'].forEach((t) => {\n const el = `${t.name.split('-')[1] === 'list' ? 'typography-' : ''}${t.name.split('-')[1]}`;\n // apply style to plain html tags h1 and classes (.h1)\n // for ScopedCssBaseline we are applying to tags that outside mui in order\n // not to introduce css selector with too importance that does not allow overwrites\n // with direct sx styling\n const key = `${el}${scoped ? ':not([class^=\"Mui\"])' : ''}, .${el}`;\n baseline[key] = generateTypography(el, breakpointsOptions, rtl);\n });\n\n return baseline;\n};\n\nexport const getFlowScopedCssBaseline = (\n breakpointsOptions: BreakpointsOptions,\n rtl: boolean,\n): Components<Theme>['MuiScopedCssBaseline'] => ({\n styleOverrides: {\n root: ({ theme }) => getFlowCssBaselineRoot(true, breakpointsOptions, rtl, theme),\n },\n});\n\nexport const getFlowCssBaseline = (\n breakpointsOptions: BreakpointsOptions,\n rtl: boolean,\n): Components<Theme>['MuiCssBaseline'] => ({\n styleOverrides: (theme) => getFlowCssBaselineRoot(false, breakpointsOptions, rtl, theme),\n});\n"],"names":["getFlowCssBaselineRoot","scoped","breakpointsOptions","rtl","theme","baseline","background","color","palette","text","primary","generateTypography","body","mode","onSurface","os900","common","white","scrollbarWidth","scrollbarColor","os500","border","width","height","borderRadius","backgroundClip","surface","display","backgroundColor","touchAction","fallbacks","Object","values","fonts","filter","Boolean","length","fontFamily","src","rtlFontLightWoff2","fontLightWoff2","rtlFontLightWoff","fontLightWoff","rtlFontLightTtf","fontLightTtf","fontStyle","fontWeight","fontDisplay","rtlFontRegularWoff2","fontRegularWoff2","rtlFontRegularWoff","fontRegularWoff","rtlFontRegularTtf","fontRegularTtf","rtlFontBoldWoff2","fontBoldWoff2","rtlFontBoldWoff","fontBoldWoff","rtlFontBoldTtf","fontBoldTtf","rtlFontBlackWoff2","fontBlackWoff2","rtlFontBlackWoff","fontBlackWoff","rtlFontBlackTtf","fontBlackTtf","tokens","forEach","t","el","name","split","getFlowScopedCssBaseline","styleOverrides","root","getFlowCssBaseline"],"mappings":"+JAKO,MAAMA,EAAyB,CACpCC,EACAC,EACAC,EACAC,KAGA,MAAMC,EAAsB,IACtBJ,EACA,CACEK,WAAY,QACZC,MAAOH,EAAMI,QAAQC,KAAKC,WACvBC,EAAmB,OAAQT,EAAoBC,IAEpD,CACES,KAAM,CACJN,WAAmC,SAAvBF,EAAMI,QAAQK,KAAkBT,EAAMI,QAAQM,UAAUC,MAAQX,EAAMI,QAAQQ,OAAOC,MACjGV,MAAOH,EAAMI,QAAQC,KAAKC,UAGlC,CAACT,EAAS,OAAS,KAAM,CAGvB,8CAA+C,CAC7CiB,eAAgB,OAChBC,eAAgBf,EAAMI,QAAQM,UAAUM,OAE1C,sBAAuB,CACrBC,OAAQ,wBACRC,MAAO,MACPC,OAAQ,OAEV,4BAA6B,CAC3BF,OAAQ,wBACRG,aAAc,QACdlB,WAAYF,EAAMI,QAAQM,UAAUM,MACpCK,eAAgB,eAElB,2CAA4C,CAC1CJ,OAAQ,wBACRG,aAAc,QACdlB,WAAYF,EAAMI,QAAQkB,QAAQhB,QAClCe,eAAgB,eAElB,6BAA8B,CAC5BE,QAAS,QAEX,6BAA8B,CAC5BC,gBAAiB,eAInB,iDAAkD,CAChD,uCAAwC,CACtC,0DAA2D,CACzDC,YAAa,WAMrBC,UAAYC,OAAOC,OAAOC,GAAOC,OAAOC,SAASC,OAE7C,CACE,CACE,aAAc,CACZC,WAAY,cAAalC,EAAM,OAAS,IACxCmC,IAAK,0BACInC,EAAM8B,GAAOM,kBAAoBN,GAAOO,2DACxCrC,EAAM8B,GAAOQ,iBAAmBR,GAAOS,yDACvCvC,EAAM8B,GAAOU,gBAAkBV,GAAOW,oDAE/CC,UAAW,SACXC,WAAY,MACZC,YAAa,SAGjB,CACE,aAAc,CACZV,WAAY,cAAalC,EAAM,OAAS,IACxCmC,IAAK,0BACInC,EAAM8B,GAAOe,oBAAsBf,GAAOgB,6DAC1C9C,EAAM8B,GAAOiB,mBAAqBjB,GAAOkB,2DACzChD,EAAM8B,GAAOmB,kBAAoBnB,GAAOoB,sDAEjDR,UAAW,SACXC,WAAY,MACZC,YAAa,SAGjB,CACE,aAAc,CACZV,WAAY,cAAalC,EAAM,OAAS,IACxCmC,IAAK,0BACInC,EAAM8B,GAAOqB,iBAAmBrB,GAAOsB,0DACvCpD,EAAM8B,GAAOuB,gBAAkBvB,GAAOwB,wDACtCtD,EAAM8B,GAAOyB,eAAiBzB,GAAO0B,mDAE9Cd,UAAW,SACXC,WAAY,MACZC,YAAa,SAGjB,CACE,aAAc,CACZV,WAAY,cAAalC,EAAM,OAAS,IACxCmC,IAAK,0BACInC,EAAM8B,GAAO2B,kBAAoB3B,GAAO4B,2DACxC1D,EAAM8B,GAAO6B,iBAAmB7B,GAAO8B,yDACvC5D,EAAM8B,GAAO+B,gBAAkB/B,GAAOgC,oDAE/CpB,UAAW,SACXC,WAAY,MACZC,YAAa,UAnDnB,IAmEN,OAVAmB,EAAO,mBAAmBC,QAASC,IACjC,MAAMC,EAAK,GAA4B,SAAzBD,EAAEE,KAAKC,MAAM,KAAK,GAAgB,cAAgB,KAAKH,EAAEE,KAAKC,MAAM,KAAK,KAMvFlE,EADY,GAAGgE,IAAKpE,EAAS,uBAAyB,QAAQoE,KAC9C1D,EAAmB0D,EAAInE,EAAoBC,KAGtDE,GAGImE,EAA2B,CACtCtE,EACAC,KAAY,CAEZsE,eAAgB,CACdC,KAAM,EAAGtE,WAAYJ,GAAuB,EAAME,EAAoBC,EAAKC,MAIlEuE,EAAqB,CAChCzE,EACAC,KAAY,CAEZsE,eAAiBrE,GAAUJ,GAAuB,EAAOE,EAAoBC,EAAKC"}

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

@@ -1,6 +1,10 @@
 import { CSSProperties } from 'react';
 import { BreakpointsOptions } from '@mui/system';
 export type TypographySize = 'small' | 'medium' | 'large';
+/**
+ * Obtain fontFamily for SKODA Next font with fallbacks
+ */
+export declare const getFontFamily: (rtl: boolean) => string;
 /**
  * Obtain style for element for the certain size
  */

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

@@ -1,2 +1,2 @@
-import{createBreakpoints as t}from"@mui/system";import e from"@skodaflow/web-tokens/src/tokens.json";const o=(t,o,n)=>{const i=n??"small",s=e["flow-typography"].find(e=>e.name===`${i}-${t}`);return s?{...s.style,...o?{fontFamily:"SKODA Next R2L"}:{}}:null},n=(e,n,i)=>{const s=t(n);return{...o(e,i,"small"),[s.up("md")]:{...o(e,i,"medium")},[s.up("xl")]:{...o(e,i,"large")}}},i=(t,e)=>{const o=n("body",t,e);return{fontFamily:["SKODA Next"+(e?" R2L":""),"sans-serif","Arial"].join(","),body:o,...Object.fromEntries(["h1","h2","h3","h4","subheadline","subtitle1","subtitle2","display","list","disclaimer","disclaimer1","disclaimer2","caption1","caption2"].map(o=>[o,n(o,t,e)])),body1:o,body2:o,h5:n("subheadline",t,e),h6:n("caption1",t,e),caption:n("caption2",t,e),overline:n("caption1",t,e),button:{fontFamily:e?"SKODA Next R2L":"SKODA Next",letterSpacing:"0.75px",textTransform:"none",textDecoration:"none",fontSize:"16px",fontWeight:"700",lineHeight:"16px"}}};export{n as generateTypography,o as getTypography,i as getTypographyOptions};
+import{createBreakpoints as t}from"@mui/system";import e from"@skodaflow/web-tokens/src/tokens.json";const o=t=>["SKODA Next"+(t?" R2L":""),"Helvetica","Arial","system-ui","sans-serif"].join(","),i=(t,i,n)=>{const s=e["flow-typography"].find(e=>e.name===`${n??"small"}-${t}`);return s?{...s.style,fontFamily:o(i)}:null},n=(e,o,n)=>{const s=t(o);return{...i(e,n,"small"),[s.up("md")]:{...i(e,n,"medium")},[s.up("xl")]:{...i(e,n,"large")}}},s=(t,e)=>{const i=n("body",t,e);return{fontFamily:o(e),body:i,...Object.fromEntries(["h1","h2","h3","h4","subheadline","subtitle1","subtitle2","display","list","disclaimer","disclaimer1","disclaimer2","caption1","caption2"].map(o=>[o,n(o,t,e)])),body1:i,body2:i,h5:n("subheadline",t,e),h6:n("caption1",t,e),caption:n("caption2",t,e),overline:n("caption1",t,e),button:{fontFamily:o(e),letterSpacing:"0.75px",textTransform:"none",textDecoration:"none",fontSize:"16px",fontWeight:"700",lineHeight:"16px"}}};export{n as generateTypography,o as getFontFamily,i as getTypography,s as getTypographyOptions};
 //# sourceMappingURL=typography.theme.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"typography.theme.js","sources":["../../../src/materialui/typography/typography.theme.ts"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { BreakpointsOptions, createBreakpoints } from '@mui/system';\nimport tokens from '@skodaflow/web-tokens/src/tokens.json';\n\nexport type TypographySize = 'small' \| 'medium' \| 'large';\n\n/*\n Obtain style for element for the certain size\n /\nexport const getTypography = (element: string, rtl: boolean, size?: TypographySize) => {\n const ~~screen = size ?? 'small';\n const~~ typo = tokens['flow-typography'].find((el) => el.name === `${~~screen~~}-${element}`);\n if (typo)\n return {\n ...typo['style'],\n // ~~replace font for rtl variant\n ...~~(rtl~~\n ? {\n fontFamily: 'SKODA Next R2L',\n }\n : {}~~),\n } as CSSProperties;\n else return null;\n};\n\n/\n Generate responsive typography style with the media queries\n /\nexport const generateTypography = (element: string, breakpointsOptions: BreakpointsOptions, rtl: boolean) => {\n const breakpoints = createBreakpoints(breakpointsOptions);\n\n return {\n ...getTypography(element, rtl, 'small'),\n [breakpoints.up('md')]: {\n ...getTypography(element, rtl, 'medium'),\n },\n [breakpoints.up('xl')]: {\n ...getTypography(element, rtl, 'large'),\n },\n };\n};\n\n/\n Build the typography theme options\n */\nexport const getTypographyOptions = (breakpointsOptions: BreakpointsOptions, rtl: boolean) => {\n const bodyTypo = generateTypography('body', breakpointsOptions, rtl);\n\n return {\n fontFamily: ~~[`SKODA Next${~~rtl ~~? ' R2L' : ''}`, 'sans-serif', 'Arial'].join(','~~),\n body: bodyTypo,\n ...Object.fromEntries(\n [\n 'h1',\n 'h2',\n 'h3',\n 'h4',\n 'subheadline',\n 'subtitle1',\n 'subtitle2',\n 'display',\n 'list',\n 'disclaimer',\n 'disclaimer1',\n 'disclaimer2',\n 'caption1',\n 'caption2',\n ].map((element) => [element, generateTypography(element, breakpointsOptions, rtl)]),\n ),\n // original @mui properties\n body1: bodyTypo,\n body2: bodyTypo,\n h5: generateTypography('subheadline', breakpointsOptions, rtl),\n h6: generateTypography('caption1', breakpointsOptions, rtl),\n caption: generateTypography('caption2', breakpointsOptions, rtl),\n overline: generateTypography('caption1', breakpointsOptions, rtl),\n // button, later this definition should come from @skodaflow/web-tokens\n button: {\n fontFamily: rtl ~~? 'SKODA Next R2L' : 'SKODA Next'~~,\n letterSpacing: '0.75px',\n textTransform: 'none',\n textDecoration: 'none',\n fontSize: '16px',\n fontWeight: '700',\n lineHeight: '16px',\n },\n };\n};\n"],"names":["~~getTypography~~","~~element~~","~~rtl~~","~~size~~","~~screen~~","typo","tokens","find","el","name","fontFamily","generateTypography","breakpointsOptions","breakpoints","createBreakpoints","up","getTypographyOptions","bodyTypo","~~join","~~body","Object","fromEntries","map","body1","body2","h5","h6","caption","overline","button","letterSpacing","textTransform","textDecoration","fontSize","fontWeight","lineHeight"],"mappings":"qGASO,MAAMA,EAAgB,CAACC,~~EAAiBC~~,~~EAAcC~~,KAC3D,MAAMC,~~EAASD,GAAQ,QACjBE,~~EAAOC,EAAO,mBAAmBC,KAAMC,GAAOA,EAAGC,OAAS,GAAGL,~~KAAUH~~,~~KAC7E~~,~~OAAII~~,EACK,IACFA,EAAY,~~SAEXH~~,~~EACA~~,~~CACEQ~~,~~WAAY~~,~~kBAEd~~,~~IAEI,MAMDC,~~EAAqB,~~CAACV~~,~~EAAiBW~~,~~EAAwCV~~,KAC1F,~~MAAMW~~,EAAcC,EAAkBF,GAEtC,MAAO,~~IACFZ~~,EAAcC,~~EAASC~~,EAAK,SAC/B,~~CAACW~~,EAAYE,GAAG,OAAQ,~~IACnBf~~,EAAcC,~~EAASC~~,EAAK,WAEjC,~~CAACW~~,EAAYE,GAAG,OAAQ,~~IACnBf~~,EAAcC,~~EAASC~~,EAAK,~~YAQxBc~~,EAAuB,CAACJ,~~EAAwCV~~,KAC3E,~~MAAMe~~,EAAWN,EAAmB,OAAQC,~~EAAoBV~~,GAEhE,MAAO,~~CACLQ~~,~~WAAY~~,~~CAAC~~,~~cAAaR~~,~~EAAM~~,~~OAAS~~,~~IAAM,aAAc,SAASgB,KAAK,KAC3EC,KAAMF,KACHG,~~OAAOC,YACR,CACE,KACA,KACA,KACA,KACA,cACA,YACA,YACA,UACA,OACA,aACA,cACA,cACA,WACA,YACAC,~~IAAKrB~~,GAAY,CAACA,~~EAASU~~,~~EAAmBV~~,~~EAASW~~,~~EAAoBV~~,MAG/~~EqB~~,MAAON,EACPO,~~MAAOP~~,~~EACPQ,GAAId,~~EAAmB,cAAeC,~~EAAoBV~~,~~GAC1DwB~~,~~GAAIf~~,EAAmB,WAAYC,~~EAAoBV~~,~~GACvDyB~~,~~QAAShB~~,EAAmB,WAAYC,~~EAAoBV~~,~~GAC5D0B~~,~~SAAUjB~~,EAAmB,WAAYC,~~EAAoBV~~,~~GAE7D2B~~,OAAQ,~~CACNnB~~,~~WAAYR~~,~~EAAM~~,~~iBAAmB~~,~~aACrC4B,~~cAAe,SACfC,cAAe,OACfC,eAAgB,OAChBC,SAAU,OACVC,WAAY,MACZC,WAAY"}
1	+ {"version":3,"file":"typography.theme.js","sources":["../../../src/materialui/typography/typography.theme.ts"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { BreakpointsOptions, createBreakpoints } from '@mui/system';\nimport tokens from '@skodaflow/web-tokens/src/tokens.json';\n\nexport type TypographySize = 'small' \| 'medium' \| 'large';\n\n/*\n Obtain fontFamily for SKODA Next font with fallbacks\n /\nexport const getFontFamily = (rtl: boolean) => {\n return [`SKODA Next${rtl ? ' R2L' : ''}`, 'Helvetica', 'Arial', 'system-ui', 'sans-serif'].join(',');\n};\n\n/\n Obtain style for element for the certain size\n /\nexport const getTypography = (element: string, rtl: boolean, size?: TypographySize) => {\n const typo = tokens['flow-typography'].find((el) => el.name === `${size ?? 'small'}-${element}`);\n if (typo)\n return {\n ...typo['style'],\n fontFamily: getFontFamily(rtl),\n } as CSSProperties;\n else return null;\n};\n\n/\n Generate responsive typography style with the media queries\n /\nexport const generateTypography = (element: string, breakpointsOptions: BreakpointsOptions, rtl: boolean) => {\n const breakpoints = createBreakpoints(breakpointsOptions);\n\n return {\n ...getTypography(element, rtl, 'small'),\n [breakpoints.up('md')]: {\n ...getTypography(element, rtl, 'medium'),\n },\n [breakpoints.up('xl')]: {\n ...getTypography(element, rtl, 'large'),\n },\n };\n};\n\n/\n Build the typography theme options\n */\nexport const getTypographyOptions = (breakpointsOptions: BreakpointsOptions, rtl: boolean) => {\n const bodyTypo = generateTypography('body', breakpointsOptions, rtl);\n\n return {\n fontFamily: getFontFamily(rtl),\n body: bodyTypo,\n ...Object.fromEntries(\n [\n 'h1',\n 'h2',\n 'h3',\n 'h4',\n 'subheadline',\n 'subtitle1',\n 'subtitle2',\n 'display',\n 'list',\n 'disclaimer',\n 'disclaimer1',\n 'disclaimer2',\n 'caption1',\n 'caption2',\n ].map((element) => [element, generateTypography(element, breakpointsOptions, rtl)]),\n ),\n // original @mui properties\n body1: bodyTypo,\n body2: bodyTypo,\n h5: generateTypography('subheadline', breakpointsOptions, rtl),\n h6: generateTypography('caption1', breakpointsOptions, rtl),\n caption: generateTypography('caption2', breakpointsOptions, rtl),\n overline: generateTypography('caption1', breakpointsOptions, rtl),\n // button, later this definition should come from @skodaflow/web-tokens\n button: {\n fontFamily: getFontFamily(rtl),\n letterSpacing: '0.75px',\n textTransform: 'none',\n textDecoration: 'none',\n fontSize: '16px',\n fontWeight: '700',\n lineHeight: '16px',\n },\n };\n};\n"],"names":["getFontFamily","rtl","join","getTypography","element","size","typo","tokens","find","el","name","fontFamily","generateTypography","breakpointsOptions","breakpoints","createBreakpoints","up","getTypographyOptions","bodyTypo","body","Object","fromEntries","map","body1","body2","h5","h6","caption","overline","button","letterSpacing","textTransform","textDecoration","fontSize","fontWeight","lineHeight"],"mappings":"qGASO,MAAMA,EAAiBC,GACrB,CAAC,cAAaA,EAAM,OAAS,IAAM,YAAa,QAAS,YAAa,cAAcC,KAAK,KAMrFC,EAAgB,CAACC,EAAiBH,EAAcI,KAC3D,MAAMC,EAAOC,EAAO,mBAAmBC,KAAMC,GAAOA,EAAGC,OAAS,GAAGL,GAAQ,WAAWD,KACtF,OAAIE,EACK,IACFA,EAAY,MACfK,WAAYX,EAAcC,IAElB,MAMDW,EAAqB,CAACR,EAAiBS,EAAwCZ,KAC1F,MAAMa,EAAcC,EAAkBF,GAEtC,MAAO,IACFV,EAAcC,EAASH,EAAK,SAC/B,CAACa,EAAYE,GAAG,OAAQ,IACnBb,EAAcC,EAASH,EAAK,WAEjC,CAACa,EAAYE,GAAG,OAAQ,IACnBb,EAAcC,EAASH,EAAK,YAQxBgB,EAAuB,CAACJ,EAAwCZ,KAC3E,MAAMiB,EAAWN,EAAmB,OAAQC,EAAoBZ,GAEhE,MAAO,CACLU,WAAYX,EAAcC,GAC1BkB,KAAMD,KACHE,OAAOC,YACR,CACE,KACA,KACA,KACA,KACA,cACA,YACA,YACA,UACA,OACA,aACA,cACA,cACA,WACA,YACAC,IAAKlB,GAAY,CAACA,EAASQ,EAAmBR,EAASS,EAAoBZ,MAG/EsB,MAAOL,EACPM,MAAON,EACPO,GAAIb,EAAmB,cAAeC,EAAoBZ,GAC1DyB,GAAId,EAAmB,WAAYC,EAAoBZ,GACvD0B,QAASf,EAAmB,WAAYC,EAAoBZ,GAC5D2B,SAAUhB,EAAmB,WAAYC,EAAoBZ,GAE7D4B,OAAQ,CACNlB,WAAYX,EAAcC,GAC1B6B,cAAe,SACfC,cAAe,OACfC,eAAgB,OAChBC,SAAU,OACVC,WAAY,MACZC,WAAY"}

package/package.json CHANGED Viewed

	@@ -1 +1 @@
1	- {"name":"@skodaflow/web-library","version":"8.2.0","description":"Implementation of Skoda Flow Design System with Material UI as core library.","author":"Skoda Auto","license":"SKODA AUTO Library EULA 1.1","peerDependencies":{"@emotion/cache":"^11.14.0","@emotion/react":"^11.14.0","@emotion/styled":"^11.14.1","@mui/material":"7.3.10 \|\| ^9.0.0","@mui/system":"^7.3.10 \|\| ^9.0.0","@mui/x-date-pickers":"^9.0.0","country-flag-icons":"^1.6.15","react":"^18.3.1 \|\| ^19.2.4","react-dom":"^18.3.1 \|\| ^19.2.4","swiper":"^12.1.3"},"dependencies":{"@skodaflow/web-tokens":"3.2.0","stylis":"4.3.6","stylis-plugin-rtl":"2.1.1","tslib":"2.8.1"},"sideEffects":false,"main":"./cjs/index.js","browser":"./index.js","module":"./index.js","types":"./index.d.ts"}
1	+ {"name":"@skodaflow/web-library","version":"8.3.0","description":"Implementation of Skoda Flow Design System with Material UI as core library.","author":"Skoda Auto","license":"SKODA AUTO Library EULA 1.1","peerDependencies":{"@emotion/cache":"^11.14.0","@emotion/react":"^11.14.0","@emotion/styled":"^11.14.1","@mui/material":"^7.3.10 \|\| ^9.0.0","@mui/system":"^7.3.10 \|\| ^9.0.0","@mui/x-date-pickers":"^9.0.0","country-flag-icons":"^1.6.15","react":"^18.3.1 \|\| ^19.2.4","react-dom":"^18.3.1 \|\| ^19.2.4","swiper":"^12.1.3"},"dependencies":{"@skodaflow/web-tokens":"3.2.0","stylis":"4.4.0","stylis-plugin-rtl":"2.1.1","tslib":"2.8.1"},"sideEffects":false,"main":"./cjs/index.js","browser":"./index.js","module":"./index.js","types":"./index.d.ts"}