@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
  1. package/cjs/components/controls/controls.js +1 -1
  2. package/cjs/components/controls/controls.js.map +1 -1
  3. package/cjs/components/icon/icon.js +1 -1
  4. package/cjs/components/icon/icon.js.map +1 -1
  5. package/cjs/components/numbering/numbering.js +1 -1
  6. package/cjs/components/numbering/numbering.js.map +1 -1
  7. package/cjs/components/stepper/stepper.js +1 -1
  8. package/cjs/components/stepper/stepper.js.map +1 -1
  9. package/cjs/design/skoda/components/agGrid/agGrid.theme.js +1 -1
  10. package/cjs/design/skoda/components/agGrid/agGrid.theme.js.map +1 -1
  11. package/cjs/design/skoda/components/baseline.theme.d.ts +4 -3
  12. package/cjs/design/skoda/components/baseline.theme.js +1 -1
  13. package/cjs/design/skoda/components/baseline.theme.js.map +1 -1
  14. package/cjs/design/skoda/components/breadcrumbs.theme.js +1 -1
  15. package/cjs/design/skoda/components/breadcrumbs.theme.js.map +1 -1
  16. package/cjs/design/skoda/components/button.theme.js +1 -1
  17. package/cjs/design/skoda/components/button.theme.js.map +1 -1
  18. package/cjs/design/skoda/components/form/inputBase.theme.js +1 -1
  19. package/cjs/design/skoda/components/form/inputBase.theme.js.map +1 -1
  20. package/cjs/design/skoda/components/form/inputLabel.theme.js +1 -1
  21. package/cjs/design/skoda/components/form/inputLabel.theme.js.map +1 -1
  22. package/cjs/design/skoda/components/modal.theme.d.ts +2 -1
  23. package/cjs/design/skoda/components/modal.theme.js +1 -1
  24. package/cjs/design/skoda/components/modal.theme.js.map +1 -1
  25. package/cjs/design/skoda/theme.js +1 -1
  26. package/cjs/design/skoda/theme.js.map +1 -1
  27. package/cjs/design/skoda/theme.typography.d.ts +813 -3
  28. package/cjs/design/skoda/theme.typography.js +1 -1
  29. package/cjs/design/skoda/theme.typography.js.map +1 -1
  30. package/cjs/layout/Error/ErrorContent.js +1 -1
  31. package/cjs/layout/Error/ErrorContent.js.map +1 -1
  32. package/cjs/layout/Header/HeaderNavigationHero.js +1 -1
  33. package/cjs/layout/Header/HeaderNavigationHero.js.map +1 -1
  34. package/cjs/layout/Header/HeaderNavigationLink.js +1 -1
  35. package/cjs/layout/Header/HeaderNavigationLink.js.map +1 -1
  36. package/cjs/layout/Header/HeaderNavigationMenu.js +1 -1
  37. package/cjs/layout/Header/HeaderNavigationMenu.js.map +1 -1
  38. package/cjs/layout/Header/HeaderOverheadItem.js +1 -1
  39. package/cjs/layout/Header/HeaderOverheadItem.js.map +1 -1
  40. package/cjs/layout/SecondaryNavigation/SecondaryNavigationItem.js +1 -1
  41. package/cjs/layout/SecondaryNavigation/SecondaryNavigationItem.js.map +1 -1
  42. package/components/controls/controls.js +1 -1
  43. package/components/controls/controls.js.map +1 -1
  44. package/components/icon/icon.js +1 -1
  45. package/components/icon/icon.js.map +1 -1
  46. package/components/numbering/numbering.js +1 -1
  47. package/components/numbering/numbering.js.map +1 -1
  48. package/components/stepper/stepper.js +1 -1
  49. package/components/stepper/stepper.js.map +1 -1
  50. package/design/skoda/components/agGrid/agGrid.theme.js +1 -1
  51. package/design/skoda/components/agGrid/agGrid.theme.js.map +1 -1
  52. package/design/skoda/components/baseline.theme.d.ts +4 -3
  53. package/design/skoda/components/baseline.theme.js +1 -1
  54. package/design/skoda/components/baseline.theme.js.map +1 -1
  55. package/design/skoda/components/breadcrumbs.theme.js +1 -1
  56. package/design/skoda/components/breadcrumbs.theme.js.map +1 -1
  57. package/design/skoda/components/button.theme.js +1 -1
  58. package/design/skoda/components/button.theme.js.map +1 -1
  59. package/design/skoda/components/form/inputBase.theme.js +1 -1
  60. package/design/skoda/components/form/inputBase.theme.js.map +1 -1
  61. package/design/skoda/components/form/inputLabel.theme.js +1 -1
  62. package/design/skoda/components/form/inputLabel.theme.js.map +1 -1
  63. package/design/skoda/components/modal.theme.d.ts +2 -1
  64. package/design/skoda/components/modal.theme.js +1 -1
  65. package/design/skoda/components/modal.theme.js.map +1 -1
  66. package/design/skoda/theme.js +1 -1
  67. package/design/skoda/theme.js.map +1 -1
  68. package/design/skoda/theme.typography.d.ts +813 -3
  69. package/design/skoda/theme.typography.js +1 -1
  70. package/design/skoda/theme.typography.js.map +1 -1
  71. package/layout/Error/ErrorContent.js +1 -1
  72. package/layout/Error/ErrorContent.js.map +1 -1
  73. package/layout/Header/HeaderNavigationHero.js +1 -1
  74. package/layout/Header/HeaderNavigationHero.js.map +1 -1
  75. package/layout/Header/HeaderNavigationLink.js +1 -1
  76. package/layout/Header/HeaderNavigationLink.js.map +1 -1
  77. package/layout/Header/HeaderNavigationMenu.js +1 -1
  78. package/layout/Header/HeaderNavigationMenu.js.map +1 -1
  79. package/layout/Header/HeaderOverheadItem.js +1 -1
  80. package/layout/Header/HeaderOverheadItem.js.map +1 -1
  81. package/layout/SecondaryNavigation/SecondaryNavigationItem.js +1 -1
  82. package/layout/SecondaryNavigation/SecondaryNavigationItem.js.map +1 -1
  83. package/package.json +1 -1
@@ -1,2 +1,2 @@
1
- import{createBreakpoints as s}from"@mui/system";import t from"@skodaflow/web-tokens/src/tokens.json";const e=(s,e)=>{const n=null!=e?e:"small",o=t["flow-typography"].find((t=>t.name===`${n}-${s}`));return o?Object.assign({},o.style):null},n=(t,n,o)=>{const i=s(n),a=s=>{const t=i.up(s);return o?t.replace("@media","@container"):t};return Object.assign(Object.assign({},e(t,"small")),{[a("md")]:Object.assign({},e(t,"medium")),[a("lg")]:Object.assign({},e(t,"large"))})},o=(s,t)=>{const e=n("body",s,t);return Object.assign({fontFamily:["SKODA Next","sans-serif","Arial"].join(","),body1:e,body2:e,body:e},Object.fromEntries(["h1","h2","h3","h4","subheadline","subtitle1","subtitle2","display","disclaimer","caption1","caption2"].map((e=>[e,n(e,s,t)]))))};export{n as generateTypography,e as getTypography,o as getTypographyOptions};
1
+ import{createBreakpoints as s}from"@mui/system";import t from"@skodaflow/web-tokens/src/tokens.json";const e=(s,e,n)=>{const i=null!=n?n:"small",o=t["flow-typography"].find((t=>t.name===`${i}-${s}`));return o?Object.assign(Object.assign({},o.style),e?{fontFamily:"SKODA Next R2L"}:{}):null},n=(t,n,i,o)=>{const a=s(n),r=s=>{const t=a.up(s);return o?t.replace("@media","@container"):t};return Object.assign(Object.assign({},e(t,i,"small")),{[r("md")]:Object.assign({},e(t,i,"medium")),[r("lg")]:Object.assign({},e(t,i,"large"))})},i=(s,t,e)=>{const i=n("body",s,t,e);return Object.assign({fontFamily:["SKODA Next"+(t?" R2L":""),"sans-serif","Arial"].join(","),body1:i,body2:i,body:i},Object.fromEntries(["h1","h2","h3","h4","subheadline","subtitle1","subtitle2","display","disclaimer","caption1","caption2"].map((i=>[i,n(i,s,t,e)]))))};export{n as generateTypography,e as getTypography,i as getTypographyOptions};
2
2
  //# sourceMappingURL=theme.typography.js.map
@@ -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","find","el","name","Object","assign","generateTypography","breakpointsOptions","containerQueries","breakpoints","createBreakpoints","getBreakpointKey","breakpoint","key","up","replace","getTypographyOptions","bodyTypo","fontFamily","join","body1","body2","body","fromEntries","map"],"mappings":"qGAKY,MAACA,EAAgB,CAACC,EAASC,KACnC,MAAMC,EAASD,QAAmCA,EAAO,QACnDE,EAAOC,EAAO,mBAAmBC,MAAMC,GAAOA,EAAGC,OAAS,GAAGL,KAAUF,MAC7E,OAAIG,EACOK,OAAOC,OAAO,CAAA,EAAIN,EAAY,OAE9B,IAAI,EAKNO,EAAqB,CAACV,EAASW,EAAoBC,KAC5D,MAAMC,EAAcC,EAAkBH,GAChCI,EAAoBC,IACtB,MAAMC,EAAMJ,EAAYK,GAAGF,GAC3B,OAAIJ,EAEOK,EAAIE,QAAQ,SAAU,cAE1BF,CAAG,EAEd,OAAOT,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIV,EAAcC,EAAS,UAAW,CAAE,CAACe,EAAiB,OAAQP,OAAOC,OAAO,CAAE,EAAEV,EAAcC,EAAS,WAAY,CAACe,EAAiB,OAAQP,OAAOC,OAAO,CAAE,EAAEV,EAAcC,EAAS,WAAY,EAKhOoB,EAAuB,CAACT,EAAoBC,KACrD,MAAMS,EAAWX,EAAmB,OAAQC,EAAoBC,GAChE,OAAOJ,OAAOC,OAAO,CAAEa,WAAY,CAAC,aAAc,aAAc,SAASC,KAAK,KAAMC,MAAOH,EAAUI,MAAOJ,EAAUK,KAAML,GAAYb,OAAOmB,YAAY,CACvJ,KACA,KACA,KACA,KACA,cACA,YACA,YACA,UACA,aACA,WACA,YACFC,KAAK5B,GAAY,CAACA,EAASU,EAAmBV,EAASW,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","find","el","name","Object","assign","fontFamily","generateTypography","breakpointsOptions","containerQueries","breakpoints","createBreakpoints","getBreakpointKey","breakpoint","key","up","replace","getTypographyOptions","bodyTypo","join","body1","body2","body","fromEntries","map"],"mappings":"qGAKY,MAACA,EAAgB,CAACC,EAASC,EAAKC,KACxC,MAAMC,EAASD,QAAmCA,EAAO,QACnDE,EAAOC,EAAO,mBAAmBC,MAAMC,GAAOA,EAAGC,OAAS,GAAGL,KAAUH,MAC7E,OAAII,EACOK,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIN,EAAY,OAAKH,EAClD,CACEU,WAAY,kBAEd,CAAA,GAEC,IAAI,EAKNC,EAAqB,CAACZ,EAASa,EAAoBZ,EAAKa,KACjE,MAAMC,EAAcC,EAAkBH,GAChCI,EAAoBC,IACtB,MAAMC,EAAMJ,EAAYK,GAAGF,GAC3B,OAAIJ,EAEOK,EAAIE,QAAQ,SAAU,cAE1BF,CAAG,EAEd,OAAOV,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIX,EAAcC,EAASC,EAAK,UAAW,CAAE,CAACgB,EAAiB,OAAQR,OAAOC,OAAO,CAAA,EAAIX,EAAcC,EAASC,EAAK,WAAY,CAACgB,EAAiB,OAAQR,OAAOC,OAAO,CAAA,EAAIX,EAAcC,EAASC,EAAK,WAAY,EAK/OqB,EAAuB,CAACT,EAAoBZ,EAAKa,KAC1D,MAAMS,EAAWX,EAAmB,OAAQC,EAAoBZ,EAAKa,GACrE,OAAOL,OAAOC,OAAO,CAAEC,WAAY,CAAC,cAAaV,EAAM,OAAS,IAAM,aAAc,SAASuB,KAAK,KAAMC,MAAOF,EAAUG,MAAOH,EAAUI,KAAMJ,GAAYd,OAAOmB,YAAY,CAC3K,KACA,KACA,KACA,KACA,cACA,YACA,YACA,UACA,aACA,WACA,YACFC,KAAK7B,GAAY,CAACA,EAASY,EAAmBZ,EAASa,EAAoBZ,EAAKa,OAAqB"}
@@ -1,2 +1,2 @@
1
- import{jsx as t,jsxs as e}from"react/jsx-runtime";import{Typography as r,Box as n,Stack as o,Container as i}from"@mui/material";import{useMemo as s}from"react";const a=a=>{const{status:l,message:d,actions:c,description:m,stacktrace:p}=a,x=s((()=>"string"==typeof l||"number"==typeof l?t(r,{sx:{fontWeight:700,fontSize:"72px",lineHeight:"72px",color:t=>t.palette.onSurface.os900},children:l}):l),[l]),f=s((()=>d?"string"==typeof d||"number"==typeof d?t(r,{variant:"h3",children:d}):d:null),[d]),g=s((()=>m?"string"==typeof m||"number"==typeof m?t(r,{children:m}):m:null),[m]),h=s((()=>null==p?void 0:p.split("\n").map((e=>t(n,{children:e},e)))),[p]);return e(n,{sx:{display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center",paddingTop:{xl:12,xs:10}},children:[e(n,{sx:{maxWidth:"612px"},children:[t(n,{sx:{marginBottom:{lg:8,md:7,xs:6}},"data-testid":"ErrorContent.status",children:x}),f&&t(n,{sx:{marginBottom:{lg:4,md:5,xs:3}},"data-testid":"ErrorContent.message",children:f})]}),t(n,{sx:{maxWidth:"450px"},children:g&&t(n,{sx:{marginBottom:{lg:4,md:5,xs:3}},"data-testid":"ErrorContent.description",children:g})}),c&&t(o,{direction:"row",spacing:2,sx:{marginBottom:4},"data-testid":"ErrorContent.actions",children:c}),h&&t(i,{children:t(n,{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:h})})]})};export{a as ErrorContent};
1
+ import{jsx as t,jsxs as e}from"react/jsx-runtime";import{Typography as r,Box as n,Stack as o,Container as i}from"@mui/material";import{useMemo as s}from"react";const a=a=>{const{status:l,message:d,actions:c,description:m,stacktrace:x}=a,p=s((()=>"string"==typeof l||"number"==typeof l?t(r,{sx:{fontWeight:{xs:"700"},fontSize:{xs:"72px"},lineHeight:{xs:"72px"},color:t=>t.palette.onSurface.os900},children:l}):l),[l]),f=s((()=>d?"string"==typeof d||"number"==typeof d?t(r,{variant:"h3",children:d}):d:null),[d]),g=s((()=>m?"string"==typeof m||"number"==typeof m?t(r,{children:m}):m:null),[m]),h=s((()=>null==x?void 0:x.split("\n").map((e=>t(n,{children:e},e)))),[x]);return e(n,{sx:{display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center",paddingTop:{xl:12,xs:10}},children:[e(n,{sx:{maxWidth:"612px"},children:[t(n,{sx:{marginBottom:{lg:8,md:7,xs:6}},"data-testid":"ErrorContent.status",children:p}),f&&t(n,{sx:{marginBottom:{lg:4,md:5,xs:3}},"data-testid":"ErrorContent.message",children:f})]}),t(n,{sx:{maxWidth:"450px"},children:g&&t(n,{sx:{marginBottom:{lg:4,md:5,xs:3}},"data-testid":"ErrorContent.description",children:g})}),c&&t(o,{direction:"row",spacing:2,sx:{marginBottom:4},"data-testid":"ErrorContent.actions",children:c}),h&&t(i,{children:t(n,{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:h})})]})};export{a as ErrorContent};
2
2
  //# sourceMappingURL=ErrorContent.js.map
@@ -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":["ErrorContent","props","status","message","actions","description","stacktrace","statusNode","useMemo","_jsx","Typography","sx","fontWeight","fontSize","lineHeight","color","theme","palette","onSurface","os900","children","messageNode","variant","descriptionNode","stackTraceNode","split","map","frame","Box","_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":"gKAOY,MAACA,EAAgBC,IACzB,MAAMC,OAAEA,EAAMC,QAAEA,EAAOC,QAAEA,EAAOC,YAAEA,EAAWC,WAAEA,GAAeL,EACxDM,EAAaC,GAAQ,IACD,iBAAXN,GAAyC,iBAAXA,EAC7BO,EAAKC,EAAY,CAAEC,GAAI,CACvBC,WAAY,IACZC,SAAU,OACVC,WAAY,OACZC,MAAQC,GAAUA,EAAMC,QAAQC,UAAUC,OAC3CC,SAAUlB,IAEdA,GACR,CAACA,IACEmB,EAAcb,GAAQ,IACnBL,EAGkB,iBAAZA,GAA2C,iBAAZA,EAC/BM,EAAKC,EAAY,CAAEY,QAAS,KAAMF,SAAUjB,IAEhDA,EALI,MAMZ,CAACA,IACEoB,EAAkBf,GAAQ,IACvBH,EAGsB,iBAAhBA,GAAmD,iBAAhBA,EACnCI,EAAKC,EAAY,CAAEU,SAAUf,IAEjCA,EALI,MAMZ,CAACA,IACEmB,EAAiBhB,GAAQ,IAAMF,aAA+C,EAASA,EAAWmB,MAAM,MAAMC,KAAKC,GAAUlB,EAAKmB,EAAK,CAAER,SAAUO,GAASA,MAAS,CAACrB,IAC5K,OAAQuB,EAAMD,EAAK,CAAEjB,GAAI,CACjBmB,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,UAAW,SACXC,WAAY,CACRC,GAAI,GACJC,GAAI,KAEThB,SAAU,CAACS,EAAMD,EAAK,CAAEjB,GAAI,CACnB0B,SAAU,SACXjB,SAAU,CAACX,EAAKmB,EAAK,CAAEjB,GAAI,CAAE2B,aAAc,CAAEC,GAAI,EAAGC,GAAI,EAAGJ,GAAI,IAAO,cAAe,sBAAuBhB,SAAUb,IAAec,GAAgBZ,EAAKmB,EAAK,CAAEjB,GAAI,CAAE2B,aAAc,CAAEC,GAAI,EAAGC,GAAI,EAAGJ,GAAI,IAAO,cAAe,uBAAwBhB,SAAUC,OAAqBZ,EAAKmB,EAAK,CAAEjB,GAAI,CACrS0B,SAAU,SACXjB,SAAUG,GAAoBd,EAAKmB,EAAK,CAAEjB,GAAI,CAAE2B,aAAc,CAAEC,GAAI,EAAGC,GAAI,EAAGJ,GAAI,IAAO,cAAe,2BAA4BhB,SAAUG,MAAwBnB,GAAYK,EAAKgC,EAAO,CAAEC,UAAW,MAAOC,QAAS,EAAGhC,GAAI,CAAE2B,aAAc,GAAK,cAAe,uBAAwBlB,SAAUhB,IAAaoB,GAAmBf,EAAKmC,EAAW,CAAExB,SAAUX,EAAKmB,EAAK,CAAEjB,GAAI,CAC/WkC,OAAQ,YACRC,YAAc9B,GAAUA,EAAMC,QAAQC,UAAU6B,MAChDC,GAAI,EACJC,GAAI,EACJC,aAAc,EACdC,WAAY,YACZtC,SAAU,GACVC,WAAY,OACZwB,aAAc,EACdL,UAAW,OACXmB,SAAU,OACV,8BAA+B,CAC3BC,WAAY,IAEjB,cAAe,0BAA2BjC,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":["ErrorContent","props","status","message","actions","description","stacktrace","statusNode","useMemo","_jsx","Typography","sx","fontWeight","xs","fontSize","lineHeight","color","theme","palette","onSurface","os900","children","messageNode","variant","descriptionNode","stackTraceNode","split","map","frame","Box","_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":"gKAOY,MAACA,EAAgBC,IACzB,MAAMC,OAAEA,EAAMC,QAAEA,EAAOC,QAAEA,EAAOC,YAAEA,EAAWC,WAAEA,GAAeL,EACxDM,EAAaC,GAAQ,IACD,iBAAXN,GAAyC,iBAAXA,EAC7BO,EAAKC,EAAY,CAAEC,GAAI,CACvBC,WAAY,CAAEC,GAAI,OAClBC,SAAU,CAAED,GAAI,QAChBE,WAAY,CAAEF,GAAI,QAClBG,MAAQC,GAAUA,EAAMC,QAAQC,UAAUC,OAC3CC,SAAUnB,IAEdA,GACR,CAACA,IACEoB,EAAcd,GAAQ,IACnBL,EAGkB,iBAAZA,GAA2C,iBAAZA,EAC/BM,EAAKC,EAAY,CAAEa,QAAS,KAAMF,SAAUlB,IAEhDA,EALI,MAMZ,CAACA,IACEqB,EAAkBhB,GAAQ,IACvBH,EAGsB,iBAAhBA,GAAmD,iBAAhBA,EACnCI,EAAKC,EAAY,CAAEW,SAAUhB,IAEjCA,EALI,MAMZ,CAACA,IACEoB,EAAiBjB,GAAQ,IAAMF,aAA+C,EAASA,EAAWoB,MAAM,MAAMC,KAAKC,GAAUnB,EAAKoB,EAAK,CAAER,SAAUO,GAASA,MAAS,CAACtB,IAC5K,OAAQwB,EAAMD,EAAK,CAAElB,GAAI,CACjBoB,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,UAAW,SACXC,WAAY,CACRC,GAAI,GACJvB,GAAI,KAETQ,SAAU,CAACS,EAAMD,EAAK,CAAElB,GAAI,CACnB0B,SAAU,SACXhB,SAAU,CAACZ,EAAKoB,EAAK,CAAElB,GAAI,CAAE2B,aAAc,CAAEC,GAAI,EAAGC,GAAI,EAAG3B,GAAI,IAAO,cAAe,sBAAuBQ,SAAUd,IAAee,GAAgBb,EAAKoB,EAAK,CAAElB,GAAI,CAAE2B,aAAc,CAAEC,GAAI,EAAGC,GAAI,EAAG3B,GAAI,IAAO,cAAe,uBAAwBQ,SAAUC,OAAqBb,EAAKoB,EAAK,CAAElB,GAAI,CACrS0B,SAAU,SACXhB,SAAUG,GAAoBf,EAAKoB,EAAK,CAAElB,GAAI,CAAE2B,aAAc,CAAEC,GAAI,EAAGC,GAAI,EAAG3B,GAAI,IAAO,cAAe,2BAA4BQ,SAAUG,MAAwBpB,GAAYK,EAAKgC,EAAO,CAAEC,UAAW,MAAOC,QAAS,EAAGhC,GAAI,CAAE2B,aAAc,GAAK,cAAe,uBAAwBjB,SAAUjB,IAAaqB,GAAmBhB,EAAKmC,EAAW,CAAEvB,SAAUZ,EAAKoB,EAAK,CAAElB,GAAI,CAC/WkC,OAAQ,YACRC,YAAc7B,GAAUA,EAAMC,QAAQC,UAAU4B,MAChDC,GAAI,EACJC,GAAI,EACJC,aAAc,EACdC,WAAY,YACZrC,SAAU,GACVC,WAAY,OACZuB,aAAc,EACdJ,UAAW,OACXkB,SAAU,OACV,8BAA+B,CAC3BC,WAAY,IAEjB,cAAe,0BAA2BhC,SAAUI,QAA2B"}
@@ -1,2 +1,2 @@
1
- import{jsxs as e,jsx as o}from"react/jsx-runtime";import{styled as r,Box as t,Popper as i,ClickAwayListener as n,Fade as a,Container as l}from"@mui/material";import{useRef as p,useContext as s}from"react";import{Icon as m}from"../../components/icon/icon.js";import"../../utils/enum.js";import{useClosure as c}from"../../utils/useClosure/useClosure.js";import{HeaderContext as d}from"./HeaderContext.js";import{Button as h}from"@mui/base";function g(r){const{label:m,heroElement:h}=r,{isOpen:g,onToggle:b,onClose:C}=c(),j=p(null),{headerRef:w,color:y,headerWidth:k}=s(d);return e(t,{ref:j,display:"flex",alignItems:"center",children:[e(u,{onClick:b,children:[o(f,{className:"FwlNavigationItem-label",children:m}),o(x,{className:g?"chevron-up":"chevron-down"})]}),o(i,{open:g,anchorEl:null==w?void 0:w.current,transition:!0,children:({TransitionProps:e})=>o(n,{onClickAway:C,children:o(a,Object.assign({},e,{timeout:350,children:o(l,{sx:{width:`${k}px`,background:e=>"dark"===y?e.palette.onSurface.os900:e.palette.common.white,color:e=>"dark"===y?e.palette.common.white:e.palette.text.primary,padding:"48px 0 40px 0"},children:h})}))})})]})}const u=r(h)((()=>({paddingLeft:6,paddingRight:6,"&:hover .FwlNavigationItem-label":{borderBottomColor:"currentColor"},appearance:"inherit",border:"inherit",background:"inherit",cursor:"pointer",display:"flex",alignItems:"center",color:"inherit"}))),f=r(t)((({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"}))),x=r(m)((()=>({width:"15px",height:"15px",marginLeft:"5px",lineHeight:"5px","&::before":{fontSize:"16px"}})));export{g as HeaderNavigationHero};
1
+ import{jsxs as e,jsx as o}from"react/jsx-runtime";import{styled as r,Box as t,Popper as i,ClickAwayListener as n,Fade as a,Container as l}from"@mui/material";import{useRef as p,useContext as s}from"react";import{Icon as m}from"../../components/icon/icon.js";import"../../utils/enum.js";import{useClosure as c}from"../../utils/useClosure/useClosure.js";import{HeaderContext as d}from"./HeaderContext.js";import{Button as h}from"@mui/base";function u(r){const{label:m,heroElement:h}=r,{isOpen:u,onToggle:x,onClose:C}=c(),j=p(null),{headerRef:k,color:w,headerWidth:y}=s(d);return e(t,{ref:j,display:"flex",alignItems:"center",children:[e(g,{onClick:x,children:[o(f,{className:"FwlNavigationItem-label",children:m}),o(b,{name:u?"chevron-up":"chevron-down"})]}),o(i,{open:u,anchorEl:null==k?void 0:k.current,transition:!0,children:({TransitionProps:e})=>o(n,{onClickAway:C,children:o(a,Object.assign({},e,{timeout:350,children:o(l,{sx:{width:`${y}px`,background:e=>"dark"===w?e.palette.onSurface.os900:e.palette.common.white,color:e=>"dark"===w?e.palette.common.white:e.palette.text.primary,padding:"48px 0 40px 0"},children:h})}))})})]})}const g=r(h)((()=>({paddingLeft:6,paddingRight:6,"&:hover .FwlNavigationItem-label":{borderBottomColor:"currentColor"},appearance:"inherit",border:"inherit",background:"inherit",cursor:"pointer",display:"flex",alignItems:"center",color:"inherit"}))),f=r(t)((({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"}))),b=r(m)((()=>({fontSize:"16px",marginLeft:"5px"})));export{u as HeaderNavigationHero};
2
2
  //# sourceMappingURL=HeaderNavigationHero.js.map
@@ -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":["HeaderNavigationHero","props","label","heroElement","isOpen","onToggle","onClose","useClosure","anchor","useRef","headerRef","color","headerWidth","useContext","HeaderContext","_jsxs","Box","ref","display","alignItems","children","ItemButton","onClick","_jsx","ItemLabel","className","ItemIcon","Popper","open","anchorEl","current","transition","TransitionProps","ClickAwayListener","onClickAway","Fade","Object","assign","timeout","Container","sx","width","background","theme","palette","onSurface","os900","common","white","text","primary","padding","styled","Button","paddingLeft","paddingRight","borderBottomColor","appearance","border","cursor","typography","body","lineHeight","fontWeight","fontSize","borderTop","borderBottom","borderColor","Icon","height","marginLeft"],"mappings":"sbAOO,SAASA,EAAqBC,GACjC,MAAMC,MAAEA,EAAKC,YAAEA,GAAgBF,GACzBG,OAAEA,EAAMC,SAAEA,EAAQC,QAAEA,GAAYC,IAChCC,EAASC,EAAO,OAChBC,UAAEA,EAASC,MAAEA,EAAKC,YAAEA,GAAgBC,EAAWC,GACrD,OAAQC,EAAMC,EAAK,CAAEC,IAAKT,EAAQU,QAAS,OAAQC,WAAY,SAAUC,SAAU,CAACL,EAAMM,EAAY,CAAEC,QAASjB,EAAUe,SAAU,CAACG,EAAKC,EAAW,CAAEC,UAAW,0BAA2BL,SAAUlB,IAAUqB,EAAKG,EAAU,CAAED,UAAWrB,EAAS,aAAe,oBAAuBmB,EAAKI,EAAQ,CAAEC,KAAMxB,EAAQyB,SAAUnB,aAA6C,EAASA,EAAUoB,QAASC,YAAY,EAAMX,SAAU,EAAGY,qBAAuBT,EAAKU,EAAmB,CAAEC,YAAa5B,EAASc,SAAUG,EAAKY,EAAMC,OAAOC,OAAO,CAAA,EAAIL,EAAiB,CAAEM,QAAS,IAAKlB,SAAUG,EAAKgB,EAAW,CAAEC,GAAI,CAC/jBC,MAAO,GAAG7B,MACV8B,WAAaC,GAAoB,SAAVhC,EAAmBgC,EAAMC,QAAQC,UAAUC,MAAQH,EAAMC,QAAQG,OAAOC,MAC/FrC,MAAQgC,GAAqB,SAAVhC,EAAmBgC,EAAMC,QAAQG,OAAOC,MAAQL,EAAMC,QAAQK,KAAKC,QACtFC,QAAS,iBACV/B,SAAUjB,aACzC,CACA,MAAMkB,EAAa+B,EAAOC,EAAPD,EAAe,KAAO,CACrCE,YAAa,EACbC,aAAc,EACd,mCAAoC,CAChCC,kBAAmB,gBAEvBC,WAAY,UACZC,OAAQ,UACRhB,WAAY,UACZiB,OAAQ,UACRzC,QAAS,OACTC,WAAY,SACZR,MAAO,cAELa,EAAY4B,EAAOpC,EAAPoC,EAAY,EAAGT,WAAaP,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIM,EAAMiB,WAAWC,MAAO,CAAElD,MAAO,UAAWmD,WAAY,OAAQC,WAAY,iBAAkBC,SAAU,GAAIV,YAAa,EAAGC,aAAc,EAAGU,UAAW,YAAaC,aAAc,YAAaC,YAAa,cAAepC,WAAY,kCAChTL,EAAW0B,EAAOgB,EAAPhB,EAAa,KAAO,CACjCX,MAAO,OACP4B,OAAQ,OACRC,WAAY,MACZR,WAAY,MACZ,YAAa,CACTE,SAAU"}
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":["HeaderNavigationHero","props","label","heroElement","isOpen","onToggle","onClose","useClosure","anchor","useRef","headerRef","color","headerWidth","useContext","HeaderContext","_jsxs","Box","ref","display","alignItems","children","ItemButton","onClick","_jsx","ItemLabel","className","ItemIcon","name","Popper","open","anchorEl","current","transition","TransitionProps","ClickAwayListener","onClickAway","Fade","Object","assign","timeout","Container","sx","width","background","theme","palette","onSurface","os900","common","white","text","primary","padding","styled","Button","paddingLeft","paddingRight","borderBottomColor","appearance","border","cursor","typography","body","breakpoints","up","fontWeight","fontSize","lineHeight","borderTop","borderBottom","borderColor","Icon","marginLeft"],"mappings":"sbAOO,SAASA,EAAqBC,GACjC,MAAMC,MAAEA,EAAKC,YAAEA,GAAgBF,GACzBG,OAAEA,EAAMC,SAAEA,EAAQC,QAAEA,GAAYC,IAChCC,EAASC,EAAO,OAChBC,UAAEA,EAASC,MAAEA,EAAKC,YAAEA,GAAgBC,EAAWC,GACrD,OAAQC,EAAMC,EAAK,CAAEC,IAAKT,EAAQU,QAAS,OAAQC,WAAY,SAAUC,SAAU,CAACL,EAAMM,EAAY,CAAEC,QAASjB,EAAUe,SAAU,CAACG,EAAKC,EAAW,CAAEC,UAAW,0BAA2BL,SAAUlB,IAAUqB,EAAKG,EAAU,CAAEC,KAAMvB,EAAS,aAAe,oBAAuBmB,EAAKK,EAAQ,CAAEC,KAAMzB,EAAQ0B,SAAUpB,aAA6C,EAASA,EAAUqB,QAASC,YAAY,EAAMZ,SAAU,EAAGa,qBAAuBV,EAAKW,EAAmB,CAAEC,YAAa7B,EAASc,SAAUG,EAAKa,EAAMC,OAAOC,OAAO,CAAA,EAAIL,EAAiB,CAAEM,QAAS,IAAKnB,SAAUG,EAAKiB,EAAW,CAAEC,GAAI,CAC1jBC,MAAO,GAAG9B,MACV+B,WAAaC,GAAoB,SAAVjC,EAAmBiC,EAAMC,QAAQC,UAAUC,MAAQH,EAAMC,QAAQG,OAAOC,MAC/FtC,MAAQiC,GAAqB,SAAVjC,EAAmBiC,EAAMC,QAAQG,OAAOC,MAAQL,EAAMC,QAAQK,KAAKC,QACtFC,QAAS,iBACVhC,SAAUjB,aACzC,CACA,MAAMkB,EAAagC,EAAOC,EAAPD,EAAe,KAAO,CACrCE,YAAa,EACbC,aAAc,EACd,mCAAoC,CAChCC,kBAAmB,gBAEvBC,WAAY,UACZC,OAAQ,UACRhB,WAAY,UACZiB,OAAQ,UACR1C,QAAS,OACTC,WAAY,SACZR,MAAO,cAELa,EAAY6B,EAAOrC,EAAPqC,EAAY,EAAGT,WAAaP,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIM,EAAMiB,WAAWC,MAAO,CAAEnD,MAAO,UAAW,CAACiC,EAAMmB,YAAYC,GAAG,OAAQ,CAChJC,WAAY,MACZC,SAAU,OACVC,WAAY,QACbZ,YAAa,EAAGC,aAAc,EAAGY,UAAW,YAAaC,aAAc,YAAaC,YAAa,cAAetC,WAAY,kCAC7HN,EAAW2B,EAAOkB,EAAPlB,EAAa,KAAO,CACjCa,SAAU,OACVM,WAAY"}
@@ -1,2 +1,2 @@
1
- import{__rest as e}from"tslib";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{styled as t,Box as o}from"@mui/material";import{useRef as n}from"react";import{Icon as a}from"../../components/icon/icon.js";import{Button as l}from"@mui/base";function m(t){const{children:a,label:l,onClick:m,external:d}=t,h=e(t,["children","label","onClick","external"]),g=n(null);return r(o,{ref:g,display:"flex",alignItems:"center",children:i(p,Object.assign({onClick:m},h,{children:[r(c,{className:"FwlNavigationItem-label",children:l||a}),d&&r(s,{name:"arrow-right"})]}))})}const p=t(l)((()=>({paddingLeft:6,paddingRight:6,"&:hover .FwlNavigationItem-label":{borderBottomColor:"currentColor"},appearance:"inherit",border:"inherit",background:"inherit",cursor:"pointer",display:"flex",alignItems:"center",color:"inherit"}))),c=t(o)((({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=t(a)((()=>({width:"15px",height:"15px",marginLeft:"5px",lineHeight:"5px","&::before":{fontSize:"16px"}})));export{m as HeaderNavigationLink};
1
+ import{__rest as r}from"tslib";import{jsx as e,jsxs as i}from"react/jsx-runtime";import{styled as o,Box as t}from"@mui/material";import{useRef as n}from"react";import{Icon as a}from"../../components/icon/icon.js";import{Button as l}from"@mui/base";function p(o){const{children:a,label:l,onClick:p,external:d}=o,g=r(o,["children","label","onClick","external"]),b=n(null);return e(t,{ref:b,display:"flex",alignItems:"center",children:i(m,Object.assign({onClick:p},g,{children:[e(s,{className:"FwlNavigationItem-label",children:l||a}),d&&e(c,{name:"arrow-top-right"})]}))})}const m=o(l)((()=>({paddingLeft:6,paddingRight:6,"&:hover .FwlNavigationItem-label":{borderBottomColor:"currentColor"},appearance:"inherit",border:"inherit",background:"inherit",cursor:"pointer",display:"flex",alignItems:"center",color:"inherit"}))),s=o(t)((({theme:r})=>Object.assign(Object.assign({},r.typography.body),{color:"inherit",[r.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"}))),c=o(a)((()=>({fontSize:"16px",marginLeft:"5px"})));export{p as HeaderNavigationLink};
2
2
  //# sourceMappingURL=HeaderNavigationLink.js.map
@@ -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":["HeaderNavigationLink","props","children","label","onClick","external","rest","__rest","anchor","useRef","_jsx","Box","ref","display","alignItems","_jsxs","ItemButton","Object","assign","ItemLabel","className","ItemIcon","name","styled","Button","paddingLeft","paddingRight","borderBottomColor","appearance","border","background","cursor","color","theme","typography","body","lineHeight","fontWeight","fontSize","borderTop","borderBottom","borderColor","transition","Icon","width","height","marginLeft"],"mappings":"wPAMO,SAASA,EAAqBC,GACjC,MAAMC,SAAEA,EAAQC,MAAEA,EAAKC,QAAEA,EAAOC,SAAEA,GAAaJ,EAAOK,EAAOC,EAAON,EAAO,CAAC,WAAY,QAAS,UAAW,aACtGO,EAASC,EAAO,MACtB,OAAQC,EAAKC,EAAK,CAAEC,IAAKJ,EAAQK,QAAS,OAAQC,WAAY,SAAUZ,SAAUa,EAAMC,EAAYC,OAAOC,OAAO,CAAEd,QAASA,GAAWE,EAAM,CAAEJ,SAAU,CAACQ,EAAKS,EAAW,CAAEC,UAAW,0BAA2BlB,SAAUC,GAASD,IAAaG,GAAYK,EAAKW,EAAU,CAAEC,KAAM,qBAC1R,CACA,MAAMN,EAAaO,EAAOC,EAAPD,EAAe,KAAO,CACrCE,YAAa,EACbC,aAAc,EACd,mCAAoC,CAChCC,kBAAmB,gBAEvBC,WAAY,UACZC,OAAQ,UACRC,WAAY,UACZC,OAAQ,UACRlB,QAAS,OACTC,WAAY,SACZkB,MAAO,cAELb,EAAYI,EAAOZ,EAAPY,EAAY,EAAGU,WAAahB,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIe,EAAMC,WAAWC,MAAO,CAAEH,MAAO,UAAWI,WAAY,OAAQC,WAAY,iBAAkBC,SAAU,GAAIb,YAAa,EAAGC,aAAc,EAAGa,UAAW,YAAaC,aAAc,YAAaC,YAAa,cAAeC,WAAY,kCAChTrB,EAAWE,EAAOoB,EAAPpB,EAAa,KAAO,CACjCqB,MAAO,OACPC,OAAQ,OACRC,WAAY,MACZV,WAAY,MACZ,YAAa,CACTE,SAAU"}
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":["HeaderNavigationLink","props","children","label","onClick","external","rest","__rest","anchor","useRef","_jsx","Box","ref","display","alignItems","_jsxs","ItemButton","Object","assign","ItemLabel","className","ItemIcon","name","styled","Button","paddingLeft","paddingRight","borderBottomColor","appearance","border","background","cursor","color","theme","typography","body","breakpoints","up","fontWeight","fontSize","lineHeight","borderTop","borderBottom","borderColor","transition","Icon","marginLeft"],"mappings":"wPAMO,SAASA,EAAqBC,GACjC,MAAMC,SAAEA,EAAQC,MAAEA,EAAKC,QAAEA,EAAOC,SAAEA,GAAaJ,EAAOK,EAAOC,EAAON,EAAO,CAAC,WAAY,QAAS,UAAW,aACtGO,EAASC,EAAO,MACtB,OAAQC,EAAKC,EAAK,CAAEC,IAAKJ,EAAQK,QAAS,OAAQC,WAAY,SAAUZ,SAAUa,EAAMC,EAAYC,OAAOC,OAAO,CAAEd,QAASA,GAAWE,EAAM,CAAEJ,SAAU,CAACQ,EAAKS,EAAW,CAAEC,UAAW,0BAA2BlB,SAAUC,GAASD,IAAaG,GAAYK,EAAKW,EAAU,CAAEC,KAAM,yBAC1R,CACA,MAAMN,EAAaO,EAAOC,EAAPD,EAAe,KAAO,CACrCE,YAAa,EACbC,aAAc,EACd,mCAAoC,CAChCC,kBAAmB,gBAEvBC,WAAY,UACZC,OAAQ,UACRC,WAAY,UACZC,OAAQ,UACRlB,QAAS,OACTC,WAAY,SACZkB,MAAO,cAELb,EAAYI,EAAOZ,EAAPY,EAAY,EAAGU,WAAahB,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIe,EAAMC,WAAWC,MAAO,CAAEH,MAAO,UAAW,CAACC,EAAMG,YAAYC,GAAG,OAAQ,CAChJC,WAAY,MACZC,SAAU,OACVC,WAAY,QACbf,YAAa,EAAGC,aAAc,EAAGe,UAAW,YAAaC,aAAc,YAAaC,YAAa,cAAeC,WAAY,kCAC7HvB,EAAWE,EAAOsB,EAAPtB,EAAa,KAAO,CACjCgB,SAAU,OACVO,WAAY"}
@@ -1,2 +1,2 @@
1
- import{jsxs as r,jsx as o}from"react/jsx-runtime";import{styled as e,Box as t,Menu as i}from"@mui/material";import{useRef as n}from"react";import{Icon as a}from"../../components/icon/icon.js";import"../../utils/enum.js";import{useClosure as l}from"../../utils/useClosure/useClosure.js";import{Button as s}from"@mui/base";function p(e){const{children:a,label:s,menuItems:p}=e,{isOpen:h,onOpen:g,onClose:u}=l(),f=n(null);return r(t,{ref:f,display:"flex",alignItems:"center",children:[r(m,{onClick:g,children:[o(c,{className:"FwlNavigationItem-label",children:s||a}),o(d,{name:h?"chevron-up":"chevron-down"})]}),o(i,{anchorEl:f.current,open:h,onClose:u,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},slotProps:{paper:{sx:{mt:1}}},componentsProps:{backdrop:{className:"MuiBackdrop-transparent"}},children:o("div",{children:p})})]})}const m=e(s)((()=>({paddingLeft:6,paddingRight:6,"&:hover .FwlNavigationItem-label":{borderBottomColor:"currentColor"},appearance:"inherit",border:"inherit",background:"inherit",cursor:"pointer",display:"flex",alignItems:"center",color:"inherit"}))),c=e(t)((({theme:r})=>Object.assign(Object.assign({},r.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=e(a)((()=>({width:"15px",height:"15px",marginLeft:"5px",lineHeight:"5px","&::before":{fontSize:"16px"}})));export{p as HeaderNavigationMenu};
1
+ import{jsxs as r,jsx as o}from"react/jsx-runtime";import{styled as e,Box as t,Menu as i}from"@mui/material";import{useRef as n}from"react";import{Icon as a}from"../../components/icon/icon.js";import"../../utils/enum.js";import{useClosure as s}from"../../utils/useClosure/useClosure.js";import{Button as l}from"@mui/base";function p(e){const{children:a,label:l,menuItems:p}=e,{isOpen:h,onOpen:u,onClose:g}=s(),b=n(null);return r(t,{ref:b,display:"flex",alignItems:"center",children:[r(m,{onClick:u,children:[o(c,{className:"FwlNavigationItem-label",children:l||a}),o(d,{name:h?"chevron-up":"chevron-down"})]}),o(i,{anchorEl:b.current,open:h,onClose:g,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},slotProps:{paper:{sx:{mt:1}}},componentsProps:{backdrop:{className:"MuiBackdrop-transparent"}},children:o("div",{children:p})})]})}const m=e(l)((()=>({paddingLeft:6,paddingRight:6,"&:hover .FwlNavigationItem-label":{borderBottomColor:"currentColor"},appearance:"inherit",border:"inherit",background:"inherit",cursor:"pointer",display:"flex",alignItems:"center",color:"inherit"}))),c=e(t)((({theme:r})=>Object.assign(Object.assign({},r.typography.body),{color:"inherit",[r.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=e(a)((()=>({fontSize:"16px",marginLeft:"5px"})));export{p as HeaderNavigationMenu};
2
2
  //# sourceMappingURL=HeaderNavigationMenu.js.map
@@ -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":["HeaderNavigationMenu","props","children","label","menuItems","isOpen","onOpen","onClose","useClosure","anchor","useRef","_jsxs","Box","ref","display","alignItems","ItemButton","onClick","_jsx","ItemLabel","className","ItemIcon","name","Menu","anchorEl","current","open","anchorOrigin","vertical","horizontal","transformOrigin","slotProps","paper","sx","mt","componentsProps","backdrop","styled","Button","paddingLeft","paddingRight","borderBottomColor","appearance","border","background","cursor","color","theme","Object","assign","typography","body","lineHeight","fontWeight","fontSize","borderTop","borderBottom","borderColor","transition","Icon","width","height","marginLeft"],"mappings":"iUAMO,SAASA,EAAqBC,GACjC,MAAMC,SAAEA,EAAQC,MAAEA,EAAKC,UAAEA,GAAcH,GACjCI,OAAEA,EAAMC,OAAEA,EAAMC,QAAEA,GAAYC,IAC9BC,EAASC,EAAO,MACtB,OAAQC,EAAMC,EAAK,CAAEC,IAAKJ,EAAQK,QAAS,OAAQC,WAAY,SAAUb,SAAU,CAACS,EAAMK,EAAY,CAAEC,QAASX,EAAQJ,SAAU,CAACgB,EAAKC,EAAW,CAAEC,UAAW,0BAA2BlB,SAAUC,GAASD,IAAagB,EAAKG,EAAU,CAAEC,KAAMjB,EAAS,aAAe,oBAAuBa,EAAKK,EAAM,CAAEC,SAAUf,EAAOgB,QAASC,KAAMrB,EAAQE,QAASA,EAASoB,aAAc,CACvWC,SAAU,SACVC,WAAY,SACbC,gBAAiB,CAChBF,SAAU,MACVC,WAAY,SACbE,UAAW,CACVC,MAAO,CACHC,GAAI,CAAEC,GAAI,KAEfC,gBAAiB,CAChBC,SAAU,CACNhB,UAAW,4BAEhBlB,SAAUgB,EAAK,MAAO,CAAEhB,SAAUE,QACrD,CACA,MAAMY,EAAaqB,EAAOC,EAAPD,EAAe,KAAO,CACrCE,YAAa,EACbC,aAAc,EACd,mCAAoC,CAChCC,kBAAmB,gBAEvBC,WAAY,UACZC,OAAQ,UACRC,WAAY,UACZC,OAAQ,UACR/B,QAAS,OACTC,WAAY,SACZ+B,MAAO,cAEL3B,EAAYkB,EAAOzB,EAAPyB,EAAY,EAAGU,WAAaC,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIF,EAAMG,WAAWC,MAAO,CAAEL,MAAO,UAAWM,WAAY,OAAQC,WAAY,iBAAkBC,SAAU,GAAIf,YAAa,EAAGC,aAAc,EAAGe,UAAW,YAAaC,aAAc,YAAaC,YAAa,cAAeC,WAAY,kCAChTrC,EAAWgB,EAAOsB,EAAPtB,EAAa,KAAO,CACjCuB,MAAO,OACPC,OAAQ,OACRC,WAAY,MACZV,WAAY,MACZ,YAAa,CACTE,SAAU"}
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":["HeaderNavigationMenu","props","children","label","menuItems","isOpen","onOpen","onClose","useClosure","anchor","useRef","_jsxs","Box","ref","display","alignItems","ItemButton","onClick","_jsx","ItemLabel","className","ItemIcon","name","Menu","anchorEl","current","open","anchorOrigin","vertical","horizontal","transformOrigin","slotProps","paper","sx","mt","componentsProps","backdrop","styled","Button","paddingLeft","paddingRight","borderBottomColor","appearance","border","background","cursor","color","theme","Object","assign","typography","body","breakpoints","up","fontWeight","fontSize","lineHeight","borderTop","borderBottom","borderColor","transition","Icon","marginLeft"],"mappings":"iUAMO,SAASA,EAAqBC,GACjC,MAAMC,SAAEA,EAAQC,MAAEA,EAAKC,UAAEA,GAAcH,GACjCI,OAAEA,EAAMC,OAAEA,EAAMC,QAAEA,GAAYC,IAC9BC,EAASC,EAAO,MACtB,OAAQC,EAAMC,EAAK,CAAEC,IAAKJ,EAAQK,QAAS,OAAQC,WAAY,SAAUb,SAAU,CAACS,EAAMK,EAAY,CAAEC,QAASX,EAAQJ,SAAU,CAACgB,EAAKC,EAAW,CAAEC,UAAW,0BAA2BlB,SAAUC,GAASD,IAAagB,EAAKG,EAAU,CAAEC,KAAMjB,EAAS,aAAe,oBAAuBa,EAAKK,EAAM,CAAEC,SAAUf,EAAOgB,QAASC,KAAMrB,EAAQE,QAASA,EAASoB,aAAc,CACvWC,SAAU,SACVC,WAAY,SACbC,gBAAiB,CAChBF,SAAU,MACVC,WAAY,SACbE,UAAW,CACVC,MAAO,CACHC,GAAI,CAAEC,GAAI,KAEfC,gBAAiB,CAChBC,SAAU,CACNhB,UAAW,4BAEhBlB,SAAUgB,EAAK,MAAO,CAAEhB,SAAUE,QACrD,CACA,MAAMY,EAAaqB,EAAOC,EAAPD,EAAe,KAAO,CACrCE,YAAa,EACbC,aAAc,EACd,mCAAoC,CAChCC,kBAAmB,gBAEvBC,WAAY,UACZC,OAAQ,UACRC,WAAY,UACZC,OAAQ,UACR/B,QAAS,OACTC,WAAY,SACZ+B,MAAO,cAEL3B,EAAYkB,EAAOzB,EAAPyB,EAAY,EAAGU,WAAaC,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIF,EAAMG,WAAWC,MAAO,CAAEL,MAAO,UAAW,CAACC,EAAMK,YAAYC,GAAG,OAAQ,CAChJC,WAAY,MACZC,SAAU,OACVC,WAAY,QACbjB,YAAa,EAAGC,aAAc,EAAGiB,UAAW,YAAaC,aAAc,YAAaC,YAAa,cAAeC,WAAY,kCAC7HvC,EAAWgB,EAAOwB,EAAPxB,EAAa,KAAO,CACjCkB,SAAU,OACVO,WAAY"}
@@ -1,2 +1,2 @@
1
- import{__rest as r}from"tslib";import{jsx as e}from"react/jsx-runtime";import{styled as t}from"@mui/material";import{Button as o}from"@mui/base";function i(t){const{active:o,label:i}=t,n=r(t,["active","label"]);return e(a,Object.assign({component:"a"},n,{sx:{background:o?"var(--active-background)":"transparent",color:o?"var(--active-color)":"inherit"},children:i}))}const a=t(o)((({theme:r})=>({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:r.palette.text.primary,display:"flex",alignItems:"center"})));export{i as HeaderOverheadItem};
1
+ import{__rest as r}from"tslib";import{jsx as e}from"react/jsx-runtime";import{styled as t}from"@mui/material";import{Button as o}from"@mui/base";function i(t){const{active:o,label:i}=t,n=r(t,["active","label"]);return e(a,Object.assign({component:"a"},n,{sx:{background:o?"var(--active-background)":"transparent",color:o?"var(--active-color)":"inherit"},children:i}))}const a=t(o)((({theme:r})=>({padding:"0 55px",height:"32px",[r.breakpoints.up("xs")]:{fontWeight:"700",fontSize:"16px"},lineHeight:"21px","&:hover .FwlNavigationItem-label":{borderBottomColor:"currentColor"},appearance:"inherit",border:"inherit",background:"inherit",cursor:"pointer",color:r.palette.text.primary,display:"flex",alignItems:"center"})));export{i as HeaderOverheadItem};
2
2
  //# sourceMappingURL=HeaderOverheadItem.js.map
@@ -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":["HeaderOverheadItem","props","active","label","rest","__rest","_jsx","ItemButton","Object","assign","component","sx","background","color","children","styled","Button","theme","padding","height","fontWeight","fontSize","lineHeight","borderBottomColor","appearance","border","cursor","palette","text","primary","display","alignItems"],"mappings":"iJAIO,SAASA,EAAmBC,GAC/B,MAAMC,OAAEA,EAAMC,MAAEA,GAAUF,EAAOG,EAAOC,EAAOJ,EAAO,CAAC,SAAU,UACjE,OAAQK,EAAKC,EAAYC,OAAOC,OAAO,CAAEC,UAAW,KAAON,EAAM,CAAEO,GAAI,CAC/DC,WAAYV,EAAS,2BAA6B,cAClDW,MAAOX,EAAS,sBAAwB,WACzCY,SAAUX,IACrB,CACA,MAAMI,EAAaQ,EAAOC,EAAPD,EAAe,EAAGE,YAAa,CAC9CC,QAAS,SACTC,OAAQ,OACRC,WAAY,IACZC,SAAU,OACVC,WAAY,OACZ,mCAAoC,CAChCC,kBAAmB,gBAEvBC,WAAY,UACZC,OAAQ,UACRb,WAAY,UACZc,OAAQ,UACRb,MAAOI,EAAMU,QAAQC,KAAKC,QAC1BC,QAAS,OACTC,WAAY"}
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":["HeaderOverheadItem","props","active","label","rest","__rest","_jsx","ItemButton","Object","assign","component","sx","background","color","children","styled","Button","theme","padding","height","breakpoints","up","fontWeight","fontSize","lineHeight","borderBottomColor","appearance","border","cursor","palette","text","primary","display","alignItems"],"mappings":"iJAIO,SAASA,EAAmBC,GAC/B,MAAMC,OAAEA,EAAMC,MAAEA,GAAUF,EAAOG,EAAOC,EAAOJ,EAAO,CAAC,SAAU,UACjE,OAAQK,EAAKC,EAAYC,OAAOC,OAAO,CAAEC,UAAW,KAAON,EAAM,CAAEO,GAAI,CAC/DC,WAAYV,EAAS,2BAA6B,cAClDW,MAAOX,EAAS,sBAAwB,WACzCY,SAAUX,IACrB,CACA,MAAMI,EAAaQ,EAAOC,EAAPD,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,UACRf,WAAY,UACZgB,OAAQ,UACRf,MAAOI,EAAMY,QAAQC,KAAKC,QAC1BC,QAAS,OACTC,WAAY"}
@@ -1,2 +1,2 @@
1
- import{__rest as t}from"tslib";import{jsx as e}from"react/jsx-runtime";import{styled as r,Box as o}from"@mui/material";import{useCallback as i}from"react";import{Button as a}from"@mui/base";function n(r){const{label:o,onClick:a,isActive:n}=r,s=t(r,["label","onClick","isActive"]),d=i((t=>{var e;if(null===(e=r.href)||void 0===e?void 0:e.startsWith("#")){const e=r.href.replace(/^\#/,""),o=document.querySelector(`[id="${e}"]`);o&&(t.preventDefault(),o.scrollIntoView({behavior:"smooth",block:"start"}),history.pushState({},"",r.href))}null==a||a.invoke()}),[a,r.href]);return e(p,{sx:{borderColor:t=>n&&t.palette.primary.main},"data-testid":"SecondaryNavigationItem",children:e(l,Object.assign({onClick:d,component:"a"},s,{draggable:"false","data-testid":"SecondaryNavigationItem.button",children:o}))})}const l=r(a)((()=>({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"}))),p=r(o)((({theme:t})=>({display:"flex",alignItems:"center",height:"100%",borderTop:"2px solid transparent",borderBottom:"2px solid transparent",transition:"border 300ms ease-out 150ms","&:hover":{borderBottomColor:t.palette.primary.main}})));export{n as SecondaryNavigationItem};
1
+ import{__rest as t}from"tslib";import{jsx as e}from"react/jsx-runtime";import{styled as r,Box as o}from"@mui/material";import{useCallback as i}from"react";import{Button as a}from"@mui/base";function n(r){const{label:o,onClick:a,isActive:n}=r,s=t(r,["label","onClick","isActive"]),d=i((t=>{var e;if(null===(e=r.href)||void 0===e?void 0:e.startsWith("#")){const e=r.href.replace(/^\#/,""),o=document.querySelector(`[id="${e}"]`);o&&(t.preventDefault(),o.scrollIntoView({behavior:"smooth",block:"start"}),history.pushState({},"",r.href))}null==a||a.invoke()}),[a,r.href]);return e(p,{sx:{borderColor:t=>n&&t.palette.primary.main},"data-testid":"SecondaryNavigationItem",children:e(l,Object.assign({onClick:d,component:"a"},s,{draggable:"false","data-testid":"SecondaryNavigationItem.button",children:o}))})}const l=r(a)((()=>({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}))),p=r(o)((({theme:t})=>({display:"flex",alignItems:"center",height:"100%",borderTop:"2px solid transparent",borderBottom:"2px solid transparent",transition:"border 300ms ease-out 150ms","&:hover":{borderBottomColor:t.palette.primary.main}})));export{n as SecondaryNavigationItem};
2
2
  //# sourceMappingURL=SecondaryNavigationItem.js.map
@@ -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":["SecondaryNavigationItem","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","ItemWrapper","sx","borderColor","theme","palette","primary","main","children","ItemButton","Object","assign","component","draggable","styled","Button","appearance","cursor","color","paddingLeft","paddingRight","fontSize","fontWeight","lineHeight","textWrap","background","border","paddingTop","paddingBottom","fontFamily","Box","display","alignItems","height","borderTop","borderBottom","transition","borderBottomColor"],"mappings":"8LAKO,SAASA,EAAwBC,GACpC,MAAMC,MAAEA,EAAKC,QAAEA,EAAOC,SAAEA,GAAaH,EAAOI,EAAOC,EAAOL,EAAO,CAAC,QAAS,UAAW,aAChFM,EAAcC,GAAaC,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,EAAKC,EAAa,CAAEC,GAAI,CACxBC,YAAcC,GAAUzB,GAAYyB,EAAMC,QAAQC,QAAQC,MAC3D,cAAe,0BAA2BC,SAAUR,EAAKS,EAAYC,OAAOC,OAAO,CAAEjC,QAASI,EAAa8B,UAAW,KAAOhC,EAAM,CAAEiC,UAAW,QAAS,cAAe,iCAAkCL,SAAU/B,MAC/N,CACA,MAAMgC,EAAaK,EAAOC,EAAPD,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,iBAEV5B,EAAca,EAAOgB,EAAPhB,EAAY,EAAGV,YAAa,CAC5C2B,QAAS,OACTC,WAAY,SACZC,OAAQ,OACRC,UAAW,wBACXC,aAAc,wBACdC,WAAY,8BACZ,UAAW,CACPC,kBAAmBjC,EAAMC,QAAQC,QAAQC"}
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":["SecondaryNavigationItem","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","ItemWrapper","sx","borderColor","theme","palette","primary","main","children","ItemButton","Object","assign","component","draggable","styled","Button","appearance","cursor","color","paddingLeft","paddingRight","fontSize","fontWeight","lineHeight","textWrap","background","border","paddingTop","paddingBottom","Box","display","alignItems","height","borderTop","borderBottom","transition","borderBottomColor"],"mappings":"8LAKO,SAASA,EAAwBC,GACpC,MAAMC,MAAEA,EAAKC,QAAEA,EAAOC,SAAEA,GAAaH,EAAOI,EAAOC,EAAOL,EAAO,CAAC,QAAS,UAAW,aAChFM,EAAcC,GAAaC,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,EAAKC,EAAa,CAAEC,GAAI,CACxBC,YAAcC,GAAUzB,GAAYyB,EAAMC,QAAQC,QAAQC,MAC3D,cAAe,0BAA2BC,SAAUR,EAAKS,EAAYC,OAAOC,OAAO,CAAEjC,QAASI,EAAa8B,UAAW,KAAOhC,EAAM,CAAEiC,UAAW,QAAS,cAAe,iCAAkCL,SAAU/B,MAC/N,CACA,MAAMgC,EAAaK,EAAOC,EAAPD,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,MAEb3B,EAAca,EAAOe,EAAPf,EAAY,EAAGV,YAAa,CAC5C0B,QAAS,OACTC,WAAY,SACZC,OAAQ,OACRC,UAAW,wBACXC,aAAc,wBACdC,WAAY,8BACZ,UAAW,CACPC,kBAAmBhC,EAAMC,QAAQC,QAAQC"}
package/package.json CHANGED
@@ -1 +1 @@
1
- {"name":"@skodaflow/web-library","version":"7.1.0","description":"Implementation of Skoda Flow Design System with Material UI as core library.","author":"Skoda Auto","license":"SKODA AUTO Library EULA 1.0","peerDependencies":{"@emotion/cache":"^11.11.0","@emotion/react":"^11.11.0","@emotion/styled":"^11.11.0","@mui/base":"^5.0.0-beta.4","@mui/material":"^5.13.0","@mui/system":"^5.12.3","react":"^17.0.0 || ^18.0.0","react-dom":"^17.0.0 || ^18.0.0"},"dependencies":{"@googlemaps/markerclusterer":"2.5.2","@googlemaps/react-wrapper":"1.1.35","@mui/x-date-pickers":"6.18.4","@skodaflow/web-tokens":"2.4.2","country-flag-icons":"1.5.9","date-fns":"2.30.0","embla-carousel-auto-height":"7.1.0","embla-carousel-autoplay":"7.1.0","embla-carousel-class-names":"7.1.0","embla-carousel-react":"7.1.0","embla-carousel-wheel-gestures":"3.0.0","minimatch":"9.0.3","stylis":"4.3.1","stylis-plugin-rtl":"2.1.1"},"sideEffects":false,"main":"./cjs/index.js","browser":"./cjs/index.js","module":"./index.js","types":"./index.d.ts"}
1
+ {"name":"@skodaflow/web-library","version":"7.1.1","description":"Implementation of Skoda Flow Design System with Material UI as core library.","author":"Skoda Auto","license":"SKODA AUTO Library EULA 1.0","peerDependencies":{"@emotion/cache":"^11.11.0","@emotion/react":"^11.11.0","@emotion/styled":"^11.11.0","@mui/base":"^5.0.0-beta.4","@mui/material":"^5.13.0","@mui/system":"^5.12.3","react":"^17.0.0 || ^18.0.0","react-dom":"^17.0.0 || ^18.0.0"},"dependencies":{"@googlemaps/markerclusterer":"2.5.2","@googlemaps/react-wrapper":"1.1.35","@mui/x-date-pickers":"6.18.4","@skodaflow/web-tokens":"2.5.0","country-flag-icons":"1.5.9","date-fns":"2.30.0","embla-carousel-auto-height":"7.1.0","embla-carousel-autoplay":"7.1.0","embla-carousel-class-names":"7.1.0","embla-carousel-react":"7.1.0","embla-carousel-wheel-gestures":"3.0.0","minimatch":"9.0.3","stylis":"4.3.1","stylis-plugin-rtl":"2.1.1"},"sideEffects":false,"main":"./cjs/index.js","browser":"./cjs/index.js","module":"./index.js","types":"./index.d.ts"}