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

@skodaflow/web-library 8.0.1 → 8.2.0

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

Files changed (3663) hide show

package/cjs/components/focusring/focusring.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const e=(e,o)=>`${o?"inset ":""}0 0 0 2px ${e.palette.info.main}, ${o?"inset ":""}0 0 0 4px ${e.palette.background.primary}`;exports.getFocusRingBoxShadow=e,exports.getFocusRingStyle=(o,t=!0,i=0,s=".Mui-focusVisible")=>Object.assign({[t?"&:before":`&${s}:before`]:Object.assign({content:'""',display:"block",position:"absolute",borderRadius:"inherit",inset:"string"==typeof i?i:`-${i+2}px`,width:"auto",height:"auto",maxWidth:"none",pointerEvents:"none",boxShadow:t?"none":e(o)},t&&{transition:"box-shadow 0.3s ease-out"})},t&&{[`&${s}:before`]:{boxShadow:e(o)}}),exports.updateFocusRingStyle=(e=0,o=!0,t=".Mui-focusVisible")=>({[o?"&&:before":`&${t}:before`]:{inset:"string"==typeof e?e:`-${e+2}px`}});
+"use strict";const e=(e,o)=>`${o?"inset ":""}0 0 0 2px ${e.palette.info.main}, ${o?"inset ":""}0 0 0 4px ${e.palette.background.primary}`;exports.getFocusRingBoxShadow=e,exports.getFocusRingStyle=(o,t=!0,i=0,s=".Mui-focusVisible")=>({[t?"&:before":`&${s}:before`]:{content:'""',display:"block",position:"absolute",borderRadius:"inherit",inset:"string"==typeof i?i:`-${i+2}px`,width:"auto",height:"auto",maxWidth:"none",pointerEvents:"none",boxShadow:t?"none":e(o),...t&&{transition:"box-shadow 0.3s ease-out"}},...t&&{[`&${s}:before`]:{boxShadow:e(o)}}}),exports.updateFocusRingStyle=(e=0,o=!0,t=".Mui-focusVisible")=>({[o?"&&:before":`&${t}:before`]:{inset:"string"==typeof e?e:`-${e+2}px`}});
 //# sourceMappingURL=focusring.js.map

package/cjs/components/focusring/focusring.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"focusring.js","sources":["../../../../../src/components/focusring/focusring.ts"],"sourcesContent":["import { Theme, CSSObject } from '@mui/material';\n\n/*\n BoxShadow style used by the Focus Ring\n * boxShadow: theme => getFocusRingBoxShadow(theme);\n \n @param theme - @mui theme\n * @param inset - put box shadow inside\n /\nconst getFocusRingBoxShadow = (theme: Theme, inset?: boolean) =>\n `${inset ? 'inset ' : ''}0 0 0 2px ${theme.palette.info.main}, ${inset ? 'inset ' : ''}0 0 0 4px ${theme.palette.background.primary}`;\n\n/\n Style for interactive elements that should have blue & white ring around them once focused\n \n @param theme - @mui theme\n * @param smooth - controls smooth appearance of focusRing\n * @param border - component border to correctly place focusRing, can be used as string to directly manipulate inset\n * @param focusSelector - focus visible selector\n /\nconst getFocusRingStyle = (\n theme: Theme,\n smooth: boolean = true,\n border: number \| string = 0,\n focusSelector = '.Mui-focusVisible',\n): CSSObject => ({\n // pseudo-element outline, smooth generates :before element even without focus for the smooth appearance\n [smooth ? '&:before' : `&${focusSelector}:before`]: {\n content: '\"\"',\n display: 'block',\n position: 'absolute',\n borderRadius: 'inherit',\n // beware, inset must be boosted with the border on the parent element\n inset: typeof border === 'string' ? border : `-${border + 2}px`,\n width: 'auto',\n height: 'auto',\n maxWidth: 'none',\n pointerEvents: 'none',\n // hidden by default\n boxShadow: smooth ? 'none' : getFocusRingBoxShadow(theme),\n // smooth appearance\n ...(smooth && {\n transition: 'box-shadow 0.3s ease-out',\n }),\n },\n ...(smooth && {\n // show with @mui focus class\n [`&${focusSelector}:before`]: {\n boxShadow: getFocusRingBoxShadow(theme),\n },\n }),\n});\n\n/\n Any element applying border have to adjust position of ring to keep 2px space around element\n \n @param border - component border to correctly place focusRing, can be used as string to directly manipulate inset\n * @param smooth - controls smooth appearance of focusRing\n * @param focusSelector - focus visible selector\n */\nconst updateFocusRingStyle = (\n border: number \| string = 0,\n smooth: boolean = true,\n focusSelector = '.Mui-focusVisible',\n): CSSObject => ({\n [smooth ? '&&:before' : `&${focusSelector}:before`]: {\n inset: typeof border === 'string' ? border : `-${border + 2}px`,\n },\n});\n\nexport { getFocusRingBoxShadow, getFocusRingStyle, updateFocusRingStyle };\n"],"names":["getFocusRingBoxShadow","theme","inset","palette","info","main","background","primary","smooth","border","focusSelector","~~Object","assign","~~content","display","position","borderRadius","width","height","maxWidth","pointerEvents","boxShadow","transition"],"mappings":"aASA,MAAMA,EAAwB,CAACC,EAAcC,IAC3C,GAAGA,EAAQ,SAAW,eAAeD,EAAME,QAAQC,KAAKC,SAASH,EAAQ,SAAW,eAAeD,EAAME,QAAQG,WAAWC,oEAUpG,CACxBN,EACAO,GAAkB,EAClBC,EAA0B,EAC1BC,EAAgB,~~sBACFC~~,~~OAAAC~~,~~OAAA~~,~~CAEd,CAACJ,~~EAAS,WAAa,IAAIE,~~YAAuBC~~,~~OAAAC~~,~~OAAA,CAChDC,~~QAAS,KACTC,QAAS,QACTC,SAAU,WACVC,aAAc,~~UAEdd~~,MAAyB,iBAAXO,EAAsBA,EAAS,IAAIA,EAAS,~~MAC1DQ~~,MAAO,OACPC,OAAQ,OACRC,SAAU,OACVC,cAAe,OAEfC,~~UAAWb~~,EAAS,OAASR,EAAsBC,~~IAE~~/CO,GAAU,~~CACZc~~,WAAY,~~8BAGZd~~,GAAU,CAEZ,CAAC,IAAIE,YAAyB,~~CAC5BW~~,~~UAAWrB~~,EAAsBC,~~mCAYV~~,CAC3BQ,EAA0B,EAC1BD,GAAkB,EAClBE,EAAgB,uBAAmB,CAEnC,CAACF,EAAS,YAAc,IAAIE,YAAyB,CACnDR,MAAyB,iBAAXO,EAAsBA,EAAS,IAAIA,EAAS"}
1	+ {"version":3,"file":"focusring.js","sources":["../../../../../src/components/focusring/focusring.ts"],"sourcesContent":["import { Theme, CSSObject } from '@mui/material';\n\n/*\n BoxShadow style used by the Focus Ring\n * boxShadow: theme => getFocusRingBoxShadow(theme);\n \n @param theme - @mui theme\n * @param inset - put box shadow inside\n /\nconst getFocusRingBoxShadow = (theme: Theme, inset?: boolean) =>\n `${inset ? 'inset ' : ''}0 0 0 2px ${theme.palette.info.main}, ${inset ? 'inset ' : ''}0 0 0 4px ${theme.palette.background.primary}`;\n\n/\n Style for interactive elements that should have blue & white ring around them once focused\n \n @param theme - @mui theme\n * @param smooth - controls smooth appearance of focusRing\n * @param border - component border to correctly place focusRing, can be used as string to directly manipulate inset\n * @param focusSelector - focus visible selector\n /\nconst getFocusRingStyle = (\n theme: Theme,\n smooth: boolean = true,\n border: number \| string = 0,\n focusSelector = '.Mui-focusVisible',\n): CSSObject => ({\n // pseudo-element outline, smooth generates :before element even without focus for the smooth appearance\n [smooth ? '&:before' : `&${focusSelector}:before`]: {\n content: '\"\"',\n display: 'block',\n position: 'absolute',\n borderRadius: 'inherit',\n // beware, inset must be boosted with the border on the parent element\n inset: typeof border === 'string' ? border : `-${border + 2}px`,\n width: 'auto',\n height: 'auto',\n maxWidth: 'none',\n pointerEvents: 'none',\n // hidden by default\n boxShadow: smooth ? 'none' : getFocusRingBoxShadow(theme),\n // smooth appearance\n ...(smooth && {\n transition: 'box-shadow 0.3s ease-out',\n }),\n },\n ...(smooth && {\n // show with @mui focus class\n [`&${focusSelector}:before`]: {\n boxShadow: getFocusRingBoxShadow(theme),\n },\n }),\n});\n\n/\n Any element applying border have to adjust position of ring to keep 2px space around element\n \n @param border - component border to correctly place focusRing, can be used as string to directly manipulate inset\n * @param smooth - controls smooth appearance of focusRing\n * @param focusSelector - focus visible selector\n */\nconst updateFocusRingStyle = (\n border: number \| string = 0,\n smooth: boolean = true,\n focusSelector = '.Mui-focusVisible',\n): CSSObject => ({\n [smooth ? '&&:before' : `&${focusSelector}:before`]: {\n inset: typeof border === 'string' ? border : `-${border + 2}px`,\n },\n});\n\nexport { getFocusRingBoxShadow, getFocusRingStyle, updateFocusRingStyle };\n"],"names":["getFocusRingBoxShadow","theme","inset","palette","info","main","background","primary","smooth","border","focusSelector","content","display","position","borderRadius","width","height","maxWidth","pointerEvents","boxShadow","transition"],"mappings":"aASA,MAAMA,EAAwB,CAACC,EAAcC,IAC3C,GAAGA,EAAQ,SAAW,eAAeD,EAAME,QAAQC,KAAKC,SAASH,EAAQ,SAAW,eAAeD,EAAME,QAAQG,WAAWC,oEAUpG,CACxBN,EACAO,GAAkB,EAClBC,EAA0B,EAC1BC,EAAgB,uBAAmB,CAGnC,CAACF,EAAS,WAAa,IAAIE,YAAyB,CAClDC,QAAS,KACTC,QAAS,QACTC,SAAU,WACVC,aAAc,UAEdZ,MAAyB,iBAAXO,EAAsBA,EAAS,IAAIA,EAAS,MAC1DM,MAAO,OACPC,OAAQ,OACRC,SAAU,OACVC,cAAe,OAEfC,UAAWX,EAAS,OAASR,EAAsBC,MAE/CO,GAAU,CACZY,WAAY,gCAGZZ,GAAU,CAEZ,CAAC,IAAIE,YAAyB,CAC5BS,UAAWnB,EAAsBC,oCAYV,CAC3BQ,EAA0B,EAC1BD,GAAkB,EAClBE,EAAgB,uBAAmB,CAEnC,CAACF,EAAS,YAAc,IAAIE,YAAyB,CACnDR,MAAyB,iBAAXO,EAAsBA,EAAS,IAAIA,EAAS"}

package/cjs/components/footer/Footer.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var o=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),e=require("@mui/material");const i=t.forwardRef((t,i)=>{var{sx:n,children:s,containerProps:c,primaryItems:a,secondaryItems:m,copyRight:d,location:u,socialButtons:l}=t,p=o.__rest(t,["sx","children","containerProps","primaryItems","secondaryItems","copyRight","location","socialButtons"]);return r.jsx(e.Box,Object.assign({component:"footer",sx:Object.assign({py:1,"&:has(.FlowSectionContact-root)":{py:{xs:6,lg:10}},backgroundColor:"onSurface.os800",color:"common.white",".MuiDivider-root":{borderColor:"onSurface.os700",my:4,"& + .FooterSectionMenu-root":{marginTop:-4,"& > .MuiAccordion-root:first-of-type":{borderTop:"0"}},"& + .FooterAccordion-variantCompact":{mt:-1.5,"& + .MuiDivider-root":{mt:2.5}}}},n),ref:i,"data-testid":"Footer"},p,{children:r.jsx(e.Container,Object.assign({maxWidth:"xl"},c,{children:s}))}))});exports.Footer=i;
+"use strict";var o=require("react/jsx-runtime"),r=require("react"),e=require("@mui/material"),t=require("../../utils/sxOverride/sxOverride.js");const i=r.forwardRef(({sx:r,children:i,containerProps:c,primaryItems:n,secondaryItems:s,copyRight:a,location:d,socialButtons:u,...m},l)=>o.jsx(e.Box,{component:"footer",sx:t.sxOverride({py:1,"&:has(.FlowSectionContact-root)":{py:{xs:6,lg:10}},backgroundColor:"onSurface.os800",color:"common.white",".MuiDivider-root":{borderColor:"onSurface.os700",my:4,"& + .FooterSectionMenu-root":{marginTop:-4,"& > .MuiAccordion-root:first-of-type":{borderTop:"0"}},"& + .FooterAccordion-variantCompact":{mt:-1.5,"& + .MuiDivider-root":{mt:2.5}}}},r),ref:l,"data-testid":"Footer",...m,children:o.jsx(e.Container,{maxWidth:"xl",...c,children:i})}));exports.Footer=i;
 //# sourceMappingURL=Footer.js.map

package/cjs/components/footer/Footer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Footer.js","sources":["../../../../../src/components/footer/Footer.tsx"],"sourcesContent":["import React, { ElementType, FC, forwardRef } from 'react';\nimport { Box, BoxProps, Container, ContainerProps } from '@mui/material';\n\nexport interface FooterProps extends BoxProps<ElementType> {\n /*\n Props applied to container\n /\n containerProps?: ContainerProps<ElementType>;\n}\n\n/\n Component to render content at the bottom of each page\n */\nexport const Footer: FC<FooterProps> = forwardRef(\n (\n { sx, children, containerProps, primaryItems, secondaryItems, copyRight, location, socialButtons, ...rest },\n ref,\n ) => {\n return (\n <Box\n component=\"footer\"\n sx={{\n py: 1,\n // complex footer has increased padding\n '&:has(.FlowSectionContact-root)': {\n py: { xs: 6, lg: 10 },\n },\n backgroundColor: 'onSurface.os800',\n color: 'common.white',\n // dividers inside\n '.MuiDivider-root': {\n borderColor: 'onSurface.os700',\n my: 4,\n // connect divider with FooterSectionMenu\n '& + .FooterSectionMenu-root': {\n marginTop: -4,\n // connect divider and accordion borders\n '& > .MuiAccordion-root:first-of-type': {\n borderTop: '0',\n },\n },\n // reduce divider space for the next compact accordion section\n '& + .FooterAccordion-variantCompact': {\n mt: -1.5,\n // also reduce the space of divider after the accordion\n '& + .MuiDivider-root': {\n mt: 4 - 1.5,\n },\n },\n },\n ~~...~~sx,\n }}\n ref={ref}\n data-testid=\"Footer\"\n {...rest}\n >\n <Container maxWidth=\"xl\" {...containerProps}>\n {children}\n </Container>\n </Box>\n );\n },\n);\n"],"names":["Footer","forwardRef","~~_a","ref","~~sx","children","containerProps","primaryItems","secondaryItems","copyRight","location","socialButtons","rest","~~__rest~~","_jsx","Box","~~Object~~","~~assign~~","~~component","~~py","xs","lg","backgroundColor","color","borderColor","my","marginTop","borderTop","mt","Container","maxWidth"],"mappings":"~~iHAaO~~,MAAMA,EAA0BC,EAAAA,WACrC,~~CACEC~~,~~EACAC~~,~~SADAC~~,~~GAAEA~~,~~EAAEC~~,~~SAAEA~~,~~EAAQC~~,~~eAAEA~~,~~EAAcC~~,~~aAAEA~~,~~EAAYC~~,~~eAAEA,EAAcC,UAAEA,EAASC,SAAEA,EAAQC,cAAEA,GAAaT,EAAKU,EAAIC,~~EAAAA,~~OAAAX~~,~~EAAzG,2GAGA,OACEY,MAACC,~~EAAAA,~~IAAGC~~,~~OAAAC,OAAA,~~CACFC,UAAU,~~SACVd~~,~~GAAEY~~,~~OAAAC~~,~~OAAA~~,~~CACAE,~~GAAI,EAEJ,kCAAmC,CACjCA,GAAI,CAAEC,GAAI,EAAGC,GAAI,KAEnBC,gBAAiB,kBACjBC,MAAO,eAEP,mBAAoB,CAClBC,YAAa,kBACbC,GAAI,EAEJ,8BAA+B,CAC7BC,WAAW,EAEX,uCAAwC,CACtCC,UAAW,MAIf,sCAAuC,CACrCC,IAAI,IAEJ,uBAAwB,CACtBA,GAAI,~~QAIPxB~~,~~GAELD~~,IAAKA,EAAG,cACI,~~UACRS~~,~~EAAI~~,~~CAAAP,~~SAERS,~~MAACe,~~EAAAA,~~UAASb~~,~~OAAAC~~,~~OAAA~~,~~CAACa,~~SAAS,~~MAASxB~~,~~YAC1BD~~"}
1	+ {"version":3,"file":"Footer.js","sources":["../../../../../src/components/footer/Footer.tsx"],"sourcesContent":["import React, { ElementType, FC, forwardRef } from 'react';\nimport { Box, BoxProps, Container, ContainerProps } from '@mui/material';\nimport { sxOverride } from '@/src/utils/sxOverride';\n\nexport interface FooterProps extends BoxProps<ElementType> {\n /*\n Props applied to container\n /\n containerProps?: ContainerProps<ElementType>;\n}\n\n/\n Component to render content at the bottom of each page\n */\nexport const Footer: FC<FooterProps> = forwardRef(\n (\n { sx, children, containerProps, primaryItems, secondaryItems, copyRight, location, socialButtons, ...rest },\n ref,\n ) => {\n return (\n <Box\n component=\"footer\"\n sx={sxOverride(\n {\n py: 1,\n // complex footer has increased padding\n '&:has(.FlowSectionContact-root)': {\n py: { xs: 6, lg: 10 },\n },\n backgroundColor: 'onSurface.os800',\n color: 'common.white',\n // dividers inside\n '.MuiDivider-root': {\n borderColor: 'onSurface.os700',\n my: 4,\n // connect divider with FooterSectionMenu\n '& + .FooterSectionMenu-root': {\n marginTop: -4,\n // connect divider and accordion borders\n '& > .MuiAccordion-root:first-of-type': {\n borderTop: '0',\n },\n },\n // reduce divider space for the next compact accordion section\n '& + .FooterAccordion-variantCompact': {\n mt: -1.5,\n // also reduce the space of divider after the accordion\n '& + .MuiDivider-root': {\n mt: 4 - 1.5,\n },\n },\n },\n },\n sx,\n )}\n ref={ref}\n data-testid=\"Footer\"\n {...rest}\n >\n <Container maxWidth=\"xl\" {...containerProps}>\n {children}\n </Container>\n </Box>\n );\n },\n);\n"],"names":["Footer","forwardRef","sx","children","containerProps","primaryItems","secondaryItems","copyRight","location","socialButtons","rest","ref","_jsx","Box","component","sxOverride","py","xs","lg","backgroundColor","color","borderColor","my","marginTop","borderTop","mt","Container","maxWidth"],"mappings":"gJAcO,MAAMA,EAA0BC,EAAAA,WACrC,EACIC,KAAIC,WAAUC,iBAAgBC,eAAcC,iBAAgBC,YAAWC,WAAUC,mBAAkBC,GACrGC,IAGEC,EAAAA,IAACC,EAAAA,IAAG,CACFC,UAAU,SACVZ,GAAIa,aACF,CACEC,GAAI,EAEJ,kCAAmC,CACjCA,GAAI,CAAEC,GAAI,EAAGC,GAAI,KAEnBC,gBAAiB,kBACjBC,MAAO,eAEP,mBAAoB,CAClBC,YAAa,kBACbC,GAAI,EAEJ,8BAA+B,CAC7BC,WAAW,EAEX,uCAAwC,CACtCC,UAAW,MAIf,sCAAuC,CACrCC,IAAI,IAEJ,uBAAwB,CACtBA,GAAI,QAKZvB,GAEFS,IAAKA,EAAG,cACI,YACRD,EAAIP,SAERS,EAAAA,IAACc,YAAS,CAACC,SAAS,QAASvB,WAC1BD"}

package/cjs/components/footer/FooterAccordion.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var r=require("tslib"),o=require("react/jsx-runtime"),t=require("react"),e=require("@mui/material"),c=require("../../materialui/button/interactive.js");const a=t.forwardRef((t,a)=>{var{sx:n,children:i,className:s,label:l,accordionSummaryProps:d,accordionDetailsProps:u,contentProps:p,variant:b="compact"}=t,m=r.__rest(t,["sx","children","className","label","accordionSummaryProps","accordionDetailsProps","contentProps","variant"]);const g=null!=d?d:{},{sx:j}=g,x=r.__rest(g,["sx"]),h=e.useTheme();return o.jsxs(e.Accordion,Object.assign({ref:a,"data-testid":"FooterAccordion",className:["FooterAccordion-root",`FooterAccordion-variant${b.charAt(0).toUpperCase()}${b.slice(1)}`,s].filter(Boolean).join(" "),sx:Object.assign(Object.assign({color:"currentColor"},"compact"===b&&{border:"none"}),n)},m,{children:[o.jsx(e.AccordionSummary,Object.assign({"data-testid":"FooterAccordion.label","aria-controls":"footer-accordion",id:"footer-accordion",sx:Object.assign(Object.assign({color:"currentColor","&:hover":{color:"currentColor","& .MuiAccordion-IconButton":{backgroundColor:h.palette.transparent.tertiary}},"& .MuiAccordion-IconButton":Object.assign({height:"32px",width:"32px"},c.getInteractiveStyle({backgroundColor:"transparent",color:h.palette.onSurface.os0},{color:h.palette.onSurface.os0,backgroundColor:h.palette.transparent.tertiary}))},"compact"===b&&Object.assign(Object.assign({},h.typography.caption2),{p:"0",gap:1.5,justifyContent:"flex-start","& .MuiAccordionSummary-content":{flexGrow:"0"}})),j)},x,{children:l})),o.jsx(e.AccordionDetails,Object.assign({"data-testid":"FooterAccordion.children"},u,{children:o.jsx(e.Typography,Object.assign({variant:"disclaimer1"},p,{children:i}))}))]}))});exports.FooterAccordion=a;
+"use strict";var r=require("react/jsx-runtime"),o=require("react"),e=require("@mui/material"),t=require("../../materialui/button/interactive.js"),c=require("../../utils/sxOverride/sxOverride.js");const a=o.forwardRef(({sx:o,children:a,className:i,label:n,accordionSummaryProps:s,accordionDetailsProps:d,contentProps:l,variant:u="compact",...p},x)=>{const{sx:m,...h}=s??{},A=e.useTheme();return r.jsxs(e.Accordion,{ref:x,"data-testid":"FooterAccordion",className:["FooterAccordion-root",`FooterAccordion-variant${u.charAt(0).toUpperCase()}${u.slice(1)}`,i].filter(Boolean).join(" "),sx:c.sxOverride({color:"currentColor",..."compact"===u&&{border:"none"}},o),...p,children:[r.jsx(e.AccordionSummary,{"data-testid":"FooterAccordion.label","aria-controls":"footer-accordion",id:"footer-accordion",sx:c.sxOverride({color:"currentColor","&:hover":{color:"currentColor","& .MuiAccordion-IconButton":{backgroundColor:A.palette.transparent.tertiary}},"& .MuiAccordion-IconButton":{height:"32px",width:"32px",...t.getInteractiveStyle({backgroundColor:"transparent",color:A.palette.onSurface.os0},{color:A.palette.onSurface.os0,backgroundColor:A.palette.transparent.tertiary})},..."compact"===u&&{...A.typography.caption2,p:"0",gap:1.5,justifyContent:"flex-start","& .MuiAccordionSummary-content":{flexGrow:"0"}}},m),...h,children:n}),r.jsx(e.AccordionDetails,{"data-testid":"FooterAccordion.children",...d,children:r.jsx(e.Typography,{variant:"disclaimer1",...l,children:a})})]})});exports.FooterAccordion=a;
 //# sourceMappingURL=FooterAccordion.js.map

package/cjs/components/footer/FooterAccordion.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FooterAccordion.js","sources":["../../../../../src/components/footer/FooterAccordion.tsx"],"sourcesContent":["import React, { FC, forwardRef, ReactNode, ElementType } from 'react';\nimport {\n Accordion,\n AccordionSummary,\n AccordionDetails,\n AccordionProps,\n AccordionSummaryProps,\n AccordionDetailsProps,\n Typography,\n TypographyProps,\n useTheme,\n} from '@mui/material';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport interface FooterAccordionProps extends Omit<AccordionProps, 'variant'> {\n /*\n Label of the Accordion\n /\n label?: ReactNode;\n /\n Props applied to the wrapper of label\n /\n accordionSummaryProps?: AccordionSummaryProps<ElementType>;\n /\n Props applied to the content of the accodion\n /\n accordionDetailsProps?: AccordionDetailsProps;\n /\n Properties applied to wrapper of children\n /\n contentProps?: TypographyProps<ElementType>;\n /\n Variant of accordion\n * @default compact\n /\n variant?: 'compact' \| 'standard';\n}\n\n/\n Collapsible footer section\n */\nexport const FooterAccordion: FC<FooterAccordionProps> = forwardRef(\n (\n {\n sx,\n children,\n className,\n label,\n accordionSummaryProps,\n accordionDetailsProps,\n contentProps,\n variant = 'compact',\n ...rest\n },\n ref,\n ) => {\n const { sx: accordionSummarySx, ...restAccordionSummary } = accordionSummaryProps ?? {};\n const theme = useTheme();\n\n return (\n <Accordion\n ref={ref}\n data-testid=\"FooterAccordion\"\n className={[\n 'FooterAccordion-root',\n `FooterAccordion-variant${variant.charAt(0).toUpperCase()}${variant.slice(1)}`,\n className,\n ]\n .filter(Boolean)\n .join(' ')}\n sx={{\n // recolor to dark mode\n color: 'currentColor',\n ...(variant === 'compact' && {\n border: 'none',\n }),\n ~~...~~sx,\n }}\n {...rest}\n >\n <AccordionSummary\n data-testid=\"FooterAccordion.label\"\n aria-controls=\"footer-accordion\"\n id=\"footer-accordion\"\n sx={{\n // recolor to dark mode\n color: 'currentColor',\n '&:hover': {\n color: 'currentColor',\n // hover over IconButton\n '& .MuiAccordion-IconButton': {\n backgroundColor: theme.palette.transparent.tertiary,\n },\n },\n // change variant of icon button to small & white\n '& .MuiAccordion-IconButton': {\n height: '32px',\n width: '32px',\n ...getInteractiveStyle(\n {\n backgroundColor: 'transparent',\n color: theme.palette.onSurface.os0,\n },\n {\n color: theme.palette.onSurface.os0,\n backgroundColor: theme.palette.transparent.tertiary,\n },\n ),\n },\n ...(variant === 'compact' && {\n ...theme.typography.caption2,\n p: '0',\n gap: 1.5,\n justifyContent: 'flex-start',\n // move icon next to label\n '& .MuiAccordionSummary-content': {\n flexGrow: '0',\n },\n }),\n ~~...~~accordionSummarySx,\n }}\n {...restAccordionSummary}\n >\n {label}\n </AccordionSummary>\n <AccordionDetails data-testid=\"FooterAccordion.children\" {...accordionDetailsProps}>\n <Typography variant=\"disclaimer1\" {...contentProps}>\n {children}\n </Typography>\n </AccordionDetails>\n </Accordion>\n );\n },\n);\n"],"names":["FooterAccordion","forwardRef","~~_a","ref","~~sx","children","className","label","accordionSummaryProps","accordionDetailsProps","contentProps","variant","rest","~~__rest~~","~~_b","~~accordionSummarySx","restAccordionSummary","theme","useTheme","_jsxs","Accordion","~~Object","assign","~~charAt","toUpperCase","slice","filter","Boolean","join","color","border","_jsx","AccordionSummary","id","backgroundColor","palette","transparent","tertiary","height","width","getInteractiveStyle","onSurface","os0","typography","caption2","p","gap","justifyContent","flexGrow","AccordionDetails","Typography"],"mappings":"~~qKAyCO~~,MAAMA,EAA4CC,EAAAA,WACvD,~~CACEC~~,~~EAWAC~~,~~SAXAC~~,~~GACEA~~,~~EAAEC~~,~~SACFA~~,~~EAAQC~~,~~UACRA~~,~~EAASC~~,~~MACTA,EAAKC,sBACLA,EAAqBC,sBACrBA,EAAqBC,aACrBA,EAAYC,QACZA,EAAU,~~aACPC,~~EAAIC~~,~~EAAAA~~,~~OAAAX~~,~~EATT~~,~~CAAA~~,~~KAAA~~,~~WAAA~~,~~YAAA,QAAA,wBAAA,wBAAA,eAAA,YAaA,MAAMY,EAAsDN,QAAAA,EAAyB,IAA7EJ,GAAIW,GAAkBD,EAAKE,EAAoBH,EAAAA,OAAAC,EAAjD,~~CAAA,~~OACAG~~,EAAQC,EAAAA,WAEd,OACEC,EAAAA,KAACC,~~YAASC~~,~~OAAAC~~,~~OAAA~~,~~CACRnB,~~IAAKA,EAAG,cACI,~~kBACZG~~,UAAW,CACT,uBACA,0BAA0BK,~~EAAQY~~,OAAO,GAAGC,~~gBAAgBb~~,~~EAAQc~~,MAAM,~~KAC1EnB~~,~~GAECoB~~,OAAOC,SACPC,KAAK,~~KACRxB~~,~~GAAEiB~~,~~OAAAC~~,~~OAAAD~~,~~OAAAC,OAAA,CAEAO,~~MAAO,~~gBACS~~,~~YAAZlB~~,GAAyB,~~CAC3BmB~~,OAAQ,~~SAEP1B~~,~~IAEDQ~~,~~EAAI~~,~~CAAAP,~~SAAA,~~CAER0B~~,~~MAACC,~~EAAAA,~~iBAAgBX~~,~~OAAAC~~,~~OAAA,~~CAAA,cACH,~~wBAAuB~~,~~gBACrB~~,~~mBACdW,~~GAAG,~~mBACH7B~~,~~GAAEiB~~,~~OAAAC~~,~~OAAAD~~,~~OAAAC,OAAA,CAEAO,~~MAAO,eACP,UAAW,CACTA,MAAO,eAEP,6BAA8B,CAC5BK,~~gBAAiBjB~~,~~EAAMkB~~,QAAQC,YAAYC,WAI/C,~~6BAA4BhB~~,~~OAAAC~~,~~OAAA,CAC1BgB,~~OAAQ,OACRC,MAAO,~~QACJC~~,sBACD,CACEN,gBAAiB,cACjBL,~~MAAOZ~~,~~EAAMkB~~,QAAQM,UAAUC,KAEjC,CACEb,~~MAAOZ~~,~~EAAMkB~~,QAAQM,UAAUC,IAC/BR,~~gBAAiBjB~~,~~EAAMkB~~,QAAQC,YAAYC,~~aAIjC~~,~~YAAZ1B~~,~~GAAqBU~~,~~OAAAC~~,~~OAAAD~~,~~OAAAC,OAAA,CAAA,EACpBL,EAAM0B,~~WAAWC,~~WACpBC~~,EAAG,IACHC,IAAK,IACLC,eAAgB,aAEhB,iCAAkC,CAChCC,SAAU,~~QAGXjC~~,~~IAEDC~~,~~EAAoB~~,~~CAAAX,~~SAEvBE,~~KAEHwB~~,EAAAA,IAACkB,EAAAA,~~iBAAgB5B~~,~~OAAAC,OAAA,~~CAAA,cAAa,~~4BAA~~+Bb,~~EAAqB~~,~~CAAAJ~~,~~SAChF0B~~,EAAAA,~~IAACmB~~,~~EAAAA~~,~~WAAU7B,OAAAC,OAAA,CAACX,~~QAAQ,~~eAAkBD~~,~~EAAY~~,~~CAAAL,~~SAC/CA"}
1	+ {"version":3,"file":"FooterAccordion.js","sources":["../../../../../src/components/footer/FooterAccordion.tsx"],"sourcesContent":["import React, { FC, forwardRef, ReactNode, ElementType } from 'react';\nimport {\n Accordion,\n AccordionSummary,\n AccordionDetails,\n AccordionProps,\n AccordionSummaryProps,\n AccordionDetailsProps,\n Typography,\n TypographyProps,\n useTheme,\n} from '@mui/material';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\nimport { sxOverride } from '@/src/utils/sxOverride';\n\nexport interface FooterAccordionProps extends Omit<AccordionProps, 'variant'> {\n /*\n Label of the Accordion\n /\n label?: ReactNode;\n /\n Props applied to the wrapper of label\n /\n accordionSummaryProps?: AccordionSummaryProps<ElementType>;\n /\n Props applied to the content of the accodion\n /\n accordionDetailsProps?: AccordionDetailsProps;\n /\n Properties applied to wrapper of children\n /\n contentProps?: TypographyProps<ElementType>;\n /\n Variant of accordion\n * @default compact\n /\n variant?: 'compact' \| 'standard';\n}\n\n/\n Collapsible footer section\n */\nexport const FooterAccordion: FC<FooterAccordionProps> = forwardRef(\n (\n {\n sx,\n children,\n className,\n label,\n accordionSummaryProps,\n accordionDetailsProps,\n contentProps,\n variant = 'compact',\n ...rest\n },\n ref,\n ) => {\n const { sx: accordionSummarySx, ...restAccordionSummary } = accordionSummaryProps ?? {};\n const theme = useTheme();\n\n return (\n <Accordion\n ref={ref}\n data-testid=\"FooterAccordion\"\n className={[\n 'FooterAccordion-root',\n `FooterAccordion-variant${variant.charAt(0).toUpperCase()}${variant.slice(1)}`,\n className,\n ]\n .filter(Boolean)\n .join(' ')}\n sx={sxOverride(\n {\n // recolor to dark mode\n color: 'currentColor',\n ...(variant === 'compact' && {\n border: 'none',\n }),\n },\n sx,\n )}\n {...rest}\n >\n <AccordionSummary\n data-testid=\"FooterAccordion.label\"\n aria-controls=\"footer-accordion\"\n id=\"footer-accordion\"\n sx={sxOverride(\n {\n // recolor to dark mode\n color: 'currentColor',\n '&:hover': {\n color: 'currentColor',\n // hover over IconButton\n '& .MuiAccordion-IconButton': {\n backgroundColor: theme.palette.transparent.tertiary,\n },\n },\n // change variant of icon button to small & white\n '& .MuiAccordion-IconButton': {\n height: '32px',\n width: '32px',\n ...getInteractiveStyle(\n {\n backgroundColor: 'transparent',\n color: theme.palette.onSurface.os0,\n },\n {\n color: theme.palette.onSurface.os0,\n backgroundColor: theme.palette.transparent.tertiary,\n },\n ),\n },\n ...(variant === 'compact' && {\n ...theme.typography.caption2,\n p: '0',\n gap: 1.5,\n justifyContent: 'flex-start',\n // move icon next to label\n '& .MuiAccordionSummary-content': {\n flexGrow: '0',\n },\n }),\n },\n accordionSummarySx,\n )}\n {...restAccordionSummary}\n >\n {label}\n </AccordionSummary>\n <AccordionDetails data-testid=\"FooterAccordion.children\" {...accordionDetailsProps}>\n <Typography variant=\"disclaimer1\" {...contentProps}>\n {children}\n </Typography>\n </AccordionDetails>\n </Accordion>\n );\n },\n);\n"],"names":["FooterAccordion","forwardRef","sx","children","className","label","accordionSummaryProps","accordionDetailsProps","contentProps","variant","rest","ref","accordionSummarySx","restAccordionSummary","theme","useTheme","_jsxs","Accordion","charAt","toUpperCase","slice","filter","Boolean","join","sxOverride","color","border","_jsx","AccordionSummary","id","backgroundColor","palette","transparent","tertiary","height","width","getInteractiveStyle","onSurface","os0","typography","caption2","p","gap","justifyContent","flexGrow","AccordionDetails","Typography"],"mappings":"oMA0CO,MAAMA,EAA4CC,EAAAA,WACvD,EAEIC,KACAC,WACAC,YACAC,QACAC,wBACAC,wBACAC,eACAC,UAAU,aACPC,GAELC,KAEA,MAAQT,GAAIU,KAAuBC,GAAyBP,GAAyB,CAAA,EAC/EQ,EAAQC,EAAAA,WAEd,OACEC,EAAAA,KAACC,EAAAA,UAAS,CACRN,IAAKA,EAAG,cACI,kBACZP,UAAW,CACT,uBACA,0BAA0BK,EAAQS,OAAO,GAAGC,gBAAgBV,EAAQW,MAAM,KAC1EhB,GAECiB,OAAOC,SACPC,KAAK,KACRrB,GAAIsB,aACF,CAEEC,MAAO,kBACS,YAAZhB,GAAyB,CAC3BiB,OAAQ,SAGZxB,MAEEQ,EAAIP,SAAA,CAERwB,EAAAA,IAACC,mBAAgB,CAAA,cACH,wCACE,mBACdC,GAAG,mBACH3B,GAAIsB,aACF,CAEEC,MAAO,eACP,UAAW,CACTA,MAAO,eAEP,6BAA8B,CAC5BK,gBAAiBhB,EAAMiB,QAAQC,YAAYC,WAI/C,6BAA8B,CAC5BC,OAAQ,OACRC,MAAO,UACJC,sBACD,CACEN,gBAAiB,cACjBL,MAAOX,EAAMiB,QAAQM,UAAUC,KAEjC,CACEb,MAAOX,EAAMiB,QAAQM,UAAUC,IAC/BR,gBAAiBhB,EAAMiB,QAAQC,YAAYC,eAIjC,YAAZxB,GAAyB,IACxBK,EAAMyB,WAAWC,SACpBC,EAAG,IACHC,IAAK,IACLC,eAAgB,aAEhB,iCAAkC,CAChCC,SAAU,OAIhBhC,MAEEC,EAAoBV,SAEvBE,IAEHsB,EAAAA,IAACkB,EAAAA,iBAAgB,CAAA,cAAa,8BAA+BtC,EAAqBJ,SAChFwB,MAACmB,EAAAA,WAAU,CAACrC,QAAQ,iBAAkBD,EAAYL,SAC/CA"}

package/cjs/components/footer/FooterIconButton.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),i=require("@mui/material");const o=t.forwardRef((t,o)=>{var{children:n}=t,c=e.__rest(t,["children"]);return r.jsx(i.IconButton,Object.assign({size:"medium",color:"white",ref:o,"data-testid":"FooterIconButton"},c,{children:n}))});exports.FooterIconButton=o;
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("@mui/material");const o=r.forwardRef(({children:r,...o},i)=>e.jsx(t.IconButton,{size:"medium",color:"white",ref:i,"data-testid":"FooterIconButton",...o,children:r}));exports.FooterIconButton=o;
 //# sourceMappingURL=FooterIconButton.js.map

package/cjs/components/footer/FooterIconButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FooterIconButton.js","sources":["../../../../../src/components/footer/FooterIconButton.tsx"],"sourcesContent":["import React, { ElementType, FC, ForwardedRef, forwardRef } from 'react';\nimport { IconButton, IconButtonProps } from '@mui/material';\n\nexport interface FooterIconButtonProps extends IconButtonProps<ElementType> {}\n\n/*\n Section for the main links\n */\nexport const FooterIconButton: FC<FooterIconButtonProps> = forwardRef(({ children, ...rest }, ref) => {\n return (\n <IconButton\n size=\"medium\"\n color=\"white\"\n ref={ref as ForwardedRef<HTMLButtonElement>}\n data-testid=\"FooterIconButton\"\n {...rest}\n >\n {children}\n </IconButton>\n );\n});\n"],"names":["FooterIconButton","forwardRef","~~_a","ref","~~children","rest","~~__rest~~","_jsx","IconButton","~~Object","assign","~~size","color"],"mappings":"~~iHAQO~~,MAAMA,EAA8CC,EAAAA,WAAW,~~CAACC~~,~~EAAuBC~~,~~KAAvB~~,~~IAAAC~~,~~SAAEA,GAAQF,EAAKG,EAAIC,~~EAAAA,~~OAAAJ,EAAnB,cACrE,OACEK,EAAAA,~~IAACC,EAAAA,~~WAAUC~~,~~OAAAC,OAAA,~~CACTC,KAAK,SACLC,MAAM,~~QACNT~~,IAAKA,EAAsC,cAC/B,~~oBACRE~~,~~EAAI~~,~~CAAAD,~~SAEPA"}
1	+ {"version":3,"file":"FooterIconButton.js","sources":["../../../../../src/components/footer/FooterIconButton.tsx"],"sourcesContent":["import React, { ElementType, FC, ForwardedRef, forwardRef } from 'react';\nimport { IconButton, IconButtonProps } from '@mui/material';\n\nexport interface FooterIconButtonProps extends IconButtonProps<ElementType> {}\n\n/*\n Section for the main links\n */\nexport const FooterIconButton: FC<FooterIconButtonProps> = forwardRef(({ children, ...rest }, ref) => {\n return (\n <IconButton\n size=\"medium\"\n color=\"white\"\n ref={ref as ForwardedRef<HTMLButtonElement>}\n data-testid=\"FooterIconButton\"\n {...rest}\n >\n {children}\n </IconButton>\n );\n});\n"],"names":["FooterIconButton","forwardRef","children","rest","ref","_jsx","IconButton","size","color"],"mappings":"8FAQO,MAAMA,EAA8CC,EAAAA,WAAW,EAAGC,cAAaC,GAAQC,IAE1FC,EAAAA,IAACC,EAAAA,WAAU,CACTC,KAAK,SACLC,MAAM,QACNJ,IAAKA,EAAsC,cAC/B,sBACRD,EAAID,SAEPA"}

package/cjs/components/footer/FooterLink.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),i=require("react"),t=require("@mui/material");const n=i.forwardRef((i,n)=>{var{sx:s,children:a,label:l}=i,o=e.__rest(i,["sx","children","label"]);return r.jsx(t.Link,Object.assign({sx:Object.assign({display:"inline-flex",gap:1.5,alignItems:"center",justifyContent:"flex-start",padding:"4px 8px","&, &:hover":{textDecoration:"underline",color:"common.white"},"& .MuiSvgIcon-root":{fontSize:"20px"}},s),variant:"list",ref:n},o,{children:a||l}))});exports.FooterLink=n;
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),i=require("@mui/material"),t=require("../../utils/sxOverride/sxOverride.js");const n=r.forwardRef(({sx:r,children:n,label:s,...o},a)=>e.jsx(i.Link,{sx:t.sxOverride({display:"inline-flex",gap:1.5,alignItems:"center",justifyContent:"flex-start",padding:"4px 8px","&, &:hover":{textDecoration:"underline",color:"common.white"},"& .MuiSvgIcon-root":{fontSize:"20px"}},r),variant:"list",ref:a,...o,children:n||s}));exports.FooterLink=n;
 //# sourceMappingURL=FooterLink.js.map

package/cjs/components/footer/FooterLink.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FooterLink.js","sources":["../../../../../src/components/footer/FooterLink.tsx"],"sourcesContent":["import React, { ElementType, FC, forwardRef, ForwardedRef, ReactNode } from 'react';\nimport { Link, LinkProps } from '@mui/material';\n\nexport interface FooterLinkProps extends LinkProps<ElementType> {\n /*\n Displayed navigation text, can be provided as children as well\n /\n label?: ReactNode;\n}\n\n/\n Component to render styled link in the footer\n */\nexport const FooterLink: FC<FooterLinkProps> = forwardRef(({ sx, children, label, ...rest }, ref) => {\n return (\n <Link\n sx={{\n // icon and text next to each other\n display: 'inline-flex',\n gap: 1.5,\n alignItems: 'center',\n justifyContent: 'flex-start',\n padding: '4px 8px',\n // styling\n '&, &:hover': {\n textDecoration: 'underline',\n color: 'common.white',\n },\n // size of icon\n '& .MuiSvgIcon-root': {\n fontSize: '20px',\n },\n ~~...~~sx,\n }}\n variant=\"list\"\n ref={ref as ForwardedRef<HTMLAnchorElement>}\n {...rest}\n >\n {children \|\| label}\n </Link>\n );\n});\n"],"names":["FooterLink","forwardRef","~~_a","ref","~~sx","children","label","rest","~~__rest~~","_jsx","Link","~~Object~~","~~assign","~~display","gap","alignItems","justifyContent","padding","textDecoration","color","fontSize","variant"],"mappings":"~~iHAaO~~,~~MAAMA,~~EAAkCC,EAAAA,WAAW,~~CAACC~~,~~EAAkCC~~,~~SAAlCC~~,~~GAAEA~~,~~EAAEC~~,~~SAAEA~~,~~EAAQC~~,~~MAAEA,KAAUC,EAAIC,~~EAAAA,~~OAAAN~~,~~EAA9B~~,~~CAAA,KAAA,WAAA,UACzD,OACEO,~~EAAAA,~~IAACC~~,~~EAAAA~~,~~KAAIC,OAAAC,OAAA,CACHR,GAAEO,OAAAC,OAAA,CAEAC,~~QAAS,cACTC,IAAK,IACLC,WAAY,SACZC,eAAgB,aAChBC,QAAS,UAET,aAAc,CACZC,eAAgB,YAChBC,MAAO,gBAGT,qBAAsB,CACpBC,SAAU,~~SAEThB~~,~~GAELiB~~,QAAQ,~~OACRlB~~,IAAKA,~~GACDI~~,~~EAAI~~,~~CAAAF,~~SAEPA,GAAYC"}
1	+ {"version":3,"file":"FooterLink.js","sources":["../../../../../src/components/footer/FooterLink.tsx"],"sourcesContent":["import React, { ElementType, FC, forwardRef, ForwardedRef, ReactNode } from 'react';\nimport { Link, LinkProps } from '@mui/material';\nimport { sxOverride } from '@/src/utils/sxOverride';\n\nexport interface FooterLinkProps extends LinkProps<ElementType> {\n /*\n Displayed navigation text, can be provided as children as well\n /\n label?: ReactNode;\n}\n\n/\n Component to render styled link in the footer\n */\nexport const FooterLink: FC<FooterLinkProps> = forwardRef(({ sx, children, label, ...rest }, ref) => {\n return (\n <Link\n sx={sxOverride(\n {\n // icon and text next to each other\n display: 'inline-flex',\n gap: 1.5,\n alignItems: 'center',\n justifyContent: 'flex-start',\n padding: '4px 8px',\n // styling\n '&, &:hover': {\n textDecoration: 'underline',\n color: 'common.white',\n },\n // size of icon\n '& .MuiSvgIcon-root': {\n fontSize: '20px',\n },\n },\n sx,\n )}\n variant=\"list\"\n ref={ref as ForwardedRef<HTMLAnchorElement>}\n {...rest}\n >\n {children \|\| label}\n </Link>\n );\n});\n"],"names":["FooterLink","forwardRef","sx","children","label","rest","ref","_jsx","Link","sxOverride","display","gap","alignItems","justifyContent","padding","textDecoration","color","fontSize","variant"],"mappings":"sJAcaA,EAAkCC,EAAAA,WAAW,EAAGC,KAAIC,WAAUC,WAAUC,GAAQC,IAEzFC,MAACC,EAAAA,MACCN,GAAIO,EAAAA,WACF,CAEEC,QAAS,cACTC,IAAK,IACLC,WAAY,SACZC,eAAgB,aAChBC,QAAS,UAET,aAAc,CACZC,eAAgB,YAChBC,MAAO,gBAGT,qBAAsB,CACpBC,SAAU,SAGdf,GAEFgB,QAAQ,OACRZ,IAAKA,KACDD,EAAIF,SAEPA,GAAYC"}

package/cjs/components/footer/FooterMenu.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),o=require("react/jsx-runtime"),r=require("react"),t=require("@mui/material"),n=require("./FooterAccordion.js");const s=r.forwardRef((s,a)=>{var{sx:i,children:c,label:u,accordionSummaryProps:l,contentProps:d,variant:p="auto"}=s,b=e.__rest(s,["sx","children","label","accordionSummaryProps","contentProps","variant"]);const x=null!=d?d:{},{sx:g}=x,m=e.__rest(x,["sx"]),j=null!=l?l:{},{sx:f}=j,y=e.__rest(j,["sx"]),O=t.useTheme(),h=t.useMediaQuery(O.breakpoints.down("lg")),v="auto"===p?h:"accordion"===p,[M,S]=r.useState(!1);return o.jsx(n.FooterAccordion,Object.assign({ref:a,"data-testid":"FooterMenu",expanded:!v||M,onChange:(e,o)=>S(o),variant:"standard",sx:Object.assign(Object.assign({flexBasis:{lg:"20%"},borderColor:"onSurface.os700"},!v&&{border:"none"}),i),accordionSummaryProps:Object.assign({"data-testid":"FooterMenu.label",sx:Object.assign(Object.assign({padding:"18px 0 8px","& .MuiLink-root":Object.assign(Object.assign({},O.typography.subheadline),{p:0,"&, &:hover":{textDecoration:"none",color:"common.white"}})},!v&&{overflow:"visible","&&:not(.Mui-disabled)":{cursor:"unset"},"& .MuiAccordionSummary-expandIconWrapper":{display:"none"}}),f)},y),label:u,contentProps:Object.assign({component:"div","data-testid":"FooterMenu.content",sx:Object.assign({display:"flex",alignItems:"flex-start",justifyContent:"flex-start",flexDirection:"column",gap:1.5,"& .MuiLink-root":Object.assign(Object.assign({},O.typography.caption2),{p:0,"&, &:hover":{textDecoration:"none",color:"onSurface.os200"}})},g)},m)},b,{children:c}),`${v}`)});exports.FooterMenu=s;
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),o=require("@mui/material"),t=require("./FooterAccordion.js"),n=require("../../utils/sxOverride/sxOverride.js");const a=r.forwardRef(({sx:a,children:i,label:s,accordionSummaryProps:d,contentProps:c,variant:u="auto",...l},p)=>{const{sx:x,...m}=c??{},{sx:v,...f}=d??{},y=o.useTheme(),h=o.useMediaQuery(y.breakpoints.down("lg")),b="auto"===u?h:"accordion"===u,[g,M]=r.useState(!1);return e.jsx(t.FooterAccordion,{ref:p,"data-testid":"FooterMenu",expanded:!b||g,onChange:(e,r)=>M(r),variant:"standard",sx:n.sxOverride({flexBasis:{lg:"20%"},borderColor:"onSurface.os700",...!b&&{border:"none"}},a),accordionSummaryProps:{"data-testid":"FooterMenu.label",sx:n.sxOverride({padding:"14px 0","& .MuiLink-root":{...y.typography.subheadline,p:0,"&, &:hover":{textDecoration:"none",color:"common.white"}},...!b&&{padding:"18px 0 8px",overflow:"visible","&&:not(.Mui-disabled)":{cursor:"unset"},"& .MuiAccordionSummary-expandIconWrapper":{display:"none"}}},v),...f},label:s,contentProps:{component:"div","data-testid":"FooterMenu.content",sx:n.sxOverride({display:"flex",alignItems:"flex-start",justifyContent:"flex-start",flexDirection:"column",gap:1.5,"& .MuiLink-root":{...y.typography.caption2,p:0,"&, &:hover":{textDecoration:"none",color:"onSurface.os200"}}},x),...m},...l,children:i},`${b}`)});exports.FooterMenu=a;
 //# sourceMappingURL=FooterMenu.js.map

package/cjs/components/footer/FooterMenu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FooterMenu.js","sources":["../../../../../src/components/footer/FooterMenu.tsx"],"sourcesContent":["import React, { FC, forwardRef, useState } from 'react';\nimport { Theme, useMediaQuery, useTheme } from '@mui/material';\nimport { FooterAccordion, FooterAccordionProps } from './FooterAccordion';\n\nexport interface FooterMenuProps extends Omit<FooterAccordionProps, 'variant' \| 'children'> {\n /*\n Items in the menu\n /\n children?: React.ReactNode;\n /\n Variant of the menu\n * - auto: renders on large resolution as list and on mobile as accordion\n * - list: renders as list with title\n * - accordion: renders as collapsible accordion\n * @default auto\n /\n variant?: 'auto' \| 'list' \| 'accordion';\n}\n\n/\n Section for the secondary links, copyright and optional button\n */\nexport const FooterMenu: FC<FooterMenuProps> = forwardRef(\n ({ sx, children, label, accordionSummaryProps, contentProps, variant = 'auto', ...rest }, ref) => {\n const { sx: contentSx, ...restContent } = contentProps ?? {};\n const { sx: accSummarySx, ...restAccSummary } = accordionSummaryProps ?? {};\n const theme = useTheme();\n const downLg = useMediaQuery<Theme>(theme.breakpoints.down('lg'));\n const isAccordion = variant === 'auto' ? downLg : variant === 'accordion';\n const [expanded, setExpanded] = useState(false);\n\n return (\n <FooterAccordion\n key={`${isAccordion}`}\n ref={ref}\n data-testid=\"FooterMenu\"\n expanded={isAccordion ? expanded : true}\n onChange={(_, v) => setExpanded(v)}\n variant=\"standard\"\n sx={{\n // spacing in the FooterSectionMenu, take max 1/5 of space\n flexBasis: { lg: '20%' },\n borderColor: 'onSurface.os700',\n ...(!isAccordion && {\n border: 'none',\n }),\n ~~...~~sx,\n }}\n accordionSummaryProps={{\n ['data-testid']: 'FooterMenu.label',\n sx: {\n // adjust proportions ~~to be closer to menu~~\n padding: '~~18px~~ 0 ~~8px~~',\n // manipulates style of links inside\n '& .MuiLink-root': {\n ...theme.typography.subheadline,\n p: 0,\n '&, &:hover': {\n textDecoration: 'none',\n color: 'common.white',\n },\n },\n ...(!isAccordion && {\n // allow overflow of focus ring\n overflow: 'visible',\n // no longer clickable\n '&&:not(.Mui-disabled)': {\n cursor: 'unset',\n },\n // hide icon\n '& .MuiAccordionSummary-expandIconWrapper': {\n display: 'none',\n },\n }),\n ~~...~~accSummarySx,\n },\n ...restAccSummary,\n }}\n label={label}\n contentProps={{\n component: 'div',\n ['data-testid']: 'FooterMenu.content',\n sx: {\n display: 'flex',\n alignItems: 'flex-start',\n justifyContent: 'flex-start',\n flexDirection: 'column',\n gap: 1.5,\n // manipulates style of links inside\n '& .MuiLink-root': {\n ...theme.typography.caption2,\n p: 0,\n '&, &:hover': {\n textDecoration: 'none',\n color: 'onSurface.os200',\n },\n },\n ~~...~~contentSx,\n },\n ...restContent,\n }}\n {...rest}\n >\n {children}\n </FooterAccordion>\n );\n },\n);\n"],"names":["FooterMenu","forwardRef","~~_a","ref","~~sx","children","label","accordionSummaryProps","contentProps","variant","rest","~~__rest~~","~~_b","~~contentSx","restContent","~~_c","~~accSummarySx","restAccSummary","theme","useTheme","downLg","useMediaQuery","breakpoints","down","isAccordion","expanded","setExpanded","useState","_jsx","FooterAccordion","onChange","_","v","~~Object~~","~~assign","~~flexBasis","lg","borderColor","border","padding","typography","subheadline","p","textDecoration","color","overflow","cursor","display","component","alignItems","justifyContent","flexDirection","gap","caption2"],"mappings":"~~mJAsBO~~,MAAMA,EAAkCC,EAAAA,WAC7C,~~CAACC~~,~~EAAyFC~~,~~KAAzF~~,~~IAAAC~~,~~GAAEA~~,~~EAAEC~~,~~SAAEA~~,~~EAAQC~~,~~MAAEA~~,~~EAAKC~~,~~sBAAEA~~,~~EAAqBC~~,~~aAAEA~~,~~EAAYC~~,~~QAAEA~~,~~EAAU,QAAMP,EAAKQ,EAAIC,SAAAT,EAArF,4EACC,MAAMU,EAAoCJ,QAAAA,EAAgB,IAAlDJ,GAAIS,GAASD,EAAKE,EAAWH,EAAAA,OAAAC,EAA/B,~~CAAA,~~OACAG~~,~~EAA0CR~~,~~QAAAA~~,~~EAAyB~~,~~IAAjEH~~,~~GAAIY,GAAYD,EAAKE,EAAcN,EAAAA,OAAAI,EAArC,~~CAAA,~~OACAG~~,EAAQC,EAAAA,WACRC,EAASC,EAAAA,cAAqBH,EAAMI,YAAYC,KAAK,OACrDC,EAA0B,~~SAAZf~~,~~EAAqBW~~,EAAqB,~~cAAZX~~,~~GAC3CgB~~,EAAUC,GAAeC,EAAAA,UAAS,GAEzC,OACEC,~~MAACC,~~EAAAA~~,+BAEC1B~~,IAAKA,EAAG,cACI,~~aACZsB~~,UAAUD,GAAcC,EACxBK,SAAU,CAACC,EAAGC,IAAMN,EAAYM,~~GAChCvB~~,QAAQ,WACRL,~~GAAE6B~~,~~OAAAC~~,~~OAAAD~~,~~OAAAC,OAAA,CAEAC,~~UAAW,CAAEC,GAAI,OACjBC,YAAa,~~oBACRb~~,GAAe,~~CAClBc~~,OAAQ,~~SAEPlC~~,~~GAELG~~,~~sBAAqB0B~~,~~OAAAC~~,~~OAAA,CACnB,~~cAAiB,~~mBACjB9B~~,~~GAAE6B~~,~~OAAAC~~,~~OAAAD~~,~~OAAAC~~,~~OAAA,CAEAK,~~QAAS,~~aAET~~,~~kBAAiBN~~,~~OAAAC~~,~~OAAAD~~,~~OAAAC,OAAA,CAAA,EACZhB,EAAMsB,~~WAAWC,~~aAAW~~,~~CAC/BC,~~EAAG,EACH,aAAc,CACZC,eAAgB,OAChBC,MAAO,~~oBAGNpB~~,GAAe,~~CAElBqB~~,SAAU,UAEV,wBAAyB,CACvBC,OAAQ,SAGV,2CAA4C,CAC1CC,QAAS,~~UAGV/B~~,~~IAEFC~~,~~GAELX~~,MAAOA,EACPE,~~aAAYyB~~,~~OAAAC~~,~~OAAA,CACVc,~~UAAW,MACX,cAAiB,~~qBACjB5C~~,~~kBACE2C~~,QAAS,OACTE,WAAY,aACZC,eAAgB,aAChBC,cAAe,SACfC,IAAK,IAEL,~~kBAAiBnB~~,~~OAAAC~~,~~OAAAD~~,~~OAAAC,OAAA,CAAA,EACZhB,EAAMsB,~~WAAWa,~~UAAQ~~,~~CAC5BX,~~EAAG,EACH,aAAc,CACZC,eAAgB,OAChBC,MAAO,~~sBAGR/B~~,~~IAEFC~~,~~IAEDJ~~,~~EAAI~~,~~CAAAL~~,~~SAEPA,IAtEI,GAAGmB~~"}
1	+ {"version":3,"file":"FooterMenu.js","sources":["../../../../../src/components/footer/FooterMenu.tsx"],"sourcesContent":["import React, { FC, forwardRef, useState } from 'react';\nimport { Theme, useMediaQuery, useTheme } from '@mui/material';\nimport { FooterAccordion, FooterAccordionProps } from './FooterAccordion';\nimport { sxOverride } from '@/src/utils/sxOverride';\n\nexport interface FooterMenuProps extends Omit<FooterAccordionProps, 'variant' \| 'children'> {\n /*\n Items in the menu\n /\n children?: React.ReactNode;\n /\n Variant of the menu\n * - auto: renders on large resolution as list and on mobile as accordion\n * - list: renders as list with title\n * - accordion: renders as collapsible accordion\n * @default auto\n /\n variant?: 'auto' \| 'list' \| 'accordion';\n}\n\n/\n Section for the secondary links, copyright and optional button\n */\nexport const FooterMenu: FC<FooterMenuProps> = forwardRef(\n ({ sx, children, label, accordionSummaryProps, contentProps, variant = 'auto', ...rest }, ref) => {\n const { sx: contentSx, ...restContent } = contentProps ?? {};\n const { sx: accSummarySx, ...restAccSummary } = accordionSummaryProps ?? {};\n const theme = useTheme();\n const downLg = useMediaQuery<Theme>(theme.breakpoints.down('lg'));\n const isAccordion = variant === 'auto' ? downLg : variant === 'accordion';\n const [expanded, setExpanded] = useState(false);\n\n return (\n <FooterAccordion\n key={`${isAccordion}`}\n ref={ref}\n data-testid=\"FooterMenu\"\n expanded={isAccordion ? expanded : true}\n onChange={(_, v) => setExpanded(v)}\n variant=\"standard\"\n sx={sxOverride(\n {\n // spacing in the FooterSectionMenu, take max 1/5 of space\n flexBasis: { lg: '20%' },\n borderColor: 'onSurface.os700',\n ...(!isAccordion && {\n border: 'none',\n }),\n },\n sx,\n )}\n accordionSummaryProps={{\n ['data-testid']: 'FooterMenu.label',\n sx: sxOverride(\n {\n // adjust proportions\n padding: '14px 0',\n // manipulates style of links inside\n '& .MuiLink-root': {\n ...theme.typography.subheadline,\n p: 0,\n '&, &:hover': {\n textDecoration: 'none',\n color: 'common.white',\n },\n },\n ...(!isAccordion && {\n // adjust proportions to be closer to menu\n padding: '18px 0 8px',\n // allow overflow of focus ring\n overflow: 'visible',\n // no longer clickable\n '&&:not(.Mui-disabled)': {\n cursor: 'unset',\n },\n // hide icon\n '& .MuiAccordionSummary-expandIconWrapper': {\n display: 'none',\n },\n }),\n },\n accSummarySx,\n ),\n ...restAccSummary,\n }}\n label={label}\n contentProps={{\n component: 'div',\n ['data-testid']: 'FooterMenu.content',\n sx: sxOverride(\n {\n display: 'flex',\n alignItems: 'flex-start',\n justifyContent: 'flex-start',\n flexDirection: 'column',\n gap: 1.5,\n // manipulates style of links inside\n '& .MuiLink-root': {\n ...theme.typography.caption2,\n p: 0,\n '&, &:hover': {\n textDecoration: 'none',\n color: 'onSurface.os200',\n },\n },\n },\n contentSx,\n ),\n ...restContent,\n }}\n {...rest}\n >\n {children}\n </FooterAccordion>\n );\n },\n);\n"],"names":["FooterMenu","forwardRef","sx","children","label","accordionSummaryProps","contentProps","variant","rest","ref","contentSx","restContent","accSummarySx","restAccSummary","theme","useTheme","downLg","useMediaQuery","breakpoints","down","isAccordion","expanded","setExpanded","useState","_jsx","FooterAccordion","onChange","_","v","sxOverride","flexBasis","lg","borderColor","border","padding","typography","subheadline","p","textDecoration","color","overflow","cursor","display","component","alignItems","justifyContent","flexDirection","gap","caption2"],"mappings":"kLAuBO,MAAMA,EAAkCC,EAAAA,WAC7C,EAAGC,KAAIC,WAAUC,QAAOC,wBAAuBC,eAAcC,UAAU,UAAWC,GAAQC,KACxF,MAAQP,GAAIQ,KAAcC,GAAgBL,GAAgB,CAAA,GAClDJ,GAAIU,KAAiBC,GAAmBR,GAAyB,CAAA,EACnES,EAAQC,EAAAA,WACRC,EAASC,EAAAA,cAAqBH,EAAMI,YAAYC,KAAK,OACrDC,EAA0B,SAAZb,EAAqBS,EAAqB,cAAZT,GAC3Cc,EAAUC,GAAeC,EAAAA,UAAS,GAEzC,OACEC,EAAAA,IAACC,mBAEChB,IAAKA,EAAG,cACI,aACZY,UAAUD,GAAcC,EACxBK,SAAU,CAACC,EAAGC,IAAMN,EAAYM,GAChCrB,QAAQ,WACRL,GAAI2B,aACF,CAEEC,UAAW,CAAEC,GAAI,OACjBC,YAAa,sBACRZ,GAAe,CAClBa,OAAQ,SAGZ/B,GAEFG,sBAAuB,CACrB,cAAiB,mBACjBH,GAAI2B,EAAAA,WACF,CAEEK,QAAS,SAET,kBAAmB,IACdpB,EAAMqB,WAAWC,YACpBC,EAAG,EACH,aAAc,CACZC,eAAgB,OAChBC,MAAO,qBAGNnB,GAAe,CAElBc,QAAS,aAETM,SAAU,UAEV,wBAAyB,CACvBC,OAAQ,SAGV,2CAA4C,CAC1CC,QAAS,UAIf9B,MAECC,GAELT,MAAOA,EACPE,aAAc,CACZqC,UAAW,MACX,cAAiB,qBACjBzC,GAAI2B,EAAAA,WACF,CACEa,QAAS,OACTE,WAAY,aACZC,eAAgB,aAChBC,cAAe,SACfC,IAAK,IAEL,kBAAmB,IACdjC,EAAMqB,WAAWa,SACpBX,EAAG,EACH,aAAc,CACZC,eAAgB,OAChBC,MAAO,qBAIb7B,MAECC,MAEDH,WAEHL,GA9EI,GAAGiB"}

package/cjs/components/footer/FooterSectionContact.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var t=require("tslib"),e=require("react/jsx-runtime"),s=require("react"),o=require("@mui/material");const a=s.forwardRef((s,a)=>{var{sx:l,children:r,className:c,contactSlot:n,contactSlotProps:i,socialSlot:x,socialSlotProps:f}=s,g=t.__rest(s,["sx","children","className","contactSlot","contactSlotProps","socialSlot","socialSlotProps"]);const p=null!=i?i:{},{sx:d}=p,u=t.__rest(p,["sx"]),j=null!=f?f:{},{sx:S}=j,m=t.__rest(j,["sx"]);return e.jsxs(o.Box,Object.assign({sx:Object.assign({display:"flex",alignItems:{xs:"flex-start",lg:"center"},justifyContent:"space-between",flexWrap:"wrap",gap:{xs:4,lg:2},flexDirection:{xs:"column",lg:"row"}},l),ref:a,"data-testid":"FooterSectionContact",className:["FlowSectionContact-root",c].filter(Boolean).join(" ")},g,{children:[e.jsxs(o.Box,Object.assign({sx:Object.assign({display:"flex",alignItems:{xs:"flex-start",lg:"center"},justifyContent:"flex-start",flexWrap:"wrap",gap:2,flexDirection:{xs:"column",lg:"row"}},d),"data-testid":"FooterSectionContact.contact"},u,{children:[r,n]})),e.jsx(o.Box,Object.assign({sx:Object.assign({display:"flex",alignItems:"center",justifyContent:{xs:"flex-start",lg:"flex-end"},flexWrap:"wrap",gap:.5},S),"data-testid":"FooterSectionContact.social"},m,{children:x}))]}))});exports.FooterSectionContact=a;
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("@mui/material"),s=require("../../utils/sxOverride/sxOverride.js");const o=t.forwardRef(({sx:t,children:o,className:a,contactSlot:l,contactSlotProps:i,socialSlot:n,socialSlotProps:c,...x},d)=>{const{sx:f,...p}=i??{},{sx:u,...g}=c??{};return e.jsxs(r.Box,{sx:s.sxOverride({display:"flex",alignItems:{xs:"flex-start",lg:"center"},justifyContent:"space-between",flexWrap:"wrap",gap:{xs:4,lg:2},flexDirection:{xs:"column",lg:"row"}},t),ref:d,"data-testid":"FooterSectionContact",className:["FlowSectionContact-root",a].filter(Boolean).join(" "),...x,children:[e.jsxs(r.Box,{sx:s.sxOverride({display:"flex",alignItems:{xs:"flex-start",lg:"center"},justifyContent:"flex-start",flexWrap:"wrap",gap:2,flexDirection:{xs:"column",lg:"row"}},f),"data-testid":"FooterSectionContact.contact",...p,children:[o,l]}),e.jsx(r.Box,{sx:s.sxOverride({display:"flex",alignItems:"center",justifyContent:{xs:"flex-start",lg:"flex-end"},flexWrap:"wrap",gap:.5},u),"data-testid":"FooterSectionContact.social",...g,children:n})]})});exports.FooterSectionContact=o;
 //# sourceMappingURL=FooterSectionContact.js.map

package/cjs/components/footer/FooterSectionContact.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FooterSectionContact.js","sources":["../../../../../src/components/footer/FooterSectionContact.tsx"],"sourcesContent":["import React, { ElementType, FC, forwardRef, ReactNode } from 'react';\nimport { Box, BoxProps } from '@mui/material';\n\nexport interface FooterSectionContactProps extends BoxProps<ElementType> {\n /*\n Items that should be rendered in left side\n /\n contactSlot?: ReactNode;\n /\n Properties applied to the contact wrapper\n /\n contactSlotProps?: BoxProps<ElementType>;\n /\n Items that should be rendered in right side\n /\n socialSlot?: ReactNode;\n /\n Properties applied to the social wrapper\n /\n socialSlotProps?: BoxProps<ElementType>;\n}\n\n/\n Section for the main contact links and social media\n */\nexport const FooterSectionContact: FC<FooterSectionContactProps> = forwardRef(\n ({ sx, children, className, contactSlot, contactSlotProps, socialSlot, socialSlotProps, ...rest }, ref) => {\n const { sx: contactSlotSx, ...restContactSlot } = contactSlotProps ?? {};\n const { sx: socialSlotSx, ...restSocialSlot } = socialSlotProps ?? {};\n\n return (\n <Box\n sx={{\n display: 'flex',\n alignItems: { xs: 'flex-start', lg: 'center' },\n justifyContent: 'space-between',\n flexWrap: 'wrap',\n gap: { xs: 4, lg: 2 },\n flexDirection: { xs: 'column', lg: 'row' },\n ~~...~~sx,\n }}\n ref={ref}\n data-testid=\"FooterSectionContact\"\n className={['FlowSectionContact-root', className].filter(Boolean).join(' ')}\n {...rest}\n >\n <Box\n sx={{\n display: 'flex',\n alignItems: { xs: 'flex-start', lg: 'center' },\n justifyContent: 'flex-start',\n flexWrap: 'wrap',\n gap: 2,\n flexDirection: {\n xs: 'column',\n lg: 'row',\n },\n ~~...~~contactSlotSx,\n }}\n data-testid=\"FooterSectionContact.contact\"\n {...restContactSlot}\n >\n {children}\n {contactSlot}\n </Box>\n <Box\n sx={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: { xs: 'flex-start', lg: 'flex-end' },\n flexWrap: 'wrap',\n gap: 0.5,\n ~~...~~socialSlotSx,\n }}\n data-testid=\"FooterSectionContact.social\"\n {...restSocialSlot}\n >\n {socialSlot}\n </Box>\n </Box>\n );\n },\n);\n"],"names":["FooterSectionContact","forwardRef","~~_a","ref","~~sx","children","className","contactSlot","contactSlotProps","socialSlot","socialSlotProps","rest","~~__rest~~","~~_b","~~contactSlotSx","restContactSlot","~~_c","~~socialSlotSx","restSocialSlot","_jsxs","Box","~~Object~~","~~assign","~~display","alignItems","xs","lg","justifyContent","flexWrap","gap","flexDirection","filter","Boolean","join","_jsx"],"mappings":"~~iHAyBO~~,MAAMA,EAAsDC,EAAAA,WACjE,~~CAACC~~,~~EAAkGC~~,~~KAAlG~~,~~IAAAC~~,~~GAAEA~~,~~EAAEC~~,~~SAAEA~~,~~EAAQC~~,~~UAAEA~~,~~EAASC~~,~~YAAEA~~,~~EAAWC~~,~~iBAAEA~~,~~EAAgBC~~,~~WAAEA~~,~~EAAUC~~,~~gBAAEA~~,~~GAAeR~~,~~EAAKS~~,~~EAAIC~~,~~EAAAA~~,~~OAAAV,EAA9F,+FACC,MAAMW,EAA4CL,QAAAA,EAAoB,IAA9DJ,GAAIU,GAAaD,EAAKE,EAAeH,EAAAA,OAAAC,EAAvC,~~CAAA,~~OACAG~~,~~EAA0CN~~,~~QAAAA~~,~~EAAmB,IAA3DN,GAAIa,GAAYD,EAAKE,EAAcN,~~EAAAA,~~OAAAI~~,~~EAArC~~,~~CAAA,OAEN,OACEG,~~EAAAA,~~KAACC~~,~~EAAAA~~,~~IAAGC,OAAAC,OAAA,CACFlB,GAAEiB,OAAAC,OAAA,CACAC,~~QAAS,OACTC,WAAY,CAAEC,GAAI,aAAcC,GAAI,UACpCC,eAAgB,gBAChBC,SAAU,OACVC,IAAK,CAAEJ,GAAI,EAAGC,GAAI,GAClBI,cAAe,CAAEL,GAAI,SAAUC,GAAI,~~QAChCtB~~,~~GAELD~~,IAAKA,EAAG,cACI,~~uBACZG~~,UAAW,CAAC,0BAA2BA,~~GAAWyB~~,OAAOC,SAASC,KAAK,~~MACnEtB~~,~~EAAI~~,~~CAAAN,~~SAAA,~~CAERc~~,EAAAA,KAACC,EAAAA,~~IAAGC~~,~~OAAAC~~,~~OAAA~~,~~CACFlB~~,~~GAAEiB~~,~~OAAAC,OAAA,CACAC,~~QAAS,OACTC,WAAY,CAAEC,GAAI,aAAcC,GAAI,UACpCC,eAAgB,aAChBC,SAAU,OACVC,IAAK,EACLC,cAAe,CACbL,GAAI,SACJC,GAAI,~~QAEHZ~~,~~GAAa~~,~~cAEN~~,~~gCACRC~~,~~aAEHV~~,EACAE,~~MAEH2B~~,EAAAA,~~IAACd~~,~~MAAGC~~,~~OAAAC~~,~~OAAA~~,~~CACFlB~~,~~GAAEiB~~,~~OAAAC,OAAA,CACAC,~~QAAS,OACTC,WAAY,SACZG,eAAgB,CAAEF,GAAI,aAAcC,GAAI,YACxCE,SAAU,OACVC,IAAK,~~IACFZ~~,~~GAAY~~,~~cAEL,+BACRC~~,~~EAAc~~,~~CAAAb~~,SAEjBI"}
1	+ {"version":3,"file":"FooterSectionContact.js","sources":["../../../../../src/components/footer/FooterSectionContact.tsx"],"sourcesContent":["import React, { ElementType, FC, forwardRef, ReactNode } from 'react';\nimport { Box, BoxProps } from '@mui/material';\nimport { sxOverride } from '@/src/utils/sxOverride';\n\nexport interface FooterSectionContactProps extends BoxProps<ElementType> {\n /*\n Items that should be rendered in left side\n /\n contactSlot?: ReactNode;\n /\n Properties applied to the contact wrapper\n /\n contactSlotProps?: BoxProps<ElementType>;\n /\n Items that should be rendered in right side\n /\n socialSlot?: ReactNode;\n /\n Properties applied to the social wrapper\n /\n socialSlotProps?: BoxProps<ElementType>;\n}\n\n/\n Section for the main contact links and social media\n */\nexport const FooterSectionContact: FC<FooterSectionContactProps> = forwardRef(\n ({ sx, children, className, contactSlot, contactSlotProps, socialSlot, socialSlotProps, ...rest }, ref) => {\n const { sx: contactSlotSx, ...restContactSlot } = contactSlotProps ?? {};\n const { sx: socialSlotSx, ...restSocialSlot } = socialSlotProps ?? {};\n\n return (\n <Box\n sx={sxOverride(\n {\n display: 'flex',\n alignItems: { xs: 'flex-start', lg: 'center' },\n justifyContent: 'space-between',\n flexWrap: 'wrap',\n gap: { xs: 4, lg: 2 },\n flexDirection: { xs: 'column', lg: 'row' },\n },\n sx,\n )}\n ref={ref}\n data-testid=\"FooterSectionContact\"\n className={['FlowSectionContact-root', className].filter(Boolean).join(' ')}\n {...rest}\n >\n <Box\n sx={sxOverride(\n {\n display: 'flex',\n alignItems: { xs: 'flex-start', lg: 'center' },\n justifyContent: 'flex-start',\n flexWrap: 'wrap',\n gap: 2,\n flexDirection: {\n xs: 'column',\n lg: 'row',\n },\n },\n contactSlotSx,\n )}\n data-testid=\"FooterSectionContact.contact\"\n {...restContactSlot}\n >\n {children}\n {contactSlot}\n </Box>\n <Box\n sx={sxOverride(\n {\n display: 'flex',\n alignItems: 'center',\n justifyContent: { xs: 'flex-start', lg: 'flex-end' },\n flexWrap: 'wrap',\n gap: 0.5,\n },\n socialSlotSx,\n )}\n data-testid=\"FooterSectionContact.social\"\n {...restSocialSlot}\n >\n {socialSlot}\n </Box>\n </Box>\n );\n },\n);\n"],"names":["FooterSectionContact","forwardRef","sx","children","className","contactSlot","contactSlotProps","socialSlot","socialSlotProps","rest","ref","contactSlotSx","restContactSlot","socialSlotSx","restSocialSlot","_jsxs","Box","sxOverride","display","alignItems","xs","lg","justifyContent","flexWrap","gap","flexDirection","filter","Boolean","join","_jsx"],"mappings":"gJA0BO,MAAMA,EAAsDC,EAAAA,WACjE,EAAGC,KAAIC,WAAUC,YAAWC,cAAaC,mBAAkBC,aAAYC,qBAAoBC,GAAQC,KACjG,MAAQR,GAAIS,KAAkBC,GAAoBN,GAAoB,CAAA,GAC9DJ,GAAIW,KAAiBC,GAAmBN,GAAmB,CAAA,EAEnE,OACEO,OAACC,EAAAA,KACCd,GAAIe,EAAAA,WACF,CACEC,QAAS,OACTC,WAAY,CAAEC,GAAI,aAAcC,GAAI,UACpCC,eAAgB,gBAChBC,SAAU,OACVC,IAAK,CAAEJ,GAAI,EAAGC,GAAI,GAClBI,cAAe,CAAEL,GAAI,SAAUC,GAAI,QAErCnB,GAEFQ,IAAKA,EAAG,cACI,uBACZN,UAAW,CAAC,0BAA2BA,GAAWsB,OAAOC,SAASC,KAAK,QACnEnB,EAAIN,SAAA,CAERY,EAAAA,KAACC,EAAAA,IAAG,CACFd,GAAIe,aACF,CACEC,QAAS,OACTC,WAAY,CAAEC,GAAI,aAAcC,GAAI,UACpCC,eAAgB,aAChBC,SAAU,OACVC,IAAK,EACLC,cAAe,CACbL,GAAI,SACJC,GAAI,QAGRV,GACD,cACW,kCACRC,YAEHT,EACAE,KAEHwB,EAAAA,IAACb,EAAAA,KACCd,GAAIe,aACF,CACEC,QAAS,OACTC,WAAY,SACZG,eAAgB,CAAEF,GAAI,aAAcC,GAAI,YACxCE,SAAU,OACVC,IAAK,IAEPX,GACD,cACW,iCACRC,EAAcX,SAEjBI"}

package/cjs/components/footer/FooterSectionLinks.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var t=require("tslib"),e=require("react/jsx-runtime"),s=require("react"),r=require("@mui/material");const o=s.forwardRef((s,o)=>{var{sx:n,children:i,className:l,textSlot:a,buttonSlot:c,buttonSlotProps:x,textTypographyProps:p,buttonProps:g,linksWrapperProps:u}=s,d=t.__rest(s,["sx","children","className","textSlot","buttonSlot","buttonSlotProps","textTypographyProps","buttonProps","linksWrapperProps"]);const b=null!=p?p:{},{sx:f}=b,j=t.__rest(b,["sx"]),h=null!=u?u:{},{sx:m}=h,y=t.__rest(h,["sx"]),S=null!=x?x:{},{sx:O}=S,k=t.__rest(S,["sx"]),_=null!=g?g:{},{label:w}=_,P=t.__rest(_,["label"]),L=r.useTheme();return e.jsxs(r.Box,Object.assign({sx:Object.assign({display:"flex",alignItems:{xs:"flex-start",lg:"center"},justifyContent:"space-between",flexWrap:"wrap",gap:2,flexDirection:{xs:"column",lg:"row"}},n),ref:o,"data-testid":"FooterSectionLinks",className:["FooterSectionLinks-root",l].filter(Boolean).join(" ")},d,{children:[a&&e.jsx(r.Typography,Object.assign({variant:"disclaimer1",sx:Object.assign(Object.assign({my:{xs:2,lg:0},color:"onSurface.os200"},i&&{display:"inline-flex",alignItems:"center",justifyContent:"flex-start",mr:{lg:2},"&:after":{content:{xs:"none",lg:"''"},display:"block",height:"14px",width:"1px",backgroundColor:"onSurface.os700",ml:4},order:{xs:1,lg:0}}),f),"data-testid":"FooterSectionLinks.text"},j,{children:a})),i&&e.jsx(r.Box,Object.assign({sx:Object.assign({display:"flex",alignItems:{xs:"flex-start",lg:"center"},flexDirection:{xs:"column",lg:"row"},flexWrap:"wrap",flexGrow:"1",gap:{xs:2,lg:3},"& .MuiButton-root":{alignSelf:{xs:"stretch",lg:"auto"}},"& .MuiLink-root":Object.assign(Object.assign({},L.typography.disclaimer1),{p:0,"&, &:hover":{textDecoration:"underline",color:"common.white"}})},m),"data-testid":"FooterSectionLinks.content"},y,{children:i})),(c||w)&&e.jsx(r.Box,Object.assign({"data-testid":"FooterSectionLinks.button",sx:Object.assign({order:2},O)},k,{children:c||e.jsx(r.Button,Object.assign({variant:"shortcut",color:"inherit"},P,{children:w}))}))]}))});exports.FooterSectionLinks=o;
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("@mui/material"),o=require("../../utils/sxOverride/sxOverride.js");const s=t.forwardRef(({sx:t,children:s,className:i,textSlot:n,buttonSlot:l,buttonSlotProps:a,textTypographyProps:x,buttonProps:c,linksWrapperProps:d,...u},p)=>{const{sx:f,...g}=x??{},{sx:h,...m}=d??{},{sx:y,...S}=a??{},{label:j,...k}=c??{},v=r.useTheme();return e.jsxs(r.Box,{sx:o.sxOverride({display:"flex",alignItems:{xs:"flex-start",lg:"center"},justifyContent:"space-between",flexWrap:"wrap",gap:2,flexDirection:{xs:"column",lg:"row"}},t),ref:p,"data-testid":"FooterSectionLinks",className:["FooterSectionLinks-root",i].filter(Boolean).join(" "),...u,children:[n&&e.jsx(r.Typography,{variant:"disclaimer1",sx:o.sxOverride({my:{xs:2,lg:0},color:"onSurface.os200",...s&&{display:"inline-flex",alignItems:"center",justifyContent:"flex-start",mr:{lg:2},"&:after":{content:{xs:"none",lg:"''"},display:"block",height:"14px",width:"1px",backgroundColor:"onSurface.os700",ml:4},order:{xs:1,lg:0}}},f),"data-testid":"FooterSectionLinks.text",...g,children:n}),s&&e.jsx(r.Box,{sx:o.sxOverride({display:"flex",alignItems:{xs:"flex-start",lg:"center"},flexDirection:{xs:"column",lg:"row"},flexWrap:"wrap",flexGrow:"1",gap:{xs:2,lg:3},"& .MuiButton-root":{alignSelf:{xs:"stretch",lg:"auto"}},"& .MuiLink-root":{...v.typography.disclaimer1,p:0,"&, &:hover":{textDecoration:"underline",color:"common.white"}}},h),"data-testid":"FooterSectionLinks.content",...m,children:s}),(l||j)&&e.jsx(r.Box,{"data-testid":"FooterSectionLinks.button",sx:o.sxOverride({order:2},y),...S,children:l||e.jsx(r.Button,{variant:"shortcut",color:"inherit",...k,children:j})})]})});exports.FooterSectionLinks=s;
 //# sourceMappingURL=FooterSectionLinks.js.map

package/cjs/components/footer/FooterSectionLinks.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FooterSectionLinks.js","sources":["../../../../../src/components/footer/FooterSectionLinks.tsx"],"sourcesContent":["import React, { ElementType, FC, forwardRef } from 'react';\nimport { Box, BoxProps, Button, ButtonProps, Typography, TypographyProps, useTheme } from '@mui/material';\n\nexport interface FooterSectionLinksProps extends BoxProps<ElementType> {\n /*\n Text wrapped by styled Typography component\n /\n textSlot?: React.ReactNode;\n /\n Properties applied to text typography\n /\n textTypographyProps?: TypographyProps<ElementType>;\n /\n Alternative to providing button props\n /\n buttonSlot?: React.ReactNode;\n /\n Properties applied to button wrapper\n /\n buttonSlotProps?: BoxProps<ElementType>;\n /\n Props for button\n /\n buttonProps?: ButtonProps & { label?: React.ReactNode };\n /\n Properties applied to link container\n /\n linksWrapperProps?: BoxProps<ElementType>;\n}\n\n/\n Section for the secondary links, copyright and optional button\n */\nexport const FooterSectionLinks: FC<FooterSectionLinksProps> = forwardRef(\n (\n {\n sx,\n children,\n className,\n textSlot,\n buttonSlot,\n buttonSlotProps,\n textTypographyProps,\n buttonProps,\n linksWrapperProps,\n ...rest\n },\n ref,\n ) => {\n const { sx: testSx, ...restText } = textTypographyProps ?? {};\n const { sx: linksWrapperSx, ...restLinksWrapper } = linksWrapperProps ?? {};\n const { sx: buttonSlotSx, ...restButtonSlot } = buttonSlotProps ?? {};\n const { label, ...restButton } = buttonProps ?? {};\n const theme = useTheme();\n\n return (\n <Box\n sx={{\n display: 'flex',\n alignItems: { xs: 'flex-start', lg: 'center' },\n justifyContent: 'space-between',\n flexWrap: 'wrap',\n gap: 2,\n flexDirection: { xs: 'column', lg: 'row' },\n ~~...~~sx,\n }}\n ref={ref}\n data-testid=\"FooterSectionLinks\"\n className={['FooterSectionLinks-root', className].filter(Boolean).join(' ')}\n {...rest}\n >\n {textSlot && (\n <Typography\n variant=\"disclaimer1\"\n sx={{\n my: { xs: 2, lg: 0 },\n color: 'onSurface.os200',\n ...(children && {\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'flex-start',\n // separator between text and links\n mr: { lg: 2 },\n '&:after': {\n content: { xs: 'none', lg: \"''\" },\n display: 'block',\n height: '14px',\n width: '1px',\n backgroundColor: 'onSurface.os700',\n ml: 4,\n },\n // move after the links on mobile\n order: { xs: 1, lg: 0 },\n }),\n ~~...~~testSx,\n }}\n data-testid=\"FooterSectionLinks.text\"\n {...restText}\n >\n {textSlot}\n </Typography>\n )}\n {children && (\n <Box\n sx={{\n display: 'flex',\n alignItems: { xs: 'flex-start', lg: 'center' },\n flexDirection: { xs: 'column', lg: 'row' },\n flexWrap: 'wrap',\n flexGrow: '1',\n gap: { xs: 2, lg: 3 },\n // manipulate style of buttons inside\n '& .MuiButton-root': {\n alignSelf: { xs: 'stretch', lg: 'auto' },\n },\n // manipulates style of links inside\n '& .MuiLink-root': {\n ...theme.typography.disclaimer1,\n p: 0,\n '&, &:hover': {\n textDecoration: 'underline',\n color: 'common.white',\n },\n },\n ~~...~~linksWrapperSx,\n }}\n data-testid=\"FooterSectionLinks.content\"\n {...restLinksWrapper}\n >\n {children}\n </Box>\n )}\n {(buttonSlot \|\| label) && (\n <Box data-testid=\"FooterSectionLinks.button\" sx={{ order: 2, ~~...~~buttonSlotSx }} {...restButtonSlot}>\n {buttonSlot \|\| (\n <Button variant=\"shortcut\" color=\"inherit\" {...restButton}>\n {label}\n </Button>\n )}\n </Box>\n )}\n </Box>\n );\n },\n);\n"],"names":["FooterSectionLinks","forwardRef","~~_a","ref","~~sx","children","className","textSlot","buttonSlot","buttonSlotProps","textTypographyProps","buttonProps","linksWrapperProps","rest","~~__rest~~","~~_b","~~testSx","restText","~~_c","~~linksWrapperSx","restLinksWrapper","~~_d","~~buttonSlotSx","restButtonSlot","~~_e","~~label","restButton","theme","useTheme","_jsxs","Box","~~Object~~","~~assign","~~display","alignItems","xs","lg","justifyContent","flexWrap","gap","flexDirection","filter","Boolean","join","_jsx","Typography","variant","my","color","mr","content","height","width","backgroundColor","ml","order","flexGrow","alignSelf","typography","disclaimer1","p","textDecoration","Button"],"mappings":"~~iHAiCO~~,MAAMA,EAAkDC,EAAAA,WAC7D,~~CACEC~~,~~EAYAC~~,~~SAZAC~~,~~GACEA~~,~~EAAEC~~,~~SACFA~~,~~EAAQC~~,~~UACRA~~,~~EAASC~~,~~SACTA~~,~~EAAQC~~,~~WACRA~~,~~EAAUC~~,~~gBACVA~~,~~EAAeC~~,~~oBACfA~~,~~EAAmBC~~,~~YACnBA,EAAWC,kBACXA,KACGC,EAAIC,EAAAA,OAAAZ,EAVT,~~CAAA,~~KAAA~~,~~WAAA~~,~~YAAA~~,~~WAAA~~,~~aAAA~~,~~kBAAA,sBAAA,cAAA,sBAcA,MAAMa,EAA8BL,QAAAA,EAAuB,IAAnDN,GAAIY,GAAMD,EAAKE,EAAQH,EAAAA,OAAAC,EAAzB,~~CAAA,~~OACAG~~,~~EAA8CN,QAAAA,EAAqB,IAAjER,~~GAAIe,~~GAAcD~~,~~EAAKE~~,~~EAAgBN~~,~~EAAAA,OAAAI,EAAzC,~~CAAA,~~OACAG~~,~~EAA0CZ,QAAAA,EAAmB,IAA3DL,GAAIkB,GAAYD,EAAKE,EAAcT,EAAAA,OAAAO,EAArC,CAAA,OACAG,EAA2Bb,QAAAA,EAAe,CAAA,GAA1Cc,~~MAAEA,~~GAAKD~~,~~EAAKE~~,~~EAAUZ~~,~~EAAAA,OAAAU,EAAtB,~~CAAA,~~UACAG~~,EAAQC,EAAAA,WAEd,OACEC,~~EAAAA~~,~~KAACC,~~EAAAA,~~IAAGC~~,~~OAAAC~~,~~OAAA~~,~~CACF5B~~,~~GAAE2B~~,~~OAAAC,OAAA,CACAC,~~QAAS,OACTC,WAAY,CAAEC,GAAI,aAAcC,GAAI,UACpCC,eAAgB,gBAChBC,SAAU,OACVC,IAAK,EACLC,cAAe,CAAEL,GAAI,SAAUC,GAAI,~~QAChChC~~,~~GAELD~~,IAAKA,~~EAAG~~,~~cACI~~,~~qBACZG,~~UAAW,CAAC,0BAA2BA,~~GAAWmC~~,OAAOC,SAASC,KAAK,~~MACnE9B~~,~~EAAI~~,~~CAAAR,~~SAAA,CAEPE,~~GACCqC~~,EAAAA,~~IAACC~~,~~EAAAA~~,~~0BACCC,~~QAAQ,~~cACR1C~~,~~gCACE2C~~,GAAI,CAAEZ,GAAI,EAAGC,GAAI,GACjBY,MAAO,~~mBACH3C~~,GAAY,~~CACd4B~~,QAAS,cACTC,WAAY,SACZG,eAAgB,aAEhBY,GAAI,CAAEb,GAAI,GACV,UAAW,CACTc,QAAS,CAAEf,GAAI,OAAQC,GAAI,MAC3BH,QAAS,QACTkB,OAAQ,OACRC,MAAO,MACPC,gBAAiB,kBACjBC,GAAI,GAGNC,MAAO,CAAEpB,GAAI,EAAGC,GAAI,~~KAEnBpB~~,~~GAAM~~,~~cAEC~~,~~2BACRC~~,~~EAAQ~~,~~CAAAZ,~~SAEXE,~~KAGJF~~,~~GACCuC~~,EAAAA,~~IAACd~~,~~MAAGC~~,~~OAAAC~~,~~OAAA~~,~~CACF5B~~,~~GAAE2B~~,~~OAAAC~~,~~OAAA,CACAC,~~QAAS,OACTC,WAAY,CAAEC,GAAI,aAAcC,GAAI,UACpCI,cAAe,CAAEL,GAAI,SAAUC,GAAI,OACnCE,SAAU,OACVkB,SAAU,IACVjB,IAAK,CAAEJ,GAAI,EAAGC,GAAI,GAElB,oBAAqB,CACnBqB,UAAW,CAAEtB,GAAI,UAAWC,GAAI,SAGlC,~~kBAAiBL~~,~~OAAAC~~,~~OAAAD~~,~~OAAAC,OAAA,CAAA,EACZL,EAAM+B,~~WAAWC,~~aAAW~~,~~CAC/BC,~~EAAG,EACH,aAAc,CACZC,eAAgB,YAChBb,MAAO,~~mBAGR7B~~,~~GAAc~~,~~cAEP~~,~~8BACRC~~,~~YAEHf~~,~~MAGHG~~,~~GAAciB~~,~~IACdmB~~,~~EAAAA~~,~~IAACd,~~EAAAA,~~IAAGC~~,~~OAAAC~~,~~OAAA,~~CAAA,cAAa,~~4BAA4B5B~~,~~GAAE2B~~,~~OAAAC~~,~~OAAA~~,~~CAAIuB~~,MAAO,~~GAAMjC~~,~~IAAoBC~~,~~EAAc~~,~~CAAAlB~~,~~SAC/FG~~,~~GACCoC,~~EAAAA,IAACkB,~~EAAAA~~,~~OAAM/B~~,~~OAAAC,OAAA,CAACc,~~QAAQ,WAAWE,MAAM,~~WAActB~~,~~EAAU~~,~~CAAArB,SACtDoB~~"}
1	+ {"version":3,"file":"FooterSectionLinks.js","sources":["../../../../../src/components/footer/FooterSectionLinks.tsx"],"sourcesContent":["import React, { ElementType, FC, forwardRef } from 'react';\nimport { Box, BoxProps, Button, ButtonProps, Typography, TypographyProps, useTheme } from '@mui/material';\nimport { sxOverride } from '@/src/utils/sxOverride';\n\nexport interface FooterSectionLinksProps extends BoxProps<ElementType> {\n /*\n Text wrapped by styled Typography component\n /\n textSlot?: React.ReactNode;\n /\n Properties applied to text typography\n /\n textTypographyProps?: TypographyProps<ElementType>;\n /\n Alternative to providing button props\n /\n buttonSlot?: React.ReactNode;\n /\n Properties applied to button wrapper\n /\n buttonSlotProps?: BoxProps<ElementType>;\n /\n Props for button\n /\n buttonProps?: ButtonProps & { label?: React.ReactNode };\n /\n Properties applied to link container\n /\n linksWrapperProps?: BoxProps<ElementType>;\n}\n\n/\n Section for the secondary links, copyright and optional button\n */\nexport const FooterSectionLinks: FC<FooterSectionLinksProps> = forwardRef(\n (\n {\n sx,\n children,\n className,\n textSlot,\n buttonSlot,\n buttonSlotProps,\n textTypographyProps,\n buttonProps,\n linksWrapperProps,\n ...rest\n },\n ref,\n ) => {\n const { sx: testSx, ...restText } = textTypographyProps ?? {};\n const { sx: linksWrapperSx, ...restLinksWrapper } = linksWrapperProps ?? {};\n const { sx: buttonSlotSx, ...restButtonSlot } = buttonSlotProps ?? {};\n const { label, ...restButton } = buttonProps ?? {};\n const theme = useTheme();\n\n return (\n <Box\n sx={sxOverride(\n {\n display: 'flex',\n alignItems: { xs: 'flex-start', lg: 'center' },\n justifyContent: 'space-between',\n flexWrap: 'wrap',\n gap: 2,\n flexDirection: { xs: 'column', lg: 'row' },\n },\n sx,\n )}\n ref={ref}\n data-testid=\"FooterSectionLinks\"\n className={['FooterSectionLinks-root', className].filter(Boolean).join(' ')}\n {...rest}\n >\n {textSlot && (\n <Typography\n variant=\"disclaimer1\"\n sx={sxOverride(\n {\n my: { xs: 2, lg: 0 },\n color: 'onSurface.os200',\n ...(children && {\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'flex-start',\n // separator between text and links\n mr: { lg: 2 },\n '&:after': {\n content: { xs: 'none', lg: \"''\" },\n display: 'block',\n height: '14px',\n width: '1px',\n backgroundColor: 'onSurface.os700',\n ml: 4,\n },\n // move after the links on mobile\n order: { xs: 1, lg: 0 },\n }),\n },\n testSx,\n )}\n data-testid=\"FooterSectionLinks.text\"\n {...restText}\n >\n {textSlot}\n </Typography>\n )}\n {children && (\n <Box\n sx={sxOverride(\n {\n display: 'flex',\n alignItems: { xs: 'flex-start', lg: 'center' },\n flexDirection: { xs: 'column', lg: 'row' },\n flexWrap: 'wrap',\n flexGrow: '1',\n gap: { xs: 2, lg: 3 },\n // manipulate style of buttons inside\n '& .MuiButton-root': {\n alignSelf: { xs: 'stretch', lg: 'auto' },\n },\n // manipulates style of links inside\n '& .MuiLink-root': {\n ...theme.typography.disclaimer1,\n p: 0,\n '&, &:hover': {\n textDecoration: 'underline',\n color: 'common.white',\n },\n },\n },\n linksWrapperSx,\n )}\n data-testid=\"FooterSectionLinks.content\"\n {...restLinksWrapper}\n >\n {children}\n </Box>\n )}\n {(buttonSlot \|\| label) && (\n <Box data-testid=\"FooterSectionLinks.button\" sx={sxOverride({ order: 2 }, buttonSlotSx)} {...restButtonSlot}>\n {buttonSlot \|\| (\n <Button variant=\"shortcut\" color=\"inherit\" {...restButton}>\n {label}\n </Button>\n )}\n </Box>\n )}\n </Box>\n );\n },\n);\n"],"names":["FooterSectionLinks","forwardRef","sx","children","className","textSlot","buttonSlot","buttonSlotProps","textTypographyProps","buttonProps","linksWrapperProps","rest","ref","testSx","restText","linksWrapperSx","restLinksWrapper","buttonSlotSx","restButtonSlot","label","restButton","theme","useTheme","_jsxs","Box","sxOverride","display","alignItems","xs","lg","justifyContent","flexWrap","gap","flexDirection","filter","Boolean","join","_jsx","Typography","variant","my","color","mr","content","height","width","backgroundColor","ml","order","flexGrow","alignSelf","typography","disclaimer1","p","textDecoration","Button"],"mappings":"gJAkCO,MAAMA,EAAkDC,EAAAA,WAC7D,EAEIC,KACAC,WACAC,YACAC,WACAC,aACAC,kBACAC,sBACAC,cACAC,uBACGC,GAELC,KAEA,MAAQV,GAAIW,KAAWC,GAAaN,GAAuB,CAAA,GACnDN,GAAIa,KAAmBC,GAAqBN,GAAqB,CAAA,GACjER,GAAIe,KAAiBC,GAAmBX,GAAmB,CAAA,GAC7DY,MAAEA,KAAUC,GAAeX,GAAe,CAAA,EAC1CY,EAAQC,EAAAA,WAEd,OACEC,OAACC,EAAAA,KACCtB,GAAIuB,EAAAA,WACF,CACEC,QAAS,OACTC,WAAY,CAAEC,GAAI,aAAcC,GAAI,UACpCC,eAAgB,gBAChBC,SAAU,OACVC,IAAK,EACLC,cAAe,CAAEL,GAAI,SAAUC,GAAI,QAErC3B,GAEFU,IAAKA,gBACO,qBACZR,UAAW,CAAC,0BAA2BA,GAAW8B,OAAOC,SAASC,KAAK,QACnEzB,EAAIR,SAAA,CAEPE,GACCgC,MAACC,EAAAA,WAAU,CACTC,QAAQ,cACRrC,GAAIuB,EAAAA,WACF,CACEe,GAAI,CAAEZ,GAAI,EAAGC,GAAI,GACjBY,MAAO,qBACHtC,GAAY,CACduB,QAAS,cACTC,WAAY,SACZG,eAAgB,aAEhBY,GAAI,CAAEb,GAAI,GACV,UAAW,CACTc,QAAS,CAAEf,GAAI,OAAQC,GAAI,MAC3BH,QAAS,QACTkB,OAAQ,OACRC,MAAO,MACPC,gBAAiB,kBACjBC,GAAI,GAGNC,MAAO,CAAEpB,GAAI,EAAGC,GAAI,KAGxBhB,GACD,cACW,6BACRC,EAAQX,SAEXE,IAGJF,GACCkC,EAAAA,IAACb,EAAAA,KACCtB,GAAIuB,EAAAA,WACF,CACEC,QAAS,OACTC,WAAY,CAAEC,GAAI,aAAcC,GAAI,UACpCI,cAAe,CAAEL,GAAI,SAAUC,GAAI,OACnCE,SAAU,OACVkB,SAAU,IACVjB,IAAK,CAAEJ,GAAI,EAAGC,GAAI,GAElB,oBAAqB,CACnBqB,UAAW,CAAEtB,GAAI,UAAWC,GAAI,SAGlC,kBAAmB,IACdR,EAAM8B,WAAWC,YACpBC,EAAG,EACH,aAAc,CACZC,eAAgB,YAChBb,MAAO,kBAIb1B,GACD,cACW,gCACRC,EAAgBb,SAEnBA,KAGHG,GAAca,IACdkB,EAAAA,IAACb,MAAG,CAAA,cAAa,4BAA4BtB,GAAIuB,EAAAA,WAAW,CAAEuB,MAAO,GAAK/B,MAAmBC,EAAcf,SACxGG,GACC+B,EAAAA,IAACkB,SAAM,CAAChB,QAAQ,WAAWE,MAAM,aAAcrB,EAAUjB,SACtDgB"}

package/cjs/components/footer/FooterSectionMenu.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var t=require("tslib"),e=require("react/jsx-runtime"),o=require("react"),s=require("@mui/material");const r=o.forwardRef((o,r)=>{var{sx:l,children:c,className:a,contactSlot:i,contactSlotProps:n,socialSlot:x,socialSlotProps:u}=o,S=t.__rest(o,["sx","children","className","contactSlot","contactSlotProps","socialSlot","socialSlotProps"]);return e.jsx(s.Box,Object.assign({sx:Object.assign({display:"flex",alignItems:{xs:"stretch",lg:"flex-start"},justifyContent:"stretch",flexDirection:{xs:"column",lg:"row"},gap:{xs:0,lg:2},mb:{xs:4,lg:8}},l),ref:r,"data-testid":"FooterSectionMenu",className:["FooterSectionMenu-root",a].filter(Boolean).join(" ")},S,{children:c}))});exports.FooterSectionMenu=r;
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("@mui/material"),o=require("../../utils/sxOverride/sxOverride.js");const s=t.forwardRef(({sx:t,children:s,className:i,contactSlot:l,contactSlotProps:a,socialSlot:c,socialSlotProps:n,...x},u)=>e.jsx(r.Box,{sx:o.sxOverride({display:"flex",alignItems:{xs:"stretch",lg:"flex-start"},justifyContent:"stretch",flexDirection:{xs:"column",lg:"row"},gap:{xs:0,lg:2},mb:{xs:4,lg:8}},t),ref:u,"data-testid":"FooterSectionMenu",className:["FooterSectionMenu-root",i].filter(Boolean).join(" "),...x,children:s}));exports.FooterSectionMenu=s;
 //# sourceMappingURL=FooterSectionMenu.js.map

package/cjs/components/footer/FooterSectionMenu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FooterSectionMenu.js","sources":["../../../../../src/components/footer/FooterSectionMenu.tsx"],"sourcesContent":["import React, { ElementType, FC, forwardRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\n\nexport interface FooterSectionMenuProps extends BoxProps<ElementType> {}\n\n/*\n Section for the multiple FooterMenu\n */\nexport const FooterSectionMenu: FC<FooterSectionMenuProps> = forwardRef(\n ({ sx, children, className, contactSlot, contactSlotProps, socialSlot, socialSlotProps, ...rest }, ref) => {\n return (\n <Box\n sx={{\n display: 'flex',\n alignItems: { xs: 'stretch', lg: 'flex-start' },\n justifyContent: 'stretch',\n flexDirection: { xs: 'column', lg: 'row' },\n gap: { xs: 0, lg: 2 },\n mb: { xs: 4, lg: 8 },\n ~~...~~sx,\n }}\n ref={ref}\n data-testid=\"FooterSectionMenu\"\n className={['FooterSectionMenu-root', className].filter(Boolean).join(' ')}\n {...rest}\n >\n {children}\n </Box>\n );\n },\n);\n"],"names":["FooterSectionMenu","forwardRef","~~_a","ref","~~sx","children","className","contactSlot","contactSlotProps","socialSlot","socialSlotProps","rest","~~__rest~~","_jsx","Box","~~Object~~","~~assign","~~display","alignItems","xs","lg","justifyContent","flexDirection","gap","mb","filter","Boolean","join"],"mappings":"~~iHAQO~~,MAAMA,EAAgDC,EAAAA,WAC3D,~~CAACC~~,~~EAAkGC~~,~~KAAlG~~,~~IAAAC~~,~~GAAEA~~,~~EAAEC~~,~~SAAEA~~,~~EAAQC~~,~~UAAEA~~,~~EAASC~~,~~YAAEA~~,~~EAAWC,iBAAEA,EAAgBC,WAAEA,EAAUC,gBAAEA,GAAeR,EAAKS,EAAIC,~~EAAAA,~~OAAAV~~,~~EAA9F,+FACC~~,~~OACEW,~~EAAAA,~~IAACC~~,~~EAAAA~~,~~IAAGC,OAAAC,OAAA,CACFZ,GAAEW,OAAAC,OAAA,CACAC,~~QAAS,OACTC,WAAY,CAAEC,GAAI,UAAWC,GAAI,cACjCC,eAAgB,UAChBC,cAAe,CAAEH,GAAI,SAAUC,GAAI,OACnCG,IAAK,CAAEJ,GAAI,EAAGC,GAAI,GAClBI,GAAI,CAAEL,GAAI,EAAGC,GAAI,~~IACdhB~~,~~GAELD~~,IAAKA,~~gBACO~~,~~oBACZG~~,UAAW,CAAC,yBAA0BA,~~GAAWmB~~,OAAOC,SAASC,KAAK,~~MAClEhB~~,~~EAAI~~,~~CAAAN,~~SAEPA"}
1	+ {"version":3,"file":"FooterSectionMenu.js","sources":["../../../../../src/components/footer/FooterSectionMenu.tsx"],"sourcesContent":["import React, { ElementType, FC, forwardRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\nimport { sxOverride } from '@/src/utils/sxOverride';\n\nexport interface FooterSectionMenuProps extends BoxProps<ElementType> {}\n\n/*\n Section for the multiple FooterMenu\n */\nexport const FooterSectionMenu: FC<FooterSectionMenuProps> = forwardRef(\n ({ sx, children, className, contactSlot, contactSlotProps, socialSlot, socialSlotProps, ...rest }, ref) => {\n return (\n <Box\n sx={sxOverride(\n {\n display: 'flex',\n alignItems: { xs: 'stretch', lg: 'flex-start' },\n justifyContent: 'stretch',\n flexDirection: { xs: 'column', lg: 'row' },\n gap: { xs: 0, lg: 2 },\n mb: { xs: 4, lg: 8 },\n },\n sx,\n )}\n ref={ref}\n data-testid=\"FooterSectionMenu\"\n className={['FooterSectionMenu-root', className].filter(Boolean).join(' ')}\n {...rest}\n >\n {children}\n </Box>\n );\n },\n);\n"],"names":["FooterSectionMenu","forwardRef","sx","children","className","contactSlot","contactSlotProps","socialSlot","socialSlotProps","rest","ref","_jsx","Box","sxOverride","display","alignItems","xs","lg","justifyContent","flexDirection","gap","mb","filter","Boolean","join"],"mappings":"gJASO,MAAMA,EAAgDC,EAAAA,WAC3D,EAAGC,KAAIC,WAAUC,YAAWC,cAAaC,mBAAkBC,aAAYC,qBAAoBC,GAAQC,IAE/FC,MAACC,EAAAA,KACCV,GAAIW,EAAAA,WACF,CACEC,QAAS,OACTC,WAAY,CAAEC,GAAI,UAAWC,GAAI,cACjCC,eAAgB,UAChBC,cAAe,CAAEH,GAAI,SAAUC,GAAI,OACnCG,IAAK,CAAEJ,GAAI,EAAGC,GAAI,GAClBI,GAAI,CAAEL,GAAI,EAAGC,GAAI,IAEnBf,GAEFQ,IAAKA,EAAG,cACI,oBACZN,UAAW,CAAC,yBAA0BA,GAAWkB,OAAOC,SAASC,KAAK,QAClEf,EAAIN,SAEPA"}

package/cjs/components/formMessage/FormMessage.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),i=require("../icon/filled/CircleExclamationFilledIcon.js"),n=require("../icon/filled/CircleInformationFilledIcon.js"),s=require("../icon/filled/WarningFilledIcon.js"),t=require("@mui/material"),o=require("react");const a=o.forwardRef((a,l)=>{var{children:c,variant:x="error",sx:p,iconProps:f,IconComponent:g,typographyProps:u}=a,d=e.__rest(a,["children","variant","sx","iconProps","IconComponent","typographyProps"]);const m=f||{},{sx:j}=m,h=e.__rest(m,["sx"]),I=u||{},{sx:b}=I,y=e.__rest(I,["sx"]),[q,C]=o.useMemo(()=>{switch(x){case"error":return["error.main",s.WarningFilledIcon];case"warning":return["warning.main",i.CircleExclamationFilledIcon];default:return["info.main",n.CircleInformationFilledIcon]}},[x]),F=g||C;return r.jsxs(t.Box,Object.assign({role:"alert","aria-atomic":"true","aria-live":"assertive",sx:Object.assign({display:"flex",width:"100%",alignItems:"flex-start",justifyContent:"flex-start",gap:1,textAlign:"left",color:q,pb:1},p),ref:l},d,{children:[r.jsx(F,Object.assign({sx:Object.assign({fontSize:"20px",mx:"2px"},j)},h)),r.jsx(t.Typography,Object.assign({sx:Object.assign({flexGrow:"1",fontSize:{xs:"14px"},lineHeight:{xs:"20px"},fontWeight:{xs:"400"}},b)},y,{children:c}))]}))});exports.FormMessage=a;
+"use strict";var e=require("react/jsx-runtime"),r=require("../icon/filled/CircleExclamationFilledIcon.js"),i=require("../icon/filled/CircleInformationFilledIcon.js"),n=require("../icon/filled/WarningFilledIcon.js"),s=require("@mui/material"),t=require("react"),l=require("../../utils/sxOverride/sxOverride.js");const o=t.forwardRef(({children:o,variant:a="error",sx:x,iconProps:c,IconComponent:d,typographyProps:f,...u},m)=>{const{sx:p,...g}=c||{},{sx:I,...h}=f||{},[j,v]=t.useMemo(()=>{switch(a){case"error":return["error.main",n.WarningFilledIcon];case"warning":return["warning.main",r.CircleExclamationFilledIcon];default:return["info.main",i.CircleInformationFilledIcon]}},[a]),q=d||v;return e.jsxs(s.Box,{role:"alert","aria-atomic":"true","aria-live":"assertive",sx:l.sxOverride({display:"flex",width:"100%",alignItems:"flex-start",justifyContent:"flex-start",gap:1,textAlign:"left",color:j,pb:1},x),ref:m,...u,children:[e.jsx(q,{sx:l.sxOverride({fontSize:"20px",mx:"2px"},p),...g}),e.jsx(s.Typography,{sx:l.sxOverride({flexGrow:"1",fontSize:{xs:"14px"},lineHeight:{xs:"20px"},fontWeight:{xs:"400"}},I),...h,children:o})]})});exports.FormMessage=o;
 //# sourceMappingURL=FormMessage.js.map

package/cjs/components/formMessage/FormMessage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FormMessage.js","sources":["../../../../../src/components/formMessage/FormMessage.tsx"],"sourcesContent":["import { CircleExclamationFilledIcon } from '@/src/components/icon/filled/CircleExclamationFilledIcon';\nimport { CircleInformationFilledIcon } from '@/src/components/icon/filled/CircleInformationFilledIcon';\nimport { WarningFilledIcon } from '@/src/components/icon/filled/WarningFilledIcon';\nimport { Box, BoxProps, SvgIconProps, Typography, TypographyProps } from '@mui/material';\nimport React, { ComponentType, ElementType, forwardRef, useMemo } from 'react';\n\nexport interface FormMessageProps extends BoxProps<ElementType> {\n /*\n Defines which variant of Banner component should be rendered\n * @default error\n /\n variant?: 'info' \| 'warning' \| 'error';\n /\n Properties passed to indicator icon\n /\n iconProps?: SvgIconProps;\n /\n Icon node to be used\n /\n IconComponent?: ComponentType<SvgIconProps>;\n /\n Properties passed to wrapper of children\n /\n typographyProps?: TypographyProps<ElementType>;\n}\n\n/\n Message indicating form error or additional info.\n * Intended to be used in combination with <FormGroup />\n */\nexport const FormMessage: React.FC<FormMessageProps> = forwardRef(\n ({ children, variant = 'error', sx, iconProps, IconComponent, typographyProps, ...rest }, ref) => {\n const { sx: iconSx, ...restIcon } = iconProps \|\| {};\n const { sx: typographySx, ...restTypography } = typographyProps \|\| {};\n\n const [color, IconVariantComponent] = useMemo(() => {\n switch (variant) {\n case 'error':\n return ['error.main', WarningFilledIcon];\n case 'warning':\n return ['warning.main', CircleExclamationFilledIcon];\n case 'info':\n default:\n return ['info.main', CircleInformationFilledIcon];\n }\n }, [variant]);\n const ErrorMessageIcon = IconComponent \|\| IconVariantComponent;\n\n return (\n <Box\n role=\"alert\"\n aria-atomic=\"true\"\n aria-live=\"assertive\"\n sx={{\n display: 'flex',\n width: '100%',\n alignItems: 'flex-start',\n justifyContent: 'flex-start',\n gap: 1,\n textAlign: 'left',\n color: color,\n pb: 1,\n ~~...~~sx,\n }}\n ref={ref}\n {...rest}\n >\n <ErrorMessageIcon\n sx={{\n fontSize: '20px',\n // align with checkbox/radio (return to 24px width)\n mx: '2px',\n ~~...~~iconSx,\n }}\n {...restIcon}\n />\n <Typography\n sx={{\n flexGrow: '1',\n // custom font according to Figma\n fontSize: { xs: '14px' },\n lineHeight: { xs: '20px' },\n fontWeight: { xs: '400' },\n ~~...~~typographySx,\n }}\n {...restTypography}\n >\n {children}\n </Typography>\n </Box>\n );\n },\n);\n"],"names":["FormMessage","forwardRef","~~_a","ref","~~children","variant","sx","iconProps","IconComponent","typographyProps","rest","~~__rest~~","~~_b","~~iconSx","restIcon","~~_c","~~typographySx","restTypography","color","IconVariantComponent","useMemo","WarningFilledIcon","CircleExclamationFilledIcon","CircleInformationFilledIcon","ErrorMessageIcon","_jsxs","Box","~~Object~~","~~assign~~","~~role","~~display","width","alignItems","justifyContent","gap","textAlign","pb","_jsx","fontSize","mx","Typography","flexGrow","xs","lineHeight","fontWeight"],"mappings":"~~wRA8BO~~,MAAMA,EAA0CC,EAAAA,WACrD,~~CAACC~~,~~EAAyFC~~,~~KAAzF~~,~~IAAAC~~,~~SAAEA~~,~~EAAQC~~,~~QAAEA~~,~~EAAU~~,~~QAAOC~~,~~GAAEA~~,~~EAAEC~~,~~UAAEA~~,~~EAASC~~,~~cAAEA~~,~~EAAaC,gBAAEA,GAAeP,EAAKQ,EAAIC,SAAAT,EAArF,2EACC,MAAMU,EAA8BL,~~GAAa,~~IAAzCD,GAAIO,KAAWC,EAAQH,EAAAA,OAAAC,EAAzB,~~CAAA,~~OACAG~~,~~EAA0CN~~,~~GAAmB,IAA3DH,GAAIU,~~KAAiBC,~~EAAcN~~,~~EAAAA~~,~~OAAAI,EAArC,~~CAAA,~~QAECG~~,EAAOC,GAAwBC,EAAAA,QAAQ,KAC5C,~~OAAQf~~,GACN,IAAK,QACH,MAAO,CAAC,~~aAAcgB~~,qBACxB,IAAK,UACH,MAAO,CAAC,eAAgBC,+BAE1B,QACE,MAAO,CAAC,YAAaC,iCAExB,~~CAAClB~~,~~IACEmB~~,~~EAAmBhB~~,~~GAAiBW~~,EAE1C,OACEM,OAACC,EAAAA,~~IAAGC~~,~~OAAAC,OAAA,~~CACFC,KAAK,QAAO,cACA,~~OAAM~~,~~YACR~~,~~YACVvB~~,~~GAAEqB~~,~~OAAAC~~,~~OAAA~~,~~CACAE,~~QAAS,OACTC,MAAO,OACPC,WAAY,aACZC,eAAgB,aAChBC,IAAK,EACLC,UAAW,~~OACXjB~~,MAAOA,~~EACPkB~~,GAAI,~~GACD9B~~,~~GAELH~~,IAAKA,~~GACDO~~,~~EAAI~~,~~CAAAN,~~SAAA,~~CAERiC~~,~~EAAAA~~,~~IAACb~~,~~EAAgBG~~,~~OAAAC~~,~~OAAA~~,~~CACftB~~,~~GAAEqB~~,~~OAAAC,OAAA,CACAU,~~SAAU,OAEVC,GAAI,~~OACD1B~~,~~IAEDC~~,~~IAENuB~~,EAAAA,IAACG,EAAAA,~~WAAUb~~,~~OAAAC~~,~~OAAA~~,~~CACTtB~~,~~GAAEqB~~,~~OAAAC,OAAA,CACAa,~~SAAU,IAEVH,SAAU,CAAEI,GAAI,QAChBC,WAAY,CAAED,GAAI,QAClBE,WAAY,CAAEF,GAAI,~~QACf1B~~,~~IAEDC~~,~~EAAc,CAAAb,SAEjBA~~"}
1	+ {"version":3,"file":"FormMessage.js","sources":["../../../../../src/components/formMessage/FormMessage.tsx"],"sourcesContent":["import { CircleExclamationFilledIcon } from '@/src/components/icon/filled/CircleExclamationFilledIcon';\nimport { CircleInformationFilledIcon } from '@/src/components/icon/filled/CircleInformationFilledIcon';\nimport { WarningFilledIcon } from '@/src/components/icon/filled/WarningFilledIcon';\nimport { Box, BoxProps, SvgIconProps, Typography, TypographyProps } from '@mui/material';\nimport React, { ComponentType, ElementType, forwardRef, useMemo } from 'react';\nimport { sxOverride } from '@/src/utils/sxOverride';\n\nexport interface FormMessageProps extends BoxProps<ElementType> {\n /*\n Defines which variant of Banner component should be rendered\n * @default error\n /\n variant?: 'info' \| 'warning' \| 'error';\n /\n Properties passed to indicator icon\n /\n iconProps?: SvgIconProps;\n /\n Icon node to be used\n /\n IconComponent?: ComponentType<SvgIconProps>;\n /\n Properties passed to wrapper of children\n /\n typographyProps?: TypographyProps<ElementType>;\n}\n\n/\n Message indicating form error or additional info.\n * Intended to be used in combination with <FormGroup />\n */\nexport const FormMessage: React.FC<FormMessageProps> = forwardRef(\n ({ children, variant = 'error', sx, iconProps, IconComponent, typographyProps, ...rest }, ref) => {\n const { sx: iconSx, ...restIcon } = iconProps \|\| {};\n const { sx: typographySx, ...restTypography } = typographyProps \|\| {};\n\n const [color, IconVariantComponent] = useMemo(() => {\n switch (variant) {\n case 'error':\n return ['error.main', WarningFilledIcon];\n case 'warning':\n return ['warning.main', CircleExclamationFilledIcon];\n case 'info':\n default:\n return ['info.main', CircleInformationFilledIcon];\n }\n }, [variant]);\n const ErrorMessageIcon = IconComponent \|\| IconVariantComponent;\n\n return (\n <Box\n role=\"alert\"\n aria-atomic=\"true\"\n aria-live=\"assertive\"\n sx={sxOverride(\n {\n display: 'flex',\n width: '100%',\n alignItems: 'flex-start',\n justifyContent: 'flex-start',\n gap: 1,\n textAlign: 'left',\n color: color,\n pb: 1,\n },\n sx,\n )}\n ref={ref}\n {...rest}\n >\n <ErrorMessageIcon\n sx={sxOverride(\n {\n fontSize: '20px',\n // align with checkbox/radio (return to 24px width)\n mx: '2px',\n },\n iconSx,\n )}\n {...restIcon}\n />\n <Typography\n sx={sxOverride(\n {\n flexGrow: '1',\n // custom font according to Figma\n fontSize: { xs: '14px' },\n lineHeight: { xs: '20px' },\n fontWeight: { xs: '400' },\n },\n typographySx,\n )}\n {...restTypography}\n >\n {children}\n </Typography>\n </Box>\n );\n },\n);\n"],"names":["FormMessage","forwardRef","children","variant","sx","iconProps","IconComponent","typographyProps","rest","ref","iconSx","restIcon","typographySx","restTypography","color","IconVariantComponent","useMemo","WarningFilledIcon","CircleExclamationFilledIcon","CircleInformationFilledIcon","ErrorMessageIcon","_jsxs","Box","role","sxOverride","display","width","alignItems","justifyContent","gap","textAlign","pb","_jsx","fontSize","mx","Typography","flexGrow","xs","lineHeight","fontWeight"],"mappings":"uTA+BO,MAAMA,EAA0CC,EAAAA,WACrD,EAAGC,WAAUC,UAAU,QAASC,KAAIC,YAAWC,gBAAeC,qBAAoBC,GAAQC,KACxF,MAAQL,GAAIM,KAAWC,GAAaN,GAAa,CAAA,GACzCD,GAAIQ,KAAiBC,GAAmBN,GAAmB,CAAA,GAE5DO,EAAOC,GAAwBC,EAAAA,QAAQ,KAC5C,OAAQb,GACN,IAAK,QACH,MAAO,CAAC,aAAcc,qBACxB,IAAK,UACH,MAAO,CAAC,eAAgBC,+BAE1B,QACE,MAAO,CAAC,YAAaC,iCAExB,CAAChB,IACEiB,EAAmBd,GAAiBS,EAE1C,OACEM,OAACC,EAAAA,IAAG,CACFC,KAAK,QAAO,cACA,mBACF,YACVnB,GAAIoB,EAAAA,WACF,CACEC,QAAS,OACTC,MAAO,OACPC,WAAY,aACZC,eAAgB,aAChBC,IAAK,EACLC,UAAW,OACXhB,MAAOA,EACPiB,GAAI,GAEN3B,GAEFK,IAAKA,KACDD,EAAIN,SAAA,CAER8B,MAACZ,EAAgB,CACfhB,GAAIoB,EAAAA,WACF,CACES,SAAU,OAEVC,GAAI,OAENxB,MAEEC,IAENqB,EAAAA,IAACG,EAAAA,WAAU,CACT/B,GAAIoB,aACF,CACEY,SAAU,IAEVH,SAAU,CAAEI,GAAI,QAChBC,WAAY,CAAED,GAAI,QAClBE,WAAY,CAAEF,GAAI,QAEpBzB,MAEEC,WAEHX"}

package/cjs/components/header/Header.d.ts CHANGED Viewed

@@ -19,6 +19,20 @@ export interface HeaderProps extends Omit<AppBarProps, 'color'> {
      * ActionButtons on the right side that stays visible even on mobile
      */
     visibleButtons?: ReactNode | true;
+    /**
+     * Controls if mobile version of Header should be shown, this collapses children into mobile menu
+     *
+     * @default undefined, leads to usage useMediaQuery(theme.breakpoints.down('lg'))
+     */
+    mobile?: boolean;
+    /**
+     * Controls open/close state of mobile menu
+     */
+    open?: boolean;
+    /**
+     * Function to toggle open state of menu
+     */
+    setOpen?: (open: boolean) => void;
     /**
      * Properties applied to toolbar container
      */

package/cjs/components/header/Header.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),s=require("react/jsx-runtime"),t=require("react"),o=require("@mui/material"),n=require("../icon/stroke/MenuIcon.js"),r=require("../icon/stroke/CloseIcon.js"),i=require("../focusring/focusring.js"),a=require("./HeaderButton.js"),l=require("./HeaderLanguageSelect.js");const c=t.forwardRef((c,d)=>{var u,p,{children:x,logo:b,buttons:g,visibleButtons:j,inContainer:h=!1,toolbarProps:m,logoProps:f,contentProps:O,mobileContentProps:v,buttonsProps:y,menuButtonProps:P,menuIcon:_,closeMenuIcon:B,drawerProps:I}=c,k=e.__rest(c,["children","logo","buttons","visibleButtons","inContainer","toolbarProps","logoProps","contentProps","mobileContentProps","buttonsProps","menuButtonProps","menuIcon","closeMenuIcon","drawerProps"]);const C=o.useTheme(),H=o.useMediaQuery(C.breakpoints.down("lg")),q=null!=f?f:{},{sx:w}=q,M=e.__rest(q,["sx"]),S=null!=O?O:{},{sx:F}=S,T=e.__rest(S,["sx"]),E=null!=v?v:{},{sx:L}=E,R=e.__rest(E,["sx"]),z=null!=y?y:{},{sx:A}=z,D=e.__rest(z,["sx"]),G=null!=I?I:{},{sx:V,slotProps:Q}=G,W=e.__rest(G,["sx","slotProps"]),$=null!=Q?Q:{},{paper:J,backdrop:K}=$,N=e.__rest($,["paper","backdrop"]),U=null!==(u=J)&&void 0!==u?u:{},{sx:X}=U,Y=e.__rest(U,["sx"]),Z=null!==(p=K)&&void 0!==p?p:{},{sx:ee}=Z,se=e.__rest(Z,["sx"]),[te,oe]=t.useState(!1),[ne,re]=t.useMemo(()=>{function e(s,o){const n=[];return t.Children.forEach(s,(s,r)=>{(null==s?void 0:s.type)===t.Fragment?n.push(...e(s.props.children,o)):t.isValidElement(s)&&[a.HeaderButton,l.HeaderLanguageSelect].includes(null==s?void 0:s.type)&&o?n.push(t.cloneElement(s,{extend:!0,key:r})):n.push(s)}),(null==n?void 0:n.length)?n:void 0}if(j){const s=!0===j?void 0:e(j,!1),t=e(g,H);return H?[s,t]:[[...s||[],...t||[]],void 0]}return[e(g,!1),void 0]},[j,g,H]);return s.jsxs(s.Fragment,{children:[s.jsx(o.AppBar,Object.assign({ref:d,"data-testid":"Header"},k,{children:s.jsxs(o.Toolbar,Object.assign({disableGutters:!h},m,{children:[b&&s.jsx(o.Box,Object.assign({"data-testid":"Header.logo",sx:Object.assign({color:"dark"===C.palette.mode?"brand.secondary":"brand.tertiary","& .MuiLink-root":Object.assign(Object.assign({display:"block",position:"relative",py:1},i.getFocusRingStyle(C)),{"&.Mui-focusVisible":{boxShadow:"none"}}),"& .MuiSvgIcon-root":{display:"block"}},w)},M,{children:b})),s.jsx(o.Box,Object.assign({sx:Object.assign(Object.assign(Object.assign({minWidth:"0",flexGrow:"1",alignSelf:"stretch",display:"flex",alignItems:"stretch",justifyContent:"flex-start",gap:{lg:2,xl:4}},!H&&b&&{pl:4}),{mb:"-1px"}),F),"data-testid":"Header.nav"},T,{children:!H&&x})),(ne||H&&(x||re))&&s.jsxs(o.Box,Object.assign({sx:Object.assign({display:"flex",alignItems:"center",justifyContent:"flex-end",gap:.25,mr:{xs:-1,lg:0}},A),"data-testid":"Header.btns"},D,{children:[ne,H&&(x||re)&&s.jsx(a.HeaderButton,Object.assign({"aria-label":"Toggle menu",extend:!1,onClick:()=>oe(e=>!e)},P,{children:te?B||s.jsx(r.CloseIcon,{}):_||s.jsx(n.MenuIcon,{})}),"menu")]}))]}))})),H&&(x||re)&&s.jsxs(o.Drawer,Object.assign({disablePortal:!0,disableEnforceFocus:!0,disableAutoFocus:!0,anchor:"top",open:te,onClose:()=>oe(!1),sx:Object.assign({zIndex:C.zIndex.appBar-10,top:C.mixins.toolbar.minHeight,bottom:"auto",height:`calc(100vh - ${C.mixins.toolbar.minHeight})`,position:"absolute"},V),slotProps:Object.assign({backdrop:Object.assign({sx:Object.assign({position:"absolute"},ee)},se),paper:Object.assign({sx:Object.assign({position:"absolute",height:"100%",display:"grid",gridTemplateRows:"auto max-content"},X)},Y)},N)},W,{children:[s.jsx(o.Box,Object.assign({sx:Object.assign({p:2,overflow:"auto"},L),"data-testid":"Header.mobilenav"},R,{children:x})),re&&s.jsx(o.Box,{sx:{p:2,pt:0},children:s.jsx(o.Box,{sx:{pt:.75,display:"flex",flexDirection:"column-reverse",alignItems:"stretch",justifyContent:"flex-start",borderTop:1,borderColor:"dark"===C.palette.mode?"onSurface.os700":"surface.secondary"},children:re})})]}))]})});exports.Header=c;
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("../../utils/sxOverride/sxOverride.js"),o=require("@mui/material"),s=require("../icon/stroke/MenuIcon.js"),i=require("../icon/stroke/CloseIcon.js"),n=require("../focusring/focusring.js"),a=require("./HeaderButton.js"),l=require("./HeaderLanguageSelect.js"),d=require("./HeaderNavigationLink.js"),u=require("./HeaderNavigationHero.js"),c=require("./HeaderNavigationMenu.js");const x=r.forwardRef(({children:x,logo:p,buttons:g,visibleButtons:h,mobile:b,open:m,setOpen:f,inContainer:v=!1,toolbarProps:j,logoProps:y,contentProps:H,mobileContentProps:k,buttonsProps:B,menuButtonProps:I,menuIcon:q,closeMenuIcon:C,drawerProps:M,...O},P)=>{const S=o.useTheme(),w=o.useMediaQuery(S.breakpoints.down("lg")),N=void 0===b?w:b,{sx:$,...E}=y??{},{sx:F,...L}=H??{},{sx:T,...R}=k??{},{sx:z,...A}=B??{},{sx:D,slotProps:G,...V}=M??{},{paper:Q,backdrop:W,...J}=G??{},{sx:K,...U}=Q??{},{sx:X,...Y}=W??{},[Z,_]=r.useState(!1),ee=m??Z,re=f??_,[te,oe,se]=r.useMemo(()=>{function e(t,o,s){const i=[];return r.Children.forEach(t,(t,n)=>{t?.type===r.Fragment?i.push(...e(t.props.children,o,`${s}-n`)):r.isValidElement(t)&&[a.HeaderButton,l.HeaderLanguageSelect,d.HeaderNavigationLink,u.HeaderNavigationHero,c.HeaderNavigationMenu].includes(t?.type)&&o?i.push(r.cloneElement(t,{extend:!0,key:`${s}-${n}`})):"string"==typeof t?i.push(t):i.push(r.cloneElement(t,{key:`${s}-${n}`}))}),i?.length?i:void 0}const t=e(x,N,"children");if(h){const r=!0===h?void 0:e(h,!1,"visibleButtons"),o=e(g,N,"restButton");return N?[t,r,o]:[t,[...r||[],...o||[]],void 0]}return[t,e(g,!1,"buttons"),void 0]},[x,h,g,N]);return e.jsxs(e.Fragment,{children:[e.jsx(o.AppBar,{ref:P,"data-testid":"Header",...O,children:e.jsxs(o.Toolbar,{disableGutters:!v,...j,children:[p&&e.jsx(o.Box,{"data-testid":"Header.logo",sx:t.sxOverride({color:"dark"===S.palette.mode?"brand.secondary":"brand.tertiary",flexShrink:"0",display:"flex",alignItems:"center",justifyContent:"flex-start","& .MuiLink-root":{display:"block",position:"relative",py:1,...n.getFocusRingStyle(S),"&.Mui-focusVisible":{boxShadow:"none"}},"& .MuiSvgIcon-root":{display:"block"}},$),...E,children:p}),e.jsx(o.Box,{sx:t.sxOverride({minWidth:"0",flexGrow:"1",alignSelf:"stretch",display:"flex",alignItems:"stretch",justifyContent:"flex-start",gap:{lg:2,xl:4},...!N&&p&&{pl:4},mb:"-1px"},F),"data-testid":"Header.nav",...L,children:!N&&te}),(oe||N&&(te||se))&&e.jsxs(o.Box,{sx:t.sxOverride({display:"flex",alignItems:"center",justifyContent:"flex-end",gap:.25,mr:{xs:-1,lg:0}},z),"data-testid":"Header.btns",...A,children:[oe,N&&(te||se)&&e.jsx(a.HeaderButton,{"aria-label":"Toggle menu",extend:!1,onClick:()=>re(e=>!e),...I,children:ee?C||e.jsx(i.CloseIcon,{}):q||e.jsx(s.MenuIcon,{})},"menu")]})]})}),N&&(te||se)&&e.jsxs(o.Drawer,{disablePortal:!0,disableEnforceFocus:!0,disableAutoFocus:!0,anchor:"top",open:ee,onClose:()=>re(!1),sx:t.sxOverride({zIndex:S.zIndex.appBar-10,top:S.mixins.toolbar.minHeight,bottom:"auto",height:`calc(100vh - ${S.mixins.toolbar.minHeight})`,position:"absolute"},D),slotProps:{backdrop:{sx:t.sxOverride({position:"absolute"},X),...Y},paper:{sx:t.sxOverride({position:"absolute",height:"100%",display:"grid",gridTemplateRows:"auto max-content"},K),...U},...J},...V,children:[e.jsx(o.Box,{sx:t.sxOverride({p:2,overflow:"auto"},T),"data-testid":"Header.mobilenav",...R,children:te}),se&&e.jsx(o.Box,{sx:{p:2,pt:0},children:e.jsx(o.Box,{sx:{pt:.75,display:"flex",flexDirection:"column-reverse",alignItems:"stretch",justifyContent:"flex-start",borderTop:1,borderColor:"dark"===S.palette.mode?"onSurface.os700":"surface.secondary"},children:se})})]})]})});exports.Header=x;
 //# sourceMappingURL=Header.js.map

package/cjs/components/header/Header.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Header.js","sources":["../../../../../src/components/header/Header.tsx"],"sourcesContent":["import React, {\n FC,\n useState,\n forwardRef,\n ReactNode,\n ElementType,\n Children,\n cloneElement,\n useMemo,\n Fragment,\n isValidElement,\n} from 'react';\nimport {\n AppBar,\n AppBarProps,\n BackdropProps,\n Box,\n BoxProps,\n Drawer,\n DrawerProps,\n PaperProps,\n Theme,\n Toolbar,\n ToolbarProps,\n useMediaQuery,\n useTheme,\n} from '@mui/material';\nimport { MenuIcon } from '@/src/components/icon/stroke/MenuIcon';\nimport { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { HeaderButton, HeaderButtonProps } from './HeaderButton';\nimport { HeaderLanguageSelect } from './HeaderLanguageSelect';\n\nexport interface HeaderProps extends Omit<AppBarProps, 'color'> {\n /*\n Logo component\n /\n logo?: ReactNode;\n /\n Wrap the navigation into container\n * @default false\n /\n inContainer?: boolean;\n /\n ActionButtons on the right side\n /\n buttons?: ReactNode;\n /\n ActionButtons on the right side that stays visible even on mobile\n /\n visibleButtons?: ReactNode \| true;\n /\n Properties applied to toolbar container\n /\n toolbarProps?: ToolbarProps<ElementType>;\n /\n Properties applied to logo wrapper\n /\n logoProps?: BoxProps<ElementType>;\n /\n Properties applied to content wrapper\n /\n contentProps?: BoxProps<ElementType>;\n /\n Properties applied to content wrapper in drawer\n /\n mobileContentProps?: BoxProps<ElementType>;\n /\n Properties applied to button wrapper\n /\n buttonsProps?: BoxProps<ElementType>;\n /\n Properties applied to hamburger menu\n /\n menuButtonProps?: HeaderButtonProps;\n /\n Icon of the hamburger menu\n /\n menuIcon?: ReactNode;\n /\n Icon of the close hamburger menu\n /\n closeMenuIcon?: ReactNode;\n /\n Props applied to mobile drawer\n /\n drawerProps?: DrawerProps;\n}\n\n/\n Component to render Header with navigation and action buttons at the top of the page\n /\nexport const Header: FC<HeaderProps> = forwardRef(\n (\n {\n children,\n logo,\n buttons,\n visibleButtons,\n inContainer = false,\n toolbarProps,\n logoProps,\n contentProps,\n mobileContentProps,\n buttonsProps,\n menuButtonProps,\n menuIcon,\n closeMenuIcon,\n drawerProps,\n ...rest\n },\n ref,\n ) => {\n const theme = useTheme();\n const downLg = useMediaQuery<Theme>(theme.breakpoints.down('lg'));\n const { sx: logoSx, ...restLogo } = logoProps ?? {};\n const { sx: contentSx, ...restContent } = contentProps ?? {};\n const { sx: mobileContentSx, ...restMobileContent } = mobileContentProps ?? {};\n const { sx: buttonsSx, ...restButtons } = buttonsProps ?? {};\n const { sx: drawerSx, slotProps: drawerSlotProps, ...restDrawer } = drawerProps ?? {};\n const { paper: drawerPaperProps, backdrop: drawerBackdropProps, ...restDrawerSlotProps } = drawerSlotProps ?? {};\n const { sx: drawerPaperSx, ...restDrawerPaper } = (drawerPaperProps as PaperProps) ?? {};\n const { sx: drawerBackdropSx, ...restDrawerBackdrop } = (drawerBackdropProps as BackdropProps) ?? {};\n const [open, setOpen] = useState(false);\n\n /\n Process visible buttons\n */\n const [processedButtons, drawerButtons] = useMemo(() => {\n function flatten(nodes, extend) {\n const result = [];\n Children.forEach(nodes, (child, idx) => {\n if (child?.type === Fragment) {\n result.push(...flatten(child.props.children, extend));\n } else if (\n isValidElement(child) &&\n [HeaderButton, HeaderLanguageSelect].includes(child?.type as FC) &&\n extend\n ) {\n result.push(cloneElement(child, { extend: true, key: idx } as HeaderButtonProps));\n } else {\n result.push(child);\n }\n });\n return result?.length ? result : undefined;\n }\n\n // check if we have visibleButtons property\n if (visibleButtons) {\n const flattenedVisibleButtons = visibleButtons === true ? undefined : flatten(visibleButtons, false);\n const flattenedRestButtons = flatten(buttons, downLg);\n // mobile\n if (downLg) {\n // split visible buttons and put buttons in drawer\n return [flattenedVisibleButtons, flattenedRestButtons];\n } else {\n // on PC, all buttons are visible\n return [[...(flattenedVisibleButtons \|\| []), ...(flattenedRestButtons \|\| [])], undefined];\n }\n } else {\n // in case visibleButtons property is not provided, do not put buttons into drawer at all\n return [flatten(buttons, false), undefined];\n }\n }, [visibleButtons, buttons, downLg]);\n\n return (\n <>\n <AppBar ref={ref} data-testid=\"Header\" {...rest}>\n <Toolbar disableGutters={!inContainer} {...toolbarProps}>\n {logo && (\n <Box\n data-testid=\"Header.logo\"\n sx={{\n color: theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.tertiary',\n // restyle wrapper link, same style is applied in HeaderLogo\n '& .MuiLink-root': {\n display: 'block',\n position: 'relative',\n py: 1,\n // add proper focus ring\n ...getFocusRingStyle(theme),\n // remove default link box shadow\n '&.Mui-focusVisible': {\n boxShadow: 'none',\n },\n },\n '& .MuiSvgIcon-root': {\n display: 'block',\n },\n ...logoSx,\n }}\n {...restLogo}\n >\n {logo}\n </Box>\n )}\n <Box\n sx={{\n minWidth: '0',\n flexGrow: '1',\n alignSelf: 'stretch',\n display: 'flex',\n alignItems: 'stretch',\n justifyContent: 'flex-start',\n gap: { lg: 2, xl: 4 },\n ...(!downLg &&\n logo && {\n // increase size between logo and nav\n pl: 4,\n }),\n // move directly into border\n mb: '-1px',\n ...contentSx,\n }}\n data-testid=\"Header.nav\"\n {...restContent}\n >\n {!downLg && children}\n </Box>\n {(processedButtons \|\| (downLg && (children \|\| drawerButtons))) && (\n <Box\n sx={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-end',\n gap: 0.25,\n mr: { xs: -1, lg: 0 },\n ...buttonsSx,\n }}\n data-testid=\"Header.btns\"\n {...restButtons}\n >\n {processedButtons}\n {downLg && (children \|\| drawerButtons) && (\n <HeaderButton\n key=\"menu\"\n aria-label=\"Toggle menu\"\n extend={false}\n onClick={() => setOpen((prev) => !prev)}\n {...menuButtonProps}\n >\n {open ? closeMenuIcon \|\| <CloseIcon /> : menuIcon \|\| <MenuIcon />}\n </HeaderButton>\n )}\n </Box>\n )}\n </Toolbar>\n </AppBar>\n {downLg && (children \|\| drawerButtons) && (\n <Drawer\n disablePortal\n disableEnforceFocus\n disableAutoFocus\n anchor=\"top\"\n open={open}\n onClose={() => setOpen(false)}\n sx={{\n // bellow Header, above SecondaryNavigation\n zIndex: theme.zIndex.appBar - 10,\n // header offset\n top: theme.mixins.toolbar.minHeight,\n bottom: 'auto',\n height: `calc(100vh - ${theme.mixins.toolbar.minHeight})`,\n // adjust position\n position: 'absolute',\n ...drawerSx,\n }}\n slotProps={{\n backdrop: {\n sx: {\n position: 'absolute',\n ...drawerBackdropSx,\n },\n ...restDrawerBackdrop,\n },\n paper: {\n sx: {\n position: 'absolute',\n height: '100%',\n display: 'grid',\n gridTemplateRows: 'auto max-content',\n ...drawerPaperSx,\n },\n ...restDrawerPaper,\n },\n ...restDrawerSlotProps,\n }}\n {...restDrawer}\n >\n <Box\n sx={{\n p: 2,\n overflow: 'auto',\n ...mobileContentSx,\n }}\n data-testid=\"Header.mobilenav\"\n {...restMobileContent}\n >\n {children}\n </Box>\n {drawerButtons && (\n <Box sx={{ p: 2, pt: 0 }}>\n <Box\n sx={{\n pt: 0.75,\n display: 'flex',\n flexDirection: 'column-reverse',\n alignItems: 'stretch',\n justifyContent: 'flex-start',\n // border from appbar.theme.ts\n borderTop: 1,\n borderColor: theme.palette.mode === 'dark' ? 'onSurface.os700' : 'surface.secondary',\n }}\n >\n {drawerButtons}\n </Box>\n </Box>\n )}\n </Drawer>\n )}\n </>\n );\n },\n);\n"],"names":["Header","forwardRef","_a","ref","children","logo","buttons","visibleButtons","inContainer","toolbarProps","logoProps","contentProps","mobileContentProps","buttonsProps","menuButtonProps","menuIcon","closeMenuIcon","drawerProps","rest","__rest","theme","useTheme","downLg","useMediaQuery","breakpoints","down","_d","sx","logoSx","restLogo","_e","contentSx","restContent","_f","mobileContentSx","restMobileContent","_g","buttonsSx","restButtons","_h","drawerSx","slotProps","drawerSlotProps","restDrawer","_j","paper","drawerPaperProps","backdrop","drawerBackdropProps","restDrawerSlotProps","_k","_b","drawerPaperSx","restDrawerPaper","_l","_c","drawerBackdropSx","restDrawerBackdrop","open","setOpen","useState","processedButtons","drawerButtons","useMemo","flatten","nodes","extend","result","Children","forEach","child","idx","type","Fragment","push","props","isValidElement","HeaderButton","HeaderLanguageSelect","includes","cloneElement","key","length","undefined","flattenedVisibleButtons","flattenedRestButtons","_jsxs","_jsx","AppBar","Toolbar","Object","assign","disableGutters","Box","color","palette","mode","display","position","py","getFocusRingStyle","boxShadow","minWidth","flexGrow","alignSelf","alignItems","justifyContent","gap","lg","xl","pl","mb","mr","xs","onClick","prev","CloseIcon","MenuIcon","Drawer","disablePortal","disableEnforceFocus","disableAutoFocus","anchor","onClose","zIndex","appBar","top","mixins","toolbar","minHeight","bottom","height","gridTemplateRows","p","overflow","pt","flexDirection","borderTop","borderColor"],"mappings":"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"}
1	+ {"version":3,"file":"Header.js","sources":["../../../../../src/components/header/Header.tsx"],"sourcesContent":["import React, {\n FC,\n useState,\n forwardRef,\n ReactNode,\n ElementType,\n Children,\n cloneElement,\n useMemo,\n Fragment,\n isValidElement,\n} from 'react';\nimport { sxOverride } from '@/src/utils/sxOverride';\nimport {\n AppBar,\n AppBarProps,\n BackdropProps,\n Box,\n BoxProps,\n Drawer,\n DrawerProps,\n PaperProps,\n Toolbar,\n ToolbarProps,\n useMediaQuery,\n useTheme,\n} from '@mui/material';\nimport { MenuIcon } from '@/src/components/icon/stroke/MenuIcon';\nimport { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { HeaderButton, HeaderButtonProps } from './HeaderButton';\nimport { HeaderLanguageSelect } from './HeaderLanguageSelect';\nimport { HeaderNavigationLink } from './HeaderNavigationLink';\nimport { HeaderNavigationHero } from './HeaderNavigationHero';\nimport { HeaderNavigationMenu } from './HeaderNavigationMenu';\n\nexport interface HeaderProps extends Omit<AppBarProps, 'color'> {\n /*\n Logo component\n /\n logo?: ReactNode;\n /\n Wrap the navigation into container\n * @default false\n /\n inContainer?: boolean;\n /\n ActionButtons on the right side\n /\n buttons?: ReactNode;\n /\n ActionButtons on the right side that stays visible even on mobile\n /\n visibleButtons?: ReactNode \| true;\n /\n Controls if mobile version of Header should be shown, this collapses children into mobile menu\n \n @default undefined, leads to usage useMediaQuery(theme.breakpoints.down('lg'))\n /\n mobile?: boolean;\n /\n Controls open/close state of mobile menu\n /\n open?: boolean;\n /\n Function to toggle open state of menu\n /\n setOpen?: (open: boolean) => void;\n /\n Properties applied to toolbar container\n /\n toolbarProps?: ToolbarProps<ElementType>;\n /\n Properties applied to logo wrapper\n /\n logoProps?: BoxProps<ElementType>;\n /\n Properties applied to content wrapper\n /\n contentProps?: BoxProps<ElementType>;\n /\n Properties applied to content wrapper in drawer\n /\n mobileContentProps?: BoxProps<ElementType>;\n /\n Properties applied to button wrapper\n /\n buttonsProps?: BoxProps<ElementType>;\n /\n Properties applied to hamburger menu\n /\n menuButtonProps?: HeaderButtonProps;\n /\n Icon of the hamburger menu\n /\n menuIcon?: ReactNode;\n /\n Icon of the close hamburger menu\n /\n closeMenuIcon?: ReactNode;\n /\n Props applied to mobile drawer\n /\n drawerProps?: DrawerProps;\n}\n\n/\n Component to render Header with navigation and action buttons at the top of the page\n /\nexport const Header: FC<HeaderProps> = forwardRef(\n (\n {\n children,\n logo,\n buttons,\n visibleButtons,\n mobile: propMobile,\n open: propOpen,\n setOpen: propSetOpen,\n inContainer = false,\n toolbarProps,\n logoProps,\n contentProps,\n mobileContentProps,\n buttonsProps,\n menuButtonProps,\n menuIcon,\n closeMenuIcon,\n drawerProps,\n ...rest\n },\n ref,\n ) => {\n const theme = useTheme();\n const downLg = useMediaQuery(theme.breakpoints.down('lg'));\n // determine if mobile condition is controlled or default downLg\n const mobile = propMobile === undefined ? downLg : propMobile;\n const { sx: logoSx, ...restLogo } = logoProps ?? {};\n const { sx: contentSx, ...restContent } = contentProps ?? {};\n const { sx: mobileContentSx, ...restMobileContent } = mobileContentProps ?? {};\n const { sx: buttonsSx, ...restButtons } = buttonsProps ?? {};\n const { sx: drawerSx, slotProps: drawerSlotProps, ...restDrawer } = drawerProps ?? {};\n const { paper: drawerPaperProps, backdrop: drawerBackdropProps, ...restDrawerSlotProps } = drawerSlotProps ?? {};\n const { sx: drawerPaperSx, ...restDrawerPaper } = (drawerPaperProps as PaperProps) ?? {};\n const { sx: drawerBackdropSx, ...restDrawerBackdrop } = (drawerBackdropProps as BackdropProps) ?? {};\n const [rawOpen, rawSetOpen] = useState(false);\n const open = propOpen ?? rawOpen;\n const setOpen: React.Dispatch<React.SetStateAction<boolean>> = propSetOpen ?? rawSetOpen;\n\n /\n Process child nodes\n */\n const [processedChildren, processedButtons, drawerButtons] = useMemo(() => {\n function flatten(nodes, extend, keyid) {\n const result = [];\n Children.forEach(nodes, (child, idx) => {\n if (child?.type === Fragment) {\n result.push(...flatten(child.props.children, extend, `${keyid}-n`));\n } else if (\n isValidElement(child) &&\n [\n HeaderButton,\n HeaderLanguageSelect,\n HeaderNavigationLink,\n HeaderNavigationHero,\n HeaderNavigationMenu,\n ].includes(child?.type as FC) &&\n extend\n ) {\n result.push(\n cloneElement(child, {\n extend: true,\n key: `${keyid}-${idx}`,\n } as HeaderButtonProps),\n );\n } else {\n if (typeof child === 'string') {\n result.push(child);\n } else {\n result.push(cloneElement(child, { key: `${keyid}-${idx}` }));\n }\n }\n });\n return result?.length ? result : undefined;\n }\n\n const flattenedChildren = flatten(children, mobile, 'children');\n // check if we have visibleButtons property\n if (visibleButtons) {\n const flattenedVisibleButtons =\n visibleButtons === true ? undefined : flatten(visibleButtons, false, 'visibleButtons');\n const flattenedRestButtons = flatten(buttons, mobile, 'restButton');\n // mobile\n if (mobile) {\n // split visible buttons and put buttons in drawer\n return [flattenedChildren, flattenedVisibleButtons, flattenedRestButtons];\n } else {\n // on PC, all buttons are visible\n return [flattenedChildren, [...(flattenedVisibleButtons \|\| []), ...(flattenedRestButtons \|\| [])], undefined];\n }\n } else {\n // in case visibleButtons property is not provided, do not put buttons into drawer at all\n return [flattenedChildren, flatten(buttons, false, 'buttons'), undefined];\n }\n }, [children, visibleButtons, buttons, mobile]);\n\n return (\n <>\n <AppBar ref={ref} data-testid=\"Header\" {...rest}>\n <Toolbar disableGutters={!inContainer} {...toolbarProps}>\n {logo && (\n <Box\n data-testid=\"Header.logo\"\n sx={sxOverride(\n {\n color: theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.tertiary',\n flexShrink: '0',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-start',\n // restyle wrapper link, same style is applied in HeaderLogo\n '& .MuiLink-root': {\n display: 'block',\n position: 'relative',\n py: 1,\n // add proper focus ring\n ...getFocusRingStyle(theme),\n // remove default link box shadow\n '&.Mui-focusVisible': {\n boxShadow: 'none',\n },\n },\n '& .MuiSvgIcon-root': {\n display: 'block',\n },\n },\n logoSx,\n )}\n {...restLogo}\n >\n {logo}\n </Box>\n )}\n <Box\n sx={sxOverride(\n {\n minWidth: '0',\n flexGrow: '1',\n alignSelf: 'stretch',\n display: 'flex',\n alignItems: 'stretch',\n justifyContent: 'flex-start',\n gap: { lg: 2, xl: 4 },\n ...(!mobile &&\n logo && {\n // increase size between logo and nav\n pl: 4,\n }),\n // move directly into border\n mb: '-1px',\n },\n contentSx,\n )}\n data-testid=\"Header.nav\"\n {...restContent}\n >\n {!mobile && processedChildren}\n </Box>\n {(processedButtons \|\| (mobile && (processedChildren \|\| drawerButtons))) && (\n <Box\n sx={sxOverride(\n {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-end',\n gap: 0.25,\n mr: { xs: -1, lg: 0 },\n },\n buttonsSx,\n )}\n data-testid=\"Header.btns\"\n {...restButtons}\n >\n {processedButtons}\n {mobile && (processedChildren \|\| drawerButtons) && (\n <HeaderButton\n key=\"menu\"\n aria-label=\"Toggle menu\"\n extend={false}\n onClick={() => setOpen((prev: boolean) => !prev)}\n {...menuButtonProps}\n >\n {open ? closeMenuIcon \|\| <CloseIcon /> : menuIcon \|\| <MenuIcon />}\n </HeaderButton>\n )}\n </Box>\n )}\n </Toolbar>\n </AppBar>\n {mobile && (processedChildren \|\| drawerButtons) && (\n <Drawer\n disablePortal\n disableEnforceFocus\n disableAutoFocus\n anchor=\"top\"\n open={open}\n onClose={() => setOpen(false)}\n sx={sxOverride(\n {\n // bellow Header, above SecondaryNavigation\n zIndex: theme.zIndex.appBar - 10,\n // header offset\n top: theme.mixins.toolbar.minHeight,\n bottom: 'auto',\n height: `calc(100vh - ${theme.mixins.toolbar.minHeight})`,\n // adjust position\n position: 'absolute',\n },\n drawerSx,\n )}\n slotProps={{\n backdrop: {\n sx: sxOverride(\n {\n position: 'absolute',\n },\n drawerBackdropSx,\n ),\n ...restDrawerBackdrop,\n },\n paper: {\n sx: sxOverride(\n {\n position: 'absolute',\n height: '100%',\n display: 'grid',\n gridTemplateRows: 'auto max-content',\n },\n drawerPaperSx,\n ),\n ...restDrawerPaper,\n },\n ...restDrawerSlotProps,\n }}\n {...restDrawer}\n >\n <Box\n sx={sxOverride(\n {\n p: 2,\n overflow: 'auto',\n },\n mobileContentSx,\n )}\n data-testid=\"Header.mobilenav\"\n {...restMobileContent}\n >\n {processedChildren}\n </Box>\n {drawerButtons && (\n <Box sx={{ p: 2, pt: 0 }}>\n <Box\n sx={{\n pt: 0.75,\n display: 'flex',\n flexDirection: 'column-reverse',\n alignItems: 'stretch',\n justifyContent: 'flex-start',\n // border from appbar.theme.ts\n borderTop: 1,\n borderColor: theme.palette.mode === 'dark' ? 'onSurface.os700' : 'surface.secondary',\n }}\n >\n {drawerButtons}\n </Box>\n </Box>\n )}\n </Drawer>\n )}\n </>\n );\n },\n);\n"],"names":["Header","forwardRef","children","logo","buttons","visibleButtons","mobile","propMobile","open","propOpen","setOpen","propSetOpen","inContainer","toolbarProps","logoProps","contentProps","mobileContentProps","buttonsProps","menuButtonProps","menuIcon","closeMenuIcon","drawerProps","rest","ref","theme","useTheme","downLg","useMediaQuery","breakpoints","down","undefined","sx","logoSx","restLogo","contentSx","restContent","mobileContentSx","restMobileContent","buttonsSx","restButtons","drawerSx","slotProps","drawerSlotProps","restDrawer","paper","drawerPaperProps","backdrop","drawerBackdropProps","restDrawerSlotProps","drawerPaperSx","restDrawerPaper","drawerBackdropSx","restDrawerBackdrop","rawOpen","rawSetOpen","useState","processedChildren","processedButtons","drawerButtons","useMemo","flatten","nodes","extend","keyid","result","Children","forEach","child","idx","type","Fragment","push","props","isValidElement","HeaderButton","HeaderLanguageSelect","HeaderNavigationLink","HeaderNavigationHero","HeaderNavigationMenu","includes","cloneElement","key","length","flattenedChildren","flattenedVisibleButtons","flattenedRestButtons","_jsxs","_Fragment","_jsx","AppBar","Toolbar","disableGutters","Box","sxOverride","color","palette","mode","flexShrink","display","alignItems","justifyContent","position","py","getFocusRingStyle","boxShadow","minWidth","flexGrow","alignSelf","gap","lg","xl","pl","mb","mr","xs","onClick","prev","CloseIcon","MenuIcon","Drawer","disablePortal","disableEnforceFocus","disableAutoFocus","anchor","onClose","zIndex","appBar","top","mixins","toolbar","minHeight","bottom","height","gridTemplateRows","p","overflow","pt","flexDirection","borderTop","borderColor"],"mappings":"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"}

package/cjs/components/header/HeaderButton.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),s=require("react"),i=require("@mui/material"),r=require("../focusring/focusring.js"),a=require("../../materialui/button/interactive.js");const n=s.forwardRef((s,n)=>{var{children:o,sx:c,label:l,extend:d,tooltipProps:u,badgeProps:g}=s,b=e.__rest(s,["children","sx","label","extend","tooltipProps","badgeProps"]);const j=i.useTheme(),x=null!=u?u:{},{title:p}=x,f=e.__rest(x,["title"]);return d?t.jsxs(i.ButtonBase,Object.assign({sx:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},j.typography.list),{display:"flex",alignItems:"center",justifyContent:"flex-start",gap:1.25,py:1.5,px:1.25,"& .MuiSvgIcon-root":{fontSize:"17px"},"&.Mui-disabled":{color:"disabled.tertiary"}}),a.getInteractiveStyle({fontWeight:"300"},{fontWeight:"700"})),r.getFocusRingStyle(j)),{"&&:before":{borderRadius:"4px"}}),c),ref:n,"data-testid":"HeaderButton"},b,{children:[t.jsx(i.Badge,Object.assign({},g,{children:o})),l||p]})):t.jsx(i.Tooltip,Object.assign({title:l||p},f,{children:t.jsx(i.IconButton,Object.assign({sx:c,size:"medium",ref:n,"data-testid":"HeaderButton"},b,{children:t.jsx(i.Badge,Object.assign({},g,{children:o}))}))}))});exports.HeaderButton=n;
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("@mui/material"),i=require("../focusring/focusring.js"),s=require("../../materialui/button/interactive.js"),o=require("../../utils/sxOverride/sxOverride.js");const a=t.forwardRef(({children:t,sx:a,label:n,extend:d,tooltipProps:u,badgeProps:l,...c},x)=>{const g=r.useTheme(),{title:f,...p}=u??{};return d?e.jsxs(r.ButtonBase,{sx:o.sxOverride({...g.typography.list,display:"flex",alignItems:"center",justifyContent:"flex-start",gap:1.25,py:1.5,px:1.25,"& .MuiSvgIcon-root":{fontSize:"17px"},"&.Mui-disabled":{color:"disabled.tertiary"},...s.getInteractiveStyle({fontWeight:"300"},{fontWeight:"700"}),...i.getFocusRingStyle(g),"&&:before":{borderRadius:"4px"}},a),ref:x,"data-testid":"HeaderButton",...c,children:[e.jsx(r.Badge,{...l,children:t}),n||f]}):e.jsx(r.Tooltip,{title:n||f,...p,children:e.jsx(r.IconButton,{sx:a,size:"medium",ref:x,"data-testid":"HeaderButton",...c,children:e.jsx(r.Badge,{...l,children:t})})})});exports.HeaderButton=a;
 //# sourceMappingURL=HeaderButton.js.map