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

@skodaflow/web-library 8.1.0 → 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 (398) hide show

package/cjs/components/carousel/Pagination.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Pagination.js","sources":["../../../../../src/components/carousel/Pagination.tsx"],"sourcesContent":["import React, { ElementType, forwardRef, useEffect, useMemo, useState, useRef } from 'react';\nimport { Box, BoxProps, Button, ButtonProps, Slider, SliderProps } from '@mui/material';\nimport { useCarousel } from './hooks';\nimport type { Swiper as CarouselInstance } from 'swiper';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\nimport { SliderContainer } from '@/src/materialui/slider/SliderContainer';\n\nexport interface CarouselPaginationVariantProps extends Omit<BoxProps<ElementType>, 'children' \| 'position'> {\n /*\n Carousel instance from useCarousel hook\n /\n carousel: CarouselInstance;\n}\nexport interface CarouselPaginationDotsProps extends CarouselPaginationVariantProps {\n variant?: 'dots';\n /\n Properties applied to wrapper of dots\n /\n dotsWrapperProps?: BoxProps<ElementType>;\n /\n Properties applied to each dot\n /\n dotProps?: BoxProps<ElementType>;\n}\nexport interface CarouselPaginationFractionProps extends CarouselPaginationVariantProps {\n variant?: 'fraction';\n /\n Properties applied to button used to render text\n /\n buttonProps?: ButtonProps;\n}\nexport interface CarouselPaginationLinesProps extends CarouselPaginationVariantProps {\n variant?: 'lines';\n /\n Properties applied to each line\n /\n linesProps?: ButtonProps;\n /\n Show progress in active line instead\n /\n lineProgress?: number;\n /\n Properties applied to active line progress\n /\n lineProgressProps?: BoxProps<ElementType>;\n}\nexport interface CarouselPaginationSliderProps extends CarouselPaginationVariantProps {\n variant?: 'slider';\n /\n Properties applied to Slider\n /\n sliderProps?: SliderProps;\n}\nexport interface CarouselPaginationScrollbarProps extends CarouselPaginationVariantProps {\n variant?: 'scrollbar';\n /\n Properties applied to Slider\n /\n sliderProps?: SliderProps;\n}\nexport interface CarouselPaginationBaseProps {\n /\n Optional Carousel instance from useCarouselInstance hook\n /\n carousel?: CarouselInstance;\n /\n Append style to wrapper box to change position of control\n * @default outside\n /\n position?: 'outside' \| 'inside';\n}\nexport type CarouselPaginationProps = CarouselPaginationBaseProps &\n (\n \| Omit<CarouselPaginationDotsProps, 'carousel'>\n \| Omit<CarouselPaginationFractionProps, 'carousel'>\n \| Omit<CarouselPaginationLinesProps, 'carousel'>\n \| Omit<CarouselPaginationSliderProps, 'carousel'>\n \| Omit<CarouselPaginationScrollbarProps, 'carousel'>\n );\n\n/\n Pagination controls\n /\nexport const CarouselPagination: React.FC<CarouselPaginationProps> = forwardRef(\n ({ carousel: carouselProp, position, variant, sx, ...rest }, ref) => {\n const carouselHook = useCarousel();\n const carousel = carouselProp \|\| carouselHook;\n // decide on component used\n const VariantComponent = useMemo(() => {\n switch (variant) {\n case 'scrollbar':\n return ScrollbarVariant;\n case 'slider':\n return SliderVariant;\n case 'fraction':\n return FractionVariant;\n case 'lines':\n return LinesVariant;\n case 'dots':\n return DotsVariant;\n default:\n return DotsVariant;\n }\n }, [variant]);\n\n return (\n <VariantComponent\n carousel={carousel}\n sx={{\n ...(position === 'inside' && {\n position: 'absolute',\n zIndex: '90',\n bottom: '0',\n left: '0',\n right: '0',\n }),\n ...sx,\n }}\n ref={ref}\n position={position}\n {...rest}\n />\n );\n },\n);\n\n/\n Dots variant (...)\n /\nexport const DotsVariant: React.FC<CarouselPaginationDotsProps> = forwardRef(\n ({ carousel, dotsWrapperProps, dotProps, position, sx, ...rest }, ref) => {\n const { sx: dotsWrapperSx, ...restDotsWrapper } = dotsWrapperProps ?? {};\n const { sx: dotSx, ...restDot } = dotProps ?? {};\n\n return (\n <Box\n sx={{\n p: 2,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n ...sx,\n }}\n ref={ref}\n {...rest}\n >\n <Box\n sx={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n borderRadius: '1000px',\n py: 0.5,\n px: 1,\n gap: 0.5,\n // ensure width does not change during transition\n // dots width space + gap space + extra active dot space + padding\n width: `${(carousel?.slides.length \|\| 0) 12 + ((carousel?.slides.length \|\| 1) - 1) * 4 + 4 + 16}px`,\n // on image variant from Figma\n ...(position === 'inside' && {\n backgroundColor: (theme) => (theme.palette.mode === 'dark' ? 'surface.primary' : 'transparent.backdrop'),\n }),\n ...dotsWrapperSx,\n }}\n {...restDotsWrapper}\n >\n {[...new Array(carousel?.slides.length \|\| 0)].map((_, idx) => (\n <Box\n key={idx}\n className={\n !carousel?.params?.loop && carousel?.isEnd && idx === (carousel?.slides.length \|\| 0) - 1\n ? 'active'\n : (!carousel?.isEnd \|\| carousel.params?.loop) && idx === carousel?.realIndex\n ? 'active'\n : undefined\n }\n sx={{\n p: '0',\n width: '12px',\n height: '12px',\n // scale to 8px\n transform: 'scale(0.6667)',\n borderRadius: '100%',\n backgroundColor: 'onSurface.os500',\n transition: 'transform 0.3s ease-out, background-color 0.3s ease-out, margin 0.3s ease-out',\n '&.active': {\n transform: 'scale(1)',\n backgroundColor: 'text.primary',\n margin: '0 2px',\n },\n ...dotSx,\n }}\n {...restDot}\n />\n ))}\n </Box>\n </Box>\n );\n },\n);\n\n/*\n Fraction variant (text 1/3)\n /\nexport const FractionVariant: React.FC<CarouselPaginationFractionProps> = forwardRef(\n ({ carousel, buttonProps, position, sx, ...rest }, ref) => {\n const { sx: buttonSx, ...restButton } = buttonProps ?? {};\n\n return (\n <Box\n sx={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n // space is needed for focus overflow\n p: 2,\n ...sx,\n }}\n ref={ref}\n {...rest}\n >\n <Button\n variant=\"text\"\n aria-controls=\"carousel\"\n sx={{\n px: 2,\n py: 0.25,\n borderRadius: '4px',\n // custom typography according to Figma (Pagination/Compact)\n fontSize: '18px',\n lineHeight: '28px',\n letterSpacing: '0.02em',\n ...getInteractiveStyle(\n {\n backgroundColor: 'transparent.backdrop',\n },\n {\n backgroundColor: 'onSurface.os100',\n },\n ),\n ...buttonSx,\n }}\n onClick={() =>\n // at the end, slide to beginning\n carousel?.isEnd && !carousel.params?.loop ? carousel?.slideTo(0) : carousel?.slideNext()\n }\n {...restButton}\n >\n <Box component=\"span\">\n <Box component=\"span\" sx={{ fontWeight: '700', color: 'onSurface.os900' }}>\n {`${(carousel?.realIndex \|\| 0) + 1}`}\n </Box>\n <Box component=\"span\" sx={{ color: 'onSurface.os700', fontWeight: '400', mx: 0.5 }}>\n {' / '}\n </Box>\n <Box component=\"span\" sx={{ color: 'onSurface.os700', fontWeight: '300' }}>\n {`${carousel?.slides.length \|\| 0}`}\n </Box>\n </Box>\n </Button>\n </Box>\n );\n },\n);\n\n/\n Lines variant (- - -)\n /\nexport const LinesVariant: React.FC<CarouselPaginationLinesProps> = forwardRef(\n ({ carousel, sx, linesProps, lineProgress, lineProgressProps, position, ...rest }, ref) => {\n const { sx: lineSx, ...lineRest } = linesProps ?? {};\n const { sx: lineProgressSx, ...lineProgressRest } = lineProgressProps ?? {};\n\n return (\n <Box\n sx={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: { xs: 'stretch', md: 'center' },\n flexGrow: { xs: '1', md: '0' },\n gap: 1,\n // space is needed for focus overflow\n p: 2,\n ...sx,\n }}\n ref={ref}\n {...rest}\n >\n {[...new Array(carousel?.slides.length \|\| 0)].map((_, idx) => {\n const active =\n (!carousel?.params?.loop && carousel?.isEnd && idx === (carousel?.slides.length \|\| 0) - 1) \|\|\n ((!carousel?.isEnd \|\| carousel.params?.loop) && idx === carousel?.realIndex);\n const seen = idx <= (carousel?.realIndex \|\| 0);\n\n return (\n <Button\n key={idx}\n color=\"inherit\"\n className={active ? 'active' : undefined}\n sx={{\n p: 0,\n minHeight: '0',\n height: active \|\| seen ? '8px' : '4px',\n borderRadius: active \|\| seen ? '4px' : '2px',\n width: { xs: 'auto', md: '56px' },\n flexGrow: { xs: '1', md: '0' },\n justifyContent: 'flex-start',\n ...getInteractiveStyle(\n {\n backgroundColor: 'surface.primary',\n '& .progress-line': {\n backgroundColor: 'brand.secondary',\n },\n },\n {\n backgroundColor: 'surface.secondary',\n '& .progress-line': {\n backgroundColor: 'brandHover.secondary',\n },\n },\n ),\n ...lineSx,\n }}\n aria-controls=\"carousel\"\n onClick={() => carousel?.[carousel.params?.loop ? 'slideToLoop' : 'slideTo'](idx)}\n {...lineRest}\n >\n <Box\n sx={{\n // invisible hitbox expanding clickable area\n position: 'absolute',\n top: '50%',\n left: '0',\n right: '0',\n height: '24px', // Minimum a11y click area\n transform: 'translateY(-50%)',\n pointerEvents: 'auto',\n }}\n />\n <Box sx={{ borderRadius: '4px', height: '100%', width: '100%', overflow: 'hidden' }}>\n <Box\n className=\"progress-line\"\n role={active ? 'progressbar' : undefined} // Only the active one gets a role\n aria-valuenow={active ? lineProgress : undefined}\n aria-valuemin={0}\n aria-valuemax={100}\n sx={{\n opacity: lineProgress !== undefined \|\| seen ? '1' : '0',\n width: '100%',\n backgroundColor: 'brand.secondary',\n height: '100%',\n transformOrigin: 'left',\n transform: `scaleX(${lineProgress !== undefined && active ? lineProgress / 100 : seen ? 1 : 0})`,\n transition: `${lineProgress !== undefined ? 'transform 300ms ease-in-out, ' : ''}opacity 300ms ease-out, background-color 300ms ease-out`,\n ...lineProgressSx,\n }}\n {...lineProgressRest}\n />\n </Box>\n </Button>\n );\n })}\n </Box>\n );\n },\n);\n\n/\n Slider variant (___)\n /\nexport const SliderVariant: React.FC<CarouselPaginationSliderProps> = forwardRef(\n ({ carousel, sliderProps, sx, progressProps: __, position, ...rest }, ref) => {\n const { sx: sliderSx, ...restSlider } = sliderProps ?? {};\n // slider current value that might not match carousel progress\n const [value, setValue] = useState<number>(Math.round((carousel?.progress \|\| 0) 100));\n // watch user manipulating slider\n const dragging = useRef<boolean>(false);\n const [, setRerender] = useState({});\n // monitor carousel progress to update slider value\n useEffect(() => {\n if (!dragging.current) {\n setValue(Math.round((carousel?.progress \|\| 0) * 100));\n }\n }, [carousel?.progress]);\n // extra monitor of states\n useEffect(() => {\n if (carousel) {\n const handleMove = () => {\n if (!dragging.current) {\n setRerender({});\n }\n };\n\n // monitor of movement to immediately move thumb\n carousel.on('sliderMove', handleMove);\n\n return () => {\n carousel.off('sliderMove', handleMove);\n };\n }\n }, [carousel]);\n\n return (\n <Box sx={{ my: 2, ...sx }} ref={ref} {...rest}>\n <Slider\n value={value}\n min={0}\n max={100}\n onChange={(_, newValue: number) => {\n // prevent value updates from carousel progress\n dragging.current = true;\n // smoothly move carousel\n carousel?.setProgress(newValue / 100, 150);\n // update slider value\n setValue(newValue);\n }}\n onChangeCommitted={() => {\n // make sure to slide to correct position after user stop touching slider\n carousel?.slideToClosest(300);\n // enable changing value from carousel progress\n dragging.current = false;\n }}\n sx={{\n display: 'block',\n // from 6px to 4px\n height: '4px',\n // keep 32px height\n py: '14px',\n // restyle to less prominent variant\n '.MuiSlider-rail': {\n color: 'surface.primary',\n },\n '.MuiSlider-track': {\n color: 'onSurface.os500',\n // match transition speed of carousel\n transitionDuration: `${carousel?.params?.speed ?? 300}ms`,\n },\n // hide control thumb\n '.MuiSlider-thumb': {\n display: 'none',\n },\n ...sliderSx,\n }}\n aria-controls=\"carousel\"\n {...restSlider}\n />\n </Box>\n );\n },\n);\n\n/*\n Scrollbar variant (_--)\n /\nexport const ScrollbarVariant: React.FC<CarouselPaginationSliderProps> = forwardRef(\n ({ carousel, sliderProps, position, ...rest }, ref) => {\n const { sx: sliderSx, ...restSlider } = sliderProps ?? {};\n // watch states\n const [carouselDragging, setCarouselDragging] = useState<boolean>(false);\n const [, setRerender] = useState({});\n // extra monitor of states\n useEffect(() => {\n if (carousel) {\n const handleDragStart = () => setCarouselDragging(true);\n const handleDragEnd = () => setCarouselDragging(false);\n const handleResize = () => setRerender({});\n\n // monitor of dragging to remove thumb transition for immediate feedback\n carousel.on('touchStart', handleDragStart);\n carousel.on('touchEnd', handleDragEnd);\n // monitor resize to change size of the thumb\n carousel.on('resize', handleResize);\n\n return () => {\n carousel.off('touchStart', handleDragStart);\n carousel.off('touchEnd', handleDragEnd);\n carousel.off('resize', handleResize);\n };\n }\n }, [carousel]);\n // calculate size of the thumb based on the visible content and full content\n const thumbSize = useMemo<number>(() => {\n if (carousel?.wrapperEl?.scrollWidth && carousel?.width) {\n const size = Math.ceil(carousel?.width * 2 / carousel?.wrapperEl?.scrollWidth);\n return Math.max(size, 40);\n }\n return 40;\n }, [carousel?.wrapperEl?.scrollWidth, carousel?.width]);\n\n return (\n <SliderVariant\n ref={ref}\n carousel={carousel}\n component={SliderContainer}\n thumbSize={thumbSize}\n sliderProps={{\n // prevent selection via keyboard, Carousel can be already controlled with Keyboard, and we are not showing focus ring\n tabIndex: -1,\n // remove valueLabel tooltip above thumb\n valueLabelDisplay: 'off',\n sx: {\n // restyle to match scrollbar\n '.MuiSlider-rail, .MuiSlider-track': {\n color: 'surface.primary',\n },\n '.MuiSlider-thumb': {\n display: 'flex',\n width: `${thumbSize}px`,\n maxWidth: 'none',\n height: '4px',\n border: 'none',\n backgroundColor: 'onSurface.os500',\n // hitbox target\n '&:after': {\n width: `${thumbSize}px`,\n },\n // match transition speed of carousel\n ...(!carouselDragging && {\n transition: `left ${carousel?.params?.speed ?? 300}ms ease-out`,\n }),\n // remove focus style\n '&.Mui-focusVisible': {\n boxShadow: 'none',\n '&:before': {\n content: 'none',\n },\n },\n },\n ...sliderSx,\n },\n ...restSlider,\n }}\n {...rest}\n />\n );\n },\n);\n"],"names":["CarouselPagination","forwardRef","carousel","carouselProp","position","variant","sx","rest","ref","carouselHook","useCarousel","VariantComponent","useMemo","ScrollbarVariant","SliderVariant","FractionVariant","LinesVariant","DotsVariant","_jsx","zIndex","bottom","left","right","dotsWrapperProps","dotProps","dotsWrapperSx","restDotsWrapper","dotSx","restDot","Box","p","display","alignItems","justifyContent","borderRadius","py","px","gap","width","slides","length","backgroundColor","theme","palette","mode","children","Array","map","_","idx","className","params","loop","isEnd","realIndex","undefined","height","transform","transition","margin","buttonProps","buttonSx","restButton","Button","fontSize","lineHeight","letterSpacing","getInteractiveStyle","onClick","slideTo","slideNext","_jsxs","component","fontWeight","color","mx","linesProps","lineProgress","lineProgressProps","lineSx","lineRest","lineProgressSx","lineProgressRest","xs","md","flexGrow","active","seen","minHeight","top","pointerEvents","overflow","role","opacity","transformOrigin","sliderProps","progressProps","__","sliderSx","restSlider","value","setValue","useState","Math","round","progress","dragging","useRef","setRerender","useEffect","current","handleMove","on","off","my","Slider","min","max","onChange","newValue","setProgress","onChangeCommitted","slideToClosest","transitionDuration","speed","carouselDragging","setCarouselDragging","handleDragStart","handleDragEnd","handleResize","thumbSize","wrapperEl","scrollWidth","size","ceil","SliderContainer","tabIndex","valueLabelDisplay","maxWidth","border","boxShadow","content"],"mappings":"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"}
1	+ {"version":3,"file":"Pagination.js","sources":["../../../../../src/components/carousel/Pagination.tsx"],"sourcesContent":["import React, { ElementType, forwardRef, useEffect, useMemo, useState, useRef } from 'react';\nimport { Box, BoxProps, Button, ButtonProps, Slider, SliderProps } from '@mui/material';\nimport { sxOverride } from '@/src/utils/sxOverride';\nimport { useCarousel } from './hooks';\nimport type { Swiper as CarouselInstance } from 'swiper';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\nimport { SliderContainer } from '@/src/materialui/slider/SliderContainer';\n\nexport interface CarouselPaginationVariantProps extends Omit<BoxProps<ElementType>, 'children' \| 'position'> {\n /*\n Carousel instance from useCarousel hook\n /\n carousel: CarouselInstance;\n}\nexport interface CarouselPaginationDotsProps extends CarouselPaginationVariantProps {\n variant?: 'dots';\n /\n Properties applied to wrapper of dots\n /\n dotsWrapperProps?: BoxProps<ElementType>;\n /\n Properties applied to each dot, or a factory receiving the dot index\n /\n dotProps?: BoxProps<ElementType> \| ((index: number, active: boolean) => BoxProps<ElementType>);\n}\nexport interface CarouselPaginationFractionProps extends CarouselPaginationVariantProps {\n variant?: 'fraction';\n /\n Properties applied to button used to render text\n /\n buttonProps?: ButtonProps;\n}\nexport interface CarouselPaginationLinesProps extends CarouselPaginationVariantProps {\n variant?: 'lines';\n /\n Properties applied to each line, or a factory receiving the line index\n /\n linesProps?: ButtonProps \| ((index: number, active: boolean) => ButtonProps);\n /\n Show progress in active line instead\n /\n lineProgress?: number;\n /\n Properties applied to active line progress, or a factory receiving the line index\n /\n lineProgressProps?: BoxProps<ElementType> \| ((index: number, active: boolean) => BoxProps<ElementType>);\n}\nexport interface CarouselPaginationSliderProps extends CarouselPaginationVariantProps {\n variant?: 'slider';\n /\n Properties applied to Slider\n /\n sliderProps?: SliderProps;\n}\nexport interface CarouselPaginationScrollbarProps extends CarouselPaginationVariantProps {\n variant?: 'scrollbar';\n /\n Properties applied to Slider\n /\n sliderProps?: SliderProps;\n}\nexport interface CarouselPaginationBaseProps {\n /\n Optional Carousel instance from useCarouselInstance hook\n /\n carousel?: CarouselInstance;\n /\n Append style to wrapper box to change position of control\n * @default outside\n /\n position?: 'outside' \| 'inside';\n}\nexport type CarouselPaginationProps = CarouselPaginationBaseProps &\n (\n \| Omit<CarouselPaginationDotsProps, 'carousel'>\n \| Omit<CarouselPaginationFractionProps, 'carousel'>\n \| Omit<CarouselPaginationLinesProps, 'carousel'>\n \| Omit<CarouselPaginationSliderProps, 'carousel'>\n \| Omit<CarouselPaginationScrollbarProps, 'carousel'>\n );\n\n/\n Pagination controls\n /\nexport const CarouselPagination: React.FC<CarouselPaginationProps> = forwardRef(\n ({ carousel: carouselProp, position, variant, sx, ...rest }, ref) => {\n const carouselHook = useCarousel();\n const carousel = carouselProp \|\| carouselHook;\n // decide on component used\n const VariantComponent = useMemo(() => {\n switch (variant) {\n case 'scrollbar':\n return ScrollbarVariant;\n case 'slider':\n return SliderVariant;\n case 'fraction':\n return FractionVariant;\n case 'lines':\n return LinesVariant;\n case 'dots':\n return DotsVariant;\n default:\n return DotsVariant;\n }\n }, [variant]);\n\n return (\n <VariantComponent\n carousel={carousel}\n sx={sxOverride(\n {\n ...(position === 'inside' && {\n position: 'absolute',\n zIndex: '90',\n bottom: '0',\n left: '0',\n right: '0',\n }),\n },\n sx,\n )}\n ref={ref}\n position={position}\n {...rest}\n />\n );\n },\n);\n\n/\n Dots variant (...)\n /\nexport const DotsVariant: React.FC<CarouselPaginationDotsProps> = forwardRef(\n ({ carousel, dotsWrapperProps, dotProps, position, sx, ...rest }, ref) => {\n const { sx: dotsWrapperSx, ...restDotsWrapper } = dotsWrapperProps ?? {};\n\n return (\n <Box\n sx={sxOverride(\n {\n p: 2,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n },\n sx,\n )}\n ref={ref}\n {...rest}\n >\n <Box\n sx={sxOverride(\n {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n borderRadius: '1000px',\n py: 0.5,\n px: 1,\n gap: 0.5,\n // ensure width does not change during transition\n // dots width space + gap space + extra active dot space + padding\n width: `${(carousel?.slides.length \|\| 0) 12 + ((carousel?.slides.length \|\| 1) - 1) * 4 + 4 + 16}px`,\n // on image variant from Figma\n ...(position === 'inside' && {\n backgroundColor: (theme) =>\n theme.palette.mode === 'dark' ? 'surface.primary' : 'transparent.backdrop',\n }),\n },\n dotsWrapperSx,\n )}\n {...restDotsWrapper}\n >\n {carousel?.slides?.map((_, idx) => {\n const active =\n (!carousel?.params?.loop && carousel?.isEnd && idx === (carousel?.slides.length \|\| 0) - 1) \|\|\n ((!carousel?.isEnd \|\| carousel.params?.loop) && idx === carousel?.realIndex);\n const { sx: dotSx, ...restDot } = (typeof dotProps === 'function' ? dotProps(idx, active) : dotProps) ?? {};\n\n return (\n <Box\n key={idx}\n className={active ? 'active' : undefined}\n sx={sxOverride(\n {\n p: '0',\n width: '12px',\n height: '12px',\n // scale to 8px\n transform: 'scale(0.6667)',\n borderRadius: '100%',\n backgroundColor: 'onSurface.os500',\n transition: 'transform 0.3s ease-out, background-color 0.3s ease-out, margin 0.3s ease-out',\n '&.active': {\n transform: 'scale(1)',\n backgroundColor: 'text.primary',\n margin: '0 2px',\n },\n },\n dotSx,\n )}\n {...restDot}\n />\n );\n })}\n </Box>\n </Box>\n );\n },\n);\n\n/*\n Fraction variant (text 1/3)\n /\nexport const FractionVariant: React.FC<CarouselPaginationFractionProps> = forwardRef(\n ({ carousel, buttonProps, position, sx, ...rest }, ref) => {\n const { sx: buttonSx, ...restButton } = buttonProps ?? {};\n\n return (\n <Box\n sx={sxOverride(\n {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n // space is needed for focus overflow\n p: 2,\n },\n sx,\n )}\n ref={ref}\n {...rest}\n >\n <Button\n variant=\"text\"\n aria-controls=\"carousel\"\n sx={sxOverride(\n {\n px: 2,\n py: 0.25,\n borderRadius: '4px',\n // custom typography according to Figma (Pagination/Compact)\n fontSize: '18px',\n lineHeight: '28px',\n letterSpacing: '0.02em',\n ...getInteractiveStyle(\n {\n backgroundColor: 'transparent.backdrop',\n },\n {\n backgroundColor: 'onSurface.os100',\n },\n ),\n },\n buttonSx,\n )}\n onClick={() =>\n // at the end, slide to beginning\n carousel?.isEnd && !carousel.params?.loop ? carousel?.slideTo(0) : carousel?.slideNext()\n }\n {...restButton}\n >\n <Box component=\"span\">\n <Box component=\"span\" sx={{ fontWeight: '700', color: 'onSurface.os900' }}>\n {`${(carousel?.realIndex \|\| 0) + 1}`}\n </Box>\n <Box component=\"span\" sx={{ color: 'onSurface.os700', fontWeight: '400', mx: 0.5 }}>\n {' / '}\n </Box>\n <Box component=\"span\" sx={{ color: 'onSurface.os700', fontWeight: '300' }}>\n {`${carousel?.slides.length \|\| 0}`}\n </Box>\n </Box>\n </Button>\n </Box>\n );\n },\n);\n\n/\n Lines variant (- - -)\n /\nexport const LinesVariant: React.FC<CarouselPaginationLinesProps> = forwardRef(\n ({ carousel, sx, linesProps, lineProgress, lineProgressProps, position, ...rest }, ref) => {\n return (\n <Box\n sx={sxOverride(\n {\n display: 'flex',\n alignItems: 'center',\n justifyContent: { xs: 'stretch', md: 'center' },\n flexGrow: { xs: '1', md: '0' },\n gap: 1,\n // space is needed for focus overflow\n p: 2,\n },\n sx,\n )}\n ref={ref}\n {...rest}\n >\n {carousel?.slides?.map((_, idx) => {\n const active =\n (!carousel?.params?.loop && carousel?.isEnd && idx === (carousel?.slides.length \|\| 0) - 1) \|\|\n ((!carousel?.isEnd \|\| carousel.params?.loop) && idx === carousel?.realIndex);\n const seen = idx <= (carousel?.realIndex \|\| 0);\n const { sx: lineSx, ...lineRest } =\n (typeof linesProps === 'function' ? linesProps(idx, active) : linesProps) ?? {};\n const { sx: lineProgressSx, ...lineProgressRest } =\n (typeof lineProgressProps === 'function' ? lineProgressProps(idx, active) : lineProgressProps) ?? {};\n\n return (\n <Button\n key={idx}\n color=\"inherit\"\n className={active ? 'active' : undefined}\n sx={sxOverride(\n {\n p: 0,\n minHeight: '0',\n height: active \|\| seen ? '8px' : '4px',\n borderRadius: active \|\| seen ? '4px' : '2px',\n width: { xs: 'auto', md: '56px' },\n flexGrow: { xs: '1', md: '0' },\n justifyContent: 'flex-start',\n ...getInteractiveStyle(\n {\n backgroundColor: 'surface.primary',\n '& .progress-line': {\n backgroundColor: 'brand.secondary',\n },\n },\n {\n backgroundColor: 'surface.secondary',\n '& .progress-line': {\n backgroundColor: 'brandHover.secondary',\n },\n },\n ),\n },\n lineSx,\n )}\n aria-controls=\"carousel\"\n onClick={() => carousel?.[carousel.params?.loop ? 'slideToLoop' : 'slideTo'](idx)}\n {...lineRest}\n >\n <Box\n sx={{\n // invisible hitbox expanding clickable area\n position: 'absolute',\n top: '50%',\n left: '0',\n right: '0',\n height: '24px', // Minimum a11y click area\n transform: 'translateY(-50%)',\n pointerEvents: 'auto',\n }}\n />\n <Box sx={{ borderRadius: '4px', height: '100%', width: '100%', overflow: 'hidden' }}>\n <Box\n className=\"progress-line\"\n {...(active && {\n role: 'progressbar',\n })}\n {...(active &&\n lineProgress !== undefined && {\n 'aria-valuenow': lineProgress,\n 'aria-valuemin': 0,\n 'aria-valuemax': 100,\n })}\n sx={sxOverride(\n {\n opacity: lineProgress !== undefined \|\| seen ? '1' : '0',\n width: '100%',\n backgroundColor: 'brand.secondary',\n height: '100%',\n transformOrigin: 'left',\n transform: `scaleX(${lineProgress !== undefined && active ? lineProgress / 100 : seen ? 1 : 0})`,\n transition: `${lineProgress !== undefined ? 'transform 300ms ease-in-out, ' : ''}opacity 300ms ease-out, background-color 300ms ease-out`,\n },\n lineProgressSx,\n )}\n {...lineProgressRest}\n />\n </Box>\n </Button>\n );\n })}\n </Box>\n );\n },\n);\n\n/\n Slider variant (___)\n /\nexport const SliderVariant: React.FC<CarouselPaginationSliderProps> = forwardRef(\n ({ carousel, sliderProps, sx, progressProps: __, position, ...rest }, ref) => {\n const { sx: sliderSx, ...restSlider } = sliderProps ?? {};\n // slider current value that might not match carousel progress\n const [value, setValue] = useState<number>(Math.round((carousel?.progress \|\| 0) 100));\n // watch user manipulating slider\n const dragging = useRef<boolean>(false);\n const [, setRerender] = useState({});\n // monitor carousel progress to update slider value\n useEffect(() => {\n if (!dragging.current) {\n setValue(Math.round((carousel?.progress \|\| 0) * 100));\n }\n }, [carousel?.progress]);\n // extra monitor of states\n useEffect(() => {\n if (carousel) {\n const handleMove = () => {\n if (!dragging.current) {\n setRerender({});\n }\n };\n\n // monitor of movement to immediately move thumb\n carousel.on('sliderMove', handleMove);\n\n return () => {\n carousel.off('sliderMove', handleMove);\n };\n }\n }, [carousel]);\n\n return (\n <Box sx={sxOverride({ my: 2 }, sx)} ref={ref} {...rest}>\n <Slider\n value={value}\n min={0}\n max={100}\n onChange={(_, newValue: number) => {\n // prevent value updates from carousel progress\n dragging.current = true;\n // smoothly move carousel\n carousel?.setProgress(newValue / 100, 150);\n // update slider value\n setValue(newValue);\n }}\n onChangeCommitted={() => {\n // make sure to slide to correct position after user stop touching slider\n carousel?.slideToClosest(300);\n // enable changing value from carousel progress\n dragging.current = false;\n }}\n sx={sxOverride(\n {\n display: 'block',\n // from 6px to 4px\n height: '4px',\n // keep 32px height\n py: '14px',\n // restyle to less prominent variant\n '.MuiSlider-rail': {\n color: 'surface.primary',\n },\n '.MuiSlider-track': {\n color: 'onSurface.os500',\n // match transition speed of carousel\n transitionDuration: `${carousel?.params?.speed ?? 300}ms`,\n },\n // hide control thumb\n '.MuiSlider-thumb': {\n display: 'none',\n },\n },\n sliderSx,\n )}\n aria-controls=\"carousel\"\n {...restSlider}\n />\n </Box>\n );\n },\n);\n\n/*\n Scrollbar variant (_--)\n /\nexport const ScrollbarVariant: React.FC<CarouselPaginationSliderProps> = forwardRef(\n ({ carousel, sliderProps, position, ...rest }, ref) => {\n const { sx: sliderSx, ...restSlider } = sliderProps ?? {};\n // watch states\n const [carouselDragging, setCarouselDragging] = useState<boolean>(false);\n const [, setRerender] = useState({});\n // extra monitor of states\n useEffect(() => {\n if (carousel) {\n const handleDragStart = () => setCarouselDragging(true);\n const handleDragEnd = () => setCarouselDragging(false);\n const handleResize = () => setRerender({});\n\n // monitor of dragging to remove thumb transition for immediate feedback\n carousel.on('touchStart', handleDragStart);\n carousel.on('touchEnd', handleDragEnd);\n // monitor resize to change size of the thumb\n carousel.on('resize', handleResize);\n\n return () => {\n carousel.off('touchStart', handleDragStart);\n carousel.off('touchEnd', handleDragEnd);\n carousel.off('resize', handleResize);\n };\n }\n }, [carousel]);\n // calculate size of the thumb based on the visible content and full content\n const thumbSize = useMemo<number>(() => {\n if (carousel?.wrapperEl?.scrollWidth && carousel?.width) {\n const size = Math.ceil(carousel?.width * 2 / carousel?.wrapperEl?.scrollWidth);\n return Math.max(size, 40);\n }\n return 40;\n }, [carousel?.wrapperEl?.scrollWidth, carousel?.width]);\n\n return (\n <SliderVariant\n ref={ref}\n carousel={carousel}\n component={SliderContainer}\n thumbSize={thumbSize}\n sliderProps={{\n // prevent selection via keyboard, Carousel can be already controlled with Keyboard, and we are not showing focus ring\n tabIndex: -1,\n // remove valueLabel tooltip above thumb\n valueLabelDisplay: 'off',\n sx: sxOverride(\n {\n // restyle to match scrollbar\n '.MuiSlider-rail, .MuiSlider-track': {\n color: 'surface.primary',\n },\n '.MuiSlider-thumb': {\n display: 'flex',\n width: `${thumbSize}px`,\n maxWidth: 'none',\n height: '4px',\n border: 'none',\n backgroundColor: 'onSurface.os500',\n // hitbox target\n '&:after': {\n width: `${thumbSize}px`,\n },\n // match transition speed of carousel\n ...(!carouselDragging && {\n transition: `left ${carousel?.params?.speed ?? 300}ms ease-out`,\n }),\n // remove focus style\n '&.Mui-focusVisible': {\n boxShadow: 'none',\n '&:before': {\n content: 'none',\n },\n },\n },\n },\n sliderSx,\n ),\n ...restSlider,\n }}\n {...rest}\n />\n );\n },\n);\n"],"names":["CarouselPagination","forwardRef","carousel","carouselProp","position","variant","sx","rest","ref","carouselHook","useCarousel","VariantComponent","useMemo","ScrollbarVariant","SliderVariant","FractionVariant","LinesVariant","DotsVariant","_jsx","sxOverride","zIndex","bottom","left","right","dotsWrapperProps","dotProps","dotsWrapperSx","restDotsWrapper","Box","p","display","alignItems","justifyContent","children","borderRadius","py","px","gap","width","slides","length","backgroundColor","theme","palette","mode","map","_","idx","active","params","loop","isEnd","realIndex","dotSx","restDot","className","undefined","height","transform","transition","margin","buttonProps","buttonSx","restButton","Button","fontSize","lineHeight","letterSpacing","getInteractiveStyle","onClick","slideTo","slideNext","_jsxs","component","fontWeight","color","mx","linesProps","lineProgress","lineProgressProps","xs","md","flexGrow","seen","lineSx","lineRest","lineProgressSx","lineProgressRest","minHeight","top","pointerEvents","overflow","role","opacity","transformOrigin","sliderProps","progressProps","__","sliderSx","restSlider","value","setValue","useState","Math","round","progress","dragging","useRef","setRerender","useEffect","current","handleMove","on","off","my","Slider","min","max","onChange","newValue","setProgress","onChangeCommitted","slideToClosest","transitionDuration","speed","carouselDragging","setCarouselDragging","handleDragStart","handleDragEnd","handleResize","thumbSize","wrapperEl","scrollWidth","size","ceil","SliderContainer","tabIndex","valueLabelDisplay","maxWidth","border","boxShadow","content"],"mappings":"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"}

package/cjs/components/carousel/Slide.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("react"),i=require("@mui/material"),t=require("../../node_modules/swiper/swiper-react.js");const a=r.forwardRef(({children:r,sx:a,...s},o)=>{const{params:d}=t.useSwiper();return e.jsx(i.Box,{component:t.SwiperSlide,ref:o,...s,sx:{display:"block",width:"auto"===d?.slidesPerView?"auto":"100%",height:d?.autoHeight?"auto":"100%",position:"relative",zIndex:"50",transform:"translate3d(0px, 0, 0)",flexShrink:"0",transitionProperty:"fade"===d?.effect?"opacity":"transform","& img":{display:"block",maxWidth:"100%"},...a},children:r})});a.displayName="SwiperSlide",exports.CarouselSlide=a;
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),i=require("@mui/material"),t=require("../../utils/sxOverride/sxOverride.js"),s=require("../../node_modules/swiper/swiper-react.js");const a=r.forwardRef(({children:r,sx:a,...o},d)=>{const{params:l}=s.useSwiper();return e.jsx(i.Box,{component:s.SwiperSlide,ref:d,...o,sx:t.sxOverride({display:"block",width:"auto"===l?.slidesPerView?"auto":"100%",height:l?.autoHeight?"auto":"100%",position:"relative",zIndex:"50",transform:"translate3d(0px, 0, 0)",flexShrink:"0",transitionProperty:"fade"===l?.effect?"opacity":"transform","& img":{display:"block",maxWidth:"100%"}},a),children:r})});a.displayName="SwiperSlide",exports.CarouselSlide=a;
 //# sourceMappingURL=Slide.js.map

package/cjs/components/carousel/Slide.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Slide.js","sources":["../../../../../src/components/carousel/Slide.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\nimport { SwiperSlide, SwiperSlideProps, useSwiper } from 'swiper/react';\n\nexport interface CarouselSlideProps\n extends Omit<SwiperSlideProps, 'children'>, Omit<BoxProps, keyof SwiperSlideProps \| 'component'> {\n children?: BoxProps['children'];\n}\n\n/*\n One slide in the carousel\n */\nexport const CarouselSlide: React.FC<CarouselSlideProps> = forwardRef(({ children, sx, ...rest }, ref) => {\n const { params: swiperOptions } = useSwiper();\n\n return (\n <Box\n component={SwiperSlide}\n ref={ref}\n {...rest}\n sx={{\n display: 'block',\n width: swiperOptions?.slidesPerView === 'auto' ? 'auto' : '100%',\n height: swiperOptions?.autoHeight ? 'auto' : '100%',\n position: 'relative',\n zIndex: '50',\n transform: 'translate3d(0px, 0, 0)',\n flexShrink: '0',\n transitionProperty: swiperOptions?.effect === 'fade' ? 'opacity' : 'transform',\n '& img': {\n display: 'block',\n maxWidth: '100%',\n },\n ~~...~~sx,\n }}\n >\n {children}\n </Box>\n );\n});\nCarouselSlide.displayName = 'SwiperSlide';\n"],"names":["CarouselSlide","forwardRef","children","sx","rest","ref","params","swiperOptions","useSwiper","_jsx","Box","component","SwiperSlide","display","width","slidesPerView","height","autoHeight","position","zIndex","transform","flexShrink","transitionProperty","effect","maxWidth","displayName"],"mappings":"~~qJAYO~~,MAAMA,EAA8CC,EAAAA,WAAW,EAAGC,WAAUC,QAAOC,GAAQC,KAChG,MAAQC,OAAQC,GAAkBC,cAElC,OACEC,EAAAA,~~IAACC~~,~~MAAG,~~CACFC,UAAWC,EAAAA,YACXP,IAAKA,KACDD,EACJD,~~GAAI~~,~~CACFU~~,QAAS,QACTC,MAAwC,~~SAAjCP~~,~~GAAeQ~~,cAA2B,OAAS,OAC1DC,~~OAAQT~~,~~GAAeU~~,WAAa,OAAS,OAC7CC,SAAU,WACVC,OAAQ,KACRC,UAAW,yBACXC,WAAY,IACZC,mBAA8C,~~SAA1Bf~~,~~GAAegB~~,OAAoB,UAAY,YACnE,QAAS,CACPV,QAAS,QACTW,SAAU,~~WAETrB~~,~~GACJD~~,SAEAA,MAIPF,~~EAAcyB~~,YAAc"}
1	+ {"version":3,"file":"Slide.js","sources":["../../../../../src/components/carousel/Slide.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\nimport { sxOverride } from '@/src/utils/sxOverride';\nimport { SwiperSlide, SwiperSlideProps, useSwiper } from 'swiper/react';\n\nexport interface CarouselSlideProps\n extends Omit<SwiperSlideProps, 'children'>, Omit<BoxProps, keyof SwiperSlideProps \| 'component'> {\n children?: BoxProps['children'];\n}\n\n/*\n One slide in the carousel\n */\nexport const CarouselSlide: React.FC<CarouselSlideProps> = forwardRef(({ children, sx, ...rest }, ref) => {\n const { params: swiperOptions } = useSwiper();\n\n return (\n <Box\n component={SwiperSlide}\n ref={ref}\n {...rest}\n sx={sxOverride(\n {\n display: 'block',\n width: swiperOptions?.slidesPerView === 'auto' ? 'auto' : '100%',\n height: swiperOptions?.autoHeight ? 'auto' : '100%',\n position: 'relative',\n zIndex: '50',\n transform: 'translate3d(0px, 0, 0)',\n flexShrink: '0',\n transitionProperty: swiperOptions?.effect === 'fade' ? 'opacity' : 'transform',\n '& img': {\n display: 'block',\n maxWidth: '100%',\n },\n },\n sx,\n )}\n >\n {children}\n </Box>\n );\n});\nCarouselSlide.displayName = 'SwiperSlide';\n"],"names":["CarouselSlide","forwardRef","children","sx","rest","ref","params","swiperOptions","useSwiper","_jsx","Box","component","SwiperSlide","sxOverride","display","width","slidesPerView","height","autoHeight","position","zIndex","transform","flexShrink","transitionProperty","effect","maxWidth","displayName"],"mappings":"uMAaO,MAAMA,EAA8CC,EAAAA,WAAW,EAAGC,WAAUC,QAAOC,GAAQC,KAChG,MAAQC,OAAQC,GAAkBC,cAElC,OACEC,MAACC,EAAAA,IAAG,CACFC,UAAWC,EAAAA,YACXP,IAAKA,KACDD,EACJD,GAAIU,aACF,CACEC,QAAS,QACTC,MAAwC,SAAjCR,GAAeS,cAA2B,OAAS,OAC1DC,OAAQV,GAAeW,WAAa,OAAS,OAC7CC,SAAU,WACVC,OAAQ,KACRC,UAAW,yBACXC,WAAY,IACZC,mBAA8C,SAA1BhB,GAAeiB,OAAoB,UAAY,YACnE,QAAS,CACPV,QAAS,QACTW,SAAU,SAGdtB,GACDD,SAEAA,MAIPF,EAAc0B,YAAc"}

package/cjs/components/errorContent/ErrorContent.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var t=require("react/jsx-runtime"),e=require("@mui/material");const r=require("react").forwardRef(({sx:r,children:s,status:o,message:n,actions:i,description:a,stacktrace:c,statusProps:d,messageProps:p,descriptionProps:x,actionsProps:l,stacktraceProps:m,...h},u)=>{const{sx:g,...f}=l??{},{sx:y,...j}=m??{};return t.jsxs(e.Box,{sx:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:{xs:2,md:4},textAlign:"center",margin:"0 auto",width:"600px",maxWidth:"100%",p:2,...r},ref:u,...h,children:[o&&t.jsx(e.Typography,{component:"h1",variant:"display","data-testid":"ErrorContent.status",...d,children:o}),n&&t.jsx(e.Typography,{component:"h2",variant:"h3","data-testid":"ErrorContent.message",...p,children:n}),a&&t.jsx(e.Typography,{"data-testid":"ErrorContent.description",...x,children:a}),s,i&&t.jsx(e.Box,{sx:{display:"flex",gap:1,flexDirection:{xs:"column",md:"row"},alignItems:{xs:"stretch",md:"center"},justifyContent:"center",...g},"data-testid":"ErrorContent.actions",...f,children:i}),c&&t.jsx(e.Box,{component:"code",sx:{display:"block",border:1,borderColor:"divider",whiteSpace:"pre",overflow:"auto",py:1,px:2,borderRadius:"8px",fontFamily:"monospace",fontSize:"11px",lineHeight:"18px",textAlign:"left",alignSelf:"stretch",...y},"data-testid":"ErrorContent.stacktrace",...j,children:c})]})});exports.ErrorContent=r;
+"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("react"),s=require("../../utils/sxOverride/sxOverride.js");const i=r.forwardRef(({sx:r,children:i,status:o,message:n,actions:a,description:c,stacktrace:d,statusProps:x,messageProps:p,descriptionProps:l,actionsProps:m,stacktraceProps:h,...u},g)=>{const{sx:f,...y}=m??{},{sx:j,...v}=h??{};return e.jsxs(t.Box,{sx:s.sxOverride({display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:{xs:2,md:4},textAlign:"center",margin:"0 auto",width:"600px",maxWidth:"100%",p:2},r),ref:g,...u,children:[o&&e.jsx(t.Typography,{component:"h1",variant:"display","data-testid":"ErrorContent.status",...x,children:o}),n&&e.jsx(t.Typography,{component:"h2",variant:"h3","data-testid":"ErrorContent.message",...p,children:n}),c&&e.jsx(t.Typography,{"data-testid":"ErrorContent.description",...l,children:c}),i,a&&e.jsx(t.Box,{sx:s.sxOverride({display:"flex",gap:1,flexDirection:{xs:"column",md:"row"},alignItems:{xs:"stretch",md:"center"},justifyContent:"center"},f),"data-testid":"ErrorContent.actions",...y,children:a}),d&&e.jsx(t.Box,{component:"code",sx:s.sxOverride({display:"block",border:1,borderColor:"divider",whiteSpace:"pre",overflow:"auto",py:1,px:2,borderRadius:"8px",fontFamily:"monospace",fontSize:"11px",lineHeight:"18px",textAlign:"left",alignSelf:"stretch"},j),"data-testid":"ErrorContent.stacktrace",...v,children:d})]})});exports.ErrorContent=i;
 //# sourceMappingURL=ErrorContent.js.map

package/cjs/components/errorContent/ErrorContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ErrorContent.js","sources":["../../../../../src/components/errorContent/ErrorContent.tsx"],"sourcesContent":["import { Box, BoxProps, Typography, TypographyProps } from '@mui/material';\nimport React, { ElementType, FC, forwardRef, ReactNode } from 'react';\n\nexport interface ErrorContentProps extends BoxProps<ElementType> {\n /*\n Error Status code, eg. 404 or 500\n /\n status?: ReactNode;\n /\n Short message describing the error\n /\n message?: ReactNode;\n /\n Longer description of the error\n /\n description?: ReactNode;\n /\n Actions that user can interact with\n /\n actions?: ReactNode;\n /\n Stacktrace of an error\n /\n stacktrace?: ReactNode;\n /\n Properties passed to status code\n /\n statusProps?: TypographyProps<ElementType>;\n /\n Properties passed to message\n /\n messageProps?: TypographyProps<ElementType>;\n /\n Properties passed to description\n /\n descriptionProps?: TypographyProps<ElementType>;\n /\n Properties passed to wrapper of actions\n /\n actionsProps?: BoxProps<ElementType>;\n /\n Properties passed to code stacktrace\n /\n stacktraceProps?: BoxProps<ElementType>;\n}\n\n/\n Component that renders an information about error\n */\nexport const ErrorContent: FC<ErrorContentProps> = forwardRef(\n (\n {\n sx,\n children,\n status,\n message,\n actions,\n description,\n stacktrace,\n statusProps,\n messageProps,\n descriptionProps,\n actionsProps,\n stacktraceProps,\n ...rest\n },\n ref,\n ) => {\n const { sx: actionsSx, ...restActions } = actionsProps ?? {};\n const { sx: stacktraceSx, ...restStacktrace } = stacktraceProps ?? {};\n\n return (\n <Box\n sx={{\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n gap: { xs: 2, md: 4 },\n textAlign: 'center',\n margin: '0 auto',\n width: '600px',\n maxWidth: '100%',\n p: 2,\n ~~...~~sx,\n }}\n ref={ref}\n {...rest}\n >\n {status && (\n <Typography component=\"h1\" variant=\"display\" data-testid=\"ErrorContent.status\" {...statusProps}>\n {status}\n </Typography>\n )}\n {message && (\n <Typography component=\"h2\" variant=\"h3\" data-testid=\"ErrorContent.message\" {...messageProps}>\n {message}\n </Typography>\n )}\n {description && (\n <Typography data-testid=\"ErrorContent.description\" {...descriptionProps}>\n {description}\n </Typography>\n )}\n {children}\n {actions && (\n <Box\n sx={{\n display: 'flex',\n gap: 1,\n flexDirection: { xs: 'column', md: 'row' },\n alignItems: { xs: 'stretch', md: 'center' },\n justifyContent: 'center',\n ~~...~~actionsSx,\n }}\n data-testid=\"ErrorContent.actions\"\n {...restActions}\n >\n {actions}\n </Box>\n )}\n {stacktrace && (\n <Box\n component=\"code\"\n sx={{\n display: 'block',\n border: 1,\n borderColor: 'divider',\n whiteSpace: 'pre',\n overflow: 'auto',\n py: 1,\n px: 2,\n borderRadius: '8px',\n fontFamily: 'monospace',\n fontSize: '11px',\n lineHeight: '18px',\n textAlign: 'left',\n alignSelf: 'stretch',\n ~~...~~stacktraceSx,\n }}\n data-testid=\"ErrorContent.stacktrace\"\n {...restStacktrace}\n >\n {stacktrace}\n </Box>\n )}\n </Box>\n );\n },\n);\n"],"names":["ErrorContent","forwardRef","sx","children","status","message","actions","description","stacktrace","statusProps","messageProps","descriptionProps","actionsProps","stacktraceProps","rest","ref","actionsSx","restActions","stacktraceSx","restStacktrace","_jsxs","Box","display","flexDirection","alignItems","justifyContent","gap","xs","md","textAlign","margin","width","maxWidth","p","_jsx","Typography","component","variant","border","borderColor","whiteSpace","overflow","py","px","borderRadius","fontFamily","fontSize","lineHeight","alignSelf"],"mappings":"~~2EAiDO~~,MAAMA,~~mBAAsCC~~,WACjD,EAEIC,KACAC,WACAC,SACAC,UACAC,UACAC,cACAC,aACAC,cACAC,eACAC,mBACAC,eACAC,qBACGC,GAELC,KAEA,MAAQb,GAAIc,KAAcC,GAAgBL,GAAgB,CAAA,GAClDV,GAAIgB,KAAiBC,GAAmBN,GAAmB,CAAA,EAEnE,OACEO,EAAAA,~~KAACC~~,~~MAAG~~,~~CACFnB~~,~~GAAI~~,~~CACFoB~~,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,SAChBC,IAAK,CAAEC,GAAI,EAAGC,GAAI,GAClBC,UAAW,SACXC,OAAQ,SACRC,MAAO,QACPC,SAAU,OACVC,EAAG,~~KACA/B~~,~~GAELa~~,IAAKA,KACDD,EAAIX,SAAA,CAEPC,~~GACC8B~~,EAAAA,IAACC,~~EAAAA~~,~~WAAU,~~CAACC,UAAU,KAAKC,QAAQ,UAAS,cAAa,~~yBAA0B5B~~,~~WAChFL~~,IAGJC,~~GACC6B~~,~~EAAAA~~,~~IAACC,~~EAAAA,YAAWC,UAAU,KAAKC,QAAQ,KAAI,cAAa,~~0BAA2B3B~~,EAAYP,SACxFE,IAGJE,~~GACC2B~~,EAAAA,IAACC,EAAAA,WAAU,CAAA,cAAa,8BAA+~~BxB~~,EAAgBR,SACpEI,IAGJJ,EACAG,~~GACC4B~~,EAAAA,~~IAACb~~,EAAAA,~~IAAG~~,~~CACFnB~~,~~GAAI~~,~~CACFoB~~,QAAS,OACTI,IAAK,EACLH,cAAe,CAAEI,GAAI,SAAUC,GAAI,OACnCJ,WAAY,CAAEG,GAAI,UAAWC,GAAI,UACjCH,eAAgB,~~YACbT~~,~~GACJ~~,cACW,0BACRC,~~WAEHX~~,IAGJE,~~GACC0B~~,EAAAA,~~IAACb~~,~~EAAAA~~,~~IAAG~~,~~CACFe,~~UAAU,~~OACVlC~~,~~GAAI~~,~~CACFoB~~,QAAS,QACTgB,OAAQ,EACRC,YAAa,UACbC,WAAY,MACZC,SAAU,OACVC,GAAI,EACJC,GAAI,EACJC,aAAc,MACdC,WAAY,YACZC,SAAU,OACVC,WAAY,OACZlB,UAAW,OACXmB,UAAW,~~aACR9B~~,~~GACJ~~,cACW,6BACRC,EAAchB,SAEjBK"}
1	+ {"version":3,"file":"ErrorContent.js","sources":["../../../../../src/components/errorContent/ErrorContent.tsx"],"sourcesContent":["import { Box, BoxProps, Typography, TypographyProps } from '@mui/material';\nimport React, { ElementType, FC, forwardRef, ReactNode } from 'react';\nimport { sxOverride } from '@/src/utils/sxOverride';\n\nexport interface ErrorContentProps extends BoxProps<ElementType> {\n /*\n Error Status code, eg. 404 or 500\n /\n status?: ReactNode;\n /\n Short message describing the error\n /\n message?: ReactNode;\n /\n Longer description of the error\n /\n description?: ReactNode;\n /\n Actions that user can interact with\n /\n actions?: ReactNode;\n /\n Stacktrace of an error\n /\n stacktrace?: ReactNode;\n /\n Properties passed to status code\n /\n statusProps?: TypographyProps<ElementType>;\n /\n Properties passed to message\n /\n messageProps?: TypographyProps<ElementType>;\n /\n Properties passed to description\n /\n descriptionProps?: TypographyProps<ElementType>;\n /\n Properties passed to wrapper of actions\n /\n actionsProps?: BoxProps<ElementType>;\n /\n Properties passed to code stacktrace\n /\n stacktraceProps?: BoxProps<ElementType>;\n}\n\n/\n Component that renders an information about error\n */\nexport const ErrorContent: FC<ErrorContentProps> = forwardRef(\n (\n {\n sx,\n children,\n status,\n message,\n actions,\n description,\n stacktrace,\n statusProps,\n messageProps,\n descriptionProps,\n actionsProps,\n stacktraceProps,\n ...rest\n },\n ref,\n ) => {\n const { sx: actionsSx, ...restActions } = actionsProps ?? {};\n const { sx: stacktraceSx, ...restStacktrace } = stacktraceProps ?? {};\n\n return (\n <Box\n sx={sxOverride(\n {\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n gap: { xs: 2, md: 4 },\n textAlign: 'center',\n margin: '0 auto',\n width: '600px',\n maxWidth: '100%',\n p: 2,\n },\n sx,\n )}\n ref={ref}\n {...rest}\n >\n {status && (\n <Typography component=\"h1\" variant=\"display\" data-testid=\"ErrorContent.status\" {...statusProps}>\n {status}\n </Typography>\n )}\n {message && (\n <Typography component=\"h2\" variant=\"h3\" data-testid=\"ErrorContent.message\" {...messageProps}>\n {message}\n </Typography>\n )}\n {description && (\n <Typography data-testid=\"ErrorContent.description\" {...descriptionProps}>\n {description}\n </Typography>\n )}\n {children}\n {actions && (\n <Box\n sx={sxOverride(\n {\n display: 'flex',\n gap: 1,\n flexDirection: { xs: 'column', md: 'row' },\n alignItems: { xs: 'stretch', md: 'center' },\n justifyContent: 'center',\n },\n actionsSx,\n )}\n data-testid=\"ErrorContent.actions\"\n {...restActions}\n >\n {actions}\n </Box>\n )}\n {stacktrace && (\n <Box\n component=\"code\"\n sx={sxOverride(\n {\n display: 'block',\n border: 1,\n borderColor: 'divider',\n whiteSpace: 'pre',\n overflow: 'auto',\n py: 1,\n px: 2,\n borderRadius: '8px',\n fontFamily: 'monospace',\n fontSize: '11px',\n lineHeight: '18px',\n textAlign: 'left',\n alignSelf: 'stretch',\n },\n stacktraceSx,\n )}\n data-testid=\"ErrorContent.stacktrace\"\n {...restStacktrace}\n >\n {stacktrace}\n </Box>\n )}\n </Box>\n );\n },\n);\n"],"names":["ErrorContent","forwardRef","sx","children","status","message","actions","description","stacktrace","statusProps","messageProps","descriptionProps","actionsProps","stacktraceProps","rest","ref","actionsSx","restActions","stacktraceSx","restStacktrace","_jsxs","Box","sxOverride","display","flexDirection","alignItems","justifyContent","gap","xs","md","textAlign","margin","width","maxWidth","p","_jsx","Typography","component","variant","border","borderColor","whiteSpace","overflow","py","px","borderRadius","fontFamily","fontSize","lineHeight","alignSelf"],"mappings":"gJAkDO,MAAMA,EAAsCC,EAAAA,WACjD,EAEIC,KACAC,WACAC,SACAC,UACAC,UACAC,cACAC,aACAC,cACAC,eACAC,mBACAC,eACAC,qBACGC,GAELC,KAEA,MAAQb,GAAIc,KAAcC,GAAgBL,GAAgB,CAAA,GAClDV,GAAIgB,KAAiBC,GAAmBN,GAAmB,CAAA,EAEnE,OACEO,OAACC,EAAAA,KACCnB,GAAIoB,EAAAA,WACF,CACEC,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,SAChBC,IAAK,CAAEC,GAAI,EAAGC,GAAI,GAClBC,UAAW,SACXC,OAAQ,SACRC,MAAO,QACPC,SAAU,OACVC,EAAG,GAELhC,GAEFa,IAAKA,KACDD,EAAIX,SAAA,CAEPC,GACC+B,EAAAA,IAACC,aAAU,CAACC,UAAU,KAAKC,QAAQ,UAAS,cAAa,yBAA0B7B,EAAWN,SAC3FC,IAGJC,GACC8B,MAACC,EAAAA,YAAWC,UAAU,KAAKC,QAAQ,KAAI,cAAa,0BAA2B5B,EAAYP,SACxFE,IAGJE,GACC4B,EAAAA,IAACC,EAAAA,WAAU,CAAA,cAAa,8BAA+BzB,EAAgBR,SACpEI,IAGJJ,EACAG,GACC6B,EAAAA,IAACd,EAAAA,KACCnB,GAAIoB,EAAAA,WACF,CACEC,QAAS,OACTI,IAAK,EACLH,cAAe,CAAEI,GAAI,SAAUC,GAAI,OACnCJ,WAAY,CAAEG,GAAI,UAAWC,GAAI,UACjCH,eAAgB,UAElBV,GACD,cACW,0BACRC,EAAWd,SAEdG,IAGJE,GACC2B,EAAAA,IAACd,MAAG,CACFgB,UAAU,OACVnC,GAAIoB,aACF,CACEC,QAAS,QACTgB,OAAQ,EACRC,YAAa,UACbC,WAAY,MACZC,SAAU,OACVC,GAAI,EACJC,GAAI,EACJC,aAAc,MACdC,WAAY,YACZC,SAAU,OACVC,WAAY,OACZlB,UAAW,OACXmB,UAAW,WAEb/B,GACD,cACW,6BACRC,EAAchB,SAEjBK"}

package/cjs/components/flag/FlowFlag.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("@mui/material");const a=r.forwardRef(({source:a,sx:i,width:s,size:o="small",variant:c="circle",disabled:l=!1,...u},d)=>{const n=r.useMemo(()=>{switch(o){case"small":return 24;case"medium":return 44;case"large":return 56;default:return s??24}},[o,s]);return e.jsx(t.Box,{"data-testid":"Flag",component:a??"div",sx:{width:`${n}px`,flexShrink:"0",border:1,borderColor:"onSurface.os500",...["circle","square"].includes(c)&&{height:`${n}px`,..."circle"===c?{borderRadius:`${n}px`}:{}},...l&&{userSelect:"none",borderColor:"disabled.tertiary",opacity:"0.65"},...i},ref:d,...u})});exports.FlowFlag=a;
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),i=require("@mui/material"),s=require("../../utils/sxOverride/sxOverride.js");const t=r.forwardRef(({source:t,sx:a,width:o,size:u="small",variant:c="circle",disabled:d=!1,...l},n)=>{const x=r.useMemo(()=>{switch(u){case"small":return 24;case"medium":return 44;case"large":return 56;default:return o??24}},[u,o]);return e.jsx(i.Box,{"data-testid":"Flag",component:t??"div",sx:s.sxOverride({width:`${x}px`,flexShrink:"0",border:1,borderColor:"onSurface.os500",...["circle","square"].includes(c)&&{height:`${x}px`,..."circle"===c?{borderRadius:`${x}px`}:{}},...d&&{userSelect:"none",borderColor:"disabled.tertiary",opacity:"0.65"}},a),ref:n,...l})});exports.FlowFlag=t;
 //# sourceMappingURL=FlowFlag.js.map

package/cjs/components/flag/FlowFlag.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FlowFlag.js","sources":["../../../../../src/components/flag/FlowFlag.tsx"],"sourcesContent":["import React, { ElementType, forwardRef, useMemo } from 'react';\nimport { Box, BoxProps } from '@mui/material';\n\nexport interface FlowFlagProps extends Omit<BoxProps, 'component'> {\n /*\n SVG of Flag, e.g. import CZFLag from 'country-flag-icons/react/3x2/CZ';\n /\n source?: ElementType;\n /\n The size of the flag\n * @default small\n /\n size?: 'small' \| 'medium' \| 'large';\n /\n The width of the flag\n /\n width?: number;\n /\n Variants\n * @default circle\n /\n variant?: '3x2' \| 'circle' \| 'square';\n /\n Disabled state\n * @default false\n /\n disabled?: boolean;\n}\n\n/\n Renders country flag icon\n */\nexport const FlowFlag: React.FC<FlowFlagProps> = forwardRef(\n ({ source, sx, width: widthProp, size = 'small', variant = 'circle', disabled = false, ...rest }, ref) => {\n // obtain width of the flag from size and width property\n const width = useMemo(() => {\n switch (size) {\n case 'small':\n return 24;\n case 'medium':\n return 44;\n case 'large':\n return 56;\n default:\n return widthProp ?? 24;\n }\n }, [size, widthProp]);\n\n return (\n <Box\n data-testid=\"Flag\"\n component={source ?? 'div'}\n sx={{\n width: `${width}px`,\n flexShrink: '0',\n // outline to improve accessibility\n border: 1,\n borderColor: 'onSurface.os500',\n // 1:1 ratio\n ...(['circle', 'square'].includes(variant) && {\n height: `${width}px`,\n ...(variant === 'circle' ? { borderRadius: `${width}px` } : {}),\n }),\n // disabled state\n ...(disabled && {\n userSelect: 'none',\n borderColor: 'disabled.tertiary',\n opacity: '0.65',\n }),\n ~~...~~sx,\n }}\n ref={ref}\n {...rest}\n />\n );\n },\n);\n"],"names":["FlowFlag","forwardRef","source","sx","width","widthProp","size","variant","disabled","rest","ref","useMemo","_jsx","Box","component","flexShrink","border","borderColor","includes","height","borderRadius","userSelect","opacity"],"mappings":"~~8FAgCO~~,MAAMA,EAAoCC,EAAAA,WAC/C,EAAGC,SAAQC,KAAIC,MAAOC,EAAWC,OAAO,QAASC,UAAU,SAAUC,YAAW,KAAUC,GAAQC,KAEhG,MAAMN,EAAQO,EAAAA,QAAQ,KACpB,OAAQL,GACN,IAAK,QACH,OAAO,GACT,IAAK,SACH,OAAO,GACT,IAAK,QACH,OAAO,GACT,QACE,OAAOD,GAAa,KAEvB,CAACC,EAAMD,IAEV,OACEO,EAAAA,IAACC,~~EAAAA~~,~~IAAG,~~CAAA,cACU,OACZC,UAAWZ,GAAU,MACrBC,~~GAAI~~,~~CACFC~~,MAAO,GAAGA,~~MACVW~~,WAAY,IAEZC,OAAQ,EACRC,YAAa,qBAET,CAAC,SAAU,UAAUC,~~SAASX~~,IAAY,~~CAC5CY~~,OAAQ,~~GAAGf~~,SACK,WAAZG,EAAuB,~~CAAEa~~,aAAc,~~GAAGhB~~,OAAc,OAG1DI,GAAY,~~CACda~~,WAAY,OACZJ,YAAa,oBACbK,QAAS,~~WAERnB~~,~~GAELO~~,IAAKA,KACDD"}
1	+ {"version":3,"file":"FlowFlag.js","sources":["../../../../../src/components/flag/FlowFlag.tsx"],"sourcesContent":["import React, { ElementType, forwardRef, useMemo } from 'react';\nimport { Box, BoxProps } from '@mui/material';\nimport { sxOverride } from '@/src/utils/sxOverride';\n\nexport interface FlowFlagProps extends Omit<BoxProps, 'component'> {\n /*\n SVG of Flag, e.g. import CZFLag from 'country-flag-icons/react/3x2/CZ';\n /\n source?: ElementType;\n /\n The size of the flag\n * @default small\n /\n size?: 'small' \| 'medium' \| 'large';\n /\n The width of the flag\n /\n width?: number;\n /\n Variants\n * @default circle\n /\n variant?: '3x2' \| 'circle' \| 'square';\n /\n Disabled state\n * @default false\n /\n disabled?: boolean;\n}\n\n/\n Renders country flag icon\n */\nexport const FlowFlag: React.FC<FlowFlagProps> = forwardRef(\n ({ source, sx, width: widthProp, size = 'small', variant = 'circle', disabled = false, ...rest }, ref) => {\n // obtain width of the flag from size and width property\n const width = useMemo(() => {\n switch (size) {\n case 'small':\n return 24;\n case 'medium':\n return 44;\n case 'large':\n return 56;\n default:\n return widthProp ?? 24;\n }\n }, [size, widthProp]);\n\n return (\n <Box\n data-testid=\"Flag\"\n component={source ?? 'div'}\n sx={sxOverride(\n {\n width: `${width}px`,\n flexShrink: '0',\n // outline to improve accessibility\n border: 1,\n borderColor: 'onSurface.os500',\n // 1:1 ratio\n ...(['circle', 'square'].includes(variant) && {\n height: `${width}px`,\n ...(variant === 'circle' ? { borderRadius: `${width}px` } : {}),\n }),\n // disabled state\n ...(disabled && {\n userSelect: 'none',\n borderColor: 'disabled.tertiary',\n opacity: '0.65',\n }),\n },\n sx,\n )}\n ref={ref}\n {...rest}\n />\n );\n },\n);\n"],"names":["FlowFlag","forwardRef","source","sx","width","widthProp","size","variant","disabled","rest","ref","useMemo","_jsx","Box","component","sxOverride","flexShrink","border","borderColor","includes","height","borderRadius","userSelect","opacity"],"mappings":"gJAiCO,MAAMA,EAAoCC,EAAAA,WAC/C,EAAGC,SAAQC,KAAIC,MAAOC,EAAWC,OAAO,QAASC,UAAU,SAAUC,YAAW,KAAUC,GAAQC,KAEhG,MAAMN,EAAQO,EAAAA,QAAQ,KACpB,OAAQL,GACN,IAAK,QACH,OAAO,GACT,IAAK,SACH,OAAO,GACT,IAAK,QACH,OAAO,GACT,QACE,OAAOD,GAAa,KAEvB,CAACC,EAAMD,IAEV,OACEO,EAAAA,IAACC,MAAG,CAAA,cACU,OACZC,UAAWZ,GAAU,MACrBC,GAAIY,aACF,CACEX,MAAO,GAAGA,MACVY,WAAY,IAEZC,OAAQ,EACRC,YAAa,qBAET,CAAC,SAAU,UAAUC,SAASZ,IAAY,CAC5Ca,OAAQ,GAAGhB,SACK,WAAZG,EAAuB,CAAEc,aAAc,GAAGjB,OAAc,OAG1DI,GAAY,CACdc,WAAY,OACZJ,YAAa,oBACbK,QAAS,SAGbpB,GAEFO,IAAKA,KACDD"}

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

@@ -1,2 +1,2 @@
-"use strict";var o=require("react/jsx-runtime"),r=require("react"),t=require("@mui/material");const e=r.forwardRef(({sx:r,children:e,containerProps:i,primaryItems:c,secondaryItems:n,copyRight:a,location:s,socialButtons:d,...m},u)=>o.jsx(t.Box,{component:"footer",sx:{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:u,"data-testid":"Footer",...m,children:o.jsx(t.Container,{maxWidth:"xl",...i,children:e})}));exports.Footer=e;
+"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","sx","children","containerProps","primaryItems","secondaryItems","copyRight","location","socialButtons","rest","ref","_jsx","Box","component","py","xs","lg","backgroundColor","color","borderColor","my","marginTop","borderTop","mt","Container","maxWidth"],"mappings":"~~8FAaO~~,MAAMA,EAA0BC,EAAAA,WACrC,EACIC,KAAIC,WAAUC,iBAAgBC,eAAcC,iBAAgBC,YAAWC,WAAUC,mBAAkBC,GACrGC,IAGEC,EAAAA,IAACC,EAAAA,IAAG,CACFC,UAAU,SACVZ,~~GAAI~~,~~CACFa~~,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,~~UAIPtB~~,~~GAELS~~,IAAKA,EAAG,cACI,YACRD,~~WAEJE~~,EAAAA,~~IAACa~~,~~EAAAA~~,~~WAAUC~~,SAAS,~~QAAStB~~,WAC1BD"}
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 o=require("react/jsx-runtime"),r=require("react"),t=require("@mui/material"),e=require("../../materialui/button/interactive.js");const c=r.forwardRef(({sx:r,children:c,className:a,label:n,accordionSummaryProps:i,accordionDetailsProps:s,contentProps:l,variant:d="compact",...u},p)=>{const{sx:m,...h}=i??{},x=t.useTheme();return o.jsxs(t.Accordion,{ref:p,"data-testid":"FooterAccordion",className:["FooterAccordion-root",`FooterAccordion-variant${d.charAt(0).toUpperCase()}${d.slice(1)}`,a].filter(Boolean).join(" "),sx:{color:"currentColor",..."compact"===d&&{border:"none"},...r},...u,children:[o.jsx(t.AccordionSummary,{"data-testid":"FooterAccordion.label","aria-controls":"footer-accordion",id:"footer-accordion",sx:{color:"currentColor","&:hover":{color:"currentColor","& .MuiAccordion-IconButton":{backgroundColor:x.palette.transparent.tertiary}},"& .MuiAccordion-IconButton":{height:"32px",width:"32px",...e.getInteractiveStyle({backgroundColor:"transparent",color:x.palette.onSurface.os0},{color:x.palette.onSurface.os0,backgroundColor:x.palette.transparent.tertiary})},..."compact"===d&&{...x.typography.caption2,p:"0",gap:1.5,justifyContent:"flex-start","& .MuiAccordionSummary-content":{flexGrow:"0"}},...m},...h,children:n}),o.jsx(t.AccordionDetails,{"data-testid":"FooterAccordion.children",...s,children:o.jsx(t.Typography,{variant:"disclaimer1",...l,children:c})})]})});exports.FooterAccordion=c;
+"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","sx","children","className","label","accordionSummaryProps","accordionDetailsProps","contentProps","variant","rest","ref","accordionSummarySx","restAccordionSummary","theme","useTheme","_jsxs","Accordion","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":"~~kJAyCO~~,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,~~GAAI~~,~~CAEFsB~~,MAAO,kBACS,~~YAAZf~~,GAAyB,~~CAC3BgB~~,OAAQ,~~WAEPvB~~,~~MAEDQ~~,EAAIP,SAAA,~~CAERuB~~,EAAAA,IAACC,~~EAAAA~~,~~gCACa~~,~~wBAAuB~~,~~gBACrB~~,mBACdC,GAAG,~~mBACH1B~~,~~GAAI~~,~~CAEFsB~~,MAAO,eACP,UAAW,CACTA,MAAO,eAEP,6BAA8B,CAC5BK,~~gBAAiBf~~,~~EAAMgB~~,QAAQC,YAAYC,WAI/C,6BAA8B,CAC5BC,OAAQ,OACRC,MAAO,UACJC,sBACD,CACEN,gBAAiB,cACjBL,~~MAAOV~~,~~EAAMgB~~,QAAQM,UAAUC,KAEjC,CACEb,~~MAAOV~~,~~EAAMgB~~,QAAQM,UAAUC,IAC/BR,~~gBAAiBf~~,~~EAAMgB~~,QAAQC,YAAYC,eAIjC,~~YAAZvB~~,GAAyB,IACxBK,~~EAAMwB~~,WAAWC,SACpBC,EAAG,IACHC,IAAK,IACLC,eAAgB,aAEhB,iCAAkC,CAChCC,SAAU,~~SAGX/B~~,~~MAEDC~~,EAAoBV,SAEvBE,~~IAEHqB~~,~~MAACkB~~,EAAAA,iBAAgB,CAAA,cAAa,8BAA+~~BrC~~,EAAqBJ,~~SAChFuB~~,~~EAAAA~~,~~IAACmB,~~EAAAA,WAAU,~~CAACpC~~,QAAQ,iBAAkBD,EAAYL,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/FooterLink.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("react"),i=require("@mui/material");const t=r.forwardRef(({sx:r,children:t,label:n,...o},a)=>e.jsx(i.Link,{sx:{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:t||n}));exports.FooterLink=t;
+"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","sx","children","label","rest","ref","_jsx","Link","display","gap","alignItems","justifyContent","padding","textDecoration","color","fontSize","variant"],"mappings":"~~oGAaaA~~,EAAkCC,EAAAA,WAAW,EAAGC,KAAIC,WAAUC,WAAUC,GAAQC,IAEzFC,EAAAA,~~IAACC~~,~~OAAI~~,~~CACHN~~,~~GAAI~~,~~CAEFO~~,QAAS,cACTC,IAAK,IACLC,WAAY,SACZC,eAAgB,aAChBC,QAAS,UAET,aAAc,CACZC,eAAgB,YAChBC,MAAO,gBAGT,qBAAsB,CACpBC,SAAU,~~WAETd~~,~~GAELe~~,QAAQ,~~OACRX~~,IAAKA,KACDD,~~WAEHF~~,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("react/jsx-runtime"),o=require("react"),r=require("@mui/material"),t=require("./FooterAccordion.js");const n=o.forwardRef(({sx:n,children:a,label:i,accordionSummaryProps:s,contentProps:c,variant:d="auto",...u},l)=>{const{sx:p,...x}=c??{},{sx:m,...f}=s??{},y=r.useTheme(),h=r.useMediaQuery(y.breakpoints.down("lg")),b="auto"===d?h:"accordion"===d,[M,g]=o.useState(!1);return e.jsx(t.FooterAccordion,{ref:l,"data-testid":"FooterMenu",expanded:!b||M,onChange:(e,o)=>g(o),variant:"standard",sx:{flexBasis:{lg:"20%"},borderColor:"onSurface.os700",...!b&&{border:"none"},...n},accordionSummaryProps:{"data-testid":"FooterMenu.label",sx:{padding:"18px 0 8px","& .MuiLink-root":{...y.typography.subheadline,p:0,"&, &:hover":{textDecoration:"none",color:"common.white"}},...!b&&{overflow:"visible","&&:not(.Mui-disabled)":{cursor:"unset"},"& .MuiAccordionSummary-expandIconWrapper":{display:"none"}},...m},...f},label:i,contentProps:{component:"div","data-testid":"FooterMenu.content",sx:{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"}},...p},...x},...u,children:a},`${b}`)});exports.FooterMenu=n;
+"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","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","flexBasis","lg","borderColor","border","padding","typography","subheadline","p","textDecoration","color","overflow","cursor","display","component","alignItems","justifyContent","flexDirection","gap","caption2"],"mappings":"~~gIAsBO~~,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,~~EAAAA~~,~~iBAEChB,~~IAAKA,EAAG,cACI,aACZY,UAAUD,GAAcC,EACxBK,SAAU,CAACC,EAAGC,IAAMN,EAAYM,GAChCrB,QAAQ,WACRL,~~GAAI~~,~~CAEF2B~~,UAAW,CAAEC,GAAI,OACjBC,YAAa,~~sBACRX~~,GAAe,~~CAClBY~~,OAAQ,~~WAEP9B~~,~~GAELG~~,sBAAuB,CACrB,cAAiB,mBACjBH,~~GAAI~~,~~CAEF+B~~,QAAS,~~aAET~~,kBAAmB,~~IACdnB~~,~~EAAMoB~~,WAAWC,YACpBC,EAAG,EACH,aAAc,CACZC,eAAgB,OAChBC,MAAO,~~qBAGNlB~~,GAAe,~~CAElBmB~~,SAAU,UAEV,wBAAyB,CACvBC,OAAQ,SAGV,2CAA4C,CAC1CC,QAAS,~~YAGV7B~~,~~MAEFC~~,GAELT,MAAOA,EACPE,aAAc,~~CACZoC~~,UAAW,MACX,cAAiB,~~qBACjBxC~~,~~GAAI~~,~~CACFuC~~,QAAS,OACTE,WAAY,aACZC,eAAgB,aAChBC,cAAe,SACfC,IAAK,IAEL,kBAAmB,~~IACdhC~~,~~EAAMoB~~,WAAWa,SACpBX,EAAG,EACH,aAAc,CACZC,eAAgB,OAChBC,MAAO,~~uBAGR5B~~,~~MAEFC~~,MAEDH,WAEHL,~~GAtEI~~,GAAGiB"}
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("react/jsx-runtime"),e=require("react"),o=require("@mui/material");const s=e.forwardRef(({sx:e,children:s,className:a,contactSlot:r,contactSlotProps:l,socialSlot:n,socialSlotProps:c,...i},x)=>{const{sx:f,...p}=l??{},{sx:d,...g}=c??{};return t.jsxs(o.Box,{sx:{display:"flex",alignItems:{xs:"flex-start",lg:"center"},justifyContent:"space-between",flexWrap:"wrap",gap:{xs:4,lg:2},flexDirection:{xs:"column",lg:"row"},...e},ref:x,"data-testid":"FooterSectionContact",className:["FlowSectionContact-root",a].filter(Boolean).join(" "),...i,children:[t.jsxs(o.Box,{sx:{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:[s,r]}),t.jsx(o.Box,{sx:{display:"flex",alignItems:"center",justifyContent:{xs:"flex-start",lg:"flex-end"},flexWrap:"wrap",gap:.5,...d},"data-testid":"FooterSectionContact.social",...g,children:n})]})});exports.FooterSectionContact=s;
+"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","sx","children","className","contactSlot","contactSlotProps","socialSlot","socialSlotProps","rest","ref","contactSlotSx","restContactSlot","socialSlotSx","restSocialSlot","_jsxs","Box","display","alignItems","xs","lg","justifyContent","flexWrap","gap","flexDirection","filter","Boolean","join","_jsx"],"mappings":"~~8FAyBO~~,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,EAAAA,~~KAACC~~,~~MAAG~~,~~CACFd~~,~~GAAI~~,~~CACFe~~,QAAS,OACTC,WAAY,CAAEC,GAAI,aAAcC,GAAI,UACpCC,eAAgB,gBAChBC,SAAU,OACVC,IAAK,CAAEJ,GAAI,EAAGC,GAAI,GAClBI,cAAe,CAAEL,GAAI,SAAUC,GAAI,~~UAChClB~~,~~GAELQ~~,IAAKA,EAAG,cACI,uBACZN,UAAW,CAAC,0BAA2BA,~~GAAWqB~~,OAAOC,SAASC,KAAK,~~QACnElB~~,EAAIN,SAAA,CAERY,EAAAA,KAACC,~~MAAG~~,CACFd,~~GAAI~~,~~CACFe~~,QAAS,OACTC,WAAY,CAAEC,GAAI,aAAcC,GAAI,UACpCC,eAAgB,aAChBC,SAAU,OACVC,IAAK,EACLC,cAAe,CACbL,GAAI,SACJC,GAAI,~~UAEHT~~,~~GACJ~~,cACW,kCACRC,~~EAAeT~~,~~SAAA,CAElBA,~~EACAE,~~KAEHuB~~,EAAAA,~~IAACZ~~,EAAAA,~~IAAG~~,~~CACFd~~,~~GAAI~~,~~CACFe~~,QAAS,OACTC,WAAY,SACZG,eAAgB,CAAEF,GAAI,aAAcC,GAAI,YACxCE,SAAU,OACVC,IAAK,~~MACFV~~,~~GACJ~~,cACW,iCACRC,EAAcX,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("react/jsx-runtime"),e=require("react"),o=require("@mui/material");const r=e.forwardRef(({sx:e,children:r,className:s,textSlot:n,buttonSlot:i,buttonSlotProps:l,textTypographyProps:a,buttonProps:x,linksWrapperProps:c,...p},d)=>{const{sx:u,...f}=a??{},{sx:g,...h}=c??{},{sx:m,...y}=l??{},{label:S,...k}=x??{},j=o.useTheme();return t.jsxs(o.Box,{sx:{display:"flex",alignItems:{xs:"flex-start",lg:"center"},justifyContent:"space-between",flexWrap:"wrap",gap:2,flexDirection:{xs:"column",lg:"row"},...e},ref:d,"data-testid":"FooterSectionLinks",className:["FooterSectionLinks-root",s].filter(Boolean).join(" "),...p,children:[n&&t.jsx(o.Typography,{variant:"disclaimer1",sx:{my:{xs:2,lg:0},color:"onSurface.os200",...r&&{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}},...u},"data-testid":"FooterSectionLinks.text",...f,children:n}),r&&t.jsx(o.Box,{sx:{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":{...j.typography.disclaimer1,p:0,"&, &:hover":{textDecoration:"underline",color:"common.white"}},...g},"data-testid":"FooterSectionLinks.content",...h,children:r}),(i||S)&&t.jsx(o.Box,{"data-testid":"FooterSectionLinks.button",sx:{order:2,...m},...y,children:i||t.jsx(o.Button,{variant:"shortcut",color:"inherit",...k,children:S})})]})});exports.FooterSectionLinks=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,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","sx","children","className","textSlot","buttonSlot","buttonSlotProps","textTypographyProps","buttonProps","linksWrapperProps","rest","ref","testSx","restText","linksWrapperSx","restLinksWrapper","buttonSlotSx","restButtonSlot","label","restButton","theme","useTheme","_jsxs","Box","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":"~~8FAiCO~~,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,EAAAA,~~KAACC~~,~~MAAG~~,~~CACFtB~~,~~GAAI~~,~~CACFuB~~,QAAS,OACTC,WAAY,CAAEC,GAAI,aAAcC,GAAI,UACpCC,eAAgB,gBAChBC,SAAU,OACVC,IAAK,EACLC,cAAe,CAAEL,GAAI,SAAUC,GAAI,~~UAChC1B~~,~~GAELU~~,IAAKA,~~EAAG~~,~~cACI,~~qBACZR,UAAW,CAAC,0BAA2BA,~~GAAW6B~~,OAAOC,SAASC,KAAK,~~QACnExB~~,~~YAEHN~~,~~GACC+B~~,EAAAA,~~IAACC~~,~~aAAU,~~CACTC,QAAQ,~~cACRpC~~,~~GAAI~~,~~CACFqC~~,GAAI,CAAEZ,GAAI,EAAGC,GAAI,GACjBY,MAAO,~~qBACHrC~~,GAAY,~~CACdsB~~,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,~~OAEnBf~~,~~GACJ~~,cACW,6BACRC,EAAQX,SAEXE,IAGJF,~~GACCiC~~,EAAAA,~~IAACZ~~,EAAAA,~~IAAG~~,~~CACFtB~~,~~GAAI~~,~~CACFuB~~,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,~~IACdP~~,~~EAAM6B~~,WAAWC,YACpBC,EAAG,EACH,aAAc,CACZC,eAAgB,YAChBb,MAAO,~~oBAGRzB~~,~~GACJ~~,cACW,gCACRC,EAAgBb,SAEnBA,KAGHG,GAAca,~~IACdiB~~,EAAAA,~~IAACZ~~,~~EAAAA~~,~~IAAG,~~CAAA,cAAa,4BAA4BtB,~~GAAI~~,~~CAAE6C~~,MAAO,~~KAAM9B~~,~~MAAoBC~~,EAAcf,~~SAC/FG~~,~~GACC8B~~,EAAAA,IAACkB,~~EAAAA~~,~~OAAM,~~CAAChB,QAAQ,WAAWE,MAAM,~~aAAcpB~~,EAAUjB,SACtDgB"}
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 e=require("react/jsx-runtime"),t=require("react"),o=require("@mui/material");const r=t.forwardRef(({sx:t,children:r,className:s,contactSlot:l,contactSlotProps:i,socialSlot:a,socialSlotProps:c,...n},x)=>e.jsx(o.Box,{sx:{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:x,"data-testid":"FooterSectionMenu",className:["FooterSectionMenu-root",s].filter(Boolean).join(" "),...n,children:r}));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","sx","children","className","contactSlot","contactSlotProps","socialSlot","socialSlotProps","rest","ref","_jsx","Box","display","alignItems","xs","lg","justifyContent","flexDirection","gap","mb","filter","Boolean","join"],"mappings":"~~8FAQO~~,MAAMA,EAAgDC,EAAAA,WAC3D,EAAGC,KAAIC,WAAUC,YAAWC,cAAaC,mBAAkBC,aAAYC,qBAAoBC,GAAQC,IAE/FC,EAAAA,~~IAACC~~,~~MAAG~~,~~CACFV~~,~~GAAI~~,~~CACFW~~,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,~~MACdd~~,~~GAELQ~~,IAAKA,EAAG,cACI,oBACZN,UAAW,CAAC,yBAA0BA,~~GAAWiB~~,OAAOC,SAASC,KAAK,~~QAClEd~~,EAAIN,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("react/jsx-runtime"),r=require("../icon/filled/CircleExclamationFilledIcon.js"),i=require("../icon/filled/CircleInformationFilledIcon.js"),n=require("../icon/filled/WarningFilledIcon.js"),o=require("@mui/material"),t=require("react");const l=t.forwardRef(({children:l,variant:a="error",sx:s,iconProps:c,IconComponent:x,typographyProps:f,...u},d)=>{const{sx:m,...p}=c||{},{sx:g,...I}=f||{},[h,j]=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]),F=x||j;return e.jsxs(o.Box,{role:"alert","aria-atomic":"true","aria-live":"assertive",sx:{display:"flex",width:"100%",alignItems:"flex-start",justifyContent:"flex-start",gap:1,textAlign:"left",color:h,pb:1,...s},ref:d,...u,children:[e.jsx(F,{sx:{fontSize:"20px",mx:"2px",...m},...p}),e.jsx(o.Typography,{sx:{flexGrow:"1",fontSize:{xs:"14px"},lineHeight:{xs:"20px"},fontWeight:{xs:"400"},...g},...I,children:l})]})});exports.FormMessage=l;
+"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