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/cjs/materialui/switch/switch.theme.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var t=require("../../components/focusring/focusring.js");const i={defaultProps:{disableRipple:!0,disableFocusRipple:!0,disableTouchRipple:!0},styleOverrides:{root:({theme:i})=>({input:{maxWidth:"none"},borderRadius:"1000px","& .MuiSwitch-track":{borderRadius:"1000px"},".Mui-disabled":{".MuiSwitch-thumb":{backgroundColor:i.palette.disabled.tertiary}},position:"relative",overflow:"visible",...t.getFocusRingStyle(i,!1,0,":has(.Mui-focusVisible)")}),thumb:({theme:t})=>({boxShadow:"none",transition:"0.2s",color:t.palette.onSurface.os0,borderRadius:"1000px",flexShrink:"0",maxWidth:"none"}),track:({theme:t})=>({boxSizing:"border-box",opacity:"1",backgroundColor:t.palette.onSurface.os500}),switchBase:({theme:t})=>({transition:"0.2s","&.Mui-checked":{"& + .MuiSwitch-track":{opacity:"1",..."dark"===t.palette.mode&&{background:t.palette.brand.secondary}},..."dark"===t.palette.mode&&{"& .MuiSwitch-thumb":{background:t.palette.brand.tertiary}}},"&.Mui-disabled":{"& + .MuiSwitch-track":{backgroundColor:t.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)"}}}}};exports.flowSwitch=i;
+"use strict";var t=require("../../components/focusring/focusring.js");const i={defaultProps:{disableRipple:!0,disableFocusRipple:!0,disableTouchRipple:!0,slotProps:{input:t=>({role:"switch","aria-checked":t.checked})}},styleOverrides:{root:({theme:i})=>({input:{maxWidth:"none"},borderRadius:"1000px","& .MuiSwitch-track":{borderRadius:"1000px"},".Mui-disabled":{".MuiSwitch-thumb":{backgroundColor:i.palette.disabled.tertiary}},position:"relative",overflow:"visible",...t.getFocusRingStyle(i,!1,0,":has(.Mui-focusVisible)")}),thumb:({theme:t})=>({boxShadow:"none",transition:"0.2s",color:t.palette.onSurface.os0,borderRadius:"1000px",flexShrink:"0",maxWidth:"none"}),track:({theme:t})=>({boxSizing:"border-box",opacity:"1",backgroundColor:t.palette.onSurface.os500}),switchBase:({theme:t})=>({transition:"0.2s","&.Mui-checked":{"& + .MuiSwitch-track":{opacity:"1",..."dark"===t.palette.mode&&{background:t.palette.brand.secondary}},..."dark"===t.palette.mode&&{"& .MuiSwitch-thumb":{background:t.palette.brand.tertiary}}},"&.Mui-disabled":{"& + .MuiSwitch-track":{backgroundColor:t.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)"}}}}};exports.flowSwitch=i;
 //# sourceMappingURL=switch.theme.js.map

package/cjs/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":"sEAIO,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,EAAAA,~~kBAAkBV~~,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":"sEAIO,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,EAAAA,kBAAkBT,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/cjs/materialui/table/tablePagination.theme.js CHANGED Viewed

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

package/cjs/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":"qXAQO,MAAMA,EAA+D,CAC1EC,aAAc,CAEZC,iBAAiB,EACjBC,gBAAgB,EAKhBC,mBAAoB,EAAGC,OAAMC,KAAIC,QAAOC,UACtCC,EAAAA,KAAAC,EAAAA,SAAA,CAAAC,SAAA,CACEC,EAAAA,IAACC,EAAAA,IAAG,CAACC,UAAU,SAAQH,SAAEH,EAAO,IAChCI,EAAAA,IAACC,MAAG,CAACC,UAAU,OAAOC,UAAU,mBAAW,QAC3CH,EAAAA,IAACC,EAAAA,IAAG,CAACC,UAAU,OAAMH,SAAEK,KAAKC,~~MAAMV~~,GAASC,GAAQ,GAAKH,EAAO,GAAKG,EAAOF,EAAKD,EAAO,KAAO,~~OAIlGa~~,MAAO,CACLC,QAAS,CAEPC,mBAAoBC,EAAAA,cACpBC,eAAgBC,EAAAA,eAEhBC,gBAAiBC,EAAAA,oBACjBC,eAAgBC,EAAAA,kBAGpBC,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,EAAAA,kBAAkBxB,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":"qXAQO,MAAMA,EAA+D,CAC1EC,aAAc,CAEZC,iBAAiB,EACjBC,gBAAgB,EAKhBC,mBAAoB,EAAGC,OAAMC,KAAIC,QAAOC,UACtCC,EAAAA,KAAAC,EAAAA,SAAA,CAAAC,SAAA,CACEC,EAAAA,IAACC,EAAAA,IAAG,CAACC,UAAU,SAAQH,SAAEH,EAAO,IAChCI,EAAAA,IAACC,MAAG,CAACC,UAAU,OAAOC,UAAU,mBAAW,QAC3CH,EAAAA,IAACC,EAAAA,IAAG,CAACC,UAAU,OAAMH,SAAEK,KAAKC,KAAKV,GAASC,GAAQ,GAAKH,EAAO,GAAKG,EAAOF,EAAKD,EAAO,KAAO,OAIjGa,MAAO,CACLC,QAAS,CAEPC,mBAAoBC,EAAAA,cACpBC,eAAgBC,EAAAA,eAEhBC,gBAAiBC,EAAAA,oBACjBC,eAAgBC,EAAAA,kBAGpBC,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,EAAAA,kBAAkBxB,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/cjs/materialui/textfield/inputLabel.theme.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";exports.flowInputLabel={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)"}}}}};
+"use strict";exports.flowInputLabel={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)"}}}})}};
 //# sourceMappingURL=inputLabel.theme.js.map

package/cjs/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":["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":"oCAEkE,CAChEA,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":["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":"oCAEkE,CAChEA,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/cjs/materialui/theme/paletteDark.theme.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("@skodaflow/web-tokens/src/tokens.json"),r=require("./paletteLight.theme.js");function t(e){return e&&e.__esModule?e:{default:e}}const a=t(e).default["flow-colors"],o={...r.paletteLight,mode:"dark",text:{...r.paletteLight.text,primary:a["on-surface0"],secondary:a["on-surface200"]},background:{...r.paletteLight.background,primary:a["on-surface900"],paper:a["on-surface900"]},surface:{...r.paletteLight.surface,primary:"#232425",secondary:a["on-surface600"]},divider:a["on-surface600"]};o.transparent.toString=()=>"transparent",exports.paletteDark=o;
+"use strict";var e=require("@skodaflow/web-tokens/src/tokens.json"),r=require("./paletteLight.theme.js");function t(e){return e&&e.__esModule?e:{default:e}}const a=t(e).default["flow-colors"],o={...r.paletteLight,mode:"dark",text:{...r.paletteLight.text,primary:a["on-surface0"],secondary:a["on-surface200"]},background:{...r.paletteLight.background,primary:a["on-surface900"],paper:a["on-surface900"]},surface:{...r.paletteLight.surface,primary:"#232425",secondary:a["on-surface600"]},divider:a["on-surface600"]};exports.paletteDark=o;
 //# sourceMappingURL=paletteDark.theme.js.map

package/cjs/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":"4JAIA,MAAMA,OAAcC,QAAO,eAEdC,EAA8B,IACtCC,EAAAA,aACHC,KAAM,OACNC,KAAM,IACDF,EAAAA,aAAaE,KAEhBC,QAASN,EAAY,eACrBO,UAAWP,EAAY,kBAEzBQ,WAAY,IACPL,EAAAA,aAAaK,WAEhBF,QAASN,EAAY,iBACrBS,MAAOT,EAAY,kBAErBU,QAAS,IACJP,EAAAA,aAAaO,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":"4JAIA,MAAMA,OAAcC,QAAO,eAEdC,EAA8B,IACtCC,EAAAA,aACHC,KAAM,OACNC,KAAM,IACDF,EAAAA,aAAaE,KAEhBC,QAASN,EAAY,eACrBO,UAAWP,EAAY,kBAEzBQ,WAAY,IACPL,EAAAA,aAAaK,WAEhBF,QAASN,EAAY,iBACrBS,MAAOT,EAAY,kBAErBU,QAAS,IACJP,EAAAA,aAAaO,QAChBJ,QAAS,UACTC,UAAWP,EAAY,kBAEzBW,QAASX,EAAY"}

package/cjs/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/cjs/materialui/themeProvider/baseline.theme.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var t=require("@skodaflow/web-tokens/src/tokens.json"),o=require("../typography/typography.theme.js"),r=require("./fonts.js");function n(t){return t&&t.__esModule?t:{default:t}}var e=n(t);const f=(t,n,f,l)=>{const a={...t?{background:"unset",color:l.palette.text.primary,...o.generateTypography("body",n,f)}:{body:{background:"dark"===l.palette.mode?l.palette.onSurface.os900:l.palette.common.white,color:l.palette.text.primary}},[t?"&, *":"*"]:{"@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.fonts).filter(Boolean).length?[{"@font-face":{fontFamily:"SKODA Next"+(f?" R2L":""),src:`\n                url('${f?r.fonts?.rtlFontLightWoff2:r.fonts?.fontLightWoff2}') format('woff2'),\n                url('${f?r.fonts?.rtlFontLightWoff:r.fonts?.fontLightWoff}') format('woff'),\n                url('${f?r.fonts?.rtlFontLightTtf:r.fonts?.fontLightTtf}') format('truetype')\n              `,fontStyle:"normal",fontWeight:"300"}},{"@font-face":{fontFamily:"SKODA Next"+(f?" R2L":""),src:`\n                url('${f?r.fonts?.rtlFontRegularWoff2:r.fonts?.fontRegularWoff2}') format('woff2'),\n                url('${f?r.fonts?.rtlFontRegularWoff:r.fonts?.fontRegularWoff}') format('woff'),\n                url('${f?r.fonts?.rtlFontRegularTtf:r.fonts?.fontRegularTtf}') format('truetype')\n              `,fontStyle:"normal",fontWeight:"400"}},{"@font-face":{fontFamily:"SKODA Next"+(f?" R2L":""),src:`\n                url('${f?r.fonts?.rtlFontBoldWoff2:r.fonts?.fontBoldWoff2}') format('woff2'),\n                url('${f?r.fonts?.rtlFontBoldWoff:r.fonts?.fontBoldWoff}') format('woff'),\n                url('${f?r.fonts?.rtlFontBoldTtf:r.fonts?.fontBoldTtf}') format('truetype')\n              `,fontStyle:"normal",fontWeight:"700"}},{"@font-face":{fontFamily:"SKODA Next"+(f?" R2L":""),src:`\n                url('${f?r.fonts?.rtlFontBlackWoff2:r.fonts?.fontBlackWoff2}') format('woff2'),\n                url('${f?r.fonts?.rtlFontBlackWoff:r.fonts?.fontBlackWoff}') format('woff'),\n                url('${f?r.fonts?.rtlFontBlackTtf:r.fonts?.fontBlackTtf}') format('truetype')\n              `,fontStyle:"normal",fontWeight:"900"}}]:[]};return e.default["flow-typography"].forEach(r=>{const e=`${"list"===r.name.split("-")[1]?"typography-":""}${r.name.split("-")[1]}`;a[`${e}${t?':not([class^="Mui"])':""}, .${e}`]=o.generateTypography(e,n,f)}),a};exports.getFlowCssBaseline=(t,o)=>({styleOverrides:r=>f(!1,t,o,r)}),exports.getFlowCssBaselineRoot=f,exports.getFlowScopedCssBaseline=(t,o)=>({styleOverrides:{root:({theme:r})=>f(!0,t,o,r)}});
+"use strict";var t=require("@skodaflow/web-tokens/src/tokens.json"),o=require("../typography/typography.theme.js"),n=require("./fonts.js");function r(t){return t&&t.__esModule?t:{default:t}}var f=r(t);const e=(t,r,e,l)=>{const a={...t?{background:"unset",color:l.palette.text.primary,...o.generateTypography("body",r,e)}:{body:{background:"dark"===l.palette.mode?l.palette.onSurface.os900:l.palette.common.white,color:l.palette.text.primary}},[t?"&, *":"*"]:{"@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(n.fonts).filter(Boolean).length?[{"@font-face":{fontFamily:"SKODA Next"+(e?" R2L":""),src:`\n                url('${e?n.fonts?.rtlFontLightWoff2:n.fonts?.fontLightWoff2}') format('woff2'),\n                url('${e?n.fonts?.rtlFontLightWoff:n.fonts?.fontLightWoff}') format('woff'),\n                url('${e?n.fonts?.rtlFontLightTtf:n.fonts?.fontLightTtf}') format('truetype')\n              `,fontStyle:"normal",fontWeight:"300",fontDisplay:"swap"}},{"@font-face":{fontFamily:"SKODA Next"+(e?" R2L":""),src:`\n                url('${e?n.fonts?.rtlFontRegularWoff2:n.fonts?.fontRegularWoff2}') format('woff2'),\n                url('${e?n.fonts?.rtlFontRegularWoff:n.fonts?.fontRegularWoff}') format('woff'),\n                url('${e?n.fonts?.rtlFontRegularTtf:n.fonts?.fontRegularTtf}') format('truetype')\n              `,fontStyle:"normal",fontWeight:"400",fontDisplay:"swap"}},{"@font-face":{fontFamily:"SKODA Next"+(e?" R2L":""),src:`\n                url('${e?n.fonts?.rtlFontBoldWoff2:n.fonts?.fontBoldWoff2}') format('woff2'),\n                url('${e?n.fonts?.rtlFontBoldWoff:n.fonts?.fontBoldWoff}') format('woff'),\n                url('${e?n.fonts?.rtlFontBoldTtf:n.fonts?.fontBoldTtf}') format('truetype')\n              `,fontStyle:"normal",fontWeight:"700",fontDisplay:"swap"}},{"@font-face":{fontFamily:"SKODA Next"+(e?" R2L":""),src:`\n                url('${e?n.fonts?.rtlFontBlackWoff2:n.fonts?.fontBlackWoff2}') format('woff2'),\n                url('${e?n.fonts?.rtlFontBlackWoff:n.fonts?.fontBlackWoff}') format('woff'),\n                url('${e?n.fonts?.rtlFontBlackTtf:n.fonts?.fontBlackTtf}') format('truetype')\n              `,fontStyle:"normal",fontWeight:"900",fontDisplay:"swap"}}]:[]};return f.default["flow-typography"].forEach(n=>{const f=`${"list"===n.name.split("-")[1]?"typography-":""}${n.name.split("-")[1]}`;a[`${f}${t?':not([class^="Mui"])':""}, .${f}`]=o.generateTypography(f,r,e)}),a};exports.getFlowCssBaseline=(t,o)=>({styleOverrides:n=>e(!1,t,o,n)}),exports.getFlowCssBaselineRoot=e,exports.getFlowScopedCssBaseline=(t,o)=>({styleOverrides:{root:({theme:n})=>e(!0,t,o,n)}});
 //# sourceMappingURL=baseline.theme.js.map

package/cjs/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","styleOverrides","root"],"mappings":"yMAKO,MAAMA,EAAyB,CACpCC,EACAC,EACAC,EACAC,KAGA,MAAMC,EAAsB,IACtBJ,EACA,CACEK,WAAY,QACZC,MAAOH,EAAMI,QAAQC,KAAKC,WACvBC,qBAAmB,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,EAAAA,OAAOC,OAAOC,SAASC,OAE7C,CACE,CACE,aAAc,CACZC,WAAY,cAAalC,EAAM,OAAS,IACxCmC,IAAK,0BACInC,EAAM8B,EAAAA,OAAOM,kBAAoBN,EAAAA,OAAOO,2DACxCrC,EAAM8B,EAAAA,OAAOQ,iBAAmBR,EAAAA,OAAOS,yDACvCvC,EAAM8B,EAAAA,OAAOU,gBAAkBV,EAAAA,OAAOW,oDAE/CC,UAAW,SACXC,WAAY,~~QAGhB~~,CACE,aAAc,~~CACZT~~,WAAY,cAAalC,EAAM,OAAS,IACxCmC,IAAK,0BACInC,EAAM8B,EAAAA,~~OAAOc~~,~~oBAAsBd~~,EAAAA,~~OAAOe~~,~~6DAC1C7C~~,EAAM8B,EAAAA,~~OAAOgB~~,~~mBAAqBhB~~,EAAAA,~~OAAOiB~~,~~2DACzC/C~~,EAAM8B,EAAAA,~~OAAOkB~~,~~kBAAoBlB~~,EAAAA,~~OAAOmB~~,~~sDAEjDP~~,UAAW,SACXC,WAAY,~~QAGhB~~,CACE,aAAc,~~CACZT~~,WAAY,cAAalC,EAAM,OAAS,IACxCmC,IAAK,0BACInC,EAAM8B,EAAAA,~~OAAOoB~~,~~iBAAmBpB~~,EAAAA,~~OAAOqB~~,~~0DACvCnD~~,EAAM8B,EAAAA,~~OAAOsB~~,~~gBAAkBtB~~,EAAAA,~~OAAOuB~~,~~wDACtCrD~~,EAAM8B,EAAAA,~~OAAOwB~~,~~eAAiBxB~~,EAAAA,~~OAAOyB~~,~~mDAE9Cb~~,UAAW,SACXC,WAAY,~~QAGhB~~,CACE,aAAc,~~CACZT~~,WAAY,cAAalC,EAAM,OAAS,IACxCmC,IAAK,0BACInC,EAAM8B,EAAAA,~~OAAO0B~~,~~kBAAoB1B~~,EAAAA,~~OAAO2B~~,~~2DACxCzD~~,EAAM8B,EAAAA,~~OAAO4B~~,~~iBAAmB5B~~,EAAAA,~~OAAO6B~~,~~yDACvC3D~~,EAAM8B,EAAAA,~~OAAO8B~~,~~gBAAkB9B~~,EAAAA,~~OAAO+B~~,oDAE/~~CnB~~,UAAW,SACXC,WAAY,~~SA/ClB~~,~~IA+DN~~,OAVAmB,EAAAA,QAAO,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~~,EAAAA,~~mBAAmByD~~,~~EAAIlE~~,EAAoBC,KAGtDE,8BAYyB,CAChCH,EACAC,KAAY,~~CAEZoE~~,~~eAAiBnE~~,GAAUJ,GAAuB,EAAOE,EAAoBC,EAAKC,uEAb5C,CACtCF,EACAC,KAAY,~~CAEZoE~~,eAAgB,CACdC,KAAM,~~EAAGpE~~,WAAYJ,GAAuB,EAAME,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","styleOverrides","root"],"mappings":"yMAKO,MAAMA,EAAyB,CACpCC,EACAC,EACAC,EACAC,KAGA,MAAMC,EAAsB,IACtBJ,EACA,CACEK,WAAY,QACZC,MAAOH,EAAMI,QAAQC,KAAKC,WACvBC,qBAAmB,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,EAAAA,OAAOC,OAAOC,SAASC,OAE7C,CACE,CACE,aAAc,CACZC,WAAY,cAAalC,EAAM,OAAS,IACxCmC,IAAK,0BACInC,EAAM8B,EAAAA,OAAOM,kBAAoBN,EAAAA,OAAOO,2DACxCrC,EAAM8B,EAAAA,OAAOQ,iBAAmBR,EAAAA,OAAOS,yDACvCvC,EAAM8B,EAAAA,OAAOU,gBAAkBV,EAAAA,OAAOW,oDAE/CC,UAAW,SACXC,WAAY,MACZC,YAAa,SAGjB,CACE,aAAc,CACZV,WAAY,cAAalC,EAAM,OAAS,IACxCmC,IAAK,0BACInC,EAAM8B,EAAAA,OAAOe,oBAAsBf,EAAAA,OAAOgB,6DAC1C9C,EAAM8B,EAAAA,OAAOiB,mBAAqBjB,EAAAA,OAAOkB,2DACzChD,EAAM8B,EAAAA,OAAOmB,kBAAoBnB,EAAAA,OAAOoB,sDAEjDR,UAAW,SACXC,WAAY,MACZC,YAAa,SAGjB,CACE,aAAc,CACZV,WAAY,cAAalC,EAAM,OAAS,IACxCmC,IAAK,0BACInC,EAAM8B,EAAAA,OAAOqB,iBAAmBrB,EAAAA,OAAOsB,0DACvCpD,EAAM8B,EAAAA,OAAOuB,gBAAkBvB,EAAAA,OAAOwB,wDACtCtD,EAAM8B,EAAAA,OAAOyB,eAAiBzB,EAAAA,OAAO0B,mDAE9Cd,UAAW,SACXC,WAAY,MACZC,YAAa,SAGjB,CACE,aAAc,CACZV,WAAY,cAAalC,EAAM,OAAS,IACxCmC,IAAK,0BACInC,EAAM8B,EAAAA,OAAO2B,kBAAoB3B,EAAAA,OAAO4B,2DACxC1D,EAAM8B,EAAAA,OAAO6B,iBAAmB7B,EAAAA,OAAO8B,yDACvC5D,EAAM8B,EAAAA,OAAO+B,gBAAkB/B,EAAAA,OAAOgC,oDAE/CpB,UAAW,SACXC,WAAY,MACZC,YAAa,UAnDnB,IAmEN,OAVAmB,EAAAA,QAAO,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,EAAAA,mBAAmB0D,EAAInE,EAAoBC,KAGtDE,8BAYyB,CAChCH,EACAC,KAAY,CAEZqE,eAAiBpE,GAAUJ,GAAuB,EAAOE,EAAoBC,EAAKC,uEAb5C,CACtCF,EACAC,KAAY,CAEZqE,eAAgB,CACdC,KAAM,EAAGrE,WAAYJ,GAAuB,EAAME,EAAoBC,EAAKC"}

package/cjs/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/cjs/materialui/typography/typography.theme.js CHANGED Viewed

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

package/cjs/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","bodyTypo","~~join","~~body","Object","fromEntries","map","body1","body2","h5","h6","caption","overline","button","letterSpacing","textTransform","textDecoration","fontSize","fontWeight","lineHeight"],"mappings":"uJASO,MAAMA,EAAgB,CAACC,~~EAAiBC~~,~~EAAcC~~,KAC3D,MAAMC,~~EAASD,GAAQ,QACjBE,~~EAAOC,EAAAA,QAAO,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,EAAAA,kBAAkBF,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,~~8FAQD~~,~~CAACU~~,~~EAAwCV~~,KAC3E,~~MAAMc~~,EAAWL,EAAmB,OAAQC,~~EAAoBV~~,GAEhE,MAAO,~~CACLQ~~,~~WAAY~~,~~CAAC~~,~~cAAaR~~,~~EAAM~~,~~OAAS~~,~~IAAM,aAAc,SAASe,KAAK,KAC3EC,KAAMF,KACHG,~~OAAOC,YACR,CACE,KACA,KACA,KACA,KACA,cACA,YACA,YACA,UACA,OACA,aACA,cACA,cACA,WACA,YACAC,~~IAAKpB~~,GAAY,CAACA,~~EAASU~~,~~EAAmBV~~,~~EAASW~~,~~EAAoBV~~,MAG/~~EoB~~,MAAON,EACPO,~~MAAOP~~,~~EACPQ,GAAIb,~~EAAmB,cAAeC,~~EAAoBV~~,~~GAC1DuB~~,~~GAAId~~,EAAmB,WAAYC,~~EAAoBV~~,~~GACvDwB~~,~~QAASf~~,EAAmB,WAAYC,~~EAAoBV~~,~~GAC5DyB~~,~~SAAUhB~~,EAAmB,WAAYC,~~EAAoBV~~,~~GAE7D0B~~,OAAQ,~~CACNlB~~,~~WAAYR~~,~~EAAM~~,~~iBAAmB~~,~~aACrC2B,~~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","bodyTypo","body","Object","fromEntries","map","body1","body2","h5","h6","caption","overline","button","letterSpacing","textTransform","textDecoration","fontSize","fontWeight","lineHeight"],"mappings":"uJASO,MAAMA,EAAiBC,GACrB,CAAC,cAAaA,EAAM,OAAS,IAAM,YAAa,QAAS,YAAa,cAAcC,KAAK,KAMrFC,EAAgB,CAACC,EAAiBH,EAAcI,KAC3D,MAAMC,EAAOC,EAAAA,QAAO,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,EAAAA,kBAAkBF,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,sHAQD,CAACY,EAAwCZ,KAC3E,MAAMgB,EAAWL,EAAmB,OAAQC,EAAoBZ,GAEhE,MAAO,CACLU,WAAYX,EAAcC,GAC1BiB,KAAMD,KACHE,OAAOC,YACR,CACE,KACA,KACA,KACA,KACA,cACA,YACA,YACA,UACA,OACA,aACA,cACA,cACA,WACA,YACAC,IAAKjB,GAAY,CAACA,EAASQ,EAAmBR,EAASS,EAAoBZ,MAG/EqB,MAAOL,EACPM,MAAON,EACPO,GAAIZ,EAAmB,cAAeC,EAAoBZ,GAC1DwB,GAAIb,EAAmB,WAAYC,EAAoBZ,GACvDyB,QAASd,EAAmB,WAAYC,EAAoBZ,GAC5D0B,SAAUf,EAAmB,WAAYC,EAAoBZ,GAE7D2B,OAAQ,CACNjB,WAAYX,EAAcC,GAC1B4B,cAAe,SACfC,cAAe,OACfC,eAAgB,OAChBC,SAAU,OACVC,WAAY,MACZC,WAAY"}

package/components/advancedTable/agGridSkodaTheme.js CHANGED Viewed

@@ -1,2 +1,2 @@
-const e=e=>({fontFamily:"rtl"===e.direction?"SKODA Next R2L":"SKODA Next",fontSize:14,iconSize:17,backgroundColor:"transparent",foregroundColor:e.palette.text.primary,dataColor:e.palette.text.primary,headerForegroundColor:e.palette.text.primary,headerBackgroundColor:"transparent",subHeaderBackgroundColor:"transparent",subHeaderToolbarBackgroundColor:"transparent",secondaryForegroundColor:e.palette.onSurface.os500,disabledForegroundColor:e.palette.disabled.tertiary,checkboxCheckedColor:e.palette.brand.primary,checkboxIndeterminateColor:e.palette.brand.primary,rowHoverColor:e.palette.surface.primary,oddRowBackgroundColor:"transparent",rowBorderColor:e.palette.surface.secondary,selectedRowBackgroundColor:e.palette.surface.primary,headerFontSize:14,headerFontWeight:700,headerHeight:54,rowHeight:56,paginationPanelHeight:70,cellHorizontalPadding:16,cellVerticalPadding:4,rowVerticalPaddingScale:.04,borderRadius:8,headerColumnSeparatorColor:e.palette.surface.secondary,headerColumnResizeHandleColor:e.palette.surface.secondary,headerColumnSeparatorDisplay:"block",headerColumnResizeHandleDisplay:"block"});export{e as skodaAgThemeParams};
+import{getFontFamily as e}from"../../materialui/typography/typography.theme.js";const r=r=>({fontFamily:e("rtl"===r.direction),fontSize:14,iconSize:17,backgroundColor:"transparent",foregroundColor:r.palette.text.primary,dataColor:r.palette.text.primary,headerForegroundColor:r.palette.text.primary,headerBackgroundColor:"transparent",subHeaderBackgroundColor:"transparent",subHeaderToolbarBackgroundColor:"transparent",secondaryForegroundColor:r.palette.onSurface.os500,disabledForegroundColor:r.palette.disabled.tertiary,checkboxCheckedColor:r.palette.brand.primary,checkboxIndeterminateColor:r.palette.brand.primary,rowHoverColor:r.palette.surface.primary,oddRowBackgroundColor:"transparent",rowBorderColor:r.palette.surface.secondary,selectedRowBackgroundColor:r.palette.surface.primary,headerFontSize:14,headerFontWeight:700,headerHeight:54,rowHeight:56,paginationPanelHeight:70,cellHorizontalPadding:16,cellVerticalPadding:4,rowVerticalPaddingScale:.04,borderRadius:8,headerColumnSeparatorColor:r.palette.surface.secondary,headerColumnResizeHandleColor:r.palette.surface.secondary,headerColumnSeparatorDisplay:"block",headerColumnResizeHandleDisplay:"block"});export{r as skodaAgThemeParams};
 //# sourceMappingURL=agGridSkodaTheme.js.map

package/components/advancedTable/agGridSkodaTheme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"agGridSkodaTheme.js","sources":["../../../src/components/advancedTable/agGridSkodaTheme.ts"],"sourcesContent":["import { Theme } from '@mui/material';\n\n/** AG Grid Theme parameters (replaces variables since AG Grid v32) */\nexport const skodaAgThemeParams = (theme: Theme) => ({\n // typography\n fontFamily: theme.direction === 'rtl' ~~? 'SKODA Next R2L' : 'SKODA Next'~~,\n fontSize: 14,\n iconSize: 17,\n\n // colors\n backgroundColor: 'transparent',\n foregroundColor: theme.palette.text.primary,\n dataColor: theme.palette.text.primary,\n headerForegroundColor: theme.palette.text.primary,\n headerBackgroundColor: 'transparent',\n subHeaderBackgroundColor: 'transparent',\n subHeaderToolbarBackgroundColor: 'transparent',\n secondaryForegroundColor: theme.palette.onSurface.os500,\n disabledForegroundColor: theme.palette.disabled.tertiary,\n checkboxCheckedColor: theme.palette.brand.primary,\n checkboxIndeterminateColor: theme.palette.brand.primary,\n\n // rows / hover / borders\n rowHoverColor: theme.palette.surface.primary,\n oddRowBackgroundColor: 'transparent',\n rowBorderColor: theme.palette.surface.secondary,\n selectedRowBackgroundColor: theme.palette.surface.primary,\n\n // sizing / spacing\n headerFontSize: 14,\n headerFontWeight: 700,\n headerHeight: 54,\n rowHeight: 56,\n paginationPanelHeight: 70,\n cellHorizontalPadding: 16,\n cellVerticalPadding: 4,\n rowVerticalPaddingScale: 0.04,\n borderRadius: 8,\n\n // header separators\n headerColumnSeparatorColor: theme.palette.surface.secondary,\n headerColumnResizeHandleColor: theme.palette.surface.secondary,\n headerColumnSeparatorDisplay: 'block',\n headerColumnResizeHandleDisplay: 'block',\n});\n"],"names":["skodaAgThemeParams","theme","fontFamily","direction","fontSize","iconSize","backgroundColor","foregroundColor","palette","text","primary","dataColor","headerForegroundColor","headerBackgroundColor","subHeaderBackgroundColor","subHeaderToolbarBackgroundColor","secondaryForegroundColor","onSurface","os500","disabledForegroundColor","disabled","tertiary","checkboxCheckedColor","brand","checkboxIndeterminateColor","rowHoverColor","surface","oddRowBackgroundColor","rowBorderColor","secondary","selectedRowBackgroundColor","headerFontSize","headerFontWeight","headerHeight","rowHeight","paginationPanelHeight","cellHorizontalPadding","cellVerticalPadding","rowVerticalPaddingScale","borderRadius","headerColumnSeparatorColor","headerColumnResizeHandleColor","headerColumnSeparatorDisplay","headerColumnResizeHandleDisplay"],"mappings":"~~MAGaA~~,EAAsBC,IAAY,CAE7CC,~~WAAgC~~,~~QAApBD~~,~~EAAME~~,~~UAAsB~~,~~iBAAmB~~,~~aAC3DC,~~SAAU,GACVC,SAAU,GAGVC,gBAAiB,cACjBC,~~gBAAiBN~~,~~EAAMO~~,QAAQC,KAAKC,QACpCC,~~UAAWV~~,~~EAAMO~~,QAAQC,KAAKC,QAC9BE,~~sBAAuBX~~,~~EAAMO~~,QAAQC,KAAKC,QAC1CG,sBAAuB,cACvBC,yBAA0B,cAC1BC,gCAAiC,cACjCC,~~yBAA0Bf~~,~~EAAMO~~,QAAQS,UAAUC,MAClDC,~~wBAAyBlB~~,~~EAAMO~~,QAAQY,SAASC,SAChDC,~~qBAAsBrB~~,~~EAAMO~~,QAAQe,MAAMb,QAC1Cc,~~2BAA4BvB~~,~~EAAMO~~,QAAQe,MAAMb,QAGhDe,~~cAAexB~~,~~EAAMO~~,QAAQkB,QAAQhB,QACrCiB,sBAAuB,cACvBC,~~eAAgB3B~~,~~EAAMO~~,QAAQkB,QAAQG,UACtCC,~~2BAA4B7B~~,~~EAAMO~~,QAAQkB,QAAQhB,QAGlDqB,eAAgB,GAChBC,iBAAkB,IAClBC,aAAc,GACdC,UAAW,GACXC,sBAAuB,GACvBC,sBAAuB,GACvBC,oBAAqB,EACrBC,wBAAyB,IACzBC,aAAc,EAGdC,~~2BAA4BvC~~,~~EAAMO~~,QAAQkB,QAAQG,UAClDY,8BAA+~~BxC~~,~~EAAMO~~,QAAQkB,QAAQG,UACrDa,6BAA8B,QAC9BC,gCAAiC"}
1	+ {"version":3,"file":"agGridSkodaTheme.js","sources":["../../../src/components/advancedTable/agGridSkodaTheme.ts"],"sourcesContent":["import { Theme } from '@mui/material';\nimport { getFontFamily } from '@/src/materialui/typography/typography.theme';\n\n/** AG Grid Theme parameters (replaces variables since AG Grid v32) */\nexport const skodaAgThemeParams = (theme: Theme) => ({\n // typography\n fontFamily: getFontFamily(theme.direction === 'rtl'),\n fontSize: 14,\n iconSize: 17,\n\n // colors\n backgroundColor: 'transparent',\n foregroundColor: theme.palette.text.primary,\n dataColor: theme.palette.text.primary,\n headerForegroundColor: theme.palette.text.primary,\n headerBackgroundColor: 'transparent',\n subHeaderBackgroundColor: 'transparent',\n subHeaderToolbarBackgroundColor: 'transparent',\n secondaryForegroundColor: theme.palette.onSurface.os500,\n disabledForegroundColor: theme.palette.disabled.tertiary,\n checkboxCheckedColor: theme.palette.brand.primary,\n checkboxIndeterminateColor: theme.palette.brand.primary,\n\n // rows / hover / borders\n rowHoverColor: theme.palette.surface.primary,\n oddRowBackgroundColor: 'transparent',\n rowBorderColor: theme.palette.surface.secondary,\n selectedRowBackgroundColor: theme.palette.surface.primary,\n\n // sizing / spacing\n headerFontSize: 14,\n headerFontWeight: 700,\n headerHeight: 54,\n rowHeight: 56,\n paginationPanelHeight: 70,\n cellHorizontalPadding: 16,\n cellVerticalPadding: 4,\n rowVerticalPaddingScale: 0.04,\n borderRadius: 8,\n\n // header separators\n headerColumnSeparatorColor: theme.palette.surface.secondary,\n headerColumnResizeHandleColor: theme.palette.surface.secondary,\n headerColumnSeparatorDisplay: 'block',\n headerColumnResizeHandleDisplay: 'block',\n});\n"],"names":["skodaAgThemeParams","theme","fontFamily","getFontFamily","direction","fontSize","iconSize","backgroundColor","foregroundColor","palette","text","primary","dataColor","headerForegroundColor","headerBackgroundColor","subHeaderBackgroundColor","subHeaderToolbarBackgroundColor","secondaryForegroundColor","onSurface","os500","disabledForegroundColor","disabled","tertiary","checkboxCheckedColor","brand","checkboxIndeterminateColor","rowHoverColor","surface","oddRowBackgroundColor","rowBorderColor","secondary","selectedRowBackgroundColor","headerFontSize","headerFontWeight","headerHeight","rowHeight","paginationPanelHeight","cellHorizontalPadding","cellVerticalPadding","rowVerticalPaddingScale","borderRadius","headerColumnSeparatorColor","headerColumnResizeHandleColor","headerColumnSeparatorDisplay","headerColumnResizeHandleDisplay"],"mappings":"sFAIaA,EAAsBC,IAAY,CAE7CC,WAAYC,EAAkC,QAApBF,EAAMG,WAChCC,SAAU,GACVC,SAAU,GAGVC,gBAAiB,cACjBC,gBAAiBP,EAAMQ,QAAQC,KAAKC,QACpCC,UAAWX,EAAMQ,QAAQC,KAAKC,QAC9BE,sBAAuBZ,EAAMQ,QAAQC,KAAKC,QAC1CG,sBAAuB,cACvBC,yBAA0B,cAC1BC,gCAAiC,cACjCC,yBAA0BhB,EAAMQ,QAAQS,UAAUC,MAClDC,wBAAyBnB,EAAMQ,QAAQY,SAASC,SAChDC,qBAAsBtB,EAAMQ,QAAQe,MAAMb,QAC1Cc,2BAA4BxB,EAAMQ,QAAQe,MAAMb,QAGhDe,cAAezB,EAAMQ,QAAQkB,QAAQhB,QACrCiB,sBAAuB,cACvBC,eAAgB5B,EAAMQ,QAAQkB,QAAQG,UACtCC,2BAA4B9B,EAAMQ,QAAQkB,QAAQhB,QAGlDqB,eAAgB,GAChBC,iBAAkB,IAClBC,aAAc,GACdC,UAAW,GACXC,sBAAuB,GACvBC,sBAAuB,GACvBC,oBAAqB,EACrBC,wBAAyB,IACzBC,aAAc,EAGdC,2BAA4BxC,EAAMQ,QAAQkB,QAAQG,UAClDY,8BAA+BzC,EAAMQ,QAAQkB,QAAQG,UACrDa,6BAA8B,QAC9BC,gCAAiC"}

package/components/carousel/Autoplay.d.ts CHANGED Viewed

@@ -20,13 +20,18 @@ export interface CarouselAutoplayProgressProps extends Omit<BoxProps, 'children'
  * Spinner with autoplay progress value
  */
 export declare const CarouselAutoplayProgress: ({ carousel: carouselProp, sx, spinnerProps, position, ...rest }: CarouselAutoplayProgressProps) => import("react/jsx-runtime").JSX.Element;
-export interface CarouselAutoplayIconButtonProps extends Partial<PlayPauseButtonProps> {
+export interface CarouselAutoplayIconButtonProps extends Omit<Partial<PlayPauseButtonProps>, 'aria-label'> {
     /**
      * Optional Carousel instance from useCarouselInstance hook
      */
     carousel?: CarouselInstance;
+    /**
+     * Accessible label for the button. Accepts a plain string or a function called with the current playing state.
+     * @default (isPlaying) => isPlaying ? 'Pause carousel autoplay' : 'Play carousel autoplay'
+     */
+    'aria-label'?: string | ((isPlaying: boolean) => string);
 }
 /**
  * IconButton controlling play/paused state of the autoplay
  */
-export declare function CarouselAutoplayIconButton({ carousel: carouselProp, ...rest }: CarouselAutoplayIconButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function CarouselAutoplayIconButton({ carousel: carouselProp, 'aria-label': ariaLabel, ...rest }: CarouselAutoplayIconButtonProps): import("react/jsx-runtime").JSX.Element;

package/components/carousel/Autoplay.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as o}from"react/jsx-runtime";import{Box as t}from"@mui/material";import{sxOverride as a}from"../../utils/sxOverride/sxOverride.js";import{useCarousel as r}from"./hooks.js";import{useSwiper as e}from"swiper/react";import{useState as s,useEffect as i}from"react";import{PlayPauseButton as u}from"../playPauseButton/PlayPauseButton.js";import{Spinner as p}from"../progress/Spinner.js";const n=({carousel:r,sx:u,spinnerProps:n,position:l="outside",...m})=>{const[y,c]=s(0),d=e(),f=r||d;return i(()=>{f?.autoplay&&f.on("autoplayTimeLeft",(o,t,a)=>{c(o.autoplay.paused?0:Math.round(100-100*a))})},[!!f]),o(t,{sx:a({position:"relative",display:"flex",m:2,..."inside"===l&&{position:"absolute",zIndex:"90",bottom:"0",left:"0",right:"0",m:2}},u),"data-testid":"CarouselAutoplayProgress",...m,children:o(p,{value:y,...n})})};function l({carousel:t,...a}){const e=r(),p=t||e,[n,l]=s(0);return i(()=>{p?.autoplay&&p.on("autoplayTimeLeft",(o,t,a)=>{l(o.autoplay.paused?0:Math.round(100-100*a))})},[!!p]),o(u,{"aria-label":p?.autoplay?.running?"Pause carousel autoplay":"Play carousel autoplay",isPlaying:!!p?.autoplay?.running,progress:n,onClick:()=>{p?.autoplay?.[p?.autoplay?.running?"stop":"start"]()},...a})}export{l as CarouselAutoplayIconButton,n as CarouselAutoplayProgress};
+import{jsx as o}from"react/jsx-runtime";import{Box as t}from"@mui/material";import{sxOverride as a}from"../../utils/sxOverride/sxOverride.js";import{useCarousel as r}from"./hooks.js";import{useSwiper as e}from"swiper/react";import{useState as s,useEffect as i}from"react";import{PlayPauseButton as u}from"../playPauseButton/PlayPauseButton.js";import{Spinner as p}from"../progress/Spinner.js";const l=({carousel:r,sx:u,spinnerProps:l,position:n="outside",...m})=>{const[y,f]=s(0),c=e(),d=r||c;return i(()=>{d?.autoplay&&d.on("autoplayTimeLeft",(o,t,a)=>{f(o.autoplay.paused?0:Math.round(100-100*a))})},[!!d]),o(t,{sx:a({position:"relative",display:"flex",m:2,..."inside"===n&&{position:"absolute",zIndex:"90",bottom:"0",left:"0",right:"0",m:2}},u),"data-testid":"CarouselAutoplayProgress",...m,children:o(p,{value:y,...l})})};function n({carousel:t,"aria-label":a=o=>o?"Pause carousel autoplay":"Play carousel autoplay",...e}){const p=r(),l=t||p,[n,m]=s(0),y=!!l?.autoplay?.running;return i(()=>{l?.autoplay&&l.on("autoplayTimeLeft",(o,t,a)=>{m(o.autoplay.paused?0:Math.round(100-100*a))})},[!!l]),o(u,{"aria-label":"function"==typeof a?a(y):a,isPlaying:y,progress:n,onClick:()=>{l?.autoplay?.[l?.autoplay?.running?"stop":"start"]()},...e})}export{n as CarouselAutoplayIconButton,l as CarouselAutoplayProgress};
 //# sourceMappingURL=Autoplay.js.map

package/components/carousel/Autoplay.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Autoplay.js","sources":["../../../src/components/carousel/Autoplay.tsx"],"sourcesContent":["import { Box, BoxProps } from '@mui/material';\nimport { sxOverride } from '@/src/utils/sxOverride';\nimport { useCarousel } from './hooks';\nimport { Swiper as CarouselInstance } from 'swiper';\nimport { useSwiper } from 'swiper/react';\nimport { useEffect, useState } from 'react';\nimport { PlayPauseButton, PlayPauseButtonProps } from '@/src/components/playPauseButton/PlayPauseButton';\nimport { Spinner, SpinnerProps } from '@/src/components/progress/Spinner';\n\nexport interface CarouselAutoplayProgressProps extends Omit<BoxProps, 'children' \| 'position'> {\n /*\n Optional Carousel instance from useCarouselInstance hook\n /\n carousel?: CarouselInstance;\n /\n Progress Props\n /\n spinnerProps?: Omit<SpinnerProps, 'value'>;\n /\n Append style to wrapper box to change position of component\n /\n position?: 'outside' \| 'inside';\n}\n\n/\n Spinner with autoplay progress value\n /\nexport const CarouselAutoplayProgress = ({\n carousel: carouselProp,\n sx,\n spinnerProps,\n position = 'outside',\n ...rest\n}: CarouselAutoplayProgressProps) => {\n const [value, setValue] = useState<number>(0);\n const carouselHook = useSwiper();\n const carousel = carouselProp \|\| carouselHook;\n\n useEffect(() => {\n // attach listener that controls progress value based on swiper special event\n if (carousel?.autoplay) {\n carousel.on('autoplayTimeLeft', (instance, _timeLeft, percentage) => {\n setValue(instance.autoplay.paused ? 0 : Math.round(100 - percentage 100));\n });\n }\n }, [!!carousel]);\n\n return (\n <Box\n sx={sxOverride(\n {\n position: 'relative',\n display: 'flex',\n m: 2,\n ...(position === 'inside' && {\n position: 'absolute',\n zIndex: '90',\n bottom: '0',\n left: '0',\n right: '0',\n m: 2,\n }),\n },\n sx,\n )}\n data-testid=\"CarouselAutoplayProgress\"\n {...rest}\n >\n <Spinner value={value} {...spinnerProps} />\n </Box>\n );\n};\n\nexport interface CarouselAutoplayIconButtonProps extends Partial<PlayPauseButtonProps> {\n /*\n Optional Carousel instance from useCarouselInstance hook\n /\n carousel?: CarouselInstance;\n}\n\n/\n IconButton controlling play/paused state of the autoplay\n /\nexport function CarouselAutoplayIconButton({ carousel: carouselProp, ...rest }: CarouselAutoplayIconButtonProps) {\n const carouselHook = useCarousel();\n const carousel = carouselProp \|\| carouselHook;\n const [value, setValue] = useState<number>(0);\n\n useEffect(() => {\n // attach listener that controls progress value based on swiper special event\n if (carousel?.autoplay) {\n carousel.on('autoplayTimeLeft', (instance, _timeLeft, percentage) => {\n setValue(instance.autoplay.paused ? 0 : Math.round(100 - percentage 100));\n });\n }\n }, [!!carousel]);\n\n return (\n <PlayPauseButton\n aria-label={~~carousel?.autoplay?.running~~ ? '~~Pause~~ ~~carousel~~ ~~autoplay'~~ : ~~'Play carousel autoplay'~~}\n isPlaying={~~!!carousel?.autoplay?.running~~}\n progress={value}\n onClick={() => {\n carousel?.autoplay?.[carousel?.autoplay?.running ? 'stop' : 'start']();\n }}\n {...rest}\n />\n );\n}\n"],"names":["CarouselAutoplayProgress","carousel","carouselProp","sx","spinnerProps","position","rest","value","setValue","useState","carouselHook","useSwiper","useEffect","autoplay","on","instance","_timeLeft","percentage","paused","Math","round","_jsx","Box","sxOverride","display","m","zIndex","bottom","left","right","Spinner","CarouselAutoplayIconButton","~~useCarousel~~","~~PlayPauseButton~~","running","~~isPlaying~~","progress","onClick"],"mappings":"+YA2BaA,EAA2B,EACtCC,SAAUC,EACVC,KACAC,eACAC,WAAW,aACRC,MAEH,MAAOC,EAAOC,GAAYC,EAAiB,GACrCC,EAAeC,IACfV,EAAWC,GAAgBQ,EAWjC,OATAE,EAAU,KAEJX,GAAUY,UACZZ,EAASa,GAAG,mBAAoB,CAACC,EAAUC,EAAWC,KACpDT,EAASO,EAASF,SAASK,OAAS,EAAIC,KAAKC,MAAM,IAAmB,IAAbH,OAG5D,GAAGhB,IAGJoB,EAACC,GACCnB,GAAIoB,EACF,CACElB,SAAU,WACVmB,QAAS,OACTC,EAAG,KACc,WAAbpB,GAAyB,CAC3BA,SAAU,WACVqB,OAAQ,KACRC,OAAQ,IACRC,KAAM,IACNC,MAAO,IACPJ,EAAG,IAGPtB,GACD,cACW,8BACRG,WAEJe,EAACS,EAAO,CAACvB,MAAOA,KAAWH,~~OAe3B~~,SAAU2B,~~GAA6B9B~~,SAAUC,~~KAAiBI~~,~~IACtE~~,MAAMI,~~EAAesB~~,~~IACf/B~~,EAAWC,GAAgBQ,GAC1BH,EAAOC,GAAYC,EAAiB,~~GAW3C~~,~~OATAG~~,EAAU,KAEJX,GAAUY,UACZZ,EAASa,GAAG,mBAAoB,CAACC,EAAUC,EAAWC,KACpDT,EAASO,EAASF,SAASK,OAAS,EAAIC,KAAKC,MAAM,IAAmB,IAAbH,OAG5D,GAAGhB,IAGJoB,~~EAACY~~,EAAe,CAAA,~~aACFhC~~,~~GAAUY~~,~~UAAUqB~~,~~QAAU~~,~~0BAA4B~~,~~yBACtEC~~,~~YAAalC~~,~~GAAUY~~,~~UAAUqB~~,~~QACjCE~~,~~SAAU7B,EACV8B,~~QAAS,~~KACPpC~~,GAAUY,WAAWZ,GAAUY,~~UAAUqB~~,QAAU,OAAS,~~eAE1D5B~~,GAGV"}
1	+ {"version":3,"file":"Autoplay.js","sources":["../../../src/components/carousel/Autoplay.tsx"],"sourcesContent":["import { Box, BoxProps } from '@mui/material';\nimport { sxOverride } from '@/src/utils/sxOverride';\nimport { useCarousel } from './hooks';\nimport { Swiper as CarouselInstance } from 'swiper';\nimport { useSwiper } from 'swiper/react';\nimport { useEffect, useState } from 'react';\nimport { PlayPauseButton, PlayPauseButtonProps } from '@/src/components/playPauseButton/PlayPauseButton';\nimport { Spinner, SpinnerProps } from '@/src/components/progress/Spinner';\n\nexport interface CarouselAutoplayProgressProps extends Omit<BoxProps, 'children' \| 'position'> {\n /*\n Optional Carousel instance from useCarouselInstance hook\n /\n carousel?: CarouselInstance;\n /\n Progress Props\n /\n spinnerProps?: Omit<SpinnerProps, 'value'>;\n /\n Append style to wrapper box to change position of component\n /\n position?: 'outside' \| 'inside';\n}\n\n/\n Spinner with autoplay progress value\n /\nexport const CarouselAutoplayProgress = ({\n carousel: carouselProp,\n sx,\n spinnerProps,\n position = 'outside',\n ...rest\n}: CarouselAutoplayProgressProps) => {\n const [value, setValue] = useState<number>(0);\n const carouselHook = useSwiper();\n const carousel = carouselProp \|\| carouselHook;\n\n useEffect(() => {\n // attach listener that controls progress value based on swiper special event\n if (carousel?.autoplay) {\n carousel.on('autoplayTimeLeft', (instance, _timeLeft, percentage) => {\n setValue(instance.autoplay.paused ? 0 : Math.round(100 - percentage 100));\n });\n }\n }, [!!carousel]);\n\n return (\n <Box\n sx={sxOverride(\n {\n position: 'relative',\n display: 'flex',\n m: 2,\n ...(position === 'inside' && {\n position: 'absolute',\n zIndex: '90',\n bottom: '0',\n left: '0',\n right: '0',\n m: 2,\n }),\n },\n sx,\n )}\n data-testid=\"CarouselAutoplayProgress\"\n {...rest}\n >\n <Spinner value={value} {...spinnerProps} />\n </Box>\n );\n};\n\nexport interface CarouselAutoplayIconButtonProps extends Omit<Partial<PlayPauseButtonProps>, 'aria-label'> {\n /*\n Optional Carousel instance from useCarouselInstance hook\n /\n carousel?: CarouselInstance;\n /\n Accessible label for the button. Accepts a plain string or a function called with the current playing state.\n * @default (isPlaying) => isPlaying ? 'Pause carousel autoplay' : 'Play carousel autoplay'\n /\n 'aria-label'?: string \| ((isPlaying: boolean) => string);\n}\n\n/\n IconButton controlling play/paused state of the autoplay\n /\nexport function CarouselAutoplayIconButton({\n carousel: carouselProp,\n 'aria-label': ariaLabel = (isPlaying) => isPlaying ? 'Pause carousel autoplay' : 'Play carousel autoplay',\n ...rest\n}: CarouselAutoplayIconButtonProps) {\n const carouselHook = useCarousel();\n const carousel = carouselProp \|\| carouselHook;\n const [value, setValue] = useState<number>(0);\n const isPlaying = !!carousel?.autoplay?.running;\n\n useEffect(() => {\n // attach listener that controls progress value based on swiper special event\n if (carousel?.autoplay) {\n carousel.on('autoplayTimeLeft', (instance, _timeLeft, percentage) => {\n setValue(instance.autoplay.paused ? 0 : Math.round(100 - percentage 100));\n });\n }\n }, [!!carousel]);\n\n return (\n <PlayPauseButton\n aria-label={typeof ariaLabel === 'function' ? ariaLabel(isPlaying) : ariaLabel}\n isPlaying={isPlaying}\n progress={value}\n onClick={() => {\n carousel?.autoplay?.[carousel?.autoplay?.running ? 'stop' : 'start']();\n }}\n {...rest}\n />\n );\n}\n"],"names":["CarouselAutoplayProgress","carousel","carouselProp","sx","spinnerProps","position","rest","value","setValue","useState","carouselHook","useSwiper","useEffect","autoplay","on","instance","_timeLeft","percentage","paused","Math","round","_jsx","Box","sxOverride","display","m","zIndex","bottom","left","right","Spinner","CarouselAutoplayIconButton","ariaLabel","isPlaying","useCarousel","running","PlayPauseButton","progress","onClick"],"mappings":"+YA2BaA,EAA2B,EACtCC,SAAUC,EACVC,KACAC,eACAC,WAAW,aACRC,MAEH,MAAOC,EAAOC,GAAYC,EAAiB,GACrCC,EAAeC,IACfV,EAAWC,GAAgBQ,EAWjC,OATAE,EAAU,KAEJX,GAAUY,UACZZ,EAASa,GAAG,mBAAoB,CAACC,EAAUC,EAAWC,KACpDT,EAASO,EAASF,SAASK,OAAS,EAAIC,KAAKC,MAAM,IAAmB,IAAbH,OAG5D,GAAGhB,IAGJoB,EAACC,GACCnB,GAAIoB,EACF,CACElB,SAAU,WACVmB,QAAS,OACTC,EAAG,KACc,WAAbpB,GAAyB,CAC3BA,SAAU,WACVqB,OAAQ,KACRC,OAAQ,IACRC,KAAM,IACNC,MAAO,IACPJ,EAAG,IAGPtB,GACD,cACW,8BACRG,WAEJe,EAACS,EAAO,CAACvB,MAAOA,KAAWH,OAoB3B,SAAU2B,GACd9B,SAAUC,EACV,aAAc8B,EAAaC,GAAcA,EAAY,0BAA4B,4BAC9E3B,IAEH,MAAMI,EAAewB,IACfjC,EAAWC,GAAgBQ,GAC1BH,EAAOC,GAAYC,EAAiB,GACrCwB,IAAchC,GAAUY,UAAUsB,QAWxC,OATAvB,EAAU,KAEJX,GAAUY,UACZZ,EAASa,GAAG,mBAAoB,CAACC,EAAUC,EAAWC,KACpDT,EAASO,EAASF,SAASK,OAAS,EAAIC,KAAKC,MAAM,IAAmB,IAAbH,OAG5D,GAAGhB,IAGJoB,EAACe,EAAe,CAAA,aACmB,mBAAdJ,EAA2BA,EAAUC,GAAaD,EACrEC,UAAWA,EACXI,SAAU9B,EACV+B,QAAS,KACPrC,GAAUY,WAAWZ,GAAUY,UAAUsB,QAAU,OAAS,eAE1D7B,GAGV"}

package/components/carousel/hooks.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{useState as e,useEffect as t,useLayoutEffect as r,useRef as s}from"react";import{useSwiper as n}from"swiper/react";function l(t){const[r,s]=e(null);return c(r,t),[r,s]}function o(e){const t=n();return c(t,e),t}function c(s,n){const[,l]=e({});t(()=>{s&&(n??["slideChange","afterInit","reachBeginning","reachEnd","autoplayStart","autoplayStop","lock","unlock"]).forEach(e=>{s.on(e,()=>{l({})})})},[s]),r(()=>{l({})},[])}function i(r){const[n,l]=e(null),o=s(null),[c,i]=e(!1);return t(()=>("reset"===n?(r?.el?.classList.remove("peek-prev"),r?.el?.classList.remove("peek-next"),o.current=setTimeout(()=>{l(null)},+(r?.el?.dataset?.peekspeed??150))):n?c||(r?.slideReset(0),"prev"===n?(r?.slidePrev(0),r?.slideNext(0)):(r?.slideNext(0),r?.slidePrev(0)),r?.el?.classList.add("peeking"),r?.el?.classList.add(`peek-${n}`)):(r?.el?.classList.remove("peeking"),r?.el?.classList.remove("peek-prev"),r?.el?.classList.remove("peek-next")),()=>{o.current&&clearTimeout(o.current)}),[n]),t(()=>{r?.on("touchStart",()=>{l("reset"),i(!0)}),r?.on("touchEnd",()=>{l("reset"),i(!1)})},[!!r]),[n,l]}export{o as useCarousel,l as useCarouselInstance,i as useCarouselPeekEffect};
+import{useMemo as e,useState as t,useEffect as r,useLayoutEffect as n,useRef as s}from"react";import{useSwiper as l}from"swiper/react";function o(r){const[n,s]=t(null),l=i(n,r);return[e(()=>n?new Proxy(n,{_t:l}):n,[n,l]),s]}function c(t){const r=l(),n=i(r,t);return e(()=>r?new Proxy(r,{_t:n}):r,[r,n])}function i(e,s){const[l,o]=t(0);return r(()=>{e&&(s??["slideChange","afterInit","reachBeginning","reachEnd","fromEdge","autoplayStart","autoplayStop","lock","unlock"]).forEach(t=>{e.on(t,()=>{o(e=>e+1)})})},[e]),n(()=>{o(e=>e+1)},[]),l}function a(e){const[n,l]=t(null),o=s(null),[c,i]=t(!1);return r(()=>("reset"===n?(e?.el?.classList.remove("peek-prev"),e?.el?.classList.remove("peek-next"),o.current=setTimeout(()=>{l(null)},+(e?.el?.dataset?.peekspeed??150))):n?c||(e?.slideReset(0),"prev"===n?(e?.slidePrev(0),e?.slideNext(0)):(e?.slideNext(0),e?.slidePrev(0)),e?.el?.classList.add("peeking"),e?.el?.classList.add(`peek-${n}`)):(e?.el?.classList.remove("peeking"),e?.el?.classList.remove("peek-prev"),e?.el?.classList.remove("peek-next")),()=>{o.current&&clearTimeout(o.current)}),[n]),r(()=>{e?.on("touchStart",()=>{l("reset"),i(!0)}),e?.on("touchEnd",()=>{l("reset"),i(!1)})},[!!e]),[n,l]}export{c as useCarousel,o as useCarouselInstance,a as useCarouselPeekEffect};
 //# sourceMappingURL=hooks.js.map

package/components/carousel/hooks.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"hooks.js","sources":["../../../src/components/carousel/hooks.ts"],"sourcesContent":["import { useState, useEffect, useLayoutEffect, useRef } from 'react';\nimport type { Swiper as CarouselInstance } from 'swiper';\nimport { useSwiper } from 'swiper/react';\nimport { SwiperEvents } from 'swiper/types';\n\n/*\n Hook to obtain and manage CarouselInstance\n * /\nexport function useCarouselInstance(events?: (keyof SwiperEvents)[]) {\n const [carousel, setCarousel] = useState<CarouselInstance \| null>(null);\n useRefreshInstance(carousel, events);\n\n ~~return~~ [carousel, setCarousel] as const;\n}\n\n/\n Hook to obtain CarouselInstance inside the Carousel component\n /\nexport function useCarousel(events?: (keyof SwiperEvents)[]) {\n const carousel = useSwiper();\n useRefreshInstance(carousel, events);\n\n return carousel;\n}\n\n/\n Internal hook that forces re-renders on events like slideChange, so the carousel.realIndex is correct\n * https://github.com/nolimits4web/swiper/issues/5577\n /\nfunction useRefreshInstance(carousel: CarouselInstance, events?: (keyof SwiperEvents)[]) {\n // force re-render\n const [, setRerender] = useState({});\n useEffect(() => {\n if (carousel) {\n // subscribe to carousel events to trigger re-render\n (\n events ?? [\n 'slideChange',\n 'afterInit',\n 'reachBeginning',\n 'reachEnd',\n 'autoplayStart',\n 'autoplayStop',\n 'lock',\n 'unlock',\n ]\n ).forEach((evt: keyof SwiperEvents) => {\n carousel.on(evt, () => {\n setRerender({});\n });\n });\n }\n }, [carousel]);\n // once everything is rendered, make sure to re-render to have proper data (initialization)\n useLayoutEffect(() => {\n setRerender({});\n }, []);\n}\n\n/\n Manage peek effect in the Carousel by adding classes to the Carousel instance\n /\nexport function useCarouselPeekEffect(carousel: CarouselInstance) {\n const [peek, setPeek] = useState<'prev' \| 'next' \| 'reset' \| null>(null);\n const peekTimeout = useRef<NodeJS.Timeout \| null>(null);\n const [disabled, setDisabled] = useState<boolean>(false);\n\n useEffect(() => {\n if (peek === 'reset') {\n carousel?.el?.classList.remove('peek-prev');\n carousel?.el?.classList.remove('peek-next');\n peekTimeout.current = setTimeout(\n () => {\n setPeek(null);\n },\n +(carousel?.el?.dataset?.peekspeed ?? 150),\n ); // matches transitionDuration in the Carousel\n } else if (peek) {\n if (!disabled) {\n // make sure prev/next slide is visible (loop)\n carousel?.slideReset(0);\n if (peek === 'prev') {\n carousel?.slidePrev(0);\n carousel?.slideNext(0);\n } else {\n carousel?.slideNext(0);\n carousel?.slidePrev(0);\n }\n carousel?.el?.classList.add('peeking');\n carousel?.el?.classList.add(`peek-${peek}`);\n }\n } else {\n carousel?.el?.classList.remove('peeking');\n carousel?.el?.classList.remove('peek-prev');\n carousel?.el?.classList.remove('peek-next');\n }\n\n return () => {\n if (peekTimeout.current) {\n clearTimeout(peekTimeout.current);\n }\n };\n }, [peek]);\n\n /\n Watch carousel instance\n */\n useEffect(() => {\n // once carousel is being dragged, reset and disable peek effect\n carousel?.on('touchStart', () => {\n setPeek('reset');\n setDisabled(true);\n });\n carousel?.on('touchEnd', () => {\n setPeek('reset');\n setDisabled(false);\n });\n }, [!!carousel]);\n\n return [peek, setPeek] as const;\n}\n"],"names":["useCarouselInstance","events","carousel","setCarousel","useState","useRefreshInstance","useCarousel","useSwiper","setRerender","useEffect","forEach","evt","on","useLayoutEffect","useCarouselPeekEffect","peek","setPeek","peekTimeout","useRef","disabled","setDisabled","el","classList","remove","current","setTimeout","dataset","peekspeed","slideReset","slidePrev","slideNext","add","clearTimeout"],"mappings":"~~0HAQM~~,SAAUA,EAAoBC,GAClC,MAAOC,EAAUC,GAAeC,EAAkC,~~MAGlE~~,~~OAFAC~~,~~EAAmBH~~,EAAUD,~~GAEtB~~,~~CAACC~~,~~EAAUC~~,~~EACpB~~,CAKM,~~SAAUG~~,~~EAAYL~~,GAC1B,MAAMC,~~EAAWK~~,~~IAGjB~~,~~OAFAF~~,~~EAAmBH~~,EAAUD,~~GAEtBC~~,~~CACT~~,CAMA,~~SAASG~~,~~EAAmBH~~,EAA4BD,GAEtD,~~OAASO~~,~~GAAeJ~~,EAAS,~~IACjCK~~,EAAU,~~KACJP~~,~~IAGAD~~,GAAU,CACR,cACA,YACA,iBACA,WACA,gBACA,eACA,OACA,~~WAEFS~~,QAASC,~~IACTT~~,~~EAASU~~,GAAGD,EAAK,KACfH,~~EAAY~~,~~CAAA~~,~~QAIjB~~,~~CAACN~~,~~IAEJW~~,EAAgB,~~KACdL~~,~~EAAY~~,~~CAAA~~,~~IACX~~,~~GACL~~,CAKM,~~SAAUM~~,~~EAAsBZ~~,GACpC,~~MAAOa~~,EAAMC,~~GAAWZ~~,EAA2C,~~MAC7Da~~,EAAcC,EAA8B,OAC3CC,EAAUC,~~GAAehB~~,GAAkB,GAsDlD,~~OApDAK~~,EAAU,KACK,~~UAATM~~,~~GACFb~~,~~GAAUmB~~,IAAIC,UAAUC,OAAO,aAC/~~BrB~~,~~GAAUmB~~,IAAIC,UAAUC,OAAO,aAC/BN,EAAYO,QAAUC,WACpB,KACET,EAAQ,~~SAERd~~,~~GAAUmB~~,IAAIK,SAASC,WAAa,OAE/BZ,EACJI,~~IAEHjB~~,~~GAAU0B~~,WAAW,GACR,SAATb,~~GACFb~~,~~GAAU2B~~,UAAU,~~GACpB3B~~,~~GAAU4B~~,UAAU,~~KAEpB5B~~,~~GAAU4B~~,UAAU,~~GACpB5B~~,~~GAAU2B~~,UAAU,~~IAEtB3B~~,~~GAAUmB~~,IAAIC,UAAUS,IAAI,~~WAC5B7B~~,~~GAAUmB~~,IAAIC,UAAUS,IAAI,QAAQhB,~~OAGtCb~~,~~GAAUmB~~,IAAIC,UAAUC,OAAO,WAC/~~BrB~~,~~GAAUmB~~,IAAIC,UAAUC,OAAO,aAC/~~BrB~~,~~GAAUmB~~,IAAIC,UAAUC,OAAO,cAG1B,KACDN,EAAYO,SACdQ,aAAaf,EAAYO,WAG5B,CAACT,~~IAKJN~~,EAAU,~~KAERP~~,~~GAAUU~~,GAAG,aAAc,~~KACzBI~~,EAAQ,SACRI,GAAY,~~KAEdlB~~,~~GAAUU~~,GAAG,WAAY,~~KACvBI~~,EAAQ,SACRI,GAAY,MAEb,~~GAAGlB~~,IAEC,~~CAACa~~,EAAMC,EAChB"}
1	+ {"version":3,"file":"hooks.js","sources":["../../../src/components/carousel/hooks.ts"],"sourcesContent":["import { useState, useEffect, useLayoutEffect, useMemo, useRef } from 'react';\nimport type { Swiper as CarouselInstance } from 'swiper';\nimport { useSwiper } from 'swiper/react';\nimport { SwiperEvents } from 'swiper/types';\n\n/*\n Hook to obtain and manage CarouselInstance\n * /\nexport function useCarouselInstance(events?: (keyof SwiperEvents)[]) {\n const [carousel, setCarousel] = useState<CarouselInstance \| null>(null);\n const renderCount = useRefreshInstance(carousel, events);\n\n const proxiedCarousel = useMemo(\n () => (carousel ? new Proxy(carousel, { _t: renderCount } as unknown as ProxyHandler<CarouselInstance>) : carousel),\n [carousel, renderCount],\n );\n\n return [proxiedCarousel, setCarousel] as const;\n}\n\n/\n Hook to obtain CarouselInstance inside the Carousel component\n /\nexport function useCarousel(events?: (keyof SwiperEvents)[]) {\n const carousel = useSwiper();\n const renderCount = useRefreshInstance(carousel, events);\n\n return useMemo(\n () =>\n carousel\n ? (new Proxy(carousel, { _t: renderCount } as unknown as ProxyHandler<CarouselInstance>) as CarouselInstance)\n : carousel,\n [carousel, renderCount],\n );\n}\n\n/\n Internal hook that forces re-renders on events like slideChange, so the carousel.realIndex is correct\n * https://github.com/nolimits4web/swiper/issues/5577\n /\nfunction useRefreshInstance(carousel: CarouselInstance, events?: (keyof SwiperEvents)[]): number {\n // force re-render\n const [renderCount, setRerender] = useState(0);\n useEffect(() => {\n if (carousel) {\n // subscribe to carousel events to trigger re-render\n // https://swiperjs.com/swiper-api#events\n (\n events ?? [\n 'slideChange',\n 'afterInit',\n 'reachBeginning',\n 'reachEnd',\n 'fromEdge',\n 'autoplayStart',\n 'autoplayStop',\n 'lock',\n 'unlock',\n ]\n ).forEach((evt: keyof SwiperEvents) => {\n carousel.on(evt, () => {\n setRerender((t) => t + 1);\n });\n });\n }\n }, [carousel]);\n // once everything is rendered, make sure to re-render to have proper data (initialization)\n useLayoutEffect(() => {\n setRerender((t) => t + 1);\n }, []);\n\n return renderCount;\n}\n\n/\n Manage peek effect in the Carousel by adding classes to the Carousel instance\n /\nexport function useCarouselPeekEffect(carousel: CarouselInstance) {\n const [peek, setPeek] = useState<'prev' \| 'next' \| 'reset' \| null>(null);\n const peekTimeout = useRef<NodeJS.Timeout \| null>(null);\n const [disabled, setDisabled] = useState<boolean>(false);\n\n useEffect(() => {\n if (peek === 'reset') {\n carousel?.el?.classList.remove('peek-prev');\n carousel?.el?.classList.remove('peek-next');\n peekTimeout.current = setTimeout(\n () => {\n setPeek(null);\n },\n +(carousel?.el?.dataset?.peekspeed ?? 150),\n ); // matches transitionDuration in the Carousel\n } else if (peek) {\n if (!disabled) {\n // make sure prev/next slide is visible (loop)\n carousel?.slideReset(0);\n if (peek === 'prev') {\n carousel?.slidePrev(0);\n carousel?.slideNext(0);\n } else {\n carousel?.slideNext(0);\n carousel?.slidePrev(0);\n }\n carousel?.el?.classList.add('peeking');\n carousel?.el?.classList.add(`peek-${peek}`);\n }\n } else {\n carousel?.el?.classList.remove('peeking');\n carousel?.el?.classList.remove('peek-prev');\n carousel?.el?.classList.remove('peek-next');\n }\n\n return () => {\n if (peekTimeout.current) {\n clearTimeout(peekTimeout.current);\n }\n };\n }, [peek]);\n\n /\n Watch carousel instance\n */\n useEffect(() => {\n // once carousel is being dragged, reset and disable peek effect\n carousel?.on('touchStart', () => {\n setPeek('reset');\n setDisabled(true);\n });\n carousel?.on('touchEnd', () => {\n setPeek('reset');\n setDisabled(false);\n });\n }, [!!carousel]);\n\n return [peek, setPeek] as const;\n}\n"],"names":["useCarouselInstance","events","carousel","setCarousel","useState","renderCount","useRefreshInstance","useMemo","Proxy","_t","useCarousel","useSwiper","setRerender","useEffect","forEach","evt","on","t","useLayoutEffect","useCarouselPeekEffect","peek","setPeek","peekTimeout","useRef","disabled","setDisabled","el","classList","remove","current","setTimeout","dataset","peekspeed","slideReset","slidePrev","slideNext","add","clearTimeout"],"mappings":"uIAQM,SAAUA,EAAoBC,GAClC,MAAOC,EAAUC,GAAeC,EAAkC,MAC5DC,EAAcC,EAAmBJ,EAAUD,GAOjD,MAAO,CALiBM,EACtB,IAAOL,EAAW,IAAIM,MAAMN,EAAU,CAAEO,GAAIJ,IAA8DH,EAC1G,CAACA,EAAUG,IAGYF,EAC3B,CAKM,SAAUO,EAAYT,GAC1B,MAAMC,EAAWS,IACXN,EAAcC,EAAmBJ,EAAUD,GAEjD,OAAOM,EACL,IACEL,EACK,IAAIM,MAAMN,EAAU,CAAEO,GAAIJ,IAC3BH,EACN,CAACA,EAAUG,GAEf,CAMA,SAASC,EAAmBJ,EAA4BD,GAEtD,MAAOI,EAAaO,GAAeR,EAAS,GA6B5C,OA5BAS,EAAU,KACJX,IAIAD,GAAU,CACR,cACA,YACA,iBACA,WACA,WACA,gBACA,eACA,OACA,WAEFa,QAASC,IACTb,EAASc,GAAGD,EAAK,KACfH,EAAaK,GAAMA,EAAI,QAI5B,CAACf,IAEJgB,EAAgB,KACdN,EAAaK,GAAMA,EAAI,IACtB,IAEIZ,CACT,CAKM,SAAUc,EAAsBjB,GACpC,MAAOkB,EAAMC,GAAWjB,EAA2C,MAC7DkB,EAAcC,EAA8B,OAC3CC,EAAUC,GAAerB,GAAkB,GAsDlD,OApDAS,EAAU,KACK,UAATO,GACFlB,GAAUwB,IAAIC,UAAUC,OAAO,aAC/B1B,GAAUwB,IAAIC,UAAUC,OAAO,aAC/BN,EAAYO,QAAUC,WACpB,KACET,EAAQ,SAERnB,GAAUwB,IAAIK,SAASC,WAAa,OAE/BZ,EACJI,IAEHtB,GAAU+B,WAAW,GACR,SAATb,GACFlB,GAAUgC,UAAU,GACpBhC,GAAUiC,UAAU,KAEpBjC,GAAUiC,UAAU,GACpBjC,GAAUgC,UAAU,IAEtBhC,GAAUwB,IAAIC,UAAUS,IAAI,WAC5BlC,GAAUwB,IAAIC,UAAUS,IAAI,QAAQhB,OAGtClB,GAAUwB,IAAIC,UAAUC,OAAO,WAC/B1B,GAAUwB,IAAIC,UAAUC,OAAO,aAC/B1B,GAAUwB,IAAIC,UAAUC,OAAO,cAG1B,KACDN,EAAYO,SACdQ,aAAaf,EAAYO,WAG5B,CAACT,IAKJP,EAAU,KAERX,GAAUc,GAAG,aAAc,KACzBK,EAAQ,SACRI,GAAY,KAEdvB,GAAUc,GAAG,WAAY,KACvBK,EAAQ,SACRI,GAAY,MAEb,GAAGvB,IAEC,CAACkB,EAAMC,EAChB"}

package/components/icon/filled/CarChargingFilledIcon.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import React from 'react';
+import { SvgIconProps } from '@mui/material';
+/**
+ * Flow brand exclusive icon
+ */
+export declare const CarChargingFilledIcon: React.FC<SvgIconProps>;

package/components/icon/filled/CarChargingFilledIcon.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{jsxs as r,jsx as H}from"react/jsx-runtime";import{forwardRef as t}from"react";import{SvgIcon as C}from"@mui/material";const m=t((t,m)=>r(C,{viewBox:"2 2 20 20",ref:m,...t,children:[H("path",{d:"M10.7998 5.40039C10.7999 9.04523 13.7546 12.0008 17.3994 12.001C18.3073 12.001 19.1727 11.817 19.96 11.4854V17.1016C19.9596 18.2011 19.0801 19.1013 17.9805 19.1016C17.1205 19.1016 16.2406 18.5808 16.0205 17.501H7.98047C7.76043 18.5806 6.88031 19.1014 6.02051 19.1016C4.92072 19.1016 4.04038 18.2013 4.04004 17.1016V11.2607L4.52051 10.2812H3.08008V8.68164H5.28027L6.95996 5.20117H10.8047C10.8027 5.26728 10.7998 5.33381 10.7998 5.40039ZM7.08008 14.0615H9.58008C10.24 14.6214 11.0802 14.9814 12 14.9814C12.9198 14.9814 13.76 14.6213 14.4199 14.0615H16.9199V12.5615H13.8398C13.4198 13.1412 12.7598 13.5215 12 13.5215C11.2402 13.5215 10.5802 13.1413 10.1602 12.5615H7.08008V14.0615Z"}),H("path",{d:"M16.4912 10.4764L21.2367 4.69855H17.6224L19.2778 1.08008H17.7604L13.0149 6.85796H16.6292L14.9738 10.4764H16.4912Z"})]}));export{m as CarChargingFilledIcon};
2	+ //# sourceMappingURL=CarChargingFilledIcon.js.map

package/components/icon/filled/CarChargingFilledIcon.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CarChargingFilledIcon.js","sources":["../../../../src/components/icon/filled/CarChargingFilledIcon.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { SvgIcon, SvgIconProps } from '@mui/material';\n\n/**\n * Flow brand exclusive icon\n */\nexport const CarChargingFilledIcon: React.FC<SvgIconProps> = forwardRef((props, ref) => {\n return (\n <SvgIcon viewBox=\"2 2 20 20\" ref={ref} {...props}>\n <path d=\"M10.7998 5.40039C10.7999 9.04523 13.7546 12.0008 17.3994 12.001C18.3073 12.001 19.1727 11.817 19.96 11.4854V17.1016C19.9596 18.2011 19.0801 19.1013 17.9805 19.1016C17.1205 19.1016 16.2406 18.5808 16.0205 17.501H7.98047C7.76043 18.5806 6.88031 19.1014 6.02051 19.1016C4.92072 19.1016 4.04038 18.2013 4.04004 17.1016V11.2607L4.52051 10.2812H3.08008V8.68164H5.28027L6.95996 5.20117H10.8047C10.8027 5.26728 10.7998 5.33381 10.7998 5.40039ZM7.08008 14.0615H9.58008C10.24 14.6214 11.0802 14.9814 12 14.9814C12.9198 14.9814 13.76 14.6213 14.4199 14.0615H16.9199V12.5615H13.8398C13.4198 13.1412 12.7598 13.5215 12 13.5215C11.2402 13.5215 10.5802 13.1413 10.1602 12.5615H7.08008V14.0615Z\" />\n <path d=\"M16.4912 10.4764L21.2367 4.69855H17.6224L19.2778 1.08008H17.7604L13.0149 6.85796H16.6292L14.9738 10.4764H16.4912Z\" />\n </SvgIcon>\n );\n});\n"],"names":["CarChargingFilledIcon","forwardRef","props","ref","_jsxs","SvgIcon","viewBox","children","_jsx","d"],"mappings":"6HAMO,MAAMA,EAAgDC,EAAW,CAACC,EAAOC,IAE5EC,EAACC,EAAO,CAACC,QAAQ,YAAYH,IAAKA,KAASD,EAAKK,SAAA,CAC9CC,EAAA,OAAA,CAAMC,EAAE,2qBACRD,EAAA,OAAA,CAAMC,EAAE"}

package/components/icon/filled/EmissionLabelFilledIcon.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import React from 'react';
+import { SvgIconProps } from '@mui/material';
+/**
+ * Flow brand exclusive icon
+ */
+export declare const EmissionLabelFilledIcon: React.FC<SvgIconProps>;

package/components/icon/filled/EmissionLabelFilledIcon.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{jsx as r}from"react/jsx-runtime";import{forwardRef as t}from"react";import{SvgIcon as L}from"@mui/material";const m=t((t,m)=>r(L,{viewBox:"2 2 20 20",ref:m,...t,children:r("path",{d:"M20.5986 15.7471L21 16.2266L20.5986 16.7061L16.8506 21.1992L16.627 21.4678H3V12.4805H17.873L20.5986 15.7471ZM12.3564 2.27344L16.1045 6.82422L16.502 7.30566L13.3887 10.9854H16.627L16.6289 10.9883H3V2H12.1318L12.3564 2.27344Z"})}));export{m as EmissionLabelFilledIcon};
2	+ //# sourceMappingURL=EmissionLabelFilledIcon.js.map

package/components/icon/filled/EmissionLabelFilledIcon.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"EmissionLabelFilledIcon.js","sources":["../../../../src/components/icon/filled/EmissionLabelFilledIcon.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { SvgIcon, SvgIconProps } from '@mui/material';\n\n/**\n * Flow brand exclusive icon\n */\nexport const EmissionLabelFilledIcon: React.FC<SvgIconProps> = forwardRef((props, ref) => {\n return (\n <SvgIcon viewBox=\"2 2 20 20\" ref={ref} {...props}>\n <path d=\"M20.5986 15.7471L21 16.2266L20.5986 16.7061L16.8506 21.1992L16.627 21.4678H3V12.4805H17.873L20.5986 15.7471ZM12.3564 2.27344L16.1045 6.82422L16.502 7.30566L13.3887 10.9854H16.627L16.6289 10.9883H3V2H12.1318L12.3564 2.27344Z\" />\n </SvgIcon>\n );\n});\n"],"names":["EmissionLabelFilledIcon","forwardRef","props","ref","_jsx","SvgIcon","viewBox","d"],"mappings":"mHAMO,MAAMA,EAAkDC,EAAW,CAACC,EAAOC,IAE9EC,EAACC,EAAO,CAACC,QAAQ,YAAYH,IAAKA,KAASD,WACzCE,EAAA,OAAA,CAAMG,EAAE"}

package/components/icon/filled/PictureErrorFilledIcon.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import React from 'react';
+import { SvgIconProps } from '@mui/material';
+/**
+ * Flow brand exclusive icon
+ */
+export declare const PictureErrorFilledIcon: React.FC<SvgIconProps>;

package/components/icon/filled/PictureErrorFilledIcon.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{jsx as r}from"react/jsx-runtime";import{forwardRef as t}from"react";import{SvgIcon as L}from"@mui/material";const m=t((t,m)=>r(L,{viewBox:"2 2 20 20",ref:m,...t,children:r("path",{d:"M22.0459 3.03418L2.9707 22.1094L1.69727 20.8369L4.12012 18.4141V4.0791H18.4551L20.7725 1.76172L22.0459 3.03418ZM19.8799 19.8389H7.78711L9.42676 18.1992H18.2402V9.38574L19.8799 7.74609V19.8389ZM5.75977 16.7744L16.8154 5.71875H5.75977V16.7744ZM17.7803 16.4395H11.1865L14.6338 12.9912L17.7803 16.4395ZM9.28027 7.81934C10.0201 7.81942 10.6599 8.43894 10.6602 9.17871C10.6602 9.91866 10.0202 10.539 9.28027 10.5391C8.54027 10.5391 7.90039 9.91871 7.90039 9.17871C7.90062 8.43888 8.5404 7.81934 9.28027 7.81934Z"})}));export{m as PictureErrorFilledIcon};
2	+ //# sourceMappingURL=PictureErrorFilledIcon.js.map

package/components/icon/filled/PictureErrorFilledIcon.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"PictureErrorFilledIcon.js","sources":["../../../../src/components/icon/filled/PictureErrorFilledIcon.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { SvgIcon, SvgIconProps } from '@mui/material';\n\n/**\n * Flow brand exclusive icon\n */\nexport const PictureErrorFilledIcon: React.FC<SvgIconProps> = forwardRef((props, ref) => {\n return (\n <SvgIcon viewBox=\"2 2 20 20\" ref={ref} {...props}>\n <path d=\"M22.0459 3.03418L2.9707 22.1094L1.69727 20.8369L4.12012 18.4141V4.0791H18.4551L20.7725 1.76172L22.0459 3.03418ZM19.8799 19.8389H7.78711L9.42676 18.1992H18.2402V9.38574L19.8799 7.74609V19.8389ZM5.75977 16.7744L16.8154 5.71875H5.75977V16.7744ZM17.7803 16.4395H11.1865L14.6338 12.9912L17.7803 16.4395ZM9.28027 7.81934C10.0201 7.81942 10.6599 8.43894 10.6602 9.17871C10.6602 9.91866 10.0202 10.539 9.28027 10.5391C8.54027 10.5391 7.90039 9.91871 7.90039 9.17871C7.90062 8.43888 8.5404 7.81934 9.28027 7.81934Z\" />\n </SvgIcon>\n );\n});\n"],"names":["PictureErrorFilledIcon","forwardRef","props","ref","_jsx","SvgIcon","viewBox","d"],"mappings":"mHAMO,MAAMA,EAAiDC,EAAW,CAACC,EAAOC,IAE7EC,EAACC,EAAO,CAACC,QAAQ,YAAYH,IAAKA,KAASD,WACzCE,EAAA,OAAA,CAAMG,EAAE"}

package/components/icon/filled/PowerpassFilledIcon.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import React from 'react';
+import { SvgIconProps } from '@mui/material';
+/**
+ * Flow brand exclusive icon
+ */
+export declare const PowerpassFilledIcon: React.FC<SvgIconProps>;

package/components/icon/filled/PowerpassFilledIcon.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{jsx as r}from"react/jsx-runtime";import{forwardRef as t}from"react";import{SvgIcon as m}from"@mui/material";const o=t((t,o)=>r(m,{viewBox:"2 2 20 20",ref:o,...t,children:r("path",{d:"M11.6046 6.75L17.25 12.3449L11.6035 17.9914H6.75L12.0906 12.6507L12.3992 12.3421L12.0893 12.0349L6.7567 6.75H11.6046Z"})}));export{o as PowerpassFilledIcon};
2	+ //# sourceMappingURL=PowerpassFilledIcon.js.map