npm - @skodaflow/web-library - Versions diffs - 7.1.0 → 7.1.1 - Mend

@skodaflow/web-library 7.1.0 → 7.1.1

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

Files changed (83) hide show

package/cjs/design/skoda/theme.typography.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 s=t(require("@skodaflow/web-tokens/src/tokens.json"));const n=(e,t)=>{const n=null!=t?t:"small",r=s.default["flow-typography"].find((t=>t.name===`${n}-${e}`));return r?Object.assign({},r.style):null},r=(t,s,r)=>{const a=e.createBreakpoints(s),o=e=>{const t=a.up(e);return r?t.replace("@media","@container"):t};return Object.assign(Object.assign({},n(t,"small")),{[o("md")]:Object.assign({},n(t,"medium")),[o("lg")]:Object.assign({},n(t,"large"))})};exports.generateTypography=r,exports.getTypography=n,exports.getTypographyOptions=(e,t)=>{const s=r("body",e,t);return Object.assign({fontFamily:["SKODA Next","sans-serif","Arial"].join(","),body1:s,body2:s,body:s},Object.fromEntries(["h1","h2","h3","h4","subheadline","subtitle1","subtitle2","display","disclaimer","caption1","caption2"].map((s=>[s,r(s,e,t)]))))};
+"use strict";var e=require("@mui/system");function t(e){return e&&e.__esModule?e:{default:e}}var s=t(require("@skodaflow/web-tokens/src/tokens.json"));const n=(e,t,n)=>{const a=null!=n?n:"small",r=s.default["flow-typography"].find((t=>t.name===`${a}-${e}`));return r?Object.assign(Object.assign({},r.style),t?{fontFamily:"SKODA Next R2L"}:{}):null},a=(t,s,a,r)=>{const o=e.createBreakpoints(s),i=e=>{const t=o.up(e);return r?t.replace("@media","@container"):t};return Object.assign(Object.assign({},n(t,a,"small")),{[i("md")]:Object.assign({},n(t,a,"medium")),[i("lg")]:Object.assign({},n(t,a,"large"))})};exports.generateTypography=a,exports.getTypography=n,exports.getTypographyOptions=(e,t,s)=>{const n=a("body",e,t,s);return Object.assign({fontFamily:["SKODA Next"+(t?" R2L":""),"sans-serif","Arial"].join(","),body1:n,body2:n,body:n},Object.fromEntries(["h1","h2","h3","h4","subheadline","subtitle1","subtitle2","display","disclaimer","caption1","caption2"].map((n=>[n,a(n,e,t,s)]))))};
 //# sourceMappingURL=theme.typography.js.map

package/cjs/design/skoda/theme.typography.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"theme.typography.js","sources":["../../../../src/design/skoda/theme.typography.ts"],"sourcesContent":["import { createBreakpoints } from '@mui/system';\nimport tokens from '@skodaflow/web-tokens/src/tokens.json';\n/*\n Obtain style for element for the certain size\n /\nexport const getTypography = (element, size) => {\n const screen = size !== null && size !== void 0 ? size : 'small';\n const typo = tokens['flow-typography'].find((el) => el.name === `${screen}-${element}`);\n if (typo)\n return Object.assign({}, typo['style']);\n else\n return null;\n};\n/\n Generate typography style with the mediaqueries\n /\nexport const generateTypography = (element, breakpointsOptions, containerQueries) => {\n const breakpoints = createBreakpoints(breakpointsOptions);\n const getBreakpointKey = (breakpoint) => {\n const key = breakpoints.up(breakpoint);\n if (containerQueries) {\n // use container queries instead of media queries\n return key.replace('@media', '@container');\n }\n return key;\n };\n return Object.assign(Object.assign({}, getTypography(element, 'small')), { [getBreakpointKey('md')]: Object.assign({}, getTypography(element, 'medium')), [getBreakpointKey('lg')]: Object.assign({}, getTypography(element, 'large')) });\n};\n/\n Build the typography theme options\n */\nexport const getTypographyOptions = (breakpointsOptions, containerQueries) => {\n const bodyTypo = generateTypography('body', breakpointsOptions, containerQueries);\n return Object.assign({ fontFamily: ['SKODA Next', 'sans-serif', 'Arial'].join(','), body1: bodyTypo, body2: bodyTypo, body: bodyTypo }, Object.fromEntries([\n 'h1',\n 'h2',\n 'h3',\n 'h4',\n 'subheadline',\n 'subtitle1',\n 'subtitle2',\n 'display',\n 'disclaimer',\n 'caption1',\n 'caption2',\n ].map((element) => [element, generateTypography(element, breakpointsOptions, containerQueries)])));\n};\n//# sourceMappingURL=theme.typography.js.map"],"names":["getTypography","element","size","screen","typo","tokens","default","find","el","name","Object","assign","generateTypography","breakpointsOptions","containerQueries","breakpoints","createBreakpoints","getBreakpointKey","breakpoint","key","up","replace","bodyTypo","~~fontFamily","~~join","body1","body2","body","fromEntries","map"],"mappings":"uJAKY,MAACA,EAAgB,CAACC,EAASC,~~KACnC~~,MAAMC,EAASD,QAAmCA,EAAO,QACnDE,EAAOC,EAAMC,QAAC,mBAAmBC,MAAMC,GAAOA,EAAGC,OAAS,GAAGN,~~KAAUF~~,MAC7E,~~OAAIG~~,EACOM,OAAOC,OAAO,CAAA,EAAIP,EAAY,~~OAE9B~~,IAAI,~~EAKNQ~~,EAAqB,~~CAACX~~,~~EAASY~~,~~EAAoBC~~,~~KAC5D~~,MAAMC,EAAcC,oBAAkBH,GAChCI,EAAoBC,IACtB,MAAMC,EAAMJ,EAAYK,GAAGF,GAC3B,OAAIJ,EAEOK,EAAIE,QAAQ,SAAU,cAE1BF,CAAG,EAEd,~~OAAOT~~,OAAOC,OAAOD,OAAOC,OAAO,CAAA,~~EAAIX~~,EAAcC,~~EAAS~~,UAAW,CAAE,~~CAACgB~~,EAAiB,~~OAAQP~~,OAAOC,OAAO,~~CAAE~~,~~EAAEX~~,EAAcC,~~EAAS~~,WAAY,~~CAACgB~~,EAAiB,~~OAAQP~~,OAAOC,OAAO,~~CAAE~~,~~EAAEX~~,EAAcC,~~EAAS~~,WAAY,~~oFAKzM~~,~~CAACY~~,~~EAAoBC~~,~~KACrD~~,MAAMQ,EAAWV,EAAmB,OAAQC,~~EAAoBC~~,~~GAChE~~,~~OAAOJ~~,OAAOC,OAAO,~~CAAEY~~,WAAY,CAAC,~~aAAc~~,aAAc,~~SAASC~~,KAAK,KAAMC,MAAOH,EAAUI,~~MAAOJ~~,~~EAAUK~~,~~KAAML,GAAYZ,~~OAAOkB,YAAY,~~CACvJ~~,KACA,KACA,KACA,KACA,cACA,YACA,YACA,UACA,aACA,WACA,YACFC,~~KAAK5B~~,GAAY,CAACA,~~EAASW~~,~~EAAmBX~~,~~EAASY~~,~~EAAoBC~~,OAAqB"}
1	+ {"version":3,"file":"theme.typography.js","sources":["../../../../src/design/skoda/theme.typography.ts"],"sourcesContent":["import { createBreakpoints } from '@mui/system';\nimport tokens from '@skodaflow/web-tokens/src/tokens.json';\n/*\n Obtain style for element for the certain size\n /\nexport const getTypography = (element, rtl, size) => {\n const screen = size !== null && size !== void 0 ? size : 'small';\n const typo = tokens['flow-typography'].find((el) => el.name === `${screen}-${element}`);\n if (typo)\n return Object.assign(Object.assign({}, typo['style']), (rtl\n ? {\n fontFamily: 'SKODA Next R2L',\n }\n : {}));\n else\n return null;\n};\n/\n Generate typography style with the mediaqueries\n /\nexport const generateTypography = (element, breakpointsOptions, rtl, containerQueries) => {\n const breakpoints = createBreakpoints(breakpointsOptions);\n const getBreakpointKey = (breakpoint) => {\n const key = breakpoints.up(breakpoint);\n if (containerQueries) {\n // use container queries instead of media queries\n return key.replace('@media', '@container');\n }\n return key;\n };\n return Object.assign(Object.assign({}, getTypography(element, rtl, 'small')), { [getBreakpointKey('md')]: Object.assign({}, getTypography(element, rtl, 'medium')), [getBreakpointKey('lg')]: Object.assign({}, getTypography(element, rtl, 'large')) });\n};\n/\n Build the typography theme options\n */\nexport const getTypographyOptions = (breakpointsOptions, rtl, containerQueries) => {\n const bodyTypo = generateTypography('body', breakpointsOptions, rtl, containerQueries);\n return Object.assign({ fontFamily: [`SKODA Next${rtl ? ' R2L' : ''}`, 'sans-serif', 'Arial'].join(','), body1: bodyTypo, body2: bodyTypo, body: bodyTypo }, Object.fromEntries([\n 'h1',\n 'h2',\n 'h3',\n 'h4',\n 'subheadline',\n 'subtitle1',\n 'subtitle2',\n 'display',\n 'disclaimer',\n 'caption1',\n 'caption2',\n ].map((element) => [element, generateTypography(element, breakpointsOptions, rtl, containerQueries)])));\n};\n//# sourceMappingURL=theme.typography.js.map"],"names":["getTypography","element","rtl","size","screen","typo","tokens","default","find","el","name","Object","assign","fontFamily","generateTypography","breakpointsOptions","containerQueries","breakpoints","createBreakpoints","getBreakpointKey","breakpoint","key","up","replace","bodyTypo","join","body1","body2","body","fromEntries","map"],"mappings":"uJAKY,MAACA,EAAgB,CAACC,EAASC,EAAKC,KACxC,MAAMC,EAASD,QAAmCA,EAAO,QACnDE,EAAOC,EAAMC,QAAC,mBAAmBC,MAAMC,GAAOA,EAAGC,OAAS,GAAGN,KAAUH,MAC7E,OAAII,EACOM,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIP,EAAY,OAAKH,EAClD,CACEW,WAAY,kBAEd,CAAA,GAEC,IAAI,EAKNC,EAAqB,CAACb,EAASc,EAAoBb,EAAKc,KACjE,MAAMC,EAAcC,oBAAkBH,GAChCI,EAAoBC,IACtB,MAAMC,EAAMJ,EAAYK,GAAGF,GAC3B,OAAIJ,EAEOK,EAAIE,QAAQ,SAAU,cAE1BF,CAAG,EAEd,OAAOV,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIZ,EAAcC,EAASC,EAAK,UAAW,CAAE,CAACiB,EAAiB,OAAQR,OAAOC,OAAO,CAAA,EAAIZ,EAAcC,EAASC,EAAK,WAAY,CAACiB,EAAiB,OAAQR,OAAOC,OAAO,CAAA,EAAIZ,EAAcC,EAASC,EAAK,WAAY,oFAKxN,CAACa,EAAoBb,EAAKc,KAC1D,MAAMQ,EAAWV,EAAmB,OAAQC,EAAoBb,EAAKc,GACrE,OAAOL,OAAOC,OAAO,CAAEC,WAAY,CAAC,cAAaX,EAAM,OAAS,IAAM,aAAc,SAASuB,KAAK,KAAMC,MAAOF,EAAUG,MAAOH,EAAUI,KAAMJ,GAAYb,OAAOkB,YAAY,CAC3K,KACA,KACA,KACA,KACA,cACA,YACA,YACA,UACA,aACA,WACA,YACFC,KAAK7B,GAAY,CAACA,EAASa,EAAmBb,EAASc,EAAoBb,EAAKc,OAAqB"}

package/cjs/layout/Error/ErrorContent.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var t=require("react/jsx-runtime"),e=require("@mui/material"),r=require("react");exports.ErrorContent=o=>{const{status:n,message:s,actions:i,description:a,stacktrace:x}=o,l=r.useMemo((()=>"string"==typeof n||"number"==typeof n?t.jsx(e.Typography,{sx:{fontWeight:700,fontSize:"72px",lineHeight:"72px",color:t=>t.palette.onSurface.os900},children:n}):n),[n]),d=r.useMemo((()=>s?"string"==typeof s||"number"==typeof s?t.jsx(e.Typography,{variant:"h3",children:s}):s:null),[s]),c=r.useMemo((()=>a?"string"==typeof a||"number"==typeof a?t.jsx(e.Typography,{children:a}):a:null),[a]),m=r.useMemo((()=>null==x?void 0:x.split("\n").map((r=>t.jsx(e.Box,{children:r},r)))),[x]);return t.jsxs(e.Box,{sx:{display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center",paddingTop:{xl:12,xs:10}},children:[t.jsxs(e.Box,{sx:{maxWidth:"612px"},children:[t.jsx(e.Box,{sx:{marginBottom:{lg:8,md:7,xs:6}},"data-testid":"ErrorContent.status",children:l}),d&&t.jsx(e.Box,{sx:{marginBottom:{lg:4,md:5,xs:3}},"data-testid":"ErrorContent.message",children:d})]}),t.jsx(e.Box,{sx:{maxWidth:"450px"},children:c&&t.jsx(e.Box,{sx:{marginBottom:{lg:4,md:5,xs:3}},"data-testid":"ErrorContent.description",children:c})}),i&&t.jsx(e.Stack,{direction:"row",spacing:2,sx:{marginBottom:4},"data-testid":"ErrorContent.actions",children:i}),m&&t.jsx(e.Container,{children:t.jsx(e.Box,{sx:{border:"1px solid",borderColor:t=>t.palette.onSurface.os300,py:1,px:2,borderRadius:2,fontFamily:"monospace",fontSize:11,lineHeight:"18px",marginBottom:4,textAlign:"left",overflow:"auto","& > div:not(:first-of-type)":{marginLeft:4}},"data-testid":"ErrorContent.stacktrace",children:m})})]})};
+"use strict";var t=require("react/jsx-runtime"),e=require("@mui/material"),r=require("react");exports.ErrorContent=o=>{const{status:s,message:n,actions:i,description:a,stacktrace:x}=o,l=r.useMemo((()=>"string"==typeof s||"number"==typeof s?t.jsx(e.Typography,{sx:{fontWeight:{xs:"700"},fontSize:{xs:"72px"},lineHeight:{xs:"72px"},color:t=>t.palette.onSurface.os900},children:s}):s),[s]),d=r.useMemo((()=>n?"string"==typeof n||"number"==typeof n?t.jsx(e.Typography,{variant:"h3",children:n}):n:null),[n]),c=r.useMemo((()=>a?"string"==typeof a||"number"==typeof a?t.jsx(e.Typography,{children:a}):a:null),[a]),m=r.useMemo((()=>null==x?void 0:x.split("\n").map((r=>t.jsx(e.Box,{children:r},r)))),[x]);return t.jsxs(e.Box,{sx:{display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center",paddingTop:{xl:12,xs:10}},children:[t.jsxs(e.Box,{sx:{maxWidth:"612px"},children:[t.jsx(e.Box,{sx:{marginBottom:{lg:8,md:7,xs:6}},"data-testid":"ErrorContent.status",children:l}),d&&t.jsx(e.Box,{sx:{marginBottom:{lg:4,md:5,xs:3}},"data-testid":"ErrorContent.message",children:d})]}),t.jsx(e.Box,{sx:{maxWidth:"450px"},children:c&&t.jsx(e.Box,{sx:{marginBottom:{lg:4,md:5,xs:3}},"data-testid":"ErrorContent.description",children:c})}),i&&t.jsx(e.Stack,{direction:"row",spacing:2,sx:{marginBottom:4},"data-testid":"ErrorContent.actions",children:i}),m&&t.jsx(e.Container,{children:t.jsx(e.Box,{sx:{border:"1px solid",borderColor:t=>t.palette.onSurface.os300,py:1,px:2,borderRadius:2,fontFamily:"monospace",fontSize:11,lineHeight:"18px",marginBottom:4,textAlign:"left",overflow:"auto","& > div:not(:first-of-type)":{marginLeft:4}},"data-testid":"ErrorContent.stacktrace",children:m})})]})};
 //# sourceMappingURL=ErrorContent.js.map

package/cjs/layout/Error/ErrorContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ErrorContent.js","sources":["../../../../src/layout/Error/ErrorContent.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, Container, Stack, Typography } from '@mui/material';\nimport { useMemo } from 'react';\n/*\n Component that simplifies rendering of the error\n * @param props ErrorContentProps\n */\nexport const ErrorContent = (props) => {\n const { status, message, actions, description, stacktrace } = props;\n const statusNode = useMemo(() => {\n if (typeof status === 'string' \|\| typeof status === 'number') {\n return (_jsx(Typography, { sx: {\n fontWeight: 700,\n fontSize: '72px',\n lineHeight: '72px',\n color: (theme) => theme.palette.onSurface.os900,\n }, children: status }));\n }\n return status;\n }, [status]);\n const messageNode = useMemo(() => {\n if (!message) {\n return null;\n }\n if (typeof message === 'string' \|\| typeof message === 'number') {\n return _jsx(Typography, { variant: \"h3\", children: message });\n }\n return message;\n }, [message]);\n const descriptionNode = useMemo(() => {\n if (!description) {\n return null;\n }\n if (typeof description === 'string' \|\| typeof description === 'number') {\n return _jsx(Typography, { children: description });\n }\n return description;\n }, [description]);\n const stackTraceNode = useMemo(() => stacktrace === null \|\| stacktrace === void 0 ? void 0 : stacktrace.split('\\n').map((frame) => _jsx(Box, { children: frame }, frame)), [stacktrace]);\n return (_jsxs(Box, { sx: {\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n textAlign: 'center',\n paddingTop: {\n xl: 12,\n xs: 10,\n },\n }, children: [_jsxs(Box, { sx: {\n maxWidth: '612px',\n }, children: [_jsx(Box, { sx: { marginBottom: { lg: 8, md: 7, xs: 6 } }, \"data-testid\": \"ErrorContent.status\", children: statusNode }), messageNode && (_jsx(Box, { sx: { marginBottom: { lg: 4, md: 5, xs: 3 } }, \"data-testid\": \"ErrorContent.message\", children: messageNode }))] }), _jsx(Box, { sx: {\n maxWidth: '450px',\n }, children: descriptionNode && (_jsx(Box, { sx: { marginBottom: { lg: 4, md: 5, xs: 3 } }, \"data-testid\": \"ErrorContent.description\", children: descriptionNode })) }), actions && (_jsx(Stack, { direction: \"row\", spacing: 2, sx: { marginBottom: 4 }, \"data-testid\": \"ErrorContent.actions\", children: actions })), stackTraceNode && (_jsx(Container, { children: _jsx(Box, { sx: {\n border: '1px solid',\n borderColor: (theme) => theme.palette.onSurface.os300,\n py: 1,\n px: 2,\n borderRadius: 2,\n fontFamily: 'monospace',\n fontSize: 11,\n lineHeight: '18px',\n marginBottom: 4,\n textAlign: 'left',\n overflow: 'auto',\n '& > div:not(:first-of-type)': {\n marginLeft: 4,\n },\n }, \"data-testid\": \"ErrorContent.stacktrace\", children: stackTraceNode }) }))] }));\n};\n//# sourceMappingURL=ErrorContent.js.map"],"names":["props","status","message","actions","description","stacktrace","statusNode","useMemo","_jsx","jsx","Typography","sx","fontWeight","fontSize","lineHeight","color","theme","palette","onSurface","os900","children","messageNode","variant","descriptionNode","stackTraceNode","split","map","frame","Box","_jsxs","jsxs","display","flexDirection","alignItems","textAlign","paddingTop","xl","~~xs","~~maxWidth","marginBottom","lg","md","Stack","direction","spacing","Container","border","borderColor","os300","py","px","borderRadius","fontFamily","overflow","marginLeft"],"mappings":"mHAO6BA,IACzB,MAAMC,OAAEA,EAAMC,QAAEA,EAAOC,QAAEA,EAAOC,YAAEA,EAAWC,WAAEA,GAAeL,EACxDM,EAAaC,EAAAA,SAAQ,IACD,iBAAXN,GAAyC,iBAAXA,EAC7BO,EAAIC,IAACC,aAAY,CAAEC,GAAI,CACvBC,WAAY,~~IACZC~~,SAAU,~~OACVC~~,WAAY,~~OACZC~~,MAAQC,GAAUA,EAAMC,QAAQC,UAAUC,OAC3CC,~~SAAUnB~~,IAEdA,GACR,CAACA,~~IACEoB~~,~~EAAcd~~,EAAAA,SAAQ,IACnBL,EAGkB,iBAAZA,GAA2C,iBAAZA,EAC/BM,EAAAA,IAAKE,EAAAA,WAAY,~~CAAEY~~,QAAS,KAAMF,~~SAAUlB~~,IAEhDA,EALI,MAMZ,CAACA,~~IACEqB~~,~~EAAkBhB~~,EAAAA,SAAQ,IACvBH,EAGsB,iBAAhBA,GAAmD,iBAAhBA,EACnCI,EAAIC,IAACC,EAAUA,WAAE,~~CAAEU~~,~~SAAUhB~~,IAEjCA,EALI,MAMZ,CAACA,~~IACEoB~~,~~EAAiBjB~~,EAAAA,SAAQ,IAAMF,aAA+C,EAASA,~~EAAWoB~~,MAAM,MAAMC,KAAKC,~~GAAUnB~~,~~MAAKoB~~,EAAAA,IAAK,CAAER,SAAUO,GAASA,MAAS,~~CAACtB~~,IAC5K,~~OAAQwB~~,EAAKC,KAACF,MAAK,~~CAAEjB~~,GAAI,~~CACjBoB~~,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,UAAW,SACXC,WAAY,CACRC,GAAI,~~GACJC~~,GAAI,~~KAETjB~~,SAAU,CAACS,EAAAA,KAAMD,EAAGA,IAAE,~~CAAEjB~~,GAAI,CACnB2B,SAAU,~~SACXlB~~,SAAU,~~CAACZ~~,EAAIC,~~IAACmB~~,MAAK,~~CAAEjB~~,GAAI,CAAE4B,aAAc,CAAEC,GAAI,EAAGC,GAAI,~~EAAGJ~~,GAAI,IAAO,cAAe,~~sBAAuBjB~~,~~SAAUd~~,~~IAAee~~,~~GAAgBb~~,EAAIC,~~IAACmB~~,EAAGA,IAAE,~~CAAEjB~~,GAAI,CAAE4B,aAAc,CAAEC,GAAI,EAAGC,GAAI,~~EAAGJ~~,GAAI,IAAO,cAAe,~~uBAAwBjB~~,SAAUC,~~OAAqBb~~,EAAIC,~~IAACmB~~,MAAK,~~CAAEjB~~,GAAI,CACrS2B,SAAU,~~SACXlB~~,SAAUG,~~GAAoBf~~,EAAIC,~~IAACmB~~,MAAK,~~CAAEjB~~,GAAI,CAAE4B,aAAc,CAAEC,GAAI,EAAGC,GAAI,~~EAAGJ~~,GAAI,IAAO,cAAe,~~2BAA4BjB~~,SAAUG,~~MAAwBpB~~,GAAYK,EAAAA,IAAKkC,EAAKA,MAAE,CAAEC,UAAW,MAAOC,QAAS,EAAGjC,GAAI,CAAE4B,aAAc,GAAK,cAAe,~~uBAAwBnB~~,~~SAAUjB~~,~~IAAaqB~~,~~GAAmBhB~~,MAAKqC,EAAAA,UAAW,~~CAAEzB~~,~~SAAUZ~~,EAAIC,~~IAACmB~~,MAAK,~~CAAEjB~~,GAAI,CAC/WmC,OAAQ,YACRC,~~YAAc/B~~,GAAUA,EAAMC,QAAQC,~~UAAU8B~~,MAChDC,GAAI,EACJC,GAAI,EACJC,aAAc,EACdC,WAAY,~~YACZvC~~,SAAU,GACVC,WAAY,~~OACZyB~~,aAAc,~~EACdL~~,UAAW,~~OACXmB~~,SAAU,OACV,8BAA+B,CAC3BC,WAAY,IAEjB,cAAe,~~0BAA2BlC~~,SAAUI,QAA2B"}
1	+ {"version":3,"file":"ErrorContent.js","sources":["../../../../src/layout/Error/ErrorContent.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, Container, Stack, Typography } from '@mui/material';\nimport { useMemo } from 'react';\n/*\n Component that simplifies rendering of the error\n * @param props ErrorContentProps\n */\nexport const ErrorContent = (props) => {\n const { status, message, actions, description, stacktrace } = props;\n const statusNode = useMemo(() => {\n if (typeof status === 'string' \|\| typeof status === 'number') {\n return (_jsx(Typography, { sx: {\n fontWeight: { xs: '700' },\n fontSize: { xs: '72px' },\n lineHeight: { xs: '72px' },\n color: (theme) => theme.palette.onSurface.os900,\n }, children: status }));\n }\n return status;\n }, [status]);\n const messageNode = useMemo(() => {\n if (!message) {\n return null;\n }\n if (typeof message === 'string' \|\| typeof message === 'number') {\n return _jsx(Typography, { variant: \"h3\", children: message });\n }\n return message;\n }, [message]);\n const descriptionNode = useMemo(() => {\n if (!description) {\n return null;\n }\n if (typeof description === 'string' \|\| typeof description === 'number') {\n return _jsx(Typography, { children: description });\n }\n return description;\n }, [description]);\n const stackTraceNode = useMemo(() => stacktrace === null \|\| stacktrace === void 0 ? void 0 : stacktrace.split('\\n').map((frame) => _jsx(Box, { children: frame }, frame)), [stacktrace]);\n return (_jsxs(Box, { sx: {\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n textAlign: 'center',\n paddingTop: {\n xl: 12,\n xs: 10,\n },\n }, children: [_jsxs(Box, { sx: {\n maxWidth: '612px',\n }, children: [_jsx(Box, { sx: { marginBottom: { lg: 8, md: 7, xs: 6 } }, \"data-testid\": \"ErrorContent.status\", children: statusNode }), messageNode && (_jsx(Box, { sx: { marginBottom: { lg: 4, md: 5, xs: 3 } }, \"data-testid\": \"ErrorContent.message\", children: messageNode }))] }), _jsx(Box, { sx: {\n maxWidth: '450px',\n }, children: descriptionNode && (_jsx(Box, { sx: { marginBottom: { lg: 4, md: 5, xs: 3 } }, \"data-testid\": \"ErrorContent.description\", children: descriptionNode })) }), actions && (_jsx(Stack, { direction: \"row\", spacing: 2, sx: { marginBottom: 4 }, \"data-testid\": \"ErrorContent.actions\", children: actions })), stackTraceNode && (_jsx(Container, { children: _jsx(Box, { sx: {\n border: '1px solid',\n borderColor: (theme) => theme.palette.onSurface.os300,\n py: 1,\n px: 2,\n borderRadius: 2,\n fontFamily: 'monospace',\n fontSize: 11,\n lineHeight: '18px',\n marginBottom: 4,\n textAlign: 'left',\n overflow: 'auto',\n '& > div:not(:first-of-type)': {\n marginLeft: 4,\n },\n }, \"data-testid\": \"ErrorContent.stacktrace\", children: stackTraceNode }) }))] }));\n};\n//# sourceMappingURL=ErrorContent.js.map"],"names":["props","status","message","actions","description","stacktrace","statusNode","useMemo","_jsx","jsx","Typography","sx","fontWeight","xs","fontSize","lineHeight","color","theme","palette","onSurface","os900","children","messageNode","variant","descriptionNode","stackTraceNode","split","map","frame","Box","_jsxs","jsxs","display","flexDirection","alignItems","textAlign","paddingTop","xl","maxWidth","marginBottom","lg","md","Stack","direction","spacing","Container","border","borderColor","os300","py","px","borderRadius","fontFamily","overflow","marginLeft"],"mappings":"mHAO6BA,IACzB,MAAMC,OAAEA,EAAMC,QAAEA,EAAOC,QAAEA,EAAOC,YAAEA,EAAWC,WAAEA,GAAeL,EACxDM,EAAaC,EAAAA,SAAQ,IACD,iBAAXN,GAAyC,iBAAXA,EAC7BO,EAAIC,IAACC,aAAY,CAAEC,GAAI,CACvBC,WAAY,CAAEC,GAAI,OAClBC,SAAU,CAAED,GAAI,QAChBE,WAAY,CAAEF,GAAI,QAClBG,MAAQC,GAAUA,EAAMC,QAAQC,UAAUC,OAC3CC,SAAUpB,IAEdA,GACR,CAACA,IACEqB,EAAcf,EAAAA,SAAQ,IACnBL,EAGkB,iBAAZA,GAA2C,iBAAZA,EAC/BM,EAAAA,IAAKE,EAAAA,WAAY,CAAEa,QAAS,KAAMF,SAAUnB,IAEhDA,EALI,MAMZ,CAACA,IACEsB,EAAkBjB,EAAAA,SAAQ,IACvBH,EAGsB,iBAAhBA,GAAmD,iBAAhBA,EACnCI,EAAIC,IAACC,EAAUA,WAAE,CAAEW,SAAUjB,IAEjCA,EALI,MAMZ,CAACA,IACEqB,EAAiBlB,EAAAA,SAAQ,IAAMF,aAA+C,EAASA,EAAWqB,MAAM,MAAMC,KAAKC,GAAUpB,MAAKqB,EAAAA,IAAK,CAAER,SAAUO,GAASA,MAAS,CAACvB,IAC5K,OAAQyB,EAAKC,KAACF,MAAK,CAAElB,GAAI,CACjBqB,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,UAAW,SACXC,WAAY,CACRC,GAAI,GACJxB,GAAI,KAETQ,SAAU,CAACS,EAAAA,KAAMD,EAAGA,IAAE,CAAElB,GAAI,CACnB2B,SAAU,SACXjB,SAAU,CAACb,EAAIC,IAACoB,MAAK,CAAElB,GAAI,CAAE4B,aAAc,CAAEC,GAAI,EAAGC,GAAI,EAAG5B,GAAI,IAAO,cAAe,sBAAuBQ,SAAUf,IAAegB,GAAgBd,EAAIC,IAACoB,EAAGA,IAAE,CAAElB,GAAI,CAAE4B,aAAc,CAAEC,GAAI,EAAGC,GAAI,EAAG5B,GAAI,IAAO,cAAe,uBAAwBQ,SAAUC,OAAqBd,EAAIC,IAACoB,MAAK,CAAElB,GAAI,CACrS2B,SAAU,SACXjB,SAAUG,GAAoBhB,EAAIC,IAACoB,MAAK,CAAElB,GAAI,CAAE4B,aAAc,CAAEC,GAAI,EAAGC,GAAI,EAAG5B,GAAI,IAAO,cAAe,2BAA4BQ,SAAUG,MAAwBrB,GAAYK,EAAAA,IAAKkC,EAAKA,MAAE,CAAEC,UAAW,MAAOC,QAAS,EAAGjC,GAAI,CAAE4B,aAAc,GAAK,cAAe,uBAAwBlB,SAAUlB,IAAasB,GAAmBjB,MAAKqC,EAAAA,UAAW,CAAExB,SAAUb,EAAIC,IAACoB,MAAK,CAAElB,GAAI,CAC/WmC,OAAQ,YACRC,YAAc9B,GAAUA,EAAMC,QAAQC,UAAU6B,MAChDC,GAAI,EACJC,GAAI,EACJC,aAAc,EACdC,WAAY,YACZtC,SAAU,GACVC,WAAY,OACZwB,aAAc,EACdJ,UAAW,OACXkB,SAAU,OACV,8BAA+B,CAC3BC,WAAY,IAEjB,cAAe,0BAA2BjC,SAAUI,QAA2B"}

package/cjs/layout/Header/HeaderNavigationHero.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("react"),i=require("../../components/icon/icon.js");require("../../utils/enum.js");var o=require("../../utils/useClosure/useClosure.js"),n=require("./HeaderContext.js"),s=require("@mui/base");const a=r.styled(s.Button)((()=>({paddingLeft:6,paddingRight:6,"&:hover .FwlNavigationItem-label":{borderBottomColor:"currentColor"},appearance:"inherit",border:"inherit",background:"inherit",cursor:"pointer",display:"flex",alignItems:"center",color:"inherit"}))),l=r.styled(r.Box)((({theme:e})=>Object.assign(Object.assign({},e.typography.body),{color:"inherit",lineHeight:"24px",fontWeight:"400 !important",fontSize:16,paddingLeft:2,paddingRight:2,borderTop:"2px solid",borderBottom:"2px solid",borderColor:"transparent",transition:"border 300ms ease-out 150ms"}))),d=r.styled(i.Icon)((()=>({width:"15px",height:"15px",marginLeft:"5px",lineHeight:"5px","&::before":{fontSize:"16px"}})));exports.HeaderNavigationHero=function(i){const{label:s,heroElement:c}=i,{isOpen:p,onToggle:u,onClose:h}=o.useClosure(),x=t.useRef(null),{headerRef:m,color:g,headerWidth:b}=t.useContext(n.HeaderContext);return e.jsxs(r.Box,{ref:x,display:"flex",alignItems:"center",children:[e.jsxs(a,{onClick:u,children:[e.jsx(l,{className:"FwlNavigationItem-label",children:s}),e.jsx(d,{className:p?"chevron-up":"chevron-down"})]}),e.jsx(r.Popper,{open:p,anchorEl:null==m?void 0:m.current,transition:!0,children:({TransitionProps:t})=>e.jsx(r.ClickAwayListener,{onClickAway:h,children:e.jsx(r.Fade,Object.assign({},t,{timeout:350,children:e.jsx(r.Container,{sx:{width:`${b}px`,background:e=>"dark"===g?e.palette.onSurface.os900:e.palette.common.white,color:e=>"dark"===g?e.palette.common.white:e.palette.text.primary,padding:"48px 0 40px 0"},children:c})}))})})]})};
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("react"),o=require("../../components/icon/icon.js");require("../../utils/enum.js");var i=require("../../utils/useClosure/useClosure.js"),n=require("./HeaderContext.js"),s=require("@mui/base");const a=r.styled(s.Button)((()=>({paddingLeft:6,paddingRight:6,"&:hover .FwlNavigationItem-label":{borderBottomColor:"currentColor"},appearance:"inherit",border:"inherit",background:"inherit",cursor:"pointer",display:"flex",alignItems:"center",color:"inherit"}))),l=r.styled(r.Box)((({theme:e})=>Object.assign(Object.assign({},e.typography.body),{color:"inherit",[e.breakpoints.up("xs")]:{fontWeight:"400",fontSize:"16px",lineHeight:"24px"},paddingLeft:2,paddingRight:2,borderTop:"2px solid",borderBottom:"2px solid",borderColor:"transparent",transition:"border 300ms ease-out 150ms"}))),d=r.styled(o.Icon)((()=>({fontSize:"16px",marginLeft:"5px"})));exports.HeaderNavigationHero=function(o){const{label:s,heroElement:c}=o,{isOpen:p,onToggle:u,onClose:h}=i.useClosure(),x=t.useRef(null),{headerRef:m,color:g,headerWidth:b}=t.useContext(n.HeaderContext);return e.jsxs(r.Box,{ref:x,display:"flex",alignItems:"center",children:[e.jsxs(a,{onClick:u,children:[e.jsx(l,{className:"FwlNavigationItem-label",children:s}),e.jsx(d,{name:p?"chevron-up":"chevron-down"})]}),e.jsx(r.Popper,{open:p,anchorEl:null==m?void 0:m.current,transition:!0,children:({TransitionProps:t})=>e.jsx(r.ClickAwayListener,{onClickAway:h,children:e.jsx(r.Fade,Object.assign({},t,{timeout:350,children:e.jsx(r.Container,{sx:{width:`${b}px`,background:e=>"dark"===g?e.palette.onSurface.os900:e.palette.common.white,color:e=>"dark"===g?e.palette.common.white:e.palette.text.primary,padding:"48px 0 40px 0"},children:c})}))})})]})};
 //# sourceMappingURL=HeaderNavigationHero.js.map

package/cjs/layout/Header/HeaderNavigationHero.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HeaderNavigationHero.js","sources":["../../../../src/layout/Header/HeaderNavigationHero.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, ClickAwayListener, Container, Fade, Popper, styled } from '@mui/material';\nimport { useContext, useRef } from 'react';\nimport { Icon } from '../../components/icon/icon';\nimport { useClosure } from '../../utils';\nimport { HeaderContext } from './HeaderContext';\nimport { Button } from '@mui/base';\nexport function HeaderNavigationHero(props) {\n const { label, heroElement } = props;\n const { isOpen, onToggle, onClose } = useClosure();\n const anchor = useRef(null);\n const { headerRef, color, headerWidth } = useContext(HeaderContext);\n return (_jsxs(Box, { ref: anchor, display: \"flex\", alignItems: \"center\", children: [_jsxs(ItemButton, { onClick: onToggle, children: [_jsx(ItemLabel, { className: \"FwlNavigationItem-label\", children: label }), _jsx(ItemIcon, { ~~className~~: isOpen ? 'chevron-up' : 'chevron-down' })] }), _jsx(Popper, { open: isOpen, anchorEl: headerRef === null \|\| headerRef === void 0 ? void 0 : headerRef.current, transition: true, children: ({ TransitionProps }) => (_jsx(ClickAwayListener, { onClickAway: onClose, children: _jsx(Fade, Object.assign({}, TransitionProps, { timeout: 350, children: _jsx(Container, { sx: {\n width: `${headerWidth}px`,\n background: (theme) => color === 'dark' ? theme.palette.onSurface.os900 : theme.palette.common.white,\n color: (theme) => (color === 'dark' ? theme.palette.common.white : theme.palette.text.primary),\n padding: '48px 0 40px 0',\n }, children: heroElement }) })) })) })] }));\n}\nconst ItemButton = styled(Button)(() => ({\n paddingLeft: 6,\n paddingRight: 6,\n '&:hover .FwlNavigationItem-label': {\n borderBottomColor: 'currentColor',\n },\n appearance: 'inherit',\n border: 'inherit',\n background: 'inherit',\n cursor: 'pointer',\n display: 'flex',\n alignItems: 'center',\n color: 'inherit',\n}));\nconst ItemLabel = styled(Box)(({ theme }) => (Object.assign(Object.assign({}, theme.typography.body), { color: 'inherit', ~~lineHeight:~~ '~~24px~~', fontWeight: '400 ~~!important~~', fontSize: 16, paddingLeft: 2, paddingRight: 2, borderTop: '2px solid', borderBottom: '2px solid', borderColor: 'transparent', transition: 'border 300ms ease-out 150ms' })));\nconst ItemIcon = styled(Icon)(() => ({\n ~~width~~: '~~15px~~',\n ~~height: '15px',\n~~ marginLeft: '5px',\n ~~lineHeight: '5px',\n '&::before': {\n fontSize: '16px',\n~~ }~~,\n}~~));\n//# sourceMappingURL=HeaderNavigationHero.js.map"],"names":["ItemButton","styled","Button","paddingLeft","paddingRight","borderBottomColor","appearance","border","background","cursor","display","alignItems","color","ItemLabel","Box","theme","Object","assign","typography","body","~~lineHeight~~","fontWeight","fontSize","borderTop","borderBottom","borderColor","transition","ItemIcon","Icon","~~width","height","~~marginLeft","props","label","heroElement","isOpen","onToggle","onClose","useClosure","anchor","useRef","headerRef","headerWidth","useContext","HeaderContext","_jsxs","ref","children","onClick","_jsx","className","Popper","open","anchorEl","current","TransitionProps","jsx","ClickAwayListener","onClickAway","Fade","timeout","Container","sx","palette","onSurface","os900","common","white","text","primary","padding"],"mappings":"qRAmBA,MAAMA,EAAaC,EAAAA,OAAOC,EAAMA,OAAbD,EAAe,KAAO,CACrCE,YAAa,EACbC,aAAc,EACd,mCAAoC,CAChCC,kBAAmB,gBAEvBC,WAAY,UACZC,OAAQ,UACRC,WAAY,UACZC,OAAQ,UACRC,QAAS,OACTC,WAAY,SACZC,MAAO,cAELC,EAAYZ,~~EAAMA~~,~~OAACa~~,~~MAAPb~~,EAAY,EAAGc,WAAaC,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIF,EAAMG,WAAWC,MAAO,CAAEP,MAAO,~~UAAWQ~~,~~WAAY~~,~~OAAQC~~,WAAY,~~iBAAkBC~~,SAAU,~~GAAInB~~,YAAa,EAAGC,aAAc,~~EAAGmB~~,UAAW,YAAaC,aAAc,YAAaC,YAAa,cAAeC,WAAY,~~kCAChTC~~,~~EAAW1B~~,EAAAA,~~OAAO2B~~,EAAIA,~~KAAX3B~~,EAAa,KAAO,~~CACjC4B~~,~~MAAO~~,~~OACPC~~,~~OAAQ,OACRC,~~WAAY,~~MACZX~~,~~WAAY~~,~~MACZ,YAAa,CACTE,SAAU,yCAjCX,SAA8BU,~~GACjC,MAAMC,MAAEA,EAAKC,YAAEA,GAAgBF,GACzBG,OAAEA,EAAMC,SAAEA,EAAQC,QAAEA,GAAYC,EAAUA,aAC1CC,EAASC,SAAO,OAChBC,UAAEA,EAAS7B,MAAEA,EAAK8B,YAAEA,GAAgBC,EAAAA,WAAWC,EAAAA,eACrD,OAAQC,EAAAA,KAAM/B,EAAAA,IAAK,CAAEgC,IAAKP,EAAQ7B,QAAS,OAAQC,WAAY,SAAUoC,SAAU,CAACF,EAAAA,KAAM7C,EAAY,CAAEgD,QAASZ,EAAUW,SAAU,CAACE,EAAAA,IAAKpC,EAAW,CAAEqC,UAAW,0BAA2BH,SAAUd,IAAUgB,EAAAA,~~IAAKtB~~,EAAU,~~CAAEuB~~,~~UAAWf~~,EAAS,aAAe,oBAAuBc,EAAAA,~~IAAKE~~,EAAMA,OAAE,CAAEC,~~KAAMjB~~,~~EAAQkB~~,~~SAAUZ~~,aAA6C,EAASA,~~EAAUa~~,~~QAAS5B~~,YAAY,~~EAAMqB~~,SAAU,~~EAAGQ~~,~~qBAAuBN~~,~~EAAIO~~,IAACC,EAAiBA,kBAAE,CAAEC,~~YAAarB~~,EAASU,SAAUE,~~EAAIO~~,IAACG,EAAIA,~~KAAE3C~~,OAAOC,OAAO,CAAA,~~EAAIsC~~,EAAiB,CAAEK,QAAS,~~IAAKb~~,SAAUE,EAAAA,~~IAAKY~~,EAAAA,UAAW,CAAEC,GAAI,~~CAC/jBjC~~,MAAO,~~GAAGa~~,MACVlC,WAAaO,GAAoB,SAAVH,EAAmBG,~~EAAMgD~~,QAAQC,UAAUC,~~MAAQlD~~,~~EAAMgD~~,QAAQG,OAAOC,MAC/~~FvD~~,MAAQG,GAAqB,SAAVH,EAAmBG,~~EAAMgD~~,QAAQG,OAAOC,~~MAAQpD~~,~~EAAMgD~~,QAAQK,KAAKC,QACtFC,QAAS,~~iBACVvB~~,SAAUb,aACzC"}
1	+ {"version":3,"file":"HeaderNavigationHero.js","sources":["../../../../src/layout/Header/HeaderNavigationHero.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, ClickAwayListener, Container, Fade, Popper, styled } from '@mui/material';\nimport { useContext, useRef } from 'react';\nimport { Icon } from '../../components/icon/icon';\nimport { useClosure } from '../../utils';\nimport { HeaderContext } from './HeaderContext';\nimport { Button } from '@mui/base';\nexport function HeaderNavigationHero(props) {\n const { label, heroElement } = props;\n const { isOpen, onToggle, onClose } = useClosure();\n const anchor = useRef(null);\n const { headerRef, color, headerWidth } = useContext(HeaderContext);\n return (_jsxs(Box, { ref: anchor, display: \"flex\", alignItems: \"center\", children: [_jsxs(ItemButton, { onClick: onToggle, children: [_jsx(ItemLabel, { className: \"FwlNavigationItem-label\", children: label }), _jsx(ItemIcon, { name: isOpen ? 'chevron-up' : 'chevron-down' })] }), _jsx(Popper, { open: isOpen, anchorEl: headerRef === null \|\| headerRef === void 0 ? void 0 : headerRef.current, transition: true, children: ({ TransitionProps }) => (_jsx(ClickAwayListener, { onClickAway: onClose, children: _jsx(Fade, Object.assign({}, TransitionProps, { timeout: 350, children: _jsx(Container, { sx: {\n width: `${headerWidth}px`,\n background: (theme) => color === 'dark' ? theme.palette.onSurface.os900 : theme.palette.common.white,\n color: (theme) => (color === 'dark' ? theme.palette.common.white : theme.palette.text.primary),\n padding: '48px 0 40px 0',\n }, children: heroElement }) })) })) })] }));\n}\nconst ItemButton = styled(Button)(() => ({\n paddingLeft: 6,\n paddingRight: 6,\n '&:hover .FwlNavigationItem-label': {\n borderBottomColor: 'currentColor',\n },\n appearance: 'inherit',\n border: 'inherit',\n background: 'inherit',\n cursor: 'pointer',\n display: 'flex',\n alignItems: 'center',\n color: 'inherit',\n}));\nconst ItemLabel = styled(Box)(({ theme }) => (Object.assign(Object.assign({}, theme.typography.body), { color: 'inherit', [theme.breakpoints.up('xs')]: {\n fontWeight: '400',\n fontSize: '16px',\n lineHeight: '24px',\n }, paddingLeft: 2, paddingRight: 2, borderTop: '2px solid', borderBottom: '2px solid', borderColor: 'transparent', transition: 'border 300ms ease-out 150ms' })));\nconst ItemIcon = styled(Icon)(() => ({\n fontSize: '16px',\n marginLeft: '5px',\n}));\n//# sourceMappingURL=HeaderNavigationHero.js.map"],"names":["ItemButton","styled","Button","paddingLeft","paddingRight","borderBottomColor","appearance","border","background","cursor","display","alignItems","color","ItemLabel","Box","theme","Object","assign","typography","body","breakpoints","up","fontWeight","fontSize","lineHeight","borderTop","borderBottom","borderColor","transition","ItemIcon","Icon","marginLeft","props","label","heroElement","isOpen","onToggle","onClose","useClosure","anchor","useRef","headerRef","headerWidth","useContext","HeaderContext","_jsxs","ref","children","onClick","_jsx","className","name","Popper","open","anchorEl","current","TransitionProps","jsx","ClickAwayListener","onClickAway","Fade","timeout","Container","sx","width","palette","onSurface","os900","common","white","text","primary","padding"],"mappings":"qRAmBA,MAAMA,EAAaC,EAAAA,OAAOC,EAAMA,OAAbD,EAAe,KAAO,CACrCE,YAAa,EACbC,aAAc,EACd,mCAAoC,CAChCC,kBAAmB,gBAEvBC,WAAY,UACZC,OAAQ,UACRC,WAAY,UACZC,OAAQ,UACRC,QAAS,OACTC,WAAY,SACZC,MAAO,cAELC,EAAYZ,EAAAA,OAAOa,EAAGA,IAAVb,EAAY,EAAGc,WAAaC,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIF,EAAMG,WAAWC,MAAO,CAAEP,MAAO,UAAW,CAACG,EAAMK,YAAYC,GAAG,OAAQ,CAChJC,WAAY,MACZC,SAAU,OACVC,WAAY,QACbrB,YAAa,EAAGC,aAAc,EAAGqB,UAAW,YAAaC,aAAc,YAAaC,YAAa,cAAeC,WAAY,kCAC7HC,EAAW5B,EAAAA,OAAO6B,EAAIA,KAAX7B,EAAa,KAAO,CACjCsB,SAAU,OACVQ,WAAY,uCAjCT,SAA8BC,GACjC,MAAMC,MAAEA,EAAKC,YAAEA,GAAgBF,GACzBG,OAAEA,EAAMC,SAAEA,EAAQC,QAAEA,GAAYC,EAAUA,aAC1CC,EAASC,SAAO,OAChBC,UAAEA,EAAS7B,MAAEA,EAAK8B,YAAEA,GAAgBC,EAAAA,WAAWC,EAAAA,eACrD,OAAQC,EAAAA,KAAM/B,EAAAA,IAAK,CAAEgC,IAAKP,EAAQ7B,QAAS,OAAQC,WAAY,SAAUoC,SAAU,CAACF,EAAAA,KAAM7C,EAAY,CAAEgD,QAASZ,EAAUW,SAAU,CAACE,EAAAA,IAAKpC,EAAW,CAAEqC,UAAW,0BAA2BH,SAAUd,IAAUgB,EAAAA,IAAKpB,EAAU,CAAEsB,KAAMhB,EAAS,aAAe,oBAAuBc,EAAAA,IAAKG,EAAMA,OAAE,CAAEC,KAAMlB,EAAQmB,SAAUb,aAA6C,EAASA,EAAUc,QAAS3B,YAAY,EAAMmB,SAAU,EAAGS,qBAAuBP,EAAIQ,IAACC,EAAiBA,kBAAE,CAAEC,YAAatB,EAASU,SAAUE,EAAIQ,IAACG,EAAIA,KAAE5C,OAAOC,OAAO,CAAA,EAAIuC,EAAiB,CAAEK,QAAS,IAAKd,SAAUE,EAAAA,IAAKa,EAAAA,UAAW,CAAEC,GAAI,CAC1jBC,MAAO,GAAGtB,MACVlC,WAAaO,GAAoB,SAAVH,EAAmBG,EAAMkD,QAAQC,UAAUC,MAAQpD,EAAMkD,QAAQG,OAAOC,MAC/FzD,MAAQG,GAAqB,SAAVH,EAAmBG,EAAMkD,QAAQG,OAAOC,MAAQtD,EAAMkD,QAAQK,KAAKC,QACtFC,QAAS,iBACVzB,SAAUb,aACzC"}

package/cjs/layout/Header/HeaderNavigationLink.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),i=require("@mui/material"),t=require("react"),n=require("../../components/icon/icon.js"),o=require("@mui/base");const a=i.styled(o.Button)((()=>({paddingLeft:6,paddingRight:6,"&:hover .FwlNavigationItem-label":{borderBottomColor:"currentColor"},appearance:"inherit",border:"inherit",background:"inherit",cursor:"pointer",display:"flex",alignItems:"center",color:"inherit"}))),l=i.styled(i.Box)((({theme:e})=>Object.assign(Object.assign({},e.typography.body),{color:"inherit",lineHeight:"24px",fontWeight:"400 !important",fontSize:16,paddingLeft:2,paddingRight:2,borderTop:"2px solid",borderBottom:"2px solid",borderColor:"transparent",transition:"border 300ms ease-out 150ms"}))),s=i.styled(n.Icon)((()=>({width:"15px",height:"15px",marginLeft:"5px",lineHeight:"5px","&::before":{fontSize:"16px"}})));exports.HeaderNavigationLink=function(n){const{children:o,label:c,onClick:d,external:p}=n,g=e.__rest(n,["children","label","onClick","external"]),h=t.useRef(null);return r.jsx(i.Box,{ref:h,display:"flex",alignItems:"center",children:r.jsxs(a,Object.assign({onClick:d},g,{children:[r.jsx(l,{className:"FwlNavigationItem-label",children:c||o}),p&&r.jsx(s,{name:"arrow-right"})]}))})};
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),i=require("@mui/material"),t=require("react"),n=require("../../components/icon/icon.js"),o=require("@mui/base");const a=i.styled(o.Button)((()=>({paddingLeft:6,paddingRight:6,"&:hover .FwlNavigationItem-label":{borderBottomColor:"currentColor"},appearance:"inherit",border:"inherit",background:"inherit",cursor:"pointer",display:"flex",alignItems:"center",color:"inherit"}))),l=i.styled(i.Box)((({theme:e})=>Object.assign(Object.assign({},e.typography.body),{color:"inherit",[e.breakpoints.up("xs")]:{fontWeight:"400",fontSize:"16px",lineHeight:"24px"},paddingLeft:2,paddingRight:2,borderTop:"2px solid",borderBottom:"2px solid",borderColor:"transparent",transition:"border 300ms ease-out 150ms"}))),s=i.styled(n.Icon)((()=>({fontSize:"16px",marginLeft:"5px"})));exports.HeaderNavigationLink=function(n){const{children:o,label:c,onClick:d,external:p}=n,g=e.__rest(n,["children","label","onClick","external"]),u=t.useRef(null);return r.jsx(i.Box,{ref:u,display:"flex",alignItems:"center",children:r.jsxs(a,Object.assign({onClick:d},g,{children:[r.jsx(l,{className:"FwlNavigationItem-label",children:c||o}),p&&r.jsx(s,{name:"arrow-top-right"})]}))})};
 //# sourceMappingURL=HeaderNavigationLink.js.map

package/cjs/layout/Header/HeaderNavigationLink.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HeaderNavigationLink.js","sources":["../../../../src/layout/Header/HeaderNavigationLink.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, styled } from '@mui/material';\nimport { useRef } from 'react';\nimport { Icon } from '../../components/icon/icon';\nimport { Button } from '@mui/base';\nexport function HeaderNavigationLink(props) {\n const { children, label, onClick, external } = props, rest = __rest(props, [\"children\", \"label\", \"onClick\", \"external\"]);\n const anchor = useRef(null);\n return (_jsx(Box, { ref: anchor, display: \"flex\", alignItems: \"center\", children: _jsxs(ItemButton, Object.assign({ onClick: onClick }, rest, { children: [_jsx(ItemLabel, { className: \"FwlNavigationItem-label\", children: label \|\| children }), external && _jsx(ItemIcon, { name: \"arrow-right\" })] })) }));\n}\nconst ItemButton = styled(Button)(() => ({\n paddingLeft: 6,\n paddingRight: 6,\n '&:hover .FwlNavigationItem-label': {\n borderBottomColor: 'currentColor',\n },\n appearance: 'inherit',\n border: 'inherit',\n background: 'inherit',\n cursor: 'pointer',\n display: 'flex',\n alignItems: 'center',\n color: 'inherit',\n}));\nconst ItemLabel = styled(Box)(({ theme }) => (Object.assign(Object.assign({}, theme.typography.body), { color: 'inherit', ~~lineHeight:~~ '~~24px~~', fontWeight: '400 ~~!important~~', fontSize: 16, paddingLeft: 2, paddingRight: 2, borderTop: '2px solid', borderBottom: '2px solid', borderColor: 'transparent', transition: 'border 300ms ease-out 150ms' })));\nconst ItemIcon = styled(Icon)(() => ({\n ~~width~~: '~~15px~~',\n ~~height: '15px',\n~~ marginLeft: '5px',\n ~~lineHeight: '5px',\n '&::before': {\n fontSize: '16px',\n~~ }~~,\n}~~));\n//# sourceMappingURL=HeaderNavigationLink.js.map"],"names":["ItemButton","styled","Button","paddingLeft","paddingRight","borderBottomColor","appearance","border","background","cursor","display","alignItems","color","ItemLabel","Box","theme","Object","assign","typography","body","~~lineHeight~~","fontWeight","fontSize","borderTop","borderBottom","borderColor","transition","ItemIcon","Icon","~~width","height","~~marginLeft","props","children","label","onClick","external","rest","__rest","anchor","useRef","_jsx","ref","_jsxs","jsxs","jsx","className","name"],"mappings":"mLAWA,MAAMA,EAAaC,EAAAA,OAAOC,EAAMA,OAAbD,EAAe,KAAO,CACrCE,YAAa,EACbC,aAAc,EACd,mCAAoC,CAChCC,kBAAmB,gBAEvBC,WAAY,UACZC,OAAQ,UACRC,WAAY,UACZC,OAAQ,UACRC,QAAS,OACTC,WAAY,SACZC,MAAO,cAELC,EAAYZ,~~EAAMA~~,~~OAACa~~,~~MAAPb~~,EAAY,EAAGc,WAAaC,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIF,EAAMG,WAAWC,MAAO,CAAEP,MAAO,~~UAAWQ~~,~~WAAY~~,~~OAAQC~~,WAAY,~~iBAAkBC~~,SAAU,~~GAAInB~~,YAAa,EAAGC,aAAc,~~EAAGmB~~,UAAW,YAAaC,aAAc,YAAaC,YAAa,cAAeC,WAAY,~~kCAChTC~~,~~EAAW1B~~,EAAAA,~~OAAO2B~~,EAAIA,~~KAAX3B~~,EAAa,KAAO,~~CACjC4B~~,~~MAAO~~,~~OACPC~~,~~OAAQ,OACRC,~~WAAY,~~MACZX~~,~~WAAY~~,~~MACZ,YAAa,CACTE,SAAU,yCA1BX,SAA8BU,~~GACjC,MAAMC,SAAEA,EAAQC,MAAEA,EAAKC,QAAEA,EAAOC,SAAEA,GAAaJ,EAAOK,EAAOC,EAAAA,OAAON,EAAO,CAAC,WAAY,QAAS,UAAW,aACtGO,EAASC,SAAO,MACtB,OAAQC,EAAAA,IAAK3B,EAAAA,IAAK,CAAE4B,IAAKH,EAAQ7B,QAAS,OAAQC,WAAY,SAAUsB,SAAUU,EAAKC,KAAC5C,EAAYgB,OAAOC,OAAO,CAAEkB,QAASA,GAAWE,EAAM,CAAEJ,SAAU,CAACQ,EAAII,IAAChC,EAAW,CAAEiC,UAAW,0BAA2Bb,SAAUC,GAASD,IAAaG,GAAYK,~~MAAKd~~,EAAU,~~CAAEoB~~,KAAM,~~qBAC1R~~"}
1	+ {"version":3,"file":"HeaderNavigationLink.js","sources":["../../../../src/layout/Header/HeaderNavigationLink.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, styled } from '@mui/material';\nimport { useRef } from 'react';\nimport { Icon } from '../../components/icon/icon';\nimport { Button } from '@mui/base';\nexport function HeaderNavigationLink(props) {\n const { children, label, onClick, external } = props, rest = __rest(props, [\"children\", \"label\", \"onClick\", \"external\"]);\n const anchor = useRef(null);\n return (_jsx(Box, { ref: anchor, display: \"flex\", alignItems: \"center\", children: _jsxs(ItemButton, Object.assign({ onClick: onClick }, rest, { children: [_jsx(ItemLabel, { className: \"FwlNavigationItem-label\", children: label \|\| children }), external && _jsx(ItemIcon, { name: \"arrow-top-right\" })] })) }));\n}\nconst ItemButton = styled(Button)(() => ({\n paddingLeft: 6,\n paddingRight: 6,\n '&:hover .FwlNavigationItem-label': {\n borderBottomColor: 'currentColor',\n },\n appearance: 'inherit',\n border: 'inherit',\n background: 'inherit',\n cursor: 'pointer',\n display: 'flex',\n alignItems: 'center',\n color: 'inherit',\n}));\nconst ItemLabel = styled(Box)(({ theme }) => (Object.assign(Object.assign({}, theme.typography.body), { color: 'inherit', [theme.breakpoints.up('xs')]: {\n fontWeight: '400',\n fontSize: '16px',\n lineHeight: '24px',\n }, paddingLeft: 2, paddingRight: 2, borderTop: '2px solid', borderBottom: '2px solid', borderColor: 'transparent', transition: 'border 300ms ease-out 150ms' })));\nconst ItemIcon = styled(Icon)(() => ({\n fontSize: '16px',\n marginLeft: '5px',\n}));\n//# sourceMappingURL=HeaderNavigationLink.js.map"],"names":["ItemButton","styled","Button","paddingLeft","paddingRight","borderBottomColor","appearance","border","background","cursor","display","alignItems","color","ItemLabel","Box","theme","Object","assign","typography","body","breakpoints","up","fontWeight","fontSize","lineHeight","borderTop","borderBottom","borderColor","transition","ItemIcon","Icon","marginLeft","props","children","label","onClick","external","rest","__rest","anchor","useRef","_jsx","ref","_jsxs","jsxs","jsx","className","name"],"mappings":"mLAWA,MAAMA,EAAaC,EAAAA,OAAOC,EAAMA,OAAbD,EAAe,KAAO,CACrCE,YAAa,EACbC,aAAc,EACd,mCAAoC,CAChCC,kBAAmB,gBAEvBC,WAAY,UACZC,OAAQ,UACRC,WAAY,UACZC,OAAQ,UACRC,QAAS,OACTC,WAAY,SACZC,MAAO,cAELC,EAAYZ,EAAAA,OAAOa,EAAGA,IAAVb,EAAY,EAAGc,WAAaC,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIF,EAAMG,WAAWC,MAAO,CAAEP,MAAO,UAAW,CAACG,EAAMK,YAAYC,GAAG,OAAQ,CAChJC,WAAY,MACZC,SAAU,OACVC,WAAY,QACbrB,YAAa,EAAGC,aAAc,EAAGqB,UAAW,YAAaC,aAAc,YAAaC,YAAa,cAAeC,WAAY,kCAC7HC,EAAW5B,EAAAA,OAAO6B,EAAIA,KAAX7B,EAAa,KAAO,CACjCsB,SAAU,OACVQ,WAAY,uCA1BT,SAA8BC,GACjC,MAAMC,SAAEA,EAAQC,MAAEA,EAAKC,QAAEA,EAAOC,SAAEA,GAAaJ,EAAOK,EAAOC,EAAAA,OAAON,EAAO,CAAC,WAAY,QAAS,UAAW,aACtGO,EAASC,SAAO,MACtB,OAAQC,EAAAA,IAAK3B,EAAAA,IAAK,CAAE4B,IAAKH,EAAQ7B,QAAS,OAAQC,WAAY,SAAUsB,SAAUU,EAAKC,KAAC5C,EAAYgB,OAAOC,OAAO,CAAEkB,QAASA,GAAWE,EAAM,CAAEJ,SAAU,CAACQ,EAAII,IAAChC,EAAW,CAAEiC,UAAW,0BAA2Bb,SAAUC,GAASD,IAAaG,GAAYK,MAAKZ,EAAU,CAAEkB,KAAM,yBAC1R"}

package/cjs/layout/Header/HeaderNavigationMenu.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),i=require("react"),o=require("../../components/icon/icon.js");require("../../utils/enum.js");var t=require("../../utils/useClosure/useClosure.js"),n=require("@mui/base");const s=r.styled(n.Button)((()=>({paddingLeft:6,paddingRight:6,"&:hover .FwlNavigationItem-label":{borderBottomColor:"currentColor"},appearance:"inherit",border:"inherit",background:"inherit",cursor:"pointer",display:"flex",alignItems:"center",color:"inherit"}))),a=r.styled(r.Box)((({theme:e})=>Object.assign(Object.assign({},e.typography.body),{color:"inherit",lineHeight:"24px",fontWeight:"400 !important",fontSize:16,paddingLeft:2,paddingRight:2,borderTop:"2px solid",borderBottom:"2px solid",borderColor:"transparent",transition:"border 300ms ease-out 150ms"}))),l=r.styled(o.Icon)((()=>({width:"15px",height:"15px",marginLeft:"5px",lineHeight:"5px","&::before":{fontSize:"16px"}})));exports.HeaderNavigationMenu=function(o){const{children:n,label:c,menuItems:p}=o,{isOpen:d,onOpen:u,onClose:h}=t.useClosure(),m=i.useRef(null);return e.jsxs(r.Box,{ref:m,display:"flex",alignItems:"center",children:[e.jsxs(s,{onClick:u,children:[e.jsx(a,{className:"FwlNavigationItem-label",children:c||n}),e.jsx(l,{name:d?"chevron-up":"chevron-down"})]}),e.jsx(r.Menu,{anchorEl:m.current,open:d,onClose:h,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},slotProps:{paper:{sx:{mt:1}}},componentsProps:{backdrop:{className:"MuiBackdrop-transparent"}},children:e.jsx("div",{children:p})})]})};
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),o=require("react"),n=require("../../components/icon/icon.js");require("../../utils/enum.js");var i=require("../../utils/useClosure/useClosure.js"),t=require("@mui/base");const s=r.styled(t.Button)((()=>({paddingLeft:6,paddingRight:6,"&:hover .FwlNavigationItem-label":{borderBottomColor:"currentColor"},appearance:"inherit",border:"inherit",background:"inherit",cursor:"pointer",display:"flex",alignItems:"center",color:"inherit"}))),a=r.styled(r.Box)((({theme:e})=>Object.assign(Object.assign({},e.typography.body),{color:"inherit",[e.breakpoints.up("xs")]:{fontWeight:"400",fontSize:"16px",lineHeight:"24px"},paddingLeft:2,paddingRight:2,borderTop:"2px solid",borderBottom:"2px solid",borderColor:"transparent",transition:"border 300ms ease-out 150ms"}))),l=r.styled(n.Icon)((()=>({fontSize:"16px",marginLeft:"5px"})));exports.HeaderNavigationMenu=function(n){const{children:t,label:c,menuItems:p}=n,{isOpen:u,onOpen:d,onClose:h}=i.useClosure(),m=o.useRef(null);return e.jsxs(r.Box,{ref:m,display:"flex",alignItems:"center",children:[e.jsxs(s,{onClick:d,children:[e.jsx(a,{className:"FwlNavigationItem-label",children:c||t}),e.jsx(l,{name:u?"chevron-up":"chevron-down"})]}),e.jsx(r.Menu,{anchorEl:m.current,open:u,onClose:h,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},slotProps:{paper:{sx:{mt:1}}},componentsProps:{backdrop:{className:"MuiBackdrop-transparent"}},children:e.jsx("div",{children:p})})]})};
 //# sourceMappingURL=HeaderNavigationMenu.js.map

package/cjs/layout/Header/HeaderNavigationMenu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HeaderNavigationMenu.js","sources":["../../../../src/layout/Header/HeaderNavigationMenu.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, Menu, styled } from '@mui/material';\nimport { useRef } from 'react';\nimport { Icon } from '../../components/icon/icon';\nimport { useClosure } from '../../utils';\nimport { Button } from '@mui/base';\nexport function HeaderNavigationMenu(props) {\n const { children, label, menuItems } = props;\n const { isOpen, onOpen, onClose } = useClosure();\n const anchor = useRef(null);\n return (_jsxs(Box, { ref: anchor, display: \"flex\", alignItems: \"center\", children: [_jsxs(ItemButton, { onClick: onOpen, children: [_jsx(ItemLabel, { className: \"FwlNavigationItem-label\", children: label \|\| children }), _jsx(ItemIcon, { name: isOpen ? 'chevron-up' : 'chevron-down' })] }), _jsx(Menu, { anchorEl: anchor.current, open: isOpen, onClose: onClose, anchorOrigin: {\n vertical: 'bottom',\n horizontal: 'right',\n }, transformOrigin: {\n vertical: 'top',\n horizontal: 'right',\n }, slotProps: {\n paper: {\n sx: { mt: 1 },\n },\n }, componentsProps: {\n backdrop: {\n className: 'MuiBackdrop-transparent',\n },\n }, children: _jsx(\"div\", { children: menuItems }) })] }));\n}\nconst ItemButton = styled(Button)(() => ({\n paddingLeft: 6,\n paddingRight: 6,\n '&:hover .FwlNavigationItem-label': {\n borderBottomColor: 'currentColor',\n },\n appearance: 'inherit',\n border: 'inherit',\n background: 'inherit',\n cursor: 'pointer',\n display: 'flex',\n alignItems: 'center',\n color: 'inherit',\n}));\nconst ItemLabel = styled(Box)(({ theme }) => (Object.assign(Object.assign({}, theme.typography.body), { color: 'inherit', ~~lineHeight:~~ '~~24px~~', fontWeight: '400 ~~!important~~', fontSize: 16, paddingLeft: 2, paddingRight: 2, borderTop: '2px solid', borderBottom: '2px solid', borderColor: 'transparent', transition: 'border 300ms ease-out 150ms' })));\nconst ItemIcon = styled(Icon)(() => ({\n ~~width~~: '~~15px~~',\n ~~height: '15px',\n~~ marginLeft: '5px',\n ~~lineHeight: '5px',\n '&::before': {\n fontSize: '16px',\n~~ }~~,\n}~~));\n//# sourceMappingURL=HeaderNavigationMenu.js.map"],"names":["ItemButton","styled","Button","paddingLeft","paddingRight","borderBottomColor","appearance","border","background","cursor","display","alignItems","color","ItemLabel","Box","theme","Object","assign","typography","body","~~lineHeight~~","fontWeight","fontSize","borderTop","borderBottom","borderColor","transition","ItemIcon","Icon","~~width","height","~~marginLeft","props","children","label","menuItems","isOpen","onOpen","onClose","useClosure","anchor","useRef","_jsxs","jsxs","ref","onClick","_jsx","jsx","className","name","Menu","anchorEl","current","open","anchorOrigin","vertical","horizontal","transformOrigin","slotProps","paper","sx","mt","componentsProps","backdrop"],"mappings":"qPA0BA,MAAMA,EAAaC,EAAAA,OAAOC,EAAMA,OAAbD,EAAe,KAAO,CACrCE,YAAa,EACbC,aAAc,EACd,mCAAoC,CAChCC,kBAAmB,gBAEvBC,WAAY,UACZC,OAAQ,UACRC,WAAY,UACZC,OAAQ,UACRC,QAAS,OACTC,WAAY,SACZC,MAAO,cAELC,EAAYZ,~~EAAMA~~,~~OAACa~~,~~MAAPb~~,EAAY,EAAGc,WAAaC,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIF,EAAMG,WAAWC,MAAO,CAAEP,MAAO,~~UAAWQ~~,~~WAAY~~,~~OAAQC~~,WAAY,~~iBAAkBC~~,SAAU,~~GAAInB~~,YAAa,EAAGC,aAAc,~~EAAGmB~~,UAAW,YAAaC,aAAc,YAAaC,YAAa,cAAeC,WAAY,~~kCAChTC~~,~~EAAW1B~~,EAAAA,~~OAAO2B~~,EAAIA,~~KAAX3B~~,EAAa,KAAO,~~CACjC4B~~,~~MAAO~~,~~OACPC~~,~~OAAQ,OACRC,~~WAAY,~~MACZX~~,~~WAAY~~,~~MACZ,YAAa,CACTE,SAAU,yCAzCX,SAA8BU,~~GACjC,MAAMC,SAAEA,EAAQC,MAAEA,EAAKC,UAAEA,GAAcH,GACjCI,OAAEA,EAAMC,OAAEA,EAAMC,QAAEA,GAAYC,EAAUA,aACxCC,EAASC,SAAO,MACtB,OAAQC,EAAKC,KAAC7B,MAAK,CAAE8B,IAAKJ,EAAQ9B,QAAS,OAAQC,WAAY,SAAUsB,SAAU,CAACS,EAAKC,KAAC3C,EAAY,CAAE6C,QAASR,EAAQJ,SAAU,CAACa,EAAIC,IAAClC,EAAW,CAAEmC,UAAW,0BAA2Bf,SAAUC,GAASD,IAAaa,EAAIC,~~IAACpB~~,EAAU,~~CAAEsB~~,KAAMb,EAAS,aAAe,oBAAuBU,EAAAA,IAAKI,EAAIA,KAAE,CAAEC,SAAUX,EAAOY,QAASC,KAAMjB,EAAQE,QAASA,EAASgB,aAAc,CACvWC,SAAU,SACVC,WAAY,SACbC,gBAAiB,CAChBF,SAAU,MACVC,WAAY,SACbE,UAAW,CACVC,MAAO,CACHC,GAAI,CAAEC,GAAI,KAEfC,gBAAiB,CAChBC,SAAU,CACNf,UAAW,4BAEhBf,SAAUa,MAAK,MAAO,CAAEb,SAAUE,QACrD"}
1	+ {"version":3,"file":"HeaderNavigationMenu.js","sources":["../../../../src/layout/Header/HeaderNavigationMenu.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, Menu, styled } from '@mui/material';\nimport { useRef } from 'react';\nimport { Icon } from '../../components/icon/icon';\nimport { useClosure } from '../../utils';\nimport { Button } from '@mui/base';\nexport function HeaderNavigationMenu(props) {\n const { children, label, menuItems } = props;\n const { isOpen, onOpen, onClose } = useClosure();\n const anchor = useRef(null);\n return (_jsxs(Box, { ref: anchor, display: \"flex\", alignItems: \"center\", children: [_jsxs(ItemButton, { onClick: onOpen, children: [_jsx(ItemLabel, { className: \"FwlNavigationItem-label\", children: label \|\| children }), _jsx(ItemIcon, { name: isOpen ? 'chevron-up' : 'chevron-down' })] }), _jsx(Menu, { anchorEl: anchor.current, open: isOpen, onClose: onClose, anchorOrigin: {\n vertical: 'bottom',\n horizontal: 'right',\n }, transformOrigin: {\n vertical: 'top',\n horizontal: 'right',\n }, slotProps: {\n paper: {\n sx: { mt: 1 },\n },\n }, componentsProps: {\n backdrop: {\n className: 'MuiBackdrop-transparent',\n },\n }, children: _jsx(\"div\", { children: menuItems }) })] }));\n}\nconst ItemButton = styled(Button)(() => ({\n paddingLeft: 6,\n paddingRight: 6,\n '&:hover .FwlNavigationItem-label': {\n borderBottomColor: 'currentColor',\n },\n appearance: 'inherit',\n border: 'inherit',\n background: 'inherit',\n cursor: 'pointer',\n display: 'flex',\n alignItems: 'center',\n color: 'inherit',\n}));\nconst ItemLabel = styled(Box)(({ theme }) => (Object.assign(Object.assign({}, theme.typography.body), { color: 'inherit', [theme.breakpoints.up('xs')]: {\n fontWeight: '400',\n fontSize: '16px',\n lineHeight: '24px',\n }, paddingLeft: 2, paddingRight: 2, borderTop: '2px solid', borderBottom: '2px solid', borderColor: 'transparent', transition: 'border 300ms ease-out 150ms' })));\nconst ItemIcon = styled(Icon)(() => ({\n fontSize: '16px',\n marginLeft: '5px',\n}));\n//# sourceMappingURL=HeaderNavigationMenu.js.map"],"names":["ItemButton","styled","Button","paddingLeft","paddingRight","borderBottomColor","appearance","border","background","cursor","display","alignItems","color","ItemLabel","Box","theme","Object","assign","typography","body","breakpoints","up","fontWeight","fontSize","lineHeight","borderTop","borderBottom","borderColor","transition","ItemIcon","Icon","marginLeft","props","children","label","menuItems","isOpen","onOpen","onClose","useClosure","anchor","useRef","_jsxs","jsxs","ref","onClick","_jsx","jsx","className","name","Menu","anchorEl","current","open","anchorOrigin","vertical","horizontal","transformOrigin","slotProps","paper","sx","mt","componentsProps","backdrop"],"mappings":"qPA0BA,MAAMA,EAAaC,EAAAA,OAAOC,EAAMA,OAAbD,EAAe,KAAO,CACrCE,YAAa,EACbC,aAAc,EACd,mCAAoC,CAChCC,kBAAmB,gBAEvBC,WAAY,UACZC,OAAQ,UACRC,WAAY,UACZC,OAAQ,UACRC,QAAS,OACTC,WAAY,SACZC,MAAO,cAELC,EAAYZ,EAAAA,OAAOa,EAAGA,IAAVb,EAAY,EAAGc,WAAaC,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIF,EAAMG,WAAWC,MAAO,CAAEP,MAAO,UAAW,CAACG,EAAMK,YAAYC,GAAG,OAAQ,CAChJC,WAAY,MACZC,SAAU,OACVC,WAAY,QACbrB,YAAa,EAAGC,aAAc,EAAGqB,UAAW,YAAaC,aAAc,YAAaC,YAAa,cAAeC,WAAY,kCAC7HC,EAAW5B,EAAAA,OAAO6B,EAAIA,KAAX7B,EAAa,KAAO,CACjCsB,SAAU,OACVQ,WAAY,uCAzCT,SAA8BC,GACjC,MAAMC,SAAEA,EAAQC,MAAEA,EAAKC,UAAEA,GAAcH,GACjCI,OAAEA,EAAMC,OAAEA,EAAMC,QAAEA,GAAYC,EAAUA,aACxCC,EAASC,SAAO,MACtB,OAAQC,EAAKC,KAAC7B,MAAK,CAAE8B,IAAKJ,EAAQ9B,QAAS,OAAQC,WAAY,SAAUsB,SAAU,CAACS,EAAKC,KAAC3C,EAAY,CAAE6C,QAASR,EAAQJ,SAAU,CAACa,EAAIC,IAAClC,EAAW,CAAEmC,UAAW,0BAA2Bf,SAAUC,GAASD,IAAaa,EAAIC,IAAClB,EAAU,CAAEoB,KAAMb,EAAS,aAAe,oBAAuBU,EAAAA,IAAKI,EAAIA,KAAE,CAAEC,SAAUX,EAAOY,QAASC,KAAMjB,EAAQE,QAASA,EAASgB,aAAc,CACvWC,SAAU,SACVC,WAAY,SACbC,gBAAiB,CAChBF,SAAU,MACVC,WAAY,SACbE,UAAW,CACVC,MAAO,CACHC,GAAI,CAAEC,GAAI,KAEfC,gBAAiB,CAChBC,SAAU,CACNf,UAAW,4BAEhBf,SAAUa,MAAK,MAAO,CAAEb,SAAUE,QACrD"}

package/cjs/layout/Header/HeaderOverheadItem.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),t=require("@mui/material"),i=require("@mui/base");const a=t.styled(i.Button)((({theme:e})=>({padding:"0 55px",height:"32px",fontWeight:700,fontSize:"16px",lineHeight:"21px","&:hover .FwlNavigationItem-label":{borderBottomColor:"currentColor"},appearance:"inherit",border:"inherit",background:"inherit",cursor:"pointer",color:e.palette.text.primary,display:"flex",alignItems:"center"})));exports.HeaderOverheadItem=function(t){const{active:i,label:n}=t,o=e.__rest(t,["active","label"]);return r.jsx(a,Object.assign({component:"a"},o,{sx:{background:i?"var(--active-background)":"transparent",color:i?"var(--active-color)":"inherit"},children:n}))};
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),t=require("@mui/material"),i=require("@mui/base");const a=t.styled(i.Button)((({theme:e})=>({padding:"0 55px",height:"32px",[e.breakpoints.up("xs")]:{fontWeight:"700",fontSize:"16px"},lineHeight:"21px","&:hover .FwlNavigationItem-label":{borderBottomColor:"currentColor"},appearance:"inherit",border:"inherit",background:"inherit",cursor:"pointer",color:e.palette.text.primary,display:"flex",alignItems:"center"})));exports.HeaderOverheadItem=function(t){const{active:i,label:n}=t,o=e.__rest(t,["active","label"]);return r.jsx(a,Object.assign({component:"a"},o,{sx:{background:i?"var(--active-background)":"transparent",color:i?"var(--active-color)":"inherit"},children:n}))};
 //# sourceMappingURL=HeaderOverheadItem.js.map

package/cjs/layout/Header/HeaderOverheadItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HeaderOverheadItem.js","sources":["../../../../src/layout/Header/HeaderOverheadItem.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { styled } from '@mui/material';\nimport { Button } from '@mui/base';\nexport function HeaderOverheadItem(props) {\n const { active, label } = props, rest = __rest(props, [\"active\", \"label\"]);\n return (_jsx(ItemButton, Object.assign({ component: \"a\" }, rest, { sx: {\n background: active ? 'var(--active-background)' : 'transparent',\n color: active ? 'var(--active-color)' : 'inherit',\n }, children: label })));\n}\nconst ItemButton = styled(Button)(({ theme }) => ({\n padding: '0 55px',\n height: '32px',\n fontWeight: 700,\n fontSize: '16px',\n lineHeight: '21px',\n '&:hover .FwlNavigationItem-label': {\n borderBottomColor: 'currentColor',\n },\n appearance: 'inherit',\n border: 'inherit',\n background: 'inherit',\n cursor: 'pointer',\n color: theme.palette.text.primary,\n display: 'flex',\n alignItems: 'center',\n}));\n//# sourceMappingURL=HeaderOverheadItem.js.map"],"names":["ItemButton","styled","Button","theme","padding","height","fontWeight","fontSize","lineHeight","borderBottomColor","appearance","border","background","cursor","color","palette","text","primary","display","alignItems","props","active","label","rest","__rest","_jsx","jsx","Object","assign","component","sx","children"],"mappings":"qHAWA,MAAMA,EAAaC,EAAAA,OAAOC,EAAAA,OAAPD,EAAe,EAAGE,YAAa,CAC9CC,QAAS,SACTC,OAAQ,~~OACRC~~,WAAY,~~IACZC~~,SAAU,~~OACVC~~,WAAY,OACZ,mCAAoC,CAChCC,kBAAmB,gBAEvBC,WAAY,UACZC,OAAQ,UACRC,WAAY,UACZC,OAAQ,UACRC,~~MAAOX~~,~~EAAMY~~,QAAQC,KAAKC,QAC1BC,QAAS,OACTC,WAAY,~~wCAtBT~~,SAA4BC,GAC/B,MAAMC,OAAEA,EAAMC,MAAEA,GAAUF,EAAOG,EAAOC,EAAMA,OAACJ,EAAO,CAAC,SAAU,UACjE,OAAQK,EAAIC,~~IAAC1B~~,~~EAAY2B~~,OAAOC,OAAO,CAAEC,UAAW,KAAON,EAAM,CAAEO,GAAI,CAC/DlB,WAAYS,EAAS,2BAA6B,cAClDP,MAAOO,EAAS,sBAAwB,WACzCU,SAAUT,IACrB"}
1	+ {"version":3,"file":"HeaderOverheadItem.js","sources":["../../../../src/layout/Header/HeaderOverheadItem.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { styled } from '@mui/material';\nimport { Button } from '@mui/base';\nexport function HeaderOverheadItem(props) {\n const { active, label } = props, rest = __rest(props, [\"active\", \"label\"]);\n return (_jsx(ItemButton, Object.assign({ component: \"a\" }, rest, { sx: {\n background: active ? 'var(--active-background)' : 'transparent',\n color: active ? 'var(--active-color)' : 'inherit',\n }, children: label })));\n}\nconst ItemButton = styled(Button)(({ theme }) => ({\n padding: '0 55px',\n height: '32px',\n [theme.breakpoints.up('xs')]: {\n fontWeight: '700',\n fontSize: '16px',\n },\n lineHeight: '21px',\n '&:hover .FwlNavigationItem-label': {\n borderBottomColor: 'currentColor',\n },\n appearance: 'inherit',\n border: 'inherit',\n background: 'inherit',\n cursor: 'pointer',\n color: theme.palette.text.primary,\n display: 'flex',\n alignItems: 'center',\n}));\n//# sourceMappingURL=HeaderOverheadItem.js.map"],"names":["ItemButton","styled","Button","theme","padding","height","breakpoints","up","fontWeight","fontSize","lineHeight","borderBottomColor","appearance","border","background","cursor","color","palette","text","primary","display","alignItems","props","active","label","rest","__rest","_jsx","jsx","Object","assign","component","sx","children"],"mappings":"qHAWA,MAAMA,EAAaC,EAAAA,OAAOC,EAAAA,OAAPD,EAAe,EAAGE,YAAa,CAC9CC,QAAS,SACTC,OAAQ,OACR,CAACF,EAAMG,YAAYC,GAAG,OAAQ,CAC1BC,WAAY,MACZC,SAAU,QAEdC,WAAY,OACZ,mCAAoC,CAChCC,kBAAmB,gBAEvBC,WAAY,UACZC,OAAQ,UACRC,WAAY,UACZC,OAAQ,UACRC,MAAOb,EAAMc,QAAQC,KAAKC,QAC1BC,QAAS,OACTC,WAAY,wCAxBT,SAA4BC,GAC/B,MAAMC,OAAEA,EAAMC,MAAEA,GAAUF,EAAOG,EAAOC,EAAMA,OAACJ,EAAO,CAAC,SAAU,UACjE,OAAQK,EAAIC,IAAC5B,EAAY6B,OAAOC,OAAO,CAAEC,UAAW,KAAON,EAAM,CAAEO,GAAI,CAC/DlB,WAAYS,EAAS,2BAA6B,cAClDP,MAAOO,EAAS,sBAAwB,WACzCU,SAAUT,IACrB"}

package/cjs/layout/SecondaryNavigation/SecondaryNavigationItem.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),r=require("@mui/material"),i=require("react"),o=require("@mui/base");const a=r.styled(o.Button)((()=>({appearance:"inherit",cursor:"pointer",color:"inherit",paddingLeft:6,paddingRight:6,fontSize:"16px",fontWeight:400,lineHeight:"24px",textWrap:"noWrap",background:"transparent",border:0,paddingTop:0,paddingBottom:0,fontFamily:"SKODA Next"}))),n=r.styled(r.Box)((({theme:e})=>({display:"flex",alignItems:"center",height:"100%",borderTop:"2px solid transparent",borderBottom:"2px solid transparent",transition:"border 300ms ease-out 150ms","&:hover":{borderBottomColor:e.palette.primary.main}})));exports.SecondaryNavigationItem=function(r){const{label:o,onClick:s,isActive:l}=r,d=e.__rest(r,["label","onClick","isActive"]),c=i.useCallback((e=>{var t;if(null===(t=r.href)||void 0===t?void 0:t.startsWith("#")){const t=r.href.replace(/^\#/,""),i=document.querySelector(`[id="${t}"]`);i&&(e.preventDefault(),i.scrollIntoView({behavior:"smooth",block:"start"}),history.pushState({},"",r.href))}null==s||s.invoke()}),[s,r.href]);return t.jsx(n,{sx:{borderColor:e=>l&&e.palette.primary.main},"data-testid":"SecondaryNavigationItem",children:t.jsx(a,Object.assign({onClick:c,component:"a"},d,{draggable:"false","data-testid":"SecondaryNavigationItem.button",children:o}))})};
+"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),r=require("@mui/material"),i=require("react"),o=require("@mui/base");const a=r.styled(o.Button)((()=>({appearance:"inherit",cursor:"pointer",color:"inherit",paddingLeft:6,paddingRight:6,fontSize:"16px",fontWeight:400,lineHeight:"24px",textWrap:"noWrap",background:"transparent",border:0,paddingTop:0,paddingBottom:0}))),n=r.styled(r.Box)((({theme:e})=>({display:"flex",alignItems:"center",height:"100%",borderTop:"2px solid transparent",borderBottom:"2px solid transparent",transition:"border 300ms ease-out 150ms","&:hover":{borderBottomColor:e.palette.primary.main}})));exports.SecondaryNavigationItem=function(r){const{label:o,onClick:s,isActive:l}=r,d=e.__rest(r,["label","onClick","isActive"]),c=i.useCallback((e=>{var t;if(null===(t=r.href)||void 0===t?void 0:t.startsWith("#")){const t=r.href.replace(/^\#/,""),i=document.querySelector(`[id="${t}"]`);i&&(e.preventDefault(),i.scrollIntoView({behavior:"smooth",block:"start"}),history.pushState({},"",r.href))}null==s||s.invoke()}),[s,r.href]);return t.jsx(n,{sx:{borderColor:e=>l&&e.palette.primary.main},"data-testid":"SecondaryNavigationItem",children:t.jsx(a,Object.assign({onClick:c,component:"a"},d,{draggable:"false","data-testid":"SecondaryNavigationItem.button",children:o}))})};
 //# sourceMappingURL=SecondaryNavigationItem.js.map

package/cjs/layout/SecondaryNavigation/SecondaryNavigationItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SecondaryNavigationItem.js","sources":["../../../../src/layout/SecondaryNavigation/SecondaryNavigationItem.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Box, styled } from '@mui/material';\nimport { useCallback } from 'react';\nimport { Button } from '@mui/base';\nexport function SecondaryNavigationItem(props) {\n const { label, onClick, isActive } = props, rest = __rest(props, [\"label\", \"onClick\", \"isActive\"]);\n const onItemClick = useCallback((event) => {\n var _a;\n const shouldScroll = (_a = props.href) === null \|\| _a === void 0 ? void 0 : _a.startsWith('#');\n if (shouldScroll) {\n const selector = props.href.replace(/^\\#/, '');\n const element = document.querySelector(`[id=\"${selector}\"]`);\n if (element) {\n event.preventDefault();\n element.scrollIntoView({ behavior: 'smooth', block: 'start' });\n history.pushState({}, '', props.href);\n }\n }\n onClick === null \|\| onClick === void 0 ? void 0 : onClick.invoke();\n }, [onClick, props.href]);\n return (_jsx(ItemWrapper, { sx: {\n borderColor: (theme) => isActive && theme.palette.primary.main,\n }, \"data-testid\": \"SecondaryNavigationItem\", children: _jsx(ItemButton, Object.assign({ onClick: onItemClick, component: \"a\" }, rest, { draggable: \"false\", \"data-testid\": \"SecondaryNavigationItem.button\", children: label })) }));\n}\nconst ItemButton = styled(Button)(() => ({\n appearance: 'inherit',\n cursor: 'pointer',\n color: 'inherit',\n paddingLeft: 6,\n paddingRight: 6,\n fontSize: '16px',\n fontWeight: 400,\n lineHeight: '24px',\n textWrap: 'noWrap',\n background: 'transparent',\n border: 0,\n paddingTop: 0,\n paddingBottom: 0,\n ~~fontFamily: 'SKODA Next',\n~~}));\nconst ItemWrapper = styled(Box)(({ theme }) => ({\n display: 'flex',\n alignItems: 'center',\n height: '100%',\n borderTop: '2px solid transparent',\n borderBottom: '2px solid transparent',\n transition: 'border 300ms ease-out 150ms',\n '&:hover': {\n borderBottomColor: theme.palette.primary.main,\n },\n}));\n//# sourceMappingURL=SecondaryNavigationItem.js.map"],"names":["ItemButton","styled","Button","appearance","cursor","color","paddingLeft","paddingRight","fontSize","fontWeight","lineHeight","textWrap","background","border","paddingTop","paddingBottom","~~fontFamily","~~ItemWrapper","Box","theme","display","alignItems","height","borderTop","borderBottom","transition","borderBottomColor","palette","primary","main","props","label","onClick","isActive","rest","__rest","onItemClick","useCallback","event","_a","href","startsWith","selector","replace","element","document","querySelector","preventDefault","scrollIntoView","behavior","block","history","pushState","invoke","_jsx","jsx","sx","borderColor","children","Object","assign","component","draggable"],"mappings":"wIAyBA,MAAMA,EAAaC,EAAAA,OAAOC,EAAMA,OAAbD,EAAe,KAAO,CACrCE,WAAY,UACZC,OAAQ,UACRC,MAAO,UACPC,YAAa,EACbC,aAAc,EACdC,SAAU,OACVC,WAAY,IACZC,WAAY,OACZC,SAAU,SACVC,WAAY,cACZC,OAAQ,EACRC,WAAY,EACZC,cAAe,~~EACfC~~,~~WAAY~~,~~iBAEVC,EAAchB,~~EAAAA,~~OAAOiB~~,EAAAA,~~IAAPjB~~,EAAY,~~EAAGkB~~,YAAa,CAC5CC,QAAS,OACTC,WAAY,SACZC,OAAQ,OACRC,UAAW,wBACXC,aAAc,wBACdC,WAAY,8BACZ,UAAW,CACPC,kBAAmBP,EAAMQ,QAAQC,QAAQC,~~0CA5C1C~~,SAAiCC,GACpC,MAAMC,MAAEA,EAAKC,QAAEA,EAAOC,SAAEA,GAAaH,EAAOI,EAAOC,EAAMA,OAACL,EAAO,CAAC,QAAS,UAAW,aAChFM,EAAcC,eAAaC,IAC7B,IAAIC,EAEJ,GAD2C,QAArBA,EAAKT,EAAMU,YAAyB,IAAPD,OAAgB,EAASA,EAAGE,WAAW,KACxE,CACd,MAAMC,EAAWZ,EAAMU,KAAKG,QAAQ,MAAO,IACrCC,EAAUC,SAASC,cAAc,QAAQJ,OAC3CE,IACAN,EAAMS,iBACNH,EAAQI,eAAe,CAAEC,SAAU,SAAUC,MAAO,UACpDC,QAAQC,UAAU,CAAE,EAAE,GAAItB,EAAMU,MAEvC,CACDR,SAAkDA,EAAQqB,QAAQ,GACnE,CAACrB,EAASF,EAAMU,OACnB,OAAQc,EAAIC,IAACtC,EAAa,CAAEuC,GAAI,CACxBC,YAActC,GAAUc,GAAYd,EAAMQ,QAAQC,QAAQC,MAC3D,cAAe,0BAA2B6B,SAAUJ,~~MAAKtD~~,~~EAAY2D~~,OAAOC,OAAO,CAAE5B,QAASI,EAAayB,UAAW,KAAO3B,EAAM,CAAE4B,UAAW,QAAS,cAAe,iCAAkCJ,SAAU3B,MAC/N"}
1	+ {"version":3,"file":"SecondaryNavigationItem.js","sources":["../../../../src/layout/SecondaryNavigation/SecondaryNavigationItem.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Box, styled } from '@mui/material';\nimport { useCallback } from 'react';\nimport { Button } from '@mui/base';\nexport function SecondaryNavigationItem(props) {\n const { label, onClick, isActive } = props, rest = __rest(props, [\"label\", \"onClick\", \"isActive\"]);\n const onItemClick = useCallback((event) => {\n var _a;\n const shouldScroll = (_a = props.href) === null \|\| _a === void 0 ? void 0 : _a.startsWith('#');\n if (shouldScroll) {\n const selector = props.href.replace(/^\\#/, '');\n const element = document.querySelector(`[id=\"${selector}\"]`);\n if (element) {\n event.preventDefault();\n element.scrollIntoView({ behavior: 'smooth', block: 'start' });\n history.pushState({}, '', props.href);\n }\n }\n onClick === null \|\| onClick === void 0 ? void 0 : onClick.invoke();\n }, [onClick, props.href]);\n return (_jsx(ItemWrapper, { sx: {\n borderColor: (theme) => isActive && theme.palette.primary.main,\n }, \"data-testid\": \"SecondaryNavigationItem\", children: _jsx(ItemButton, Object.assign({ onClick: onItemClick, component: \"a\" }, rest, { draggable: \"false\", \"data-testid\": \"SecondaryNavigationItem.button\", children: label })) }));\n}\nconst ItemButton = styled(Button)(() => ({\n appearance: 'inherit',\n cursor: 'pointer',\n color: 'inherit',\n paddingLeft: 6,\n paddingRight: 6,\n fontSize: '16px',\n fontWeight: 400,\n lineHeight: '24px',\n textWrap: 'noWrap',\n background: 'transparent',\n border: 0,\n paddingTop: 0,\n paddingBottom: 0,\n}));\nconst ItemWrapper = styled(Box)(({ theme }) => ({\n display: 'flex',\n alignItems: 'center',\n height: '100%',\n borderTop: '2px solid transparent',\n borderBottom: '2px solid transparent',\n transition: 'border 300ms ease-out 150ms',\n '&:hover': {\n borderBottomColor: theme.palette.primary.main,\n },\n}));\n//# sourceMappingURL=SecondaryNavigationItem.js.map"],"names":["ItemButton","styled","Button","appearance","cursor","color","paddingLeft","paddingRight","fontSize","fontWeight","lineHeight","textWrap","background","border","paddingTop","paddingBottom","ItemWrapper","Box","theme","display","alignItems","height","borderTop","borderBottom","transition","borderBottomColor","palette","primary","main","props","label","onClick","isActive","rest","__rest","onItemClick","useCallback","event","_a","href","startsWith","selector","replace","element","document","querySelector","preventDefault","scrollIntoView","behavior","block","history","pushState","invoke","_jsx","jsx","sx","borderColor","children","Object","assign","component","draggable"],"mappings":"wIAyBA,MAAMA,EAAaC,EAAAA,OAAOC,EAAMA,OAAbD,EAAe,KAAO,CACrCE,WAAY,UACZC,OAAQ,UACRC,MAAO,UACPC,YAAa,EACbC,aAAc,EACdC,SAAU,OACVC,WAAY,IACZC,WAAY,OACZC,SAAU,SACVC,WAAY,cACZC,OAAQ,EACRC,WAAY,EACZC,cAAe,MAEbC,EAAcf,EAAAA,OAAOgB,EAAAA,IAAPhB,EAAY,EAAGiB,YAAa,CAC5CC,QAAS,OACTC,WAAY,SACZC,OAAQ,OACRC,UAAW,wBACXC,aAAc,wBACdC,WAAY,8BACZ,UAAW,CACPC,kBAAmBP,EAAMQ,QAAQC,QAAQC,0CA3C1C,SAAiCC,GACpC,MAAMC,MAAEA,EAAKC,QAAEA,EAAOC,SAAEA,GAAaH,EAAOI,EAAOC,EAAMA,OAACL,EAAO,CAAC,QAAS,UAAW,aAChFM,EAAcC,eAAaC,IAC7B,IAAIC,EAEJ,GAD2C,QAArBA,EAAKT,EAAMU,YAAyB,IAAPD,OAAgB,EAASA,EAAGE,WAAW,KACxE,CACd,MAAMC,EAAWZ,EAAMU,KAAKG,QAAQ,MAAO,IACrCC,EAAUC,SAASC,cAAc,QAAQJ,OAC3CE,IACAN,EAAMS,iBACNH,EAAQI,eAAe,CAAEC,SAAU,SAAUC,MAAO,UACpDC,QAAQC,UAAU,CAAE,EAAE,GAAItB,EAAMU,MAEvC,CACDR,SAAkDA,EAAQqB,QAAQ,GACnE,CAACrB,EAASF,EAAMU,OACnB,OAAQc,EAAIC,IAACtC,EAAa,CAAEuC,GAAI,CACxBC,YAActC,GAAUc,GAAYd,EAAMQ,QAAQC,QAAQC,MAC3D,cAAe,0BAA2B6B,SAAUJ,MAAKrD,EAAY0D,OAAOC,OAAO,CAAE5B,QAASI,EAAayB,UAAW,KAAO3B,EAAM,CAAE4B,UAAW,QAAS,cAAe,iCAAkCJ,SAAU3B,MAC/N"}

package/components/controls/controls.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__rest as t}from"tslib";import{jsx as o}from"react/jsx-runtime";import{forwardRef as r,useRef as e,useCallback as i,useEffect as n}from"react";import{styled as a}from"@mui/material/styles";import{Icon as l}from"../icon/icon.js";import"../icon/icon.definitions.js";import{paletteLight as s}from"../../design/skoda/paletteLight.theme.js";import{ternaryCondition as c}from"../../utils/utilities.js";const p=r(((r,a)=>{var s=t(r,[]);const c=e(null),p=i((t=>{s.onClickCallback&&!s.isDisabled&&s.onClickCallback(t)}),[s]);return n((()=>{c.current.addEventListener("mousedown",(t=>{t.preventDefault()}))}),[c]),o(d,Object.assign({},s,{ref:a,onClick:()=>p(s.controlType),children:o("button",{ref:c,children:o(l,{fontSize:s.iconFontSize,name:s.controlType,iconStyle:s.iconStyle})})}))})),d=a("div",{shouldForwardProp:t=>"controlType"!==t&&"controllerColor"!==t&&"iconStyle"!==t&&"iconFontSize"!==t&&"controlVariant"!==t&&"onClickCallback"!==t&&"isDisabled"!==t&&"customHeight"!==t})((o=>{var r=t(o,["theme"]);const e=c(r.controllerColor,"light",s.surface.tertiary,s.text.primary);let i={};const n=Object.assign(Object.assign({},{display:"flex",justifyContent:"center",alignItems:"center"}),{width:c(r.iconFontSize,"small","34px","42px"),height:c(r.iconFontSize,"small","34px","42px"),borderRadius:"50%",backgroundColor:"transparent",border:"none",position:"relative",outline:c(r.controlVariant,"standard",0,`2px solid ${e}`),cursor:"pointer","& .MuiIcon-root":{color:c(r.controllerColor,"light",s.surface.tertiary,s.text.primary),fontSize:c(r.iconFontSize,"small","18px","24px"),"&:before":{transform:"translateY(-2px)"}},"&:active":{transform:"scale(0.95)"},"&:hover":{backgroundColor:s.transparent.primary},"&:focus":{"&:after":{content:'""',display:"block",width:"calc(100% + 6px)",height:"calc(100% + 6px)",outline:c(r.controllerColor,"light",`2px solid ${s.surface.tertiary}`,`2px solid ${s.text.primary}`),position:"absolute",left:"-3px",top:"-3px",borderRadius:"50%"}}});return i=Object.assign(Object.assign({},i),{height:(r.customHeight?r.customHeight:"100%")+"!important","& button":Object.assign({},n)}),r.isDisabled&&(i=Object.assign(Object.assign({},i),{"& button":Object.assign(Object.assign({},n),{borderColor:s.disabled.primary,cursor:"default",outline:c(r.controlVariant,"standard",0,`2px solid ${s.disabled.primary}`),"&:active":{transform:"scale(1)"},"&:hover":{backgroundColor:"transparent"},"&:focus":{"&:after":{content:"none"}},"& .MuiIcon-root":{color:s.disabled.primary,fontSize:c(r.iconFontSize,"small","18px","24px"),"&:before":{transform:"translateY(-2px)"}}})})),i}));export{p as Controller};
+import{__rest as t}from"tslib";import{jsx as o}from"react/jsx-runtime";import{forwardRef as r,useRef as i,useCallback as e,useEffect as n}from"react";import{styled as a}from"@mui/material/styles";import{Icon as l}from"../icon/icon.js";import"../icon/icon.definitions.js";import{paletteLight as s}from"../../design/skoda/paletteLight.theme.js";import{ternaryCondition as c}from"../../utils/utilities.js";const p=r(((r,a)=>{var s=t(r,[]);const c=i(null),p=e((t=>{s.onClickCallback&&!s.isDisabled&&s.onClickCallback(t)}),[s]);return n((()=>{c.current.addEventListener("mousedown",(t=>{t.preventDefault()}))}),[c]),o(d,Object.assign({},s,{ref:a,onClick:()=>p(s.controlType),children:o("button",{ref:c,children:o(l,{fontSize:s.iconFontSize,name:s.controlType,iconStyle:s.iconStyle})})}))})),d=a("div",{shouldForwardProp:t=>"controlType"!==t&&"controllerColor"!==t&&"iconStyle"!==t&&"iconFontSize"!==t&&"controlVariant"!==t&&"onClickCallback"!==t&&"isDisabled"!==t&&"customHeight"!==t})((o=>{var r=t(o,["theme"]);const i=c(r.controllerColor,"light",s.surface.tertiary,s.text.primary);let e={};const n=Object.assign(Object.assign({},{display:"flex",justifyContent:"center",alignItems:"center"}),{width:c(r.iconFontSize,"small","34px","42px"),height:c(r.iconFontSize,"small","34px","42px"),borderRadius:"50%",backgroundColor:"transparent",border:"none",position:"relative",outline:c(r.controlVariant,"standard",0,`2px solid ${i}`),cursor:"pointer","& .MuiIcon-root":{color:c(r.controllerColor,"light",s.surface.tertiary,s.text.primary),fontSize:c(r.iconFontSize,"small","18px","24px")},"&:active":{transform:"scale(0.95)"},"&:hover":{backgroundColor:s.transparent.primary},"&:focus":{"&:after":{content:'""',display:"block",width:"calc(100% + 6px)",height:"calc(100% + 6px)",outline:c(r.controllerColor,"light",`2px solid ${s.surface.tertiary}`,`2px solid ${s.text.primary}`),position:"absolute",left:"-3px",top:"-3px",borderRadius:"50%"}}});return e=Object.assign(Object.assign({},e),{height:(r.customHeight?r.customHeight:"100%")+"!important","& button":Object.assign({},n)}),r.isDisabled&&(e=Object.assign(Object.assign({},e),{"& button":Object.assign(Object.assign({},n),{borderColor:s.disabled.primary,cursor:"default",outline:c(r.controlVariant,"standard",0,`2px solid ${s.disabled.primary}`),"&:active":{transform:"scale(1)"},"&:hover":{backgroundColor:"transparent"},"&:focus":{"&:after":{content:"none"}},"& .MuiIcon-root":{color:s.disabled.primary,fontSize:c(r.iconFontSize,"small","18px","24px")}})})),e}));export{p as Controller};
 //# sourceMappingURL=controls.js.map

package/components/controls/controls.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"controls.js","sources":["../../../src/components/controls/controls.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef, useCallback, useEffect, useRef } from 'react';\nimport { styled } from '@mui/material/styles';\nimport { Icon } from '../icon';\nimport { paletteLight as flowColors } from '../../design/skoda/paletteLight.theme';\nimport { ternaryCondition } from '../../utils/utilities';\n/*\n @description SkodaFlow Controls component.\n * Properties are inherited from HTML Button Attribetes element.\n * @param props ControlsProps\n * @returns React Functional Component\n /\nexport const Controller = forwardRef((_a, ref) => {\n var props = __rest(_a, []);\n const btnRef = useRef(null);\n const handleOnClick = useCallback((e) => {\n props.onClickCallback && !props.isDisabled && props.onClickCallback(e);\n }, [props]);\n useEffect(() => {\n btnRef.current.addEventListener('mousedown', (e) => {\n e.preventDefault();\n });\n }, [btnRef]);\n return (_jsx(ControlStyled, Object.assign({}, props, { ref: ref, onClick: () => handleOnClick(props.controlType), children: _jsx(\"button\", { ref: btnRef, children: _jsx(Icon, { fontSize: props.iconFontSize, name: props.controlType, iconStyle: props.iconStyle }) }) })));\n});\n/\n @description Controls styling definition based on props\n */\nconst ControlStyled = styled('div', {\n shouldForwardProp: (prop) => prop !== 'controlType' &&\n prop !== 'controllerColor' &&\n prop !== 'iconStyle' &&\n prop !== 'iconFontSize' &&\n prop !== 'controlVariant' &&\n prop !== 'onClickCallback' &&\n prop !== 'isDisabled' &&\n prop !== 'customHeight',\n})((_a) => {\n var { theme } = _a, args = __rest(_a, [\"theme\"]);\n const controlsColor = ternaryCondition(args.controllerColor, 'light', flowColors.surface.tertiary, flowColors.text.primary);\n let styles = {};\n const flexDisplay = {\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n };\n const buttonSlyle = Object.assign(Object.assign({}, flexDisplay), { width: ternaryCondition(args.iconFontSize, 'small', '34px', '42px'), height: ternaryCondition(args.iconFontSize, 'small', '34px', '42px'), borderRadius: '50%', backgroundColor: 'transparent', border: 'none', position: 'relative', outline: ternaryCondition(args.controlVariant, 'standard', 0, `2px solid ${controlsColor}`), cursor: 'pointer', '& .MuiIcon-root': {\n color: ternaryCondition(args.controllerColor, 'light', flowColors.surface.tertiary, flowColors.text.primary),\n fontSize: ternaryCondition(args.iconFontSize, 'small', '18px', '24px'),\n ~~'&:before': {\n transform: 'translateY(-2px)',\n },\n~~ }, '&:active': {\n transform: 'scale(0.95)',\n }, '&:hover': {\n backgroundColor: flowColors.transparent.primary,\n }, '&:focus': {\n '&:after': {\n content: '\"\"',\n display: 'block',\n width: 'calc(100% + 6px)',\n height: 'calc(100% + 6px)',\n outline: ternaryCondition(args.controllerColor, 'light', `2px solid ${flowColors.surface.tertiary}`, `2px solid ${flowColors.text.primary}`),\n position: 'absolute',\n left: '-3px',\n top: '-3px',\n borderRadius: '50%',\n },\n } });\n styles = Object.assign(Object.assign({}, styles), { height: (args.customHeight ? args.customHeight : '100%') + '!important', '& button': Object.assign({}, buttonSlyle) });\n if (args.isDisabled) {\n styles = Object.assign(Object.assign({}, styles), { '& button': Object.assign(Object.assign({}, buttonSlyle), { borderColor: flowColors.disabled.primary, cursor: 'default', outline: ternaryCondition(args.controlVariant, 'standard', 0, `2px solid ${flowColors.disabled.primary}`), '&:active': {\n transform: 'scale(1)',\n }, '&:hover': {\n backgroundColor: 'transparent',\n }, '&:focus': {\n '&:after': {\n content: 'none',\n },\n }, '& .MuiIcon-root': {\n color: flowColors.disabled.primary,\n fontSize: ternaryCondition(args.iconFontSize, 'small', '18px', '24px'),\n ~~'&:before': {\n transform: 'translateY(-2px)',\n },\n~~ } }) });\n }\n return styles;\n});\n//# sourceMappingURL=controls.js.map"],"names":["Controller","forwardRef","_a","ref","props","__rest","btnRef","useRef","handleOnClick","useCallback","e","onClickCallback","isDisabled","useEffect","current","addEventListener","preventDefault","_jsx","ControlStyled","Object","assign","onClick","controlType","children","Icon","fontSize","iconFontSize","name","iconStyle","styled","shouldForwardProp","prop","args","controlsColor","ternaryCondition","controllerColor","flowColors","surface","tertiary","text","primary","styles","buttonSlyle","display","justifyContent","alignItems","width","height","borderRadius","backgroundColor","border","position","outline","controlVariant","cursor","color","transform","transparent","content","left","top","customHeight","borderColor","disabled"],"mappings":"mZAaY,MAACA,EAAaC,GAAW,CAACC,EAAIC,KACtC,IAAIC,EAAQC,EAAOH,EAAI,IACvB,MAAMI,EAASC,EAAO,MAChBC,EAAgBC,GAAaC,IAC/BN,EAAMO,kBAAoBP,EAAMQ,YAAcR,EAAMO,gBAAgBD,EAAE,GACvE,CAACN,IAMJ,OALAS,GAAU,KACNP,EAAOQ,QAAQC,iBAAiB,aAAcL,IAC1CA,EAAEM,gBAAgB,GACpB,GACH,CAACV,IACIW,EAAKC,EAAeC,OAAOC,OAAO,CAAE,EAAEhB,EAAO,CAAED,IAAKA,EAAKkB,QAAS,IAAMb,EAAcJ,EAAMkB,aAAcC,SAAUN,EAAK,SAAU,CAAEd,IAAKG,EAAQiB,SAAUN,EAAKO,EAAM,CAAEC,SAAUrB,EAAMsB,aAAcC,KAAMvB,EAAMkB,YAAaM,UAAWxB,EAAMwB,gBAAqB,IAK5QV,EAAgBW,EAAO,MAAO,CAChCC,kBAAoBC,GAAkB,gBAATA,GAChB,oBAATA,GACS,cAATA,GACS,iBAATA,GACS,mBAATA,GACS,oBAATA,GACS,eAATA,GACS,iBAATA,GARcF,EASlB3B,IACG,IAAiB8B,EAAO3B,EAAOH,EAAI,CAAC,UACvC,MAAM+B,EAAgBC,EAAiBF,EAAKG,gBAAiB,QAASC,EAAWC,QAAQC,SAAUF,EAAWG,KAAKC,SACnH,IAAIC,EAAS,CAAA,EACb,MAKMC,EAAcvB,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAL5B,CAChBuB,QAAS,OACTC,eAAgB,SAChBC,WAAY,WAEkD,CAAEC,MAAOZ,EAAiBF,EAAKN,aAAc,QAAS,OAAQ,QAASqB,OAAQb,EAAiBF,EAAKN,aAAc,QAAS,OAAQ,QAASsB,aAAc,MAAOC,gBAAiB,cAAeC,OAAQ,OAAQC,SAAU,WAAYC,QAASlB,EAAiBF,EAAKqB,eAAgB,WAAY,EAAG,aAAapB,KAAkBqB,OAAQ,UAAW,kBAAmB,CACraC,MAAOrB,EAAiBF,EAAKG,gBAAiB,QAASC,EAAWC,QAAQC,SAAUF,EAAWG,KAAKC,SACpGf,SAAUS,EAAiBF,EAAKN,aAAc,QAAS,OAAQ,~~QAC/D~~,WAAY,~~CACR8B~~,UAAW,~~qBAEhB,WAAY,CACXA,UAAW,~~eACZ,UAAW,CACVP,gBAAiBb,EAAWqB,YAAYjB,SACzC,UAAW,CACV,UAAW,CACPkB,QAAS,KACTf,QAAS,QACTG,MAAO,mBACPC,OAAQ,mBACRK,QAASlB,EAAiBF,EAAKG,gBAAiB,QAAS,aAAaC,EAAWC,QAAQC,WAAY,aAAaF,EAAWG,KAAKC,WAClIW,SAAU,WACVQ,KAAM,OACNC,IAAK,OACLZ,aAAc,~~UAqB1B~~,~~OAlBAP~~,EAAStB,OAAOC,OAAOD,OAAOC,OAAO,CAAE,EAAEqB,GAAS,CAAEM,QAASf,EAAK6B,aAAe7B,EAAK6B,aAAe,QAAU,aAAc,WAAY1C,OAAOC,OAAO,CAAE,EAAEsB,KACvJV,EAAKpB,aACL6B,EAAStB,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIqB,GAAS,CAAE,WAAYtB,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIsB,GAAc,CAAEoB,YAAa1B,EAAW2B,SAASvB,QAASc,OAAQ,UAAWF,QAASlB,EAAiBF,EAAKqB,eAAgB,WAAY,EAAG,aAAajB,EAAW2B,SAASvB,WAAY,WAAY,CACxRgB,UAAW,YACZ,UAAW,CACVP,gBAAiB,eAClB,UAAW,CACV,UAAW,CACPS,QAAS,SAEd,kBAAmB,CAClBH,MAAOnB,EAAW2B,SAASvB,QAC3Bf,SAAUS,EAAiBF,EAAKN,aAAc,QAAS,OAAQ,~~QAC/D~~,~~WAAY,CACR8B,UAAW,0BAIxBf,~~CAAM"}
1	+ {"version":3,"file":"controls.js","sources":["../../../src/components/controls/controls.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef, useCallback, useEffect, useRef } from 'react';\nimport { styled } from '@mui/material/styles';\nimport { Icon } from '../icon';\nimport { paletteLight as flowColors } from '../../design/skoda/paletteLight.theme';\nimport { ternaryCondition } from '../../utils/utilities';\n/*\n @description SkodaFlow Controls component.\n * Properties are inherited from HTML Button Attribetes element.\n * @param props ControlsProps\n * @returns React Functional Component\n /\nexport const Controller = forwardRef((_a, ref) => {\n var props = __rest(_a, []);\n const btnRef = useRef(null);\n const handleOnClick = useCallback((e) => {\n props.onClickCallback && !props.isDisabled && props.onClickCallback(e);\n }, [props]);\n useEffect(() => {\n btnRef.current.addEventListener('mousedown', (e) => {\n e.preventDefault();\n });\n }, [btnRef]);\n return (_jsx(ControlStyled, Object.assign({}, props, { ref: ref, onClick: () => handleOnClick(props.controlType), children: _jsx(\"button\", { ref: btnRef, children: _jsx(Icon, { fontSize: props.iconFontSize, name: props.controlType, iconStyle: props.iconStyle }) }) })));\n});\n/\n @description Controls styling definition based on props\n */\nconst ControlStyled = styled('div', {\n shouldForwardProp: (prop) => prop !== 'controlType' &&\n prop !== 'controllerColor' &&\n prop !== 'iconStyle' &&\n prop !== 'iconFontSize' &&\n prop !== 'controlVariant' &&\n prop !== 'onClickCallback' &&\n prop !== 'isDisabled' &&\n prop !== 'customHeight',\n})((_a) => {\n var { theme } = _a, args = __rest(_a, [\"theme\"]);\n const controlsColor = ternaryCondition(args.controllerColor, 'light', flowColors.surface.tertiary, flowColors.text.primary);\n let styles = {};\n const flexDisplay = {\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n };\n const buttonSlyle = Object.assign(Object.assign({}, flexDisplay), { width: ternaryCondition(args.iconFontSize, 'small', '34px', '42px'), height: ternaryCondition(args.iconFontSize, 'small', '34px', '42px'), borderRadius: '50%', backgroundColor: 'transparent', border: 'none', position: 'relative', outline: ternaryCondition(args.controlVariant, 'standard', 0, `2px solid ${controlsColor}`), cursor: 'pointer', '& .MuiIcon-root': {\n color: ternaryCondition(args.controllerColor, 'light', flowColors.surface.tertiary, flowColors.text.primary),\n fontSize: ternaryCondition(args.iconFontSize, 'small', '18px', '24px'),\n }, '&:active': {\n transform: 'scale(0.95)',\n }, '&:hover': {\n backgroundColor: flowColors.transparent.primary,\n }, '&:focus': {\n '&:after': {\n content: '\"\"',\n display: 'block',\n width: 'calc(100% + 6px)',\n height: 'calc(100% + 6px)',\n outline: ternaryCondition(args.controllerColor, 'light', `2px solid ${flowColors.surface.tertiary}`, `2px solid ${flowColors.text.primary}`),\n position: 'absolute',\n left: '-3px',\n top: '-3px',\n borderRadius: '50%',\n },\n } });\n styles = Object.assign(Object.assign({}, styles), { height: (args.customHeight ? args.customHeight : '100%') + '!important', '& button': Object.assign({}, buttonSlyle) });\n if (args.isDisabled) {\n styles = Object.assign(Object.assign({}, styles), { '& button': Object.assign(Object.assign({}, buttonSlyle), { borderColor: flowColors.disabled.primary, cursor: 'default', outline: ternaryCondition(args.controlVariant, 'standard', 0, `2px solid ${flowColors.disabled.primary}`), '&:active': {\n transform: 'scale(1)',\n }, '&:hover': {\n backgroundColor: 'transparent',\n }, '&:focus': {\n '&:after': {\n content: 'none',\n },\n }, '& .MuiIcon-root': {\n color: flowColors.disabled.primary,\n fontSize: ternaryCondition(args.iconFontSize, 'small', '18px', '24px'),\n } }) });\n }\n return styles;\n});\n//# sourceMappingURL=controls.js.map"],"names":["Controller","forwardRef","_a","ref","props","__rest","btnRef","useRef","handleOnClick","useCallback","e","onClickCallback","isDisabled","useEffect","current","addEventListener","preventDefault","_jsx","ControlStyled","Object","assign","onClick","controlType","children","Icon","fontSize","iconFontSize","name","iconStyle","styled","shouldForwardProp","prop","args","controlsColor","ternaryCondition","controllerColor","flowColors","surface","tertiary","text","primary","styles","buttonSlyle","display","justifyContent","alignItems","width","height","borderRadius","backgroundColor","border","position","outline","controlVariant","cursor","color","transform","transparent","content","left","top","customHeight","borderColor","disabled"],"mappings":"mZAaY,MAACA,EAAaC,GAAW,CAACC,EAAIC,KACtC,IAAIC,EAAQC,EAAOH,EAAI,IACvB,MAAMI,EAASC,EAAO,MAChBC,EAAgBC,GAAaC,IAC/BN,EAAMO,kBAAoBP,EAAMQ,YAAcR,EAAMO,gBAAgBD,EAAE,GACvE,CAACN,IAMJ,OALAS,GAAU,KACNP,EAAOQ,QAAQC,iBAAiB,aAAcL,IAC1CA,EAAEM,gBAAgB,GACpB,GACH,CAACV,IACIW,EAAKC,EAAeC,OAAOC,OAAO,CAAE,EAAEhB,EAAO,CAAED,IAAKA,EAAKkB,QAAS,IAAMb,EAAcJ,EAAMkB,aAAcC,SAAUN,EAAK,SAAU,CAAEd,IAAKG,EAAQiB,SAAUN,EAAKO,EAAM,CAAEC,SAAUrB,EAAMsB,aAAcC,KAAMvB,EAAMkB,YAAaM,UAAWxB,EAAMwB,gBAAqB,IAK5QV,EAAgBW,EAAO,MAAO,CAChCC,kBAAoBC,GAAkB,gBAATA,GAChB,oBAATA,GACS,cAATA,GACS,iBAATA,GACS,mBAATA,GACS,oBAATA,GACS,eAATA,GACS,iBAATA,GARcF,EASlB3B,IACG,IAAiB8B,EAAO3B,EAAOH,EAAI,CAAC,UACvC,MAAM+B,EAAgBC,EAAiBF,EAAKG,gBAAiB,QAASC,EAAWC,QAAQC,SAAUF,EAAWG,KAAKC,SACnH,IAAIC,EAAS,CAAA,EACb,MAKMC,EAAcvB,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAL5B,CAChBuB,QAAS,OACTC,eAAgB,SAChBC,WAAY,WAEkD,CAAEC,MAAOZ,EAAiBF,EAAKN,aAAc,QAAS,OAAQ,QAASqB,OAAQb,EAAiBF,EAAKN,aAAc,QAAS,OAAQ,QAASsB,aAAc,MAAOC,gBAAiB,cAAeC,OAAQ,OAAQC,SAAU,WAAYC,QAASlB,EAAiBF,EAAKqB,eAAgB,WAAY,EAAG,aAAapB,KAAkBqB,OAAQ,UAAW,kBAAmB,CACraC,MAAOrB,EAAiBF,EAAKG,gBAAiB,QAASC,EAAWC,QAAQC,SAAUF,EAAWG,KAAKC,SACpGf,SAAUS,EAAiBF,EAAKN,aAAc,QAAS,OAAQ,SAChE,WAAY,CACX8B,UAAW,eACZ,UAAW,CACVP,gBAAiBb,EAAWqB,YAAYjB,SACzC,UAAW,CACV,UAAW,CACPkB,QAAS,KACTf,QAAS,QACTG,MAAO,mBACPC,OAAQ,mBACRK,QAASlB,EAAiBF,EAAKG,gBAAiB,QAAS,aAAaC,EAAWC,QAAQC,WAAY,aAAaF,EAAWG,KAAKC,WAClIW,SAAU,WACVQ,KAAM,OACNC,IAAK,OACLZ,aAAc,UAkB1B,OAfAP,EAAStB,OAAOC,OAAOD,OAAOC,OAAO,CAAE,EAAEqB,GAAS,CAAEM,QAASf,EAAK6B,aAAe7B,EAAK6B,aAAe,QAAU,aAAc,WAAY1C,OAAOC,OAAO,CAAE,EAAEsB,KACvJV,EAAKpB,aACL6B,EAAStB,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIqB,GAAS,CAAE,WAAYtB,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIsB,GAAc,CAAEoB,YAAa1B,EAAW2B,SAASvB,QAASc,OAAQ,UAAWF,QAASlB,EAAiBF,EAAKqB,eAAgB,WAAY,EAAG,aAAajB,EAAW2B,SAASvB,WAAY,WAAY,CACxRgB,UAAW,YACZ,UAAW,CACVP,gBAAiB,eAClB,UAAW,CACV,UAAW,CACPS,QAAS,SAEd,kBAAmB,CAClBH,MAAOnB,EAAW2B,SAASvB,QAC3Bf,SAAUS,EAAiBF,EAAKN,aAAc,QAAS,OAAQ,cAGxEe,CAAM"}

package/components/icon/icon.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__rest as e}from"tslib";import{jsx as o}from"react/jsx-runtime";import{useMemo as t}from"react";import{Icon as n}from"@mui/material";import{iconDefinitions as i}from"./icon.definitions.js";const a=a=>{var{name:r,className:l,iconStyle:s,color:c,fontSize:m,sx:f}=a,d=e(a,["name","className","iconStyle","color","fontSize","sx"]);const u=t((()=>{var e;const o=i.find((e=>e.name===(r||l)||e.altName&&e.altName===(r||l)))||i.find((e=>"circle-question"===e.name));return null!==(e=null==o?void 0:o.content)&&void 0!==e?e:""}),[r,l]),p=t((()=>"filled"===s?"SKODA Next Icons Filled":"SKODA Next Icons Regular"),[s]);return o(n,Object.assign({color:c,fontSize:m,sx:Object.assign({"&::before":{content:`'${"\\"+u}'`,display:"block"},fontFamily:p,lineHeight:"0.7em"},f||{}),"data-testid":"Icon",className:r||l},d))};export{a as Icon};
+import{__rest as e}from"tslib";import{jsx as o}from"react/jsx-runtime";import{useMemo as t}from"react";import{Icon as n}from"@mui/material";import{iconDefinitions as i}from"./icon.definitions.js";const a=a=>{var{name:l,className:r,iconStyle:s,color:c,fontSize:m,sx:f}=a,d=e(a,["name","className","iconStyle","color","fontSize","sx"]);const u=t((()=>{var e;const o=l&&i.find((e=>e.name===l||e.altName&&e.altName===l))||r&&i.find((e=>r.includes(e.name)||r.includes(e.altName)))||i.find((e=>"circle-question"===e.name));return null!==(e=null==o?void 0:o.content)&&void 0!==e?e:""}),[l,r]),N=t((()=>"filled"===s?"SKODA Next Icons Filled":"SKODA Next Icons Regular"),[s]);return o(n,Object.assign({color:c,fontSize:m,sx:Object.assign({"&::before":{content:`'${"\\"+u}'`,display:"block",height:"100%",width:"100%"},fontFamily:N,lineHeight:"0.7em"},f||{}),"data-testid":"Icon",className:[r,l].filter(Boolean).join(" ")},d))};export{a as Icon};
 //# sourceMappingURL=icon.js.map

package/components/icon/icon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"icon.js","sources":["../../../src/components/icon/icon.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useMemo } from 'react';\nimport { Icon as MuiIcon } from '@mui/material';\nimport { iconDefinitions } from './icon.definitions';\n/*\n @description SkodaFlow Icon component.\n * @param props IconProps\n * @returns React Functional Component\n */\nexport const Icon = (_a) => {\n var { name, className, iconStyle, color, fontSize, sx } = _a, rest = __rest(_a, [\"name\", \"className\", \"iconStyle\", \"color\", \"fontSize\", \"sx\"]);\n const content = useMemo(() => {\n var _a;\n const definition = iconDefinitions.find((item) => item.name === (name \|\| ~~className) \|\|~~ (item.altName && item.altName === (name \|\| className))) \|\|\n // fallback\n iconDefinitions.find((item) => item.name === 'circle-question');\n return (_a = definition === null \|\| definition === void 0 ? void 0 : definition.content) !== null && _a !== void 0 ? _a : '';\n }, [name, className]);\n const fontFamily = useMemo(() => {\n if (iconStyle === 'filled') {\n return 'SKODA Next Icons Filled';\n }\n return 'SKODA Next Icons Regular';\n }, [iconStyle]);\n return (_jsx(MuiIcon, Object.assign({ color: color, fontSize: fontSize, sx: Object.assign({ '&::before': {\n content: `'${'\\\\' + content}'`,\n display: 'block',\n }, fontFamily, lineHeight: '0.7em' }, (sx \|\| {})), \"data-testid\": \"Icon\", className: name \|\| ~~className~~ }, rest)));\n};\n//# sourceMappingURL=icon.js.map"],"names":["Icon","_a","name","className","iconStyle","color","fontSize","sx","rest","__rest","content","useMemo","definition","iconDefinitions","find","item","altName","fontFamily","_jsx","MuiIcon","Object","assign","display","lineHeight"],"mappings":"oMAUY,MAACA,EAAQC,IACjB,IAAIC,KAAEA,EAAIC,UAAEA,EAASC,UAAEA,EAASC,MAAEA,EAAKC,SAAEA,EAAQC,GAAEA,GAAON,EAAIO,EAAOC,EAAOR,EAAI,CAAC,OAAQ,YAAa,YAAa,QAAS,WAAY,OACxI,MAAMS,EAAUC,GAAQ,KACpB,IAAIV,EACJ,MAAMW,~~EAAaC~~,EAAgBC,MAAMC,GAASA,EAAKb,~~QAAUA~~,~~GAAQC~~,~~IAAeY,~~EAAKC,SAAWD,EAAKC,~~WAAad~~,~~GAAQC~~,~~MAE9HU~~,EAAgBC,MAAMC,GAAuB,oBAAdA,EAAKb,OACxC,OAA6F,QAArFD,EAAKW,aAA+C,EAASA,EAAWF,eAA4B,IAAPT,EAAgBA,EAAK,EAAE,GAC7H,CAACC,EAAMC,~~IACJc~~,~~EAAaN~~,GAAQ,IACL,WAAdP,EACO,0BAEJ,4BACR,CAACA,IACJ,~~OAAQc~~,EAAKC,EAASC,OAAOC,OAAO,~~CAAEhB~~,MAAOA,EAAOC,SAAUA,EAAUC,~~GAAIa~~,OAAOC,OAAO,CAAE,YAAa,~~CAC7FX~~,QAAS,IAAI,KAAOA,~~KACpBY~~,QAAS,~~SACVL~~,~~aAAYM~~,WAAY,~~SAAYhB~~,GAAM,~~CAAA~~,~~GAAM,~~cAAe,OAAQJ,~~UAAWD~~,~~GAAQC~~,~~GAAaK~~,GAAQ"}
1	+ {"version":3,"file":"icon.js","sources":["../../../src/components/icon/icon.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useMemo } from 'react';\nimport { Icon as MuiIcon } from '@mui/material';\nimport { iconDefinitions } from './icon.definitions';\n/*\n @description SkodaFlow Icon component.\n * @param props IconProps\n * @returns React Functional Component\n */\nexport const Icon = (_a) => {\n var { name, className, iconStyle, color, fontSize, sx } = _a, rest = __rest(_a, [\"name\", \"className\", \"iconStyle\", \"color\", \"fontSize\", \"sx\"]);\n const content = useMemo(() => {\n var _a;\n const definition = \n // try to find by name\n (name && iconDefinitions.find((item) => item.name === name \|\| (item.altName && item.altName === name))) \|\|\n // try to find by className\n (className &&\n iconDefinitions.find((item) => className.includes(item.name) \|\| className.includes(item.altName))) \|\|\n // fallback\n iconDefinitions.find((item) => item.name === 'circle-question');\n return (_a = definition === null \|\| definition === void 0 ? void 0 : definition.content) !== null && _a !== void 0 ? _a : '';\n }, [name, className]);\n const fontFamily = useMemo(() => {\n if (iconStyle === 'filled') {\n return 'SKODA Next Icons Filled';\n }\n return 'SKODA Next Icons Regular';\n }, [iconStyle]);\n return (_jsx(MuiIcon, Object.assign({ color: color, fontSize: fontSize, sx: Object.assign({ '&::before': {\n content: `'${'\\\\' + content}'`,\n display: 'block',\n height: '100%',\n width: '100%',\n }, fontFamily, lineHeight: '0.7em' }, (sx \|\| {})), \"data-testid\": \"Icon\", className: [className, name].filter(Boolean).join(' ') }, rest)));\n};\n//# sourceMappingURL=icon.js.map"],"names":["Icon","_a","name","className","iconStyle","color","fontSize","sx","rest","__rest","content","useMemo","definition","iconDefinitions","find","item","altName","includes","fontFamily","_jsx","MuiIcon","Object","assign","display","height","width","lineHeight","filter","Boolean","join"],"mappings":"oMAUY,MAACA,EAAQC,IACjB,IAAIC,KAAEA,EAAIC,UAAEA,EAASC,UAAEA,EAASC,MAAEA,EAAKC,SAAEA,EAAQC,GAAEA,GAAON,EAAIO,EAAOC,EAAOR,EAAI,CAAC,OAAQ,YAAa,YAAa,QAAS,WAAY,OACxI,MAAMS,EAAUC,GAAQ,KACpB,IAAIV,EACJ,MAAMW,EAELV,GAAQW,EAAgBC,MAAMC,GAASA,EAAKb,OAASA,GAASa,EAAKC,SAAWD,EAAKC,UAAYd,KAE3FC,GACGU,EAAgBC,MAAMC,GAASZ,EAAUc,SAASF,EAAKb,OAASC,EAAUc,SAASF,EAAKC,YAE5FH,EAAgBC,MAAMC,GAAuB,oBAAdA,EAAKb,OACxC,OAA6F,QAArFD,EAAKW,aAA+C,EAASA,EAAWF,eAA4B,IAAPT,EAAgBA,EAAK,EAAE,GAC7H,CAACC,EAAMC,IACJe,EAAaP,GAAQ,IACL,WAAdP,EACO,0BAEJ,4BACR,CAACA,IACJ,OAAQe,EAAKC,EAASC,OAAOC,OAAO,CAAEjB,MAAOA,EAAOC,SAAUA,EAAUC,GAAIc,OAAOC,OAAO,CAAE,YAAa,CAC7FZ,QAAS,IAAI,KAAOA,KACpBa,QAAS,QACTC,OAAQ,OACRC,MAAO,QACRP,aAAYQ,WAAY,SAAYnB,GAAM,IAAM,cAAe,OAAQJ,UAAW,CAACA,EAAWD,GAAMyB,OAAOC,SAASC,KAAK,MAAQrB,GAAQ"}

package/components/numbering/numbering.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__rest as t}from"tslib";import{jsxs as e,jsx as r}from"react/jsx-runtime";import{styled as o}from"@mui/material/styles";import{NumberingSizes as a,NumberingColors as i}from"../../utils/enum.js";import{paletteLight as n}from"../../design/skoda/paletteLight.theme.js";const s=o=>{var a=t(o,[]);return e(m,Object.assign({},a,{style:a.customStyle,"data-testid":"Numbering",children:[e("span",{className:"index-container","data-testid":"Numbering.index",children:[a.index," "]}),e("span",{className:"separator-container","data-testid":"Numbering.separator",children:[a.customSeparator?a.customSeparator:"/"," "]}),r("span",{className:"total-container","data-testid":"Numbering.total",children:a.total})]}))},m=o("div",{shouldForwardProp:t=>"customSeparator"!==t&&"colorTheme"!==t})((e=>{var r=t(e,["theme"]);let o={};return o={fontFamily:"SKODA Next",fontStyle:"normal",fontWeight:"700",fontSize:r.size===a.LARGE?"18px":"16px",lineHeight:r.size===a.LARGE?"28px":"24px",letterSpacing:"0.02em","& .index-container":{color:r.colorTheme===i.DARK?n.text.primary:n.onSurface.os0},"& .separator-container":{color:n.onSurface.os600},"& .total-container":{color:n.onSurface.os600}},o}));export{s as Numbering};
+import{__rest as t}from"tslib";import{jsxs as e,jsx as r}from"react/jsx-runtime";import{styled as o}from"@mui/material/styles";import{NumberingSizes as a,NumberingColors as i}from"../../utils/enum.js";import{paletteLight as n}from"../../design/skoda/paletteLight.theme.js";const s=o=>{var a=t(o,[]);return e(m,Object.assign({},a,{style:a.customStyle,"data-testid":"Numbering",children:[e("span",{className:"index-container","data-testid":"Numbering.index",children:[a.index," "]}),e("span",{className:"separator-container","data-testid":"Numbering.separator",children:[a.customSeparator?a.customSeparator:"/"," "]}),r("span",{className:"total-container","data-testid":"Numbering.total",children:a.total})]}))},m=o("div",{shouldForwardProp:t=>"customSeparator"!==t&&"colorTheme"!==t})((e=>{var r=t(e,["theme"]);return{fontWeight:"700",fontSize:r.size===a.LARGE?"18px":"16px",lineHeight:r.size===a.LARGE?"28px":"24px",letterSpacing:"0.02em","& .index-container":{color:r.colorTheme===i.DARK?n.text.primary:n.onSurface.os0},"& .separator-container":{color:n.onSurface.os600},"& .total-container":{color:n.onSurface.os600}}}));export{s as Numbering};
 //# sourceMappingURL=numbering.js.map

package/components/numbering/numbering.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"numbering.js","sources":["../../../src/components/numbering/numbering.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsxs as _jsxs, jsx as _jsx } from \"react/jsx-runtime\";\nimport { styled } from '@mui/material/styles';\nimport { NumberingColors, NumberingSizes } from '../../utils/enum';\nimport { paletteLight as flowColors } from '../../design/skoda/paletteLight.theme';\n/*\n @description SkodaFlow Numbering component.\n * @param props NumberingProps\n * @returns React Functional Component\n /\nexport const Numbering = (_a) => {\n var props = __rest(_a, []);\n return (_jsxs(NumberingStyled, Object.assign({}, props, { style: props.customStyle, \"data-testid\": \"Numbering\", children: [_jsxs(\"span\", { className: \"index-container\", \"data-testid\": \"Numbering.index\", children: [props.index, ' '] }), _jsxs(\"span\", { className: \"separator-container\", \"data-testid\": \"Numbering.separator\", children: [props.customSeparator ? props.customSeparator : '/', ' '] }), _jsx(\"span\", { className: \"total-container\", \"data-testid\": \"Numbering.total\", children: props.total })] })));\n};\n/\n @description Controls styling definition based on props\n */\nconst NumberingStyled = styled('div', {\n shouldForwardProp: (prop) => prop !== 'customSeparator' && prop !== 'colorTheme',\n})((_a) => {\n var { theme } = _a, args = __rest(_a, [\"theme\"]);\n ~~let~~ ~~styles =~~ {~~};\n styles = {~~\n ~~fontFamily: 'SKODA Next',\n fontStyle: 'normal',\n~~ fontWeight: '700',\n fontSize: args.size === NumberingSizes.LARGE ? '18px' : '16px',\n lineHeight: args.size === NumberingSizes.LARGE ? '28px' : '24px',\n letterSpacing: '0.02em',\n '& .index-container': {\n color: args.colorTheme === NumberingColors.DARK ? flowColors.text.primary : flowColors.onSurface.os0,\n },\n '& .separator-container': {\n color: flowColors.onSurface.os600,\n },\n '& .total-container': {\n color: flowColors.onSurface.os600,\n },\n };\n ~~return styles;\n~~});\n//# sourceMappingURL=numbering.js.map"],"names":["Numbering","_a","props","__rest","_jsxs","NumberingStyled","Object","assign","style","customStyle","children","className","index","customSeparator","_jsx","total","styled","shouldForwardProp","prop","args","~~styles","fontFamily","fontStyle","~~fontWeight","fontSize","size","NumberingSizes","LARGE","lineHeight","letterSpacing","color","colorTheme","NumberingColors","DARK","flowColors","text","primary","onSurface","os0","os600"],"mappings":"iRAUY,MAACA,EAAaC,IACtB,IAAIC,EAAQC,EAAOF,EAAI,IACvB,OAAQG,EAAMC,EAAiBC,OAAOC,OAAO,CAAE,EAAEL,EAAO,CAAEM,MAAON,EAAMO,YAAa,cAAe,YAAaC,SAAU,CAACN,EAAM,OAAQ,CAAEO,UAAW,kBAAmB,cAAe,kBAAmBD,SAAU,CAACR,EAAMU,MAAO,OAASR,EAAM,OAAQ,CAAEO,UAAW,sBAAuB,cAAe,sBAAuBD,SAAU,CAACR,EAAMW,gBAAkBX,EAAMW,gBAAkB,IAAK,OAASC,EAAK,OAAQ,CAAEH,UAAW,kBAAmB,cAAe,kBAAmBD,SAAUR,EAAMa,WAAe,EAKzfV,EAAkBW,EAAO,MAAO,CAClCC,kBAAoBC,GAAkB,oBAATA,GAAuC,eAATA,GADvCF,EAEpBf,IACG,IAAiBkB,EAAOhB,EAAOF,EAAI,CAAC,UACvC,~~IAAImB~~,~~EAAS~~,~~CAAA,EAkBb,OAjBAA,EAAS,CACLC,~~WAAY,~~aACZC,UAAW,SACXC,WAAY,~~MACZC,~~SAAUL~~,~~EAAKM~~,OAASC,EAAeC,MAAQ,OAAS,OACxDC,~~WAAYT~~,~~EAAKM~~,OAASC,EAAeC,MAAQ,OAAS,OAC1DE,cAAe,SACf,qBAAsB,CAClBC,~~MAAOX~~,~~EAAKY~~,aAAeC,EAAgBC,KAAOC,EAAWC,KAAKC,QAAUF,EAAWG,UAAUC,KAErG,yBAA0B,CACtBR,MAAOI,EAAWG,UAAUE,OAEhC,qBAAsB,CAClBT,MAAOI,EAAWG,UAAUE,~~QAG7BnB,CAAM~~"}
1	+ {"version":3,"file":"numbering.js","sources":["../../../src/components/numbering/numbering.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsxs as _jsxs, jsx as _jsx } from \"react/jsx-runtime\";\nimport { styled } from '@mui/material/styles';\nimport { NumberingColors, NumberingSizes } from '../../utils/enum';\nimport { paletteLight as flowColors } from '../../design/skoda/paletteLight.theme';\n/*\n @description SkodaFlow Numbering component.\n * @param props NumberingProps\n * @returns React Functional Component\n /\nexport const Numbering = (_a) => {\n var props = __rest(_a, []);\n return (_jsxs(NumberingStyled, Object.assign({}, props, { style: props.customStyle, \"data-testid\": \"Numbering\", children: [_jsxs(\"span\", { className: \"index-container\", \"data-testid\": \"Numbering.index\", children: [props.index, ' '] }), _jsxs(\"span\", { className: \"separator-container\", \"data-testid\": \"Numbering.separator\", children: [props.customSeparator ? props.customSeparator : '/', ' '] }), _jsx(\"span\", { className: \"total-container\", \"data-testid\": \"Numbering.total\", children: props.total })] })));\n};\n/\n @description Controls styling definition based on props\n */\nconst NumberingStyled = styled('div', {\n shouldForwardProp: (prop) => prop !== 'customSeparator' && prop !== 'colorTheme',\n})((_a) => {\n var { theme } = _a, args = __rest(_a, [\"theme\"]);\n return {\n fontWeight: '700',\n fontSize: args.size === NumberingSizes.LARGE ? '18px' : '16px',\n lineHeight: args.size === NumberingSizes.LARGE ? '28px' : '24px',\n letterSpacing: '0.02em',\n '& .index-container': {\n color: args.colorTheme === NumberingColors.DARK ? flowColors.text.primary : flowColors.onSurface.os0,\n },\n '& .separator-container': {\n color: flowColors.onSurface.os600,\n },\n '& .total-container': {\n color: flowColors.onSurface.os600,\n },\n };\n});\n//# sourceMappingURL=numbering.js.map"],"names":["Numbering","_a","props","__rest","_jsxs","NumberingStyled","Object","assign","style","customStyle","children","className","index","customSeparator","_jsx","total","styled","shouldForwardProp","prop","args","fontWeight","fontSize","size","NumberingSizes","LARGE","lineHeight","letterSpacing","color","colorTheme","NumberingColors","DARK","flowColors","text","primary","onSurface","os0","os600"],"mappings":"iRAUY,MAACA,EAAaC,IACtB,IAAIC,EAAQC,EAAOF,EAAI,IACvB,OAAQG,EAAMC,EAAiBC,OAAOC,OAAO,CAAE,EAAEL,EAAO,CAAEM,MAAON,EAAMO,YAAa,cAAe,YAAaC,SAAU,CAACN,EAAM,OAAQ,CAAEO,UAAW,kBAAmB,cAAe,kBAAmBD,SAAU,CAACR,EAAMU,MAAO,OAASR,EAAM,OAAQ,CAAEO,UAAW,sBAAuB,cAAe,sBAAuBD,SAAU,CAACR,EAAMW,gBAAkBX,EAAMW,gBAAkB,IAAK,OAASC,EAAK,OAAQ,CAAEH,UAAW,kBAAmB,cAAe,kBAAmBD,SAAUR,EAAMa,WAAe,EAKzfV,EAAkBW,EAAO,MAAO,CAClCC,kBAAoBC,GAAkB,oBAATA,GAAuC,eAATA,GADvCF,EAEpBf,IACG,IAAiBkB,EAAOhB,EAAOF,EAAI,CAAC,UACvC,MAAO,CACHmB,WAAY,MACZC,SAAUF,EAAKG,OAASC,EAAeC,MAAQ,OAAS,OACxDC,WAAYN,EAAKG,OAASC,EAAeC,MAAQ,OAAS,OAC1DE,cAAe,SACf,qBAAsB,CAClBC,MAAOR,EAAKS,aAAeC,EAAgBC,KAAOC,EAAWC,KAAKC,QAAUF,EAAWG,UAAUC,KAErG,yBAA0B,CACtBR,MAAOI,EAAWG,UAAUE,OAEhC,qBAAsB,CAClBT,MAAOI,EAAWG,UAAUE,OAEnC"}

package/components/stepper/stepper.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__rest as e}from"tslib";import{jsx as o}from"react/jsx-runtime";import{StepConnector as r,stepConnectorClasses as t,Step as n,StepLabel as i}from"@mui/material";import a from"@mui/material/Stepper";import{styled as l}from"@mui/material/styles";import{paletteLight as c}from"../../design/skoda/paletteLight.theme.js";const d=r=>{var{activeStep:t,alternativeLabel:l,children:c,classes:d,connector:p,nonLinear:b,orientation:u,step:f}=r,g=e(r,["activeStep","alternativeLabel","children","classes","connector","nonLinear","orientation","step"]);const x={lineHeight:"16px",fontSize:"12px",fontWeight:"400"};return o(h,{children:o("div",{children:o(a,Object.assign({className:"controllerContainer"},g,{activeStep:t,sx:{maxWidth:800,display:"flex",alignItems:"center",spacing:4},alternativeLabel:l,connector:o(m,{}),children:f.map((e=>o(n,{children:o(i,{style:x,StepIconComponent:s,children:e})},e)))}))})})};function s(e){const{active:r,completed:t,className:n}=e;return o(p,{className:n,children:o("div",r?{className:"QontoStepIcon-active"}:t?{className:"QontoStepIcon-completedIcon"}:{className:"QontoStepIcon-circle"})})}const p=l("div")((({theme:e})=>{let o={};return o={color:"dark"===e.palette.mode?e.palette.grey[700]:"#464748",display:"flex",height:22,alignItems:"center","& .QontoStepIcon-completedIcon":{color:c.onSurface.os700,width:12,height:12,borderRadius:"50%",backgroundColor:"currentColor","&:hover":{borderRadius:"50%",border:`1.5px solid ${c.onSurface.os700}`,color:c.brand.secondary}},"& .QontoStepIcon-active":{color:c.onSurface.os700,width:18,height:18,borderRadius:"50%",marginRight:"5.25px",marginLeft:"0px",backgroundColor:"currentColor","&:hover":{borderRadius:"50%",border:`1.5px solid ${c.onSurface.os700}`,color:c.brand.secondary}},"& .QontoStepIcon-circle":{width:12,height:12,borderRadius:"50%",border:"1.5px solid #C4C6C7",color:"transparent","&:hover":{cursor:"pointer",borderRadius:"50%",border:`1.5px solid ${c.disabled.tertiary}`,backgroundColor:c.disabled.secondary}}},o})),m=l(r)((({theme:e})=>({[`&.${t.alternativeLabel}`]:{top:10,left:"calc(-50% + 9px)",right:"calc(50% + 9px)"},[`&.${t.active}`]:{[`& .${t.line}`]:{borderColor:c.onSurface.os700,width:"60px"}},[`&.${t.completed}`]:{[`& .${t.line}`]:{borderColor:c.onSurface.os700}},[`& .${t.line}`]:{borderColor:"dark"===e.palette.mode?e.palette.grey[800]:c.disabled.primary,borderTopWidth:3,borderRadius:1}}))),h=l("div")((()=>{let e={};return e={"& .controllerContainer":{display:"flex",alignItems:"center",fontFamily:"SKODA Next",fontStyle:"normal",fontWeight:"700",fontSize:"12px",lineHeight:"16px"}},e}));export{d as Stepper};
+import{__rest as e}from"tslib";import{jsx as o}from"react/jsx-runtime";import{StepConnector as r,stepConnectorClasses as t,Step as n,StepLabel as i}from"@mui/material";import a from"@mui/material/Stepper";import{styled as l}from"@mui/material/styles";import{paletteLight as c}from"../../design/skoda/paletteLight.theme.js";const d=r=>{var{activeStep:t,alternativeLabel:l,children:c,classes:d,connector:p,nonLinear:b,orientation:u,step:g}=r,f=e(r,["activeStep","alternativeLabel","children","classes","connector","nonLinear","orientation","step"]);const x={lineHeight:"16px",fontSize:"12px",fontWeight:"400"};return o(h,{children:o("div",{children:o(a,Object.assign({className:"controllerContainer"},f,{activeStep:t,sx:{maxWidth:800,display:"flex",alignItems:"center",spacing:4},alternativeLabel:l,connector:o(m,{}),children:g.map((e=>o(n,{children:o(i,{style:x,StepIconComponent:s,children:e})},e)))}))})})};function s(e){const{active:r,completed:t,className:n}=e;return o(p,{className:n,children:o("div",r?{className:"QontoStepIcon-active"}:t?{className:"QontoStepIcon-completedIcon"}:{className:"QontoStepIcon-circle"})})}const p=l("div")((({theme:e})=>{let o={};return o={color:"dark"===e.palette.mode?e.palette.grey[700]:"#464748",display:"flex",height:22,alignItems:"center","& .QontoStepIcon-completedIcon":{color:c.onSurface.os700,width:12,height:12,borderRadius:"50%",backgroundColor:"currentColor","&:hover":{borderRadius:"50%",border:`1.5px solid ${c.onSurface.os700}`,color:c.brand.secondary}},"& .QontoStepIcon-active":{color:c.onSurface.os700,width:18,height:18,borderRadius:"50%",marginRight:"5.25px",marginLeft:"0px",backgroundColor:"currentColor","&:hover":{borderRadius:"50%",border:`1.5px solid ${c.onSurface.os700}`,color:c.brand.secondary}},"& .QontoStepIcon-circle":{width:12,height:12,borderRadius:"50%",border:"1.5px solid #C4C6C7",color:"transparent","&:hover":{cursor:"pointer",borderRadius:"50%",border:`1.5px solid ${c.disabled.tertiary}`,backgroundColor:c.disabled.secondary}}},o})),m=l(r)((({theme:e})=>({[`&.${t.alternativeLabel}`]:{top:10,left:"calc(-50% + 9px)",right:"calc(50% + 9px)"},[`&.${t.active}`]:{[`& .${t.line}`]:{borderColor:c.onSurface.os700,width:"60px"}},[`&.${t.completed}`]:{[`& .${t.line}`]:{borderColor:c.onSurface.os700}},[`& .${t.line}`]:{borderColor:"dark"===e.palette.mode?e.palette.grey[800]:c.disabled.primary,borderTopWidth:3,borderRadius:1}}))),h=l("div")((()=>({"& .controllerContainer":{display:"flex",alignItems:"center",fontStyle:"normal",fontWeight:"700",fontSize:"12px",lineHeight:"16px"}})));export{d as Stepper};
 //# sourceMappingURL=stepper.js.map

package/components/stepper/stepper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"stepper.js","sources":["../../../src/components/stepper/stepper.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Step, StepConnector, StepLabel, stepConnectorClasses } from '@mui/material';\nimport MuiStepper from '@mui/material/Stepper';\nimport { styled } from '@mui/material/styles';\nimport { paletteLight as flowColors } from '../../design/skoda/paletteLight.theme';\nexport const Stepper = (_a) => {\n var { activeStep, alternativeLabel, children, classes, connector, nonLinear, orientation, step } = _a, props = __rest(_a, [\"activeStep\", \"alternativeLabel\", \"children\", \"classes\", \"connector\", \"nonLinear\", \"orientation\", \"step\"]);\n const styles = {\n lineHeight: '16px',\n fontSize: '12px',\n fontWeight: '400',\n };\n const desktopStepper = () => (_jsx(\"div\", { children: _jsx(MuiStepper, Object.assign({ className: \"controllerContainer\" }, props, { activeStep: activeStep, sx: {\n maxWidth: 800,\n display: 'flex',\n alignItems: 'center',\n spacing: 4,\n }, alternativeLabel: alternativeLabel, connector: _jsx(QontoConnector, {}), children: step.map((label) => (_jsx(Step, { children: _jsx(StepLabel, { style: styles, StepIconComponent: QontoStepIcon, children: label }) }, label))) })) }));\n return _jsx(StepperStyled, { children: desktopStepper() });\n};\nfunction QontoStepIcon(props) {\n const { active, completed, className } = props;\n return (_jsx(QontoStepIconRoot, { className: className, children: active ? (_jsx(\"div\", { className: \"QontoStepIcon-active\" })) : completed ? (_jsx(\"div\", { className: \"QontoStepIcon-completedIcon\" })) : (_jsx(\"div\", { className: \"QontoStepIcon-circle\" })) }));\n}\nconst QontoStepIconRoot = styled('div')(({ theme }) => {\n let style = {};\n style = {\n color: theme.palette.mode === 'dark' ? theme.palette.grey[700] : '#464748',\n display: 'flex',\n height: 22,\n alignItems: 'center',\n '& .QontoStepIcon-completedIcon': {\n color: flowColors.onSurface.os700,\n width: 12,\n height: 12,\n borderRadius: '50%',\n backgroundColor: 'currentColor',\n '&:hover': {\n borderRadius: '50%',\n border: `1.5px solid ${flowColors.onSurface.os700}`,\n color: flowColors.brand.secondary,\n },\n },\n '& .QontoStepIcon-active': {\n color: flowColors.onSurface.os700,\n width: 18,\n height: 18,\n borderRadius: '50%',\n marginRight: '5.25px',\n marginLeft: '0px',\n backgroundColor: 'currentColor',\n '&:hover': {\n borderRadius: '50%',\n border: `1.5px solid ${flowColors.onSurface.os700}`,\n color: flowColors.brand.secondary,\n },\n },\n '& .QontoStepIcon-circle': {\n width: 12,\n height: 12,\n borderRadius: '50%',\n border: '1.5px solid #C4C6C7',\n color: 'transparent',\n '&:hover': {\n cursor: 'pointer',\n borderRadius: '50%',\n border: `1.5px solid ${flowColors.disabled.tertiary}`,\n backgroundColor: flowColors.disabled.secondary,\n },\n },\n };\n return style;\n});\nconst QontoConnector = styled(StepConnector)(({ theme }) => ({\n [`&.${stepConnectorClasses.alternativeLabel}`]: {\n top: 10,\n left: 'calc(-50% + 9px)',\n right: 'calc(50% + 9px)',\n },\n [`&.${stepConnectorClasses.active}`]: {\n [`& .${stepConnectorClasses.line}`]: {\n borderColor: flowColors.onSurface.os700,\n width: '60px',\n },\n },\n [`&.${stepConnectorClasses.completed}`]: {\n [`& .${stepConnectorClasses.line}`]: {\n borderColor: flowColors.onSurface.os700,\n },\n },\n [`& .${stepConnectorClasses.line}`]: {\n borderColor: theme.palette.mode === 'dark' ? theme.palette.grey[800] : flowColors.disabled.primary,\n borderTopWidth: 3,\n borderRadius: 1,\n },\n}));\nconst StepperStyled = styled('div')(() => {\n ~~let~~ ~~style =~~ {~~};\n const SKODA_NEXT = 'SKODA Next';\n style = {~~\n '& .controllerContainer': {\n display: 'flex',\n alignItems: 'center',\n ~~fontFamily: SKODA_NEXT,\n~~ fontStyle: 'normal',\n fontWeight: '700',\n fontSize: '12px',\n lineHeight: '16px',\n },\n };\n ~~return style;\n~~});\n//# sourceMappingURL=stepper.js.map"],"names":["Stepper","_a","activeStep","alternativeLabel","children","classes","connector","nonLinear","orientation","step","props","__rest","styles","lineHeight","fontSize","fontWeight","_jsx","StepperStyled","MuiStepper","Object","assign","className","sx","maxWidth","display","alignItems","spacing","QontoConnector","map","label","Step","StepLabel","style","StepIconComponent","QontoStepIcon","active","completed","QontoStepIconRoot","styled","theme","color","palette","mode","grey","height","flowColors","onSurface","os700","width","borderRadius","backgroundColor","border","brand","secondary","marginRight","marginLeft","cursor","disabled","tertiary","StepConnector","stepConnectorClasses","top","left","right","line","borderColor","primary","borderTopWidth","~~fontFamily","~~fontStyle"],"mappings":"mUAMY,MAACA,EAAWC,IACpB,IAAIC,WAAEA,EAAUC,iBAAEA,EAAgBC,SAAEA,EAAQC,QAAEA,EAAOC,UAAEA,EAASC,UAAEA,EAASC,YAAEA,EAAWC,KAAEA,GAASR,EAAIS,EAAQC,EAAOV,EAAI,CAAC,aAAc,mBAAoB,WAAY,UAAW,YAAa,YAAa,cAAe,SAC7N,MAAMW,EAAS,CACXC,WAAY,OACZC,SAAU,OACVC,WAAY,OAQhB,OAAOC,EAAKC,EAAe,CAAEb,SANCY,EAAK,MAAO,CAAEZ,SAAUY,EAAKE,EAAYC,OAAOC,OAAO,CAAEC,UAAW,uBAAyBX,EAAO,CAAER,WAAYA,EAAYoB,GAAI,CACpJC,SAAU,IACVC,QAAS,OACTC,WAAY,SACZC,QAAS,GACVvB,iBAAkBA,EAAkBG,UAAWU,EAAKW,EAAgB,CAAA,GAAKvB,SAAUK,EAAKmB,KAAKC,GAAWb,EAAKc,EAAM,CAAE1B,SAAUY,EAAKe,EAAW,CAAEC,MAAOpB,EAAQqB,kBAAmBC,EAAe9B,SAAUyB,KAAYA,WACzK,EAE9D,SAASK,EAAcxB,GACnB,MAAMyB,OAAEA,EAAMC,UAAEA,EAASf,UAAEA,GAAcX,EACzC,OAAQM,EAAKqB,EAAmB,CAAEhB,UAAWA,EAAWjB,SAAoBY,EAAK,MAAfmB,EAAsB,CAAEd,UAAW,wBAA6Be,EAAyB,CAAEf,UAAW,+BAAiD,CAAEA,UAAW,0BAC1O,CACA,MAAMgB,EAAoBC,EAAO,MAAPA,EAAc,EAAGC,YACvC,IAAIP,EAAQ,CAAA,EA8CZ,OA7CAA,EAAQ,CACJQ,MAA8B,SAAvBD,EAAME,QAAQC,KAAkBH,EAAME,QAAQE,KAAK,KAAO,UACjEnB,QAAS,OACToB,OAAQ,GACRnB,WAAY,SACZ,iCAAkC,CAC9Be,MAAOK,EAAWC,UAAUC,MAC5BC,MAAO,GACPJ,OAAQ,GACRK,aAAc,MACdC,gBAAiB,eACjB,UAAW,CACPD,aAAc,MACdE,OAAQ,eAAeN,EAAWC,UAAUC,QAC5CP,MAAOK,EAAWO,MAAMC,YAGhC,0BAA2B,CACvBb,MAAOK,EAAWC,UAAUC,MAC5BC,MAAO,GACPJ,OAAQ,GACRK,aAAc,MACdK,YAAa,SACbC,WAAY,MACZL,gBAAiB,eACjB,UAAW,CACPD,aAAc,MACdE,OAAQ,eAAeN,EAAWC,UAAUC,QAC5CP,MAAOK,EAAWO,MAAMC,YAGhC,0BAA2B,CACvBL,MAAO,GACPJ,OAAQ,GACRK,aAAc,MACdE,OAAQ,sBACRX,MAAO,cACP,UAAW,CACPgB,OAAQ,UACRP,aAAc,MACdE,OAAQ,eAAeN,EAAWY,SAASC,WAC3CR,gBAAiBL,EAAWY,SAASJ,aAI1CrB,CAAK,IAEVL,EAAiBW,EAAOqB,EAAPrB,EAAsB,EAAGC,YAAa,CACzD,CAAC,KAAKqB,EAAqBzD,oBAAqB,CAC5C0D,IAAK,GACLC,KAAM,mBACNC,MAAO,mBAEX,CAAC,KAAKH,EAAqBzB,UAAW,CAClC,CAAC,MAAMyB,EAAqBI,QAAS,CACjCC,YAAapB,EAAWC,UAAUC,MAClCC,MAAO,SAGf,CAAC,KAAKY,EAAqBxB,aAAc,CACrC,CAAC,MAAMwB,EAAqBI,QAAS,CACjCC,YAAapB,EAAWC,UAAUC,QAG1C,CAAC,MAAMa,EAAqBI,QAAS,CACjCC,YAAoC,SAAvB1B,EAAME,QAAQC,KAAkBH,EAAME,QAAQE,KAAK,KAAOE,EAAWY,SAASS,QAC3FC,eAAgB,EAChBlB,aAAc,OAGhBhC,EAAgBqB,EAAO,MAAPA,EAAc,~~KAChC~~,~~IAAIN~~,~~EAAQ,CAAA,EAaZ,OAXAA,EAAQ,CACJ,~~yBAA0B,~~CACtBR~~,QAAS,OACTC,WAAY,SACZ2C,~~WALW,aAMXC,~~UAAW,~~SACXtD~~,WAAY,MACZD,SAAU,OACVD,WAAY~~,SAGbmB,CAAK~~"}
1	+ {"version":3,"file":"stepper.js","sources":["../../../src/components/stepper/stepper.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Step, StepConnector, StepLabel, stepConnectorClasses } from '@mui/material';\nimport MuiStepper from '@mui/material/Stepper';\nimport { styled } from '@mui/material/styles';\nimport { paletteLight as flowColors } from '../../design/skoda/paletteLight.theme';\nexport const Stepper = (_a) => {\n var { activeStep, alternativeLabel, children, classes, connector, nonLinear, orientation, step } = _a, props = __rest(_a, [\"activeStep\", \"alternativeLabel\", \"children\", \"classes\", \"connector\", \"nonLinear\", \"orientation\", \"step\"]);\n const styles = {\n lineHeight: '16px',\n fontSize: '12px',\n fontWeight: '400',\n };\n const desktopStepper = () => (_jsx(\"div\", { children: _jsx(MuiStepper, Object.assign({ className: \"controllerContainer\" }, props, { activeStep: activeStep, sx: {\n maxWidth: 800,\n display: 'flex',\n alignItems: 'center',\n spacing: 4,\n }, alternativeLabel: alternativeLabel, connector: _jsx(QontoConnector, {}), children: step.map((label) => (_jsx(Step, { children: _jsx(StepLabel, { style: styles, StepIconComponent: QontoStepIcon, children: label }) }, label))) })) }));\n return _jsx(StepperStyled, { children: desktopStepper() });\n};\nfunction QontoStepIcon(props) {\n const { active, completed, className } = props;\n return (_jsx(QontoStepIconRoot, { className: className, children: active ? (_jsx(\"div\", { className: \"QontoStepIcon-active\" })) : completed ? (_jsx(\"div\", { className: \"QontoStepIcon-completedIcon\" })) : (_jsx(\"div\", { className: \"QontoStepIcon-circle\" })) }));\n}\nconst QontoStepIconRoot = styled('div')(({ theme }) => {\n let style = {};\n style = {\n color: theme.palette.mode === 'dark' ? theme.palette.grey[700] : '#464748',\n display: 'flex',\n height: 22,\n alignItems: 'center',\n '& .QontoStepIcon-completedIcon': {\n color: flowColors.onSurface.os700,\n width: 12,\n height: 12,\n borderRadius: '50%',\n backgroundColor: 'currentColor',\n '&:hover': {\n borderRadius: '50%',\n border: `1.5px solid ${flowColors.onSurface.os700}`,\n color: flowColors.brand.secondary,\n },\n },\n '& .QontoStepIcon-active': {\n color: flowColors.onSurface.os700,\n width: 18,\n height: 18,\n borderRadius: '50%',\n marginRight: '5.25px',\n marginLeft: '0px',\n backgroundColor: 'currentColor',\n '&:hover': {\n borderRadius: '50%',\n border: `1.5px solid ${flowColors.onSurface.os700}`,\n color: flowColors.brand.secondary,\n },\n },\n '& .QontoStepIcon-circle': {\n width: 12,\n height: 12,\n borderRadius: '50%',\n border: '1.5px solid #C4C6C7',\n color: 'transparent',\n '&:hover': {\n cursor: 'pointer',\n borderRadius: '50%',\n border: `1.5px solid ${flowColors.disabled.tertiary}`,\n backgroundColor: flowColors.disabled.secondary,\n },\n },\n };\n return style;\n});\nconst QontoConnector = styled(StepConnector)(({ theme }) => ({\n [`&.${stepConnectorClasses.alternativeLabel}`]: {\n top: 10,\n left: 'calc(-50% + 9px)',\n right: 'calc(50% + 9px)',\n },\n [`&.${stepConnectorClasses.active}`]: {\n [`& .${stepConnectorClasses.line}`]: {\n borderColor: flowColors.onSurface.os700,\n width: '60px',\n },\n },\n [`&.${stepConnectorClasses.completed}`]: {\n [`& .${stepConnectorClasses.line}`]: {\n borderColor: flowColors.onSurface.os700,\n },\n },\n [`& .${stepConnectorClasses.line}`]: {\n borderColor: theme.palette.mode === 'dark' ? theme.palette.grey[800] : flowColors.disabled.primary,\n borderTopWidth: 3,\n borderRadius: 1,\n },\n}));\nconst StepperStyled = styled('div')(() => {\n return {\n '& .controllerContainer': {\n display: 'flex',\n alignItems: 'center',\n fontStyle: 'normal',\n fontWeight: '700',\n fontSize: '12px',\n lineHeight: '16px',\n },\n };\n});\n//# sourceMappingURL=stepper.js.map"],"names":["Stepper","_a","activeStep","alternativeLabel","children","classes","connector","nonLinear","orientation","step","props","__rest","styles","lineHeight","fontSize","fontWeight","_jsx","StepperStyled","MuiStepper","Object","assign","className","sx","maxWidth","display","alignItems","spacing","QontoConnector","map","label","Step","StepLabel","style","StepIconComponent","QontoStepIcon","active","completed","QontoStepIconRoot","styled","theme","color","palette","mode","grey","height","flowColors","onSurface","os700","width","borderRadius","backgroundColor","border","brand","secondary","marginRight","marginLeft","cursor","disabled","tertiary","StepConnector","stepConnectorClasses","top","left","right","line","borderColor","primary","borderTopWidth","fontStyle"],"mappings":"mUAMY,MAACA,EAAWC,IACpB,IAAIC,WAAEA,EAAUC,iBAAEA,EAAgBC,SAAEA,EAAQC,QAAEA,EAAOC,UAAEA,EAASC,UAAEA,EAASC,YAAEA,EAAWC,KAAEA,GAASR,EAAIS,EAAQC,EAAOV,EAAI,CAAC,aAAc,mBAAoB,WAAY,UAAW,YAAa,YAAa,cAAe,SAC7N,MAAMW,EAAS,CACXC,WAAY,OACZC,SAAU,OACVC,WAAY,OAQhB,OAAOC,EAAKC,EAAe,CAAEb,SANCY,EAAK,MAAO,CAAEZ,SAAUY,EAAKE,EAAYC,OAAOC,OAAO,CAAEC,UAAW,uBAAyBX,EAAO,CAAER,WAAYA,EAAYoB,GAAI,CACpJC,SAAU,IACVC,QAAS,OACTC,WAAY,SACZC,QAAS,GACVvB,iBAAkBA,EAAkBG,UAAWU,EAAKW,EAAgB,CAAA,GAAKvB,SAAUK,EAAKmB,KAAKC,GAAWb,EAAKc,EAAM,CAAE1B,SAAUY,EAAKe,EAAW,CAAEC,MAAOpB,EAAQqB,kBAAmBC,EAAe9B,SAAUyB,KAAYA,WACzK,EAE9D,SAASK,EAAcxB,GACnB,MAAMyB,OAAEA,EAAMC,UAAEA,EAASf,UAAEA,GAAcX,EACzC,OAAQM,EAAKqB,EAAmB,CAAEhB,UAAWA,EAAWjB,SAAoBY,EAAK,MAAfmB,EAAsB,CAAEd,UAAW,wBAA6Be,EAAyB,CAAEf,UAAW,+BAAiD,CAAEA,UAAW,0BAC1O,CACA,MAAMgB,EAAoBC,EAAO,MAAPA,EAAc,EAAGC,YACvC,IAAIP,EAAQ,CAAA,EA8CZ,OA7CAA,EAAQ,CACJQ,MAA8B,SAAvBD,EAAME,QAAQC,KAAkBH,EAAME,QAAQE,KAAK,KAAO,UACjEnB,QAAS,OACToB,OAAQ,GACRnB,WAAY,SACZ,iCAAkC,CAC9Be,MAAOK,EAAWC,UAAUC,MAC5BC,MAAO,GACPJ,OAAQ,GACRK,aAAc,MACdC,gBAAiB,eACjB,UAAW,CACPD,aAAc,MACdE,OAAQ,eAAeN,EAAWC,UAAUC,QAC5CP,MAAOK,EAAWO,MAAMC,YAGhC,0BAA2B,CACvBb,MAAOK,EAAWC,UAAUC,MAC5BC,MAAO,GACPJ,OAAQ,GACRK,aAAc,MACdK,YAAa,SACbC,WAAY,MACZL,gBAAiB,eACjB,UAAW,CACPD,aAAc,MACdE,OAAQ,eAAeN,EAAWC,UAAUC,QAC5CP,MAAOK,EAAWO,MAAMC,YAGhC,0BAA2B,CACvBL,MAAO,GACPJ,OAAQ,GACRK,aAAc,MACdE,OAAQ,sBACRX,MAAO,cACP,UAAW,CACPgB,OAAQ,UACRP,aAAc,MACdE,OAAQ,eAAeN,EAAWY,SAASC,WAC3CR,gBAAiBL,EAAWY,SAASJ,aAI1CrB,CAAK,IAEVL,EAAiBW,EAAOqB,EAAPrB,EAAsB,EAAGC,YAAa,CACzD,CAAC,KAAKqB,EAAqBzD,oBAAqB,CAC5C0D,IAAK,GACLC,KAAM,mBACNC,MAAO,mBAEX,CAAC,KAAKH,EAAqBzB,UAAW,CAClC,CAAC,MAAMyB,EAAqBI,QAAS,CACjCC,YAAapB,EAAWC,UAAUC,MAClCC,MAAO,SAGf,CAAC,KAAKY,EAAqBxB,aAAc,CACrC,CAAC,MAAMwB,EAAqBI,QAAS,CACjCC,YAAapB,EAAWC,UAAUC,QAG1C,CAAC,MAAMa,EAAqBI,QAAS,CACjCC,YAAoC,SAAvB1B,EAAME,QAAQC,KAAkBH,EAAME,QAAQE,KAAK,KAAOE,EAAWY,SAASS,QAC3FC,eAAgB,EAChBlB,aAAc,OAGhBhC,EAAgBqB,EAAO,MAAPA,EAAc,KACzB,CACH,yBAA0B,CACtBd,QAAS,OACTC,WAAY,SACZ2C,UAAW,SACXrD,WAAY,MACZD,SAAU,OACVD,WAAY"}

package/design/skoda/components/agGrid/agGrid.theme.js CHANGED Viewed

@@ -1,2 +1,2 @@
-const a=a=>({"& .ag-theme-material":{width:"100%",height:"100%","--ag-font-family":"SKODA Next","--ag-font-size":"16px","--ag-material-primary-color":a.palette.primary.main,"--ag-material-accent-color":a.palette.secondary.main,"--ag-foreground-color":a.palette.text.primary,"--ag-data-color":a.palette.text.primary,"--ag-header-foreground-color":a.palette.text.primary,"--ag-background-color":"transparent","--ag-header-background-color":"transparent","--ag-subheader-background-color":"transparent","--ag-subheader-toolbar-background-color":"transparent","--ag-secondary-foreground-color":a.palette.onSurface.os500,"--ag-disabled-foreground-color":a.palette.disabled.tertiary,"--ag-selected-row-background-color":a.palette.common.white,"--ag-odd-row-background-color":"transparent","--ag-column-hover-color":"transparent","--ag-header-cell-hover-background-color":"transparent","--ag-row-hover-color":a.palette.surface.primary,"--ag-row-border-color":a.palette.surface.secondary,"--ag-border-radius":"8px","--ag-checkbox-checked-color":a.palette.brand.primary,"--ag-checkbox-indeterminate-color":a.palette.brand.primary,"--ag-cell-horizontal-padding":"16px","--ag-cell-vertical-padding":"17px","--ag-row-height":"54px","--ag-header-height":"54px","--ag-header-column-separator-display":"block","--ag-header-column-separator-height":"20px","--ag-header-column-separator-color":a.palette.surface.secondary,"--ag-header-column-resize-handle-color":a.palette.surface.secondary,"--ag-header-column-resize-handle-display":"block","--ag-header-column-resize-handle-height":"20px",".ag-root-wrapper":{border:"1px solid",borderColor:a.palette.surface.secondary,borderRadius:"8px"},".ag-row-last":{borderBottom:"none"},".ag-row-hover":{backgroundColor:"var(--ag-row-hover-color) !important"},".ag-center-cols-container":{minWidth:"100%"},".ag-paging-panel":{border:"none",position:"relative","&:before":{display:"block",content:"''",height:"1px",background:a.palette.surface.secondary,position:"absolute",top:"0",left:"24px",right:"24px"}}}});export{a as getFlowCssAgGrid};
+const a=a=>({"& .ag-theme-material":{width:"100%",height:"100%","--ag-font-family":"rtl"===a.direction?"SKODA Next R2L":"SKODA Next","--ag-font-size":"16px","--ag-material-primary-color":a.palette.primary.main,"--ag-material-accent-color":a.palette.secondary.main,"--ag-foreground-color":a.palette.text.primary,"--ag-data-color":a.palette.text.primary,"--ag-header-foreground-color":a.palette.text.primary,"--ag-background-color":"transparent","--ag-header-background-color":"transparent","--ag-subheader-background-color":"transparent","--ag-subheader-toolbar-background-color":"transparent","--ag-secondary-foreground-color":a.palette.onSurface.os500,"--ag-disabled-foreground-color":a.palette.disabled.tertiary,"--ag-selected-row-background-color":a.palette.common.white,"--ag-odd-row-background-color":"transparent","--ag-column-hover-color":"transparent","--ag-header-cell-hover-background-color":"transparent","--ag-row-hover-color":a.palette.surface.primary,"--ag-row-border-color":a.palette.surface.secondary,"--ag-border-radius":"8px","--ag-checkbox-checked-color":a.palette.brand.primary,"--ag-checkbox-indeterminate-color":a.palette.brand.primary,"--ag-cell-horizontal-padding":"16px","--ag-cell-vertical-padding":"17px","--ag-row-height":"54px","--ag-header-height":"54px","--ag-header-column-separator-display":"block","--ag-header-column-separator-height":"20px","--ag-header-column-separator-color":a.palette.surface.secondary,"--ag-header-column-resize-handle-color":a.palette.surface.secondary,"--ag-header-column-resize-handle-display":"block","--ag-header-column-resize-handle-height":"20px",".ag-root-wrapper":{border:"1px solid",borderColor:a.palette.surface.secondary,borderRadius:"8px"},".ag-row-last":{borderBottom:"none"},".ag-row-hover":{backgroundColor:"var(--ag-row-hover-color) !important"},".ag-center-cols-container":{minWidth:"100%"},".ag-paging-panel":{border:"none",position:"relative","&:before":{display:"block",content:"''",height:"1px",background:a.palette.surface.secondary,position:"absolute",top:"0",left:"24px",right:"24px"}}}});export{a as getFlowCssAgGrid};
 //# sourceMappingURL=agGrid.theme.js.map

package/design/skoda/components/agGrid/agGrid.theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"agGrid.theme.js","sources":["../../../../../src/design/skoda/components/agGrid/agGrid.theme.ts"],"sourcesContent":["const getFlowCssAgGrid = (theme) => ({\n '& .ag-theme-material': {\n width: '100%',\n height: '100%',\n '--ag-font-family': 'SKODA Next',\n '--ag-font-size': '16px',\n '--ag-material-primary-color': theme.palette.primary.main,\n '--ag-material-accent-color': theme.palette.secondary.main,\n '--ag-foreground-color': theme.palette.text.primary,\n '--ag-data-color': theme.palette.text.primary,\n '--ag-header-foreground-color': theme.palette.text.primary,\n '--ag-background-color': 'transparent',\n '--ag-header-background-color': 'transparent',\n '--ag-subheader-background-color': 'transparent',\n '--ag-subheader-toolbar-background-color': 'transparent',\n '--ag-secondary-foreground-color': theme.palette.onSurface.os500,\n '--ag-disabled-foreground-color': theme.palette.disabled.tertiary,\n '--ag-selected-row-background-color': theme.palette.common.white,\n '--ag-odd-row-background-color': 'transparent',\n '--ag-column-hover-color': 'transparent',\n '--ag-header-cell-hover-background-color': 'transparent',\n '--ag-row-hover-color': theme.palette.surface.primary,\n '--ag-row-border-color': theme.palette.surface.secondary,\n '--ag-border-radius': '8px',\n '--ag-checkbox-checked-color': theme.palette.brand.primary,\n '--ag-checkbox-indeterminate-color': theme.palette.brand.primary,\n '--ag-cell-horizontal-padding': '16px',\n '--ag-cell-vertical-padding': '17px',\n '--ag-row-height': '54px',\n '--ag-header-height': '54px',\n '--ag-header-column-separator-display': 'block',\n '--ag-header-column-separator-height': '20px',\n '--ag-header-column-separator-color': theme.palette.surface.secondary,\n '--ag-header-column-resize-handle-color': theme.palette.surface.secondary,\n '--ag-header-column-resize-handle-display': 'block',\n '--ag-header-column-resize-handle-height': '20px',\n '.ag-root-wrapper': {\n border: '1px solid',\n borderColor: theme.palette.surface.secondary,\n borderRadius: '8px',\n },\n '.ag-row-last': {\n borderBottom: 'none',\n },\n '.ag-row-hover': {\n backgroundColor: 'var(--ag-row-hover-color) !important',\n },\n '.ag-center-cols-container': {\n minWidth: '100%',\n },\n '.ag-paging-panel': {\n border: 'none',\n position: 'relative',\n '&:before': {\n display: 'block',\n content: \"''\",\n height: '1px',\n background: theme.palette.surface.secondary,\n position: 'absolute',\n top: '0',\n left: '24px',\n right: '24px',\n },\n },\n },\n});\nexport { getFlowCssAgGrid };\n//# sourceMappingURL=agGrid.theme.js.map"],"names":["getFlowCssAgGrid","theme","width","height","palette","primary","main","secondary","text","onSurface","os500","disabled","tertiary","common","white","surface","brand","border","borderColor","borderRadius","borderBottom","backgroundColor","minWidth","position","display","content","background","top","left","right"],"mappings":"AAAK,MAACA,EAAoBC,IAAW,CACjC,uBAAwB,CACpBC,MAAO,OACPC,OAAQ,OACR,~~mBAAoB~~,~~aACpB~~,iBAAkB,OAClB,8BAA+BF,~~EAAMG~~,QAAQC,QAAQC,KACrD,~~6BAA8BL~~,~~EAAMG~~,QAAQG,UAAUD,KACtD,~~wBAAyBL~~,~~EAAMG~~,QAAQI,KAAKH,QAC5C,~~kBAAmBJ~~,~~EAAMG~~,QAAQI,KAAKH,QACtC,+~~BAAgCJ~~,~~EAAMG~~,QAAQI,KAAKH,QACnD,wBAAyB,cACzB,+BAAgC,cAChC,kCAAmC,cACnC,0CAA2C,cAC3C,~~kCAAmCJ~~,~~EAAMG~~,QAAQK,UAAUC,MAC3D,~~iCAAkCT~~,~~EAAMG~~,QAAQO,SAASC,SACzD,~~qCAAsCX~~,~~EAAMG~~,QAAQS,OAAOC,MAC3D,gCAAiC,cACjC,0BAA2B,cAC3B,0CAA2C,cAC3C,~~uBAAwBb~~,~~EAAMG~~,QAAQW,QAAQV,QAC9C,~~wBAAyBJ~~,~~EAAMG~~,QAAQW,QAAQR,UAC/C,qBAAsB,MACtB,8BAA+BN,~~EAAMG~~,QAAQY,MAAMX,QACnD,~~oCAAqCJ~~,~~EAAMG~~,QAAQY,MAAMX,QACzD,+BAAgC,OAChC,6BAA8B,OAC9B,kBAAmB,OACnB,qBAAsB,OACtB,uCAAwC,QACxC,sCAAuC,OACvC,~~qCAAsCJ~~,~~EAAMG~~,QAAQW,QAAQR,UAC5D,~~yCAA0CN~~,~~EAAMG~~,QAAQW,QAAQR,UAChE,2CAA4C,QAC5C,0CAA2C,OAC3C,mBAAoB,CAChBU,OAAQ,YACRC,~~YAAajB~~,~~EAAMG~~,QAAQW,QAAQR,UACnCY,aAAc,OAElB,eAAgB,CACZC,aAAc,QAElB,gBAAiB,CACbC,gBAAiB,wCAErB,4BAA6B,CACzBC,SAAU,QAEd,mBAAoB,CAChBL,OAAQ,OACRM,SAAU,WACV,WAAY,CACRC,QAAS,QACTC,QAAS,~~KACTtB~~,OAAQ,~~MACRuB~~,~~WAAYzB~~,~~EAAMG~~,QAAQW,QAAQR,UAClCgB,SAAU,WACVI,IAAK,IACLC,KAAM,OACNC,MAAO"}
1	+ {"version":3,"file":"agGrid.theme.js","sources":["../../../../../src/design/skoda/components/agGrid/agGrid.theme.ts"],"sourcesContent":["const getFlowCssAgGrid = (theme) => ({\n '& .ag-theme-material': {\n width: '100%',\n height: '100%',\n '--ag-font-family': theme.direction === 'rtl' ? 'SKODA Next R2L' : 'SKODA Next',\n '--ag-font-size': '16px',\n '--ag-material-primary-color': theme.palette.primary.main,\n '--ag-material-accent-color': theme.palette.secondary.main,\n '--ag-foreground-color': theme.palette.text.primary,\n '--ag-data-color': theme.palette.text.primary,\n '--ag-header-foreground-color': theme.palette.text.primary,\n '--ag-background-color': 'transparent',\n '--ag-header-background-color': 'transparent',\n '--ag-subheader-background-color': 'transparent',\n '--ag-subheader-toolbar-background-color': 'transparent',\n '--ag-secondary-foreground-color': theme.palette.onSurface.os500,\n '--ag-disabled-foreground-color': theme.palette.disabled.tertiary,\n '--ag-selected-row-background-color': theme.palette.common.white,\n '--ag-odd-row-background-color': 'transparent',\n '--ag-column-hover-color': 'transparent',\n '--ag-header-cell-hover-background-color': 'transparent',\n '--ag-row-hover-color': theme.palette.surface.primary,\n '--ag-row-border-color': theme.palette.surface.secondary,\n '--ag-border-radius': '8px',\n '--ag-checkbox-checked-color': theme.palette.brand.primary,\n '--ag-checkbox-indeterminate-color': theme.palette.brand.primary,\n '--ag-cell-horizontal-padding': '16px',\n '--ag-cell-vertical-padding': '17px',\n '--ag-row-height': '54px',\n '--ag-header-height': '54px',\n '--ag-header-column-separator-display': 'block',\n '--ag-header-column-separator-height': '20px',\n '--ag-header-column-separator-color': theme.palette.surface.secondary,\n '--ag-header-column-resize-handle-color': theme.palette.surface.secondary,\n '--ag-header-column-resize-handle-display': 'block',\n '--ag-header-column-resize-handle-height': '20px',\n '.ag-root-wrapper': {\n border: '1px solid',\n borderColor: theme.palette.surface.secondary,\n borderRadius: '8px',\n },\n '.ag-row-last': {\n borderBottom: 'none',\n },\n '.ag-row-hover': {\n backgroundColor: 'var(--ag-row-hover-color) !important',\n },\n '.ag-center-cols-container': {\n minWidth: '100%',\n },\n '.ag-paging-panel': {\n border: 'none',\n position: 'relative',\n '&:before': {\n display: 'block',\n content: \"''\",\n height: '1px',\n background: theme.palette.surface.secondary,\n position: 'absolute',\n top: '0',\n left: '24px',\n right: '24px',\n },\n },\n },\n});\nexport { getFlowCssAgGrid };\n//# sourceMappingURL=agGrid.theme.js.map"],"names":["getFlowCssAgGrid","theme","width","height","direction","palette","primary","main","secondary","text","onSurface","os500","disabled","tertiary","common","white","surface","brand","border","borderColor","borderRadius","borderBottom","backgroundColor","minWidth","position","display","content","background","top","left","right"],"mappings":"AAAK,MAACA,EAAoBC,IAAW,CACjC,uBAAwB,CACpBC,MAAO,OACPC,OAAQ,OACR,mBAAwC,QAApBF,EAAMG,UAAsB,iBAAmB,aACnE,iBAAkB,OAClB,8BAA+BH,EAAMI,QAAQC,QAAQC,KACrD,6BAA8BN,EAAMI,QAAQG,UAAUD,KACtD,wBAAyBN,EAAMI,QAAQI,KAAKH,QAC5C,kBAAmBL,EAAMI,QAAQI,KAAKH,QACtC,+BAAgCL,EAAMI,QAAQI,KAAKH,QACnD,wBAAyB,cACzB,+BAAgC,cAChC,kCAAmC,cACnC,0CAA2C,cAC3C,kCAAmCL,EAAMI,QAAQK,UAAUC,MAC3D,iCAAkCV,EAAMI,QAAQO,SAASC,SACzD,qCAAsCZ,EAAMI,QAAQS,OAAOC,MAC3D,gCAAiC,cACjC,0BAA2B,cAC3B,0CAA2C,cAC3C,uBAAwBd,EAAMI,QAAQW,QAAQV,QAC9C,wBAAyBL,EAAMI,QAAQW,QAAQR,UAC/C,qBAAsB,MACtB,8BAA+BP,EAAMI,QAAQY,MAAMX,QACnD,oCAAqCL,EAAMI,QAAQY,MAAMX,QACzD,+BAAgC,OAChC,6BAA8B,OAC9B,kBAAmB,OACnB,qBAAsB,OACtB,uCAAwC,QACxC,sCAAuC,OACvC,qCAAsCL,EAAMI,QAAQW,QAAQR,UAC5D,yCAA0CP,EAAMI,QAAQW,QAAQR,UAChE,2CAA4C,QAC5C,0CAA2C,OAC3C,mBAAoB,CAChBU,OAAQ,YACRC,YAAalB,EAAMI,QAAQW,QAAQR,UACnCY,aAAc,OAElB,eAAgB,CACZC,aAAc,QAElB,gBAAiB,CACbC,gBAAiB,wCAErB,4BAA6B,CACzBC,SAAU,QAEd,mBAAoB,CAChBL,OAAQ,OACRM,SAAU,WACV,WAAY,CACRC,QAAS,QACTC,QAAS,KACTvB,OAAQ,MACRwB,WAAY1B,EAAMI,QAAQW,QAAQR,UAClCgB,SAAU,WACVI,IAAK,IACLC,KAAM,OACNC,MAAO"}

package/design/skoda/components/baseline.theme.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
-import { BreakpointsOptions, Components, Theme } from '@mui/material';
-export declare const getFlowScopedCssBaseline: (breakpointsOptions: BreakpointsOptions, containerQueries: boolean) => Components<Theme>['MuiScopedCssBaseline'];
-export declare const getFlowCssBaseline: (breakpointsOptions: BreakpointsOptions, containerQueries: boolean) => Components<Theme>['MuiCssBaseline'];
+import { BreakpointsOptions, Components, Theme, CSSObject } from '@mui/material';
+export declare const getFlowCssBaselineRoot: (scoped: boolean, breakpointsOptions: BreakpointsOptions, rtl: boolean, containerQueries: boolean, theme: Theme) => CSSObject;
+export declare const getFlowScopedCssBaseline: (breakpointsOptions: BreakpointsOptions, rtl: boolean, containerQueries: boolean) => Components<Theme>['MuiScopedCssBaseline'];
+export declare const getFlowCssBaseline: (breakpointsOptions: BreakpointsOptions, rtl: boolean, containerQueries: boolean) => Components<Theme>['MuiCssBaseline'];