@skodaflow/web-library 7.13.1 → 7.15.0

package/components/footer/Footer.d.ts

@@ -0,0 +1,32 @@
+import { ElementType, FC, ReactNode } from 'react';
+import { BoxProps, ContainerProps } from '@mui/material';
+export interface FooterProps extends BoxProps<ElementType> {
+    /**
+     * Props applied to container
+     */
+    containerProps?: ContainerProps<ElementType>;
+    /**
+     * @deprecated
+     */
+    primaryItems?: ReactNode;
+    /**
+     * @deprecated
+     */
+    secondaryItems?: ReactNode;
+    /**
+     * @deprecated
+     */
+    copyRight?: ReactNode;
+    /**
+     * @deprecated
+     */
+    location?: ReactNode;
+    /**
+     * @deprecated
+     */
+    socialButtons?: ReactNode;
+}
+/**
+ * Component to render content at the bottom of each page
+ */
+export declare const Footer: FC<FooterProps>;

package/components/footer/Footer.js

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

package/components/footer/Footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.js","sources":["../../../src/components/footer/Footer.tsx"],"sourcesContent":["import React, { ElementType, FC, forwardRef, ReactNode } from 'react';\nimport { Box, BoxProps, Container, ContainerProps } from '@mui/material';\nimport { FooterSectionContact } from './FooterSectionContact';\nimport { FooterSectionLinks } from './FooterSectionLinks';\n\nexport interface FooterProps extends BoxProps<ElementType> {\n  /**\n   * Props applied to container\n   */\n  containerProps?: ContainerProps<ElementType>;\n  /**\n   * @deprecated\n   */\n  primaryItems?: ReactNode;\n  /**\n   * @deprecated\n   */\n  secondaryItems?: ReactNode;\n  /**\n   * @deprecated\n   */\n  copyRight?: ReactNode;\n  /**\n   * @deprecated\n   */\n  location?: ReactNode;\n  /**\n   * @deprecated\n   */\n  socialButtons?: ReactNode;\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          {(socialButtons || primaryItems) && (\n            <FooterSectionContact socialSlot={socialButtons}>{primaryItems}</FooterSectionContact>\n          )}\n          {(copyRight || location) && (\n            <FooterSectionLinks textSlot={copyRight} buttonSlot={location}>\n              {secondaryItems}\n            </FooterSectionLinks>\n          )}\n          {children}\n        </Container>\n      </Box>\n    );\n  },\n);\n"],"names":["Footer","forwardRef","_a","ref","sx","children","containerProps","primaryItems","secondaryItems","copyRight","location","socialButtons","rest","__rest","_jsx","Box","Object","assign","component","py","xs","lg","backgroundColor","color","borderColor","my","marginTop","borderTop","mt","_jsxs","Container","maxWidth","FooterSectionContact","socialSlot","FooterSectionLinks","textSlot","buttonSlot"],"mappings":"qSAmCa,MAAAA,EAA0BC,GACrC,CACEC,EACAC,SADAC,GAAEA,EAAEC,SAAEA,EAAQC,eAAEA,EAAcC,aAAEA,EAAYC,eAAEA,EAAcC,UAAEA,EAASC,SAAEA,EAAQC,cAAEA,GAAaT,EAAKU,EAAIC,EAAAX,EAAzG,2GAGA,OACEY,EAACC,EAAGC,OAAAC,OAAA,CACFC,UAAU,SACVd,GAAEY,OAAAC,OAAA,CACAE,GAAI,EAEJ,kCAAmC,CACjCA,GAAI,CAAEC,GAAI,EAAGC,GAAI,KAEnBC,gBAAiB,kBACjBC,MAAO,eAEP,mBAAoB,CAClBC,YAAa,kBACbC,GAAI,EAEJ,8BAA+B,CAC7BC,WAAa,EAEb,uCAAwC,CACtCC,UAAW,MAIf,sCAAuC,CACrCC,IAAQ,IAER,uBAAwB,CACtBA,GAAI,QAIPxB,GAELD,IAAKA,EAAG,cACI,UACRS,EAAI,CAAAP,SAERwB,EAACC,EAAUd,OAAAC,OAAA,CAAAc,SAAS,MAASzB,EAC1B,CAAAD,SAAA,EAACM,GAAiBJ,IACjBO,EAACkB,GAAqBC,WAAYtB,EAAaN,SAAGE,KAElDE,GAAaC,IACbI,EAACoB,EAAmB,CAAAC,SAAU1B,EAAW2B,WAAY1B,EAClDL,SAAAG,IAGJH,QAEC"}

package/components/footer/FooterAccordion.d.ts

@@ -0,0 +1,29 @@
+import { FC, ReactNode, ElementType } from 'react';
+import { AccordionProps, AccordionSummaryProps, AccordionDetailsProps, TypographyProps } from '@mui/material';
+export interface FooterAccordionProps extends Omit<AccordionProps, 'variant'> {
+    /**
+     * Label of the Accordion
+     */
+    label?: ReactNode;
+    /**
+     * Props applied to the wrapper of label
+     */
+    accordionSummaryProps?: AccordionSummaryProps<ElementType>;
+    /**
+     * Props applied to the content of the accodion
+     */
+    accordionDetailsProps?: AccordionDetailsProps;
+    /**
+     * Properties applied to wrapper of children
+     */
+    contentProps?: TypographyProps<ElementType>;
+    /**
+     * Variant of accordion
+     * @default compact
+     */
+    variant?: 'compact' | 'standard';
+}
+/**
+ * Collapsible footer section
+ */
+export declare const FooterAccordion: FC<FooterAccordionProps>;

package/components/footer/FooterAccordion.js

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

package/components/footer/FooterAccordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FooterAccordion.js","sources":["../../../src/components/footer/FooterAccordion.tsx"],"sourcesContent":["import React, { FC, forwardRef, ReactNode, ElementType } from 'react';\nimport {\n  Accordion,\n  AccordionSummary,\n  AccordionDetails,\n  AccordionProps,\n  AccordionSummaryProps,\n  AccordionDetailsProps,\n  Typography,\n  TypographyProps,\n  useTheme,\n} from '@mui/material';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport interface FooterAccordionProps extends Omit<AccordionProps, 'variant'> {\n  /**\n   * Label of the Accordion\n   */\n  label?: ReactNode;\n  /**\n   * Props applied to the wrapper of label\n   */\n  accordionSummaryProps?: AccordionSummaryProps<ElementType>;\n  /**\n   * Props applied to the content of the accodion\n   */\n  accordionDetailsProps?: AccordionDetailsProps;\n  /**\n   * Properties applied to wrapper of children\n   */\n  contentProps?: TypographyProps<ElementType>;\n  /**\n   * Variant of accordion\n   * @default compact\n   */\n  variant?: 'compact' | 'standard';\n}\n\n/**\n * Collapsible footer section\n */\nexport const FooterAccordion: FC<FooterAccordionProps> = forwardRef(\n  (\n    {\n      sx,\n      children,\n      className,\n      label,\n      accordionSummaryProps,\n      accordionDetailsProps,\n      contentProps,\n      variant = 'compact',\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sx: accordionSummarySx, ...restAccordionSummary } = accordionSummaryProps ?? {};\n    const theme = useTheme();\n\n    return (\n      <Accordion\n        ref={ref}\n        data-testid=\"FooterAccordion\"\n        className={[\n          'FooterAccordion-root',\n          `FooterAccordion-variant${variant.charAt(0).toUpperCase()}${variant.slice(1)}`,\n          className,\n        ]\n          .filter(Boolean)\n          .join(', ')}\n        sx={{\n          // recolor to dark mode\n          color: 'currentColor',\n          ...(variant === 'compact' && {\n            border: 'none',\n          }),\n          ...sx,\n        }}\n        {...rest}\n      >\n        <AccordionSummary\n          data-testid=\"FooterAccordion.label\"\n          aria-controls=\"footer-accordion\"\n          id=\"footer-accordion\"\n          sx={{\n            // recolor to dark mode\n            color: 'currentColor',\n            '&:hover': {\n              color: 'currentColor',\n              // hover over IconButton\n              '& .MuiAccordion-IconButton': {\n                backgroundColor: theme.palette.transparent.tertiary,\n              },\n            },\n            // change variant of icon button to small & white\n            '& .MuiAccordion-IconButton': {\n              height: '32px',\n              width: '32px',\n              ...getInteractiveStyle(\n                {\n                  backgroundColor: 'transparent',\n                  color: theme.palette.onSurface.os0,\n                },\n                {\n                  color: theme.palette.onSurface.os0,\n                  backgroundColor: theme.palette.transparent.tertiary,\n                },\n              ),\n            },\n            ...(variant === 'compact' && {\n              ...theme.typography.caption2,\n              p: '0',\n              gap: 1.5,\n              justifyContent: 'flex-start',\n              // move icon next to label\n              '& .MuiAccordionSummary-content': {\n                flexGrow: '0',\n              },\n            }),\n            ...accordionSummarySx,\n          }}\n          {...restAccordionSummary}\n        >\n          {label}\n        </AccordionSummary>\n        <AccordionDetails data-testid=\"FooterAccordion.children\" {...accordionDetailsProps}>\n          <Typography variant=\"disclaimer1\" {...contentProps}>\n            {children}\n          </Typography>\n        </AccordionDetails>\n      </Accordion>\n    );\n  },\n);\n"],"names":["FooterAccordion","forwardRef","_a","ref","sx","children","className","label","accordionSummaryProps","accordionDetailsProps","contentProps","variant","rest","__rest","_b","accordionSummarySx","restAccordionSummary","theme","useTheme","_jsxs","Accordion","Object","assign","charAt","toUpperCase","slice","filter","Boolean","join","color","border","_jsx","AccordionSummary","id","backgroundColor","palette","transparent","tertiary","height","width","getInteractiveStyle","onSurface","os0","typography","caption2","p","gap","justifyContent","flexGrow","AccordionDetails","Typography"],"mappings":"qTAyCa,MAAAA,EAA4CC,GACvD,CACEC,EAWAC,SAXAC,GACEA,EAAEC,SACFA,EAAQC,UACRA,EAASC,MACTA,EAAKC,sBACLA,EAAqBC,sBACrBA,EAAqBC,aACrBA,EAAYC,QACZA,EAAU,aACPC,EATLC,EAAAX,EAAA,CAAA,KAAA,WAAA,YAAA,QAAA,wBAAA,wBAAA,eAAA,YAaA,MAAMY,EAAsDN,QAAAA,EAAyB,IAA7EJ,GAAIW,GAA2ED,EAApDE,EAA7BH,EAAAC,EAAA,CAAA,OACAG,EAAQC,IAEd,OACEC,EAACC,EACCC,OAAAC,OAAA,CAAAnB,IAAKA,EACO,cAAA,kBACZG,UAAW,CACT,uBACA,0BAA0BK,EAAQY,OAAO,GAAGC,gBAAgBb,EAAQc,MAAM,KAC1EnB,GAECoB,OAAOC,SACPC,KAAK,MACRxB,GAAEiB,OAAAC,OAAAD,OAAAC,OAAA,CAEAO,MAAO,gBACS,YAAZlB,GAAyB,CAC3BmB,OAAQ,SAEP1B,IAEDQ,EAAI,CAAAP,SAAA,CAER0B,EAACC,EAAgBX,OAAAC,OAAA,CAAA,cACH,wBAAuB,gBACrB,mBACdW,GAAG,mBACH7B,GAAEiB,OAAAC,OAAAD,OAAAC,OAAA,CAEAO,MAAO,eACP,UAAW,CACTA,MAAO,eAEP,6BAA8B,CAC5BK,gBAAiBjB,EAAMkB,QAAQC,YAAYC,WAI/C,6BAA4BhB,OAAAC,OAAA,CAC1BgB,OAAQ,OACRC,MAAO,QACJC,EACD,CACEN,gBAAiB,cACjBL,MAAOZ,EAAMkB,QAAQM,UAAUC,KAEjC,CACEb,MAAOZ,EAAMkB,QAAQM,UAAUC,IAC/BR,gBAAiBjB,EAAMkB,QAAQC,YAAYC,aAIjC,YAAZ1B,GACCU,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAL,EAAM0B,WAAWC,WACpBC,EAAG,IACHC,IAAK,IACLC,eAAgB,aAEhB,iCAAkC,CAChCC,SAAU,QAGXjC,IAEDC,EAAoB,CAAAX,SAEvBE,KAEHwB,EAACkB,EAAgB5B,OAAAC,OAAA,CAAA,cAAa,4BAA+Bb,EAC3D,CAAAJ,SAAA0B,EAACmB,EAAU7B,OAAAC,OAAA,CAACX,QAAQ,eAAkBD,EAAY,CAAAL,SAC/CA,WAGK"}

package/components/footer/FooterIconButton.d.ts

@@ -0,0 +1,24 @@
+import { ElementType, FC } from 'react';
+import { IconButtonProps } from '@mui/material';
+export interface FooterIconButtonProps extends IconButtonProps<ElementType> {
+    /**
+     * @deprecated provide icon directly as children (e.g. <FacebookIcon />)
+     */
+    icon?: 'facebook' | 'instagram' | 'twitter' | 'youtube' | 'linkedin' | 'heart' | 'settings' | string;
+}
+/**
+ * Section for the main links
+ */
+export declare const FooterIconButton: FC<FooterIconButtonProps>;
+export interface PredefinedFooterIconButtonProps extends Omit<FooterIconButtonProps, 'icon'> {
+}
+/** @deprecated use <FooterIconButton> with icon of your choosing instead */
+export declare const FacebookFooterIconButton: FC<FooterIconButtonProps>;
+/** @deprecated use <FooterIconButton> with icon of your choosing instead */
+export declare const InstagramFooterIconButton: FC<FooterIconButtonProps>;
+/** @deprecated use <FooterIconButton> with icon of your choosing instead */
+export declare const TwitterFooterIconButton: FC<FooterIconButtonProps>;
+/** @deprecated use <FooterIconButton> with icon of your choosing instead */
+export declare const YoutubeFooterIconButton: FC<FooterIconButtonProps>;
+/** @deprecated use <FooterIconButton> with icon of your choosing instead */
+export declare const LinkedinFooterIconButton: FC<FooterIconButtonProps>;

package/components/footer/FooterIconButton.js

@@ -0,0 +1,2 @@
+import{__rest as r}from"tslib";import{jsx as e}from"react/jsx-runtime";import{forwardRef as t,useMemo as i}from"react";import{IconButton as o}from"@mui/material";import{FacebookIcon as n}from"../icon/stroke/FacebookIcon.js";import{InstagramIcon as a}from"../icon/stroke/InstagramIcon.js";import{XIcon as c}from"../icon/stroke/XIcon.js";import{YouTubeIcon as s}from"../icon/stroke/YouTubeIcon.js";import{LinkedInIcon as m}from"../icon/stroke/LinkedInIcon.js";import{SettingsIcon as l}from"../icon/stroke/SettingsIcon.js";import{HeartIcon as u}from"../icon/stroke/HeartIcon.js";const f=t(((t,f)=>{var{children:b,icon:k}=t,d=r(t,["children","icon"]);const j=i((()=>{switch(k){case"facebook":return n;case"instagram":return a;case"twitter":return c;case"youtube":return s;case"linkedin":return m;case"settings":return l;case"heart":return u;default:return}}),[k]);return e(o,Object.assign({size:"medium",color:"white",ref:f,"data-testid":"FooterIconButton"},d,{children:b||e(j,{})}))})),b=t(((r,t)=>e(f,Object.assign({"aria-label":"Facebook link",ref:t},r,{children:e(n,{})})))),k=t(((r,t)=>e(f,Object.assign({"aria-label":"Instagram link",ref:t},r,{children:e(a,{})})))),d=t(((r,t)=>e(f,Object.assign({"aria-label":"Twitter link",ref:t},r,{children:e(c,{})})))),j=t(((r,t)=>e(f,Object.assign({"aria-label":"Youtube link",ref:t},r,{children:e(s,{})})))),p=t(((r,t)=>e(f,Object.assign({"aria-label":"Linkedin link",ref:t},r,{children:e(m,{})}))));export{b as FacebookFooterIconButton,f as FooterIconButton,k as InstagramFooterIconButton,p as LinkedinFooterIconButton,d as TwitterFooterIconButton,j as YoutubeFooterIconButton};
+//# sourceMappingURL=FooterIconButton.js.map

package/components/footer/FooterIconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FooterIconButton.js","sources":["../../../src/components/footer/FooterIconButton.tsx"],"sourcesContent":["import React, { ElementType, FC, ForwardedRef, forwardRef, useMemo } from 'react';\nimport { IconButton, IconButtonProps } from '@mui/material';\nimport { FacebookIcon } from '@/src/components/icon/stroke/FacebookIcon';\nimport { InstagramIcon } from '@/src/components/icon/stroke/InstagramIcon';\nimport { XIcon } from '@/src/components/icon/stroke/XIcon';\nimport { YouTubeIcon } from '@/src/components/icon/stroke/YouTubeIcon';\nimport { LinkedInIcon } from '@/src/components/icon/stroke/LinkedInIcon';\nimport { SettingsIcon } from '@/src/components/icon/stroke/SettingsIcon';\nimport { HeartIcon } from '@/src/components/icon/stroke/HeartIcon';\n\nexport interface FooterIconButtonProps extends IconButtonProps<ElementType> {\n  /**\n   * @deprecated provide icon directly as children (e.g. <FacebookIcon />)\n   */\n  icon?: 'facebook' | 'instagram' | 'twitter' | 'youtube' | 'linkedin' | 'heart' | 'settings' | string;\n}\n\n/**\n * Section for the main links\n */\nexport const FooterIconButton: FC<FooterIconButtonProps> = forwardRef(({ children, icon, ...rest }, ref) => {\n  // mapper to previous api\n  const Icon = useMemo(() => {\n    switch (icon) {\n      case 'facebook':\n        return FacebookIcon;\n      case 'instagram':\n        return InstagramIcon;\n      case 'twitter':\n        return XIcon;\n      case 'youtube':\n        return YouTubeIcon;\n      case 'linkedin':\n        return LinkedInIcon;\n      case 'settings':\n        return SettingsIcon;\n      case 'heart':\n        return HeartIcon;\n      default:\n        return undefined;\n    }\n  }, [icon]);\n\n  return (\n    <IconButton\n      size=\"medium\"\n      color=\"white\"\n      ref={ref as ForwardedRef<HTMLButtonElement>}\n      data-testid=\"FooterIconButton\"\n      {...rest}\n    >\n      {children || <Icon />}\n    </IconButton>\n  );\n});\n\nexport interface PredefinedFooterIconButtonProps extends Omit<FooterIconButtonProps, 'icon'> {}\n\n/** @deprecated use <FooterIconButton> with icon of your choosing instead */\nexport const FacebookFooterIconButton: FC<FooterIconButtonProps> = forwardRef((props, ref) => (\n  <FooterIconButton aria-label=\"Facebook link\" ref={ref} {...props}>\n    <FacebookIcon />\n  </FooterIconButton>\n));\n/** @deprecated use <FooterIconButton> with icon of your choosing instead */\nexport const InstagramFooterIconButton: FC<FooterIconButtonProps> = forwardRef((props, ref) => (\n  <FooterIconButton aria-label=\"Instagram link\" ref={ref} {...props}>\n    <InstagramIcon />\n  </FooterIconButton>\n));\n/** @deprecated use <FooterIconButton> with icon of your choosing instead */\nexport const TwitterFooterIconButton: FC<FooterIconButtonProps> = forwardRef((props, ref) => (\n  <FooterIconButton aria-label=\"Twitter link\" ref={ref} {...props}>\n    <XIcon />\n  </FooterIconButton>\n));\n/** @deprecated use <FooterIconButton> with icon of your choosing instead */\nexport const YoutubeFooterIconButton: FC<FooterIconButtonProps> = forwardRef((props, ref) => (\n  <FooterIconButton aria-label=\"Youtube link\" ref={ref} {...props}>\n    <YouTubeIcon />\n  </FooterIconButton>\n));\n/** @deprecated use <FooterIconButton> with icon of your choosing instead */\nexport const LinkedinFooterIconButton: FC<FooterIconButtonProps> = forwardRef((props, ref) => (\n  <FooterIconButton aria-label=\"Linkedin link\" ref={ref} {...props}>\n    <LinkedInIcon />\n  </FooterIconButton>\n));\n"],"names":["FooterIconButton","forwardRef","_a","ref","children","icon","rest","__rest","Icon","useMemo","FacebookIcon","InstagramIcon","XIcon","YouTubeIcon","LinkedInIcon","SettingsIcon","HeartIcon","_jsx","IconButton","Object","assign","size","color","FacebookFooterIconButton","props","InstagramFooterIconButton","TwitterFooterIconButton","YoutubeFooterIconButton","LinkedinFooterIconButton"],"mappings":"gkBAoBa,MAAAA,EAA8CC,GAAW,CAACC,EAA6BC,SAA7BC,SAAEA,EAAQC,KAAEA,GAAIH,EAAKI,EAAIC,EAAAL,EAAzB,qBAErE,MAAMM,EAAOC,GAAQ,KACnB,OAAQJ,GACN,IAAK,WACH,OAAOK,EACT,IAAK,YACH,OAAOC,EACT,IAAK,UACH,OAAOC,EACT,IAAK,UACH,OAAOC,EACT,IAAK,WACH,OAAOC,EACT,IAAK,WACH,OAAOC,EACT,IAAK,QACH,OAAOC,EACT,QACE,UAEH,CAACX,IAEJ,OACEY,EAACC,EACCC,OAAAC,OAAA,CAAAC,KAAK,SACLC,MAAM,QACNnB,IAAKA,EACO,cAAA,oBACRG,EAEH,CAAAF,SAAAA,GAAYa,EAACT,EAAI,MACP,IAOJe,EAAsDtB,GAAW,CAACuB,EAAOrB,IACpFc,EAACjB,EAAgBmB,OAAAC,OAAA,CAAA,aAAY,gBAAgBjB,IAAKA,GAASqB,EACzD,CAAApB,SAAAa,EAACP,EAAY,CAAA,QAIJe,EAAuDxB,GAAW,CAACuB,EAAOrB,IACrFc,EAACjB,EAAgBmB,OAAAC,OAAA,CAAA,aAAY,iBAAiBjB,IAAKA,GAASqB,EAC1D,CAAApB,SAAAa,EAACN,EAAa,CAAA,QAILe,EAAqDzB,GAAW,CAACuB,EAAOrB,IACnFc,EAACjB,EAAgBmB,OAAAC,OAAA,CAAA,aAAY,eAAejB,IAAKA,GAASqB,EACxD,CAAApB,SAAAa,EAACL,EAAK,CAAA,QAIGe,EAAqD1B,GAAW,CAACuB,EAAOrB,IACnFc,EAACjB,EAAgBmB,OAAAC,OAAA,CAAA,aAAY,eAAejB,IAAKA,GAASqB,EACxD,CAAApB,SAAAa,EAACJ,EAAW,CAAA,QAIHe,EAAsD3B,GAAW,CAACuB,EAAOrB,IACpFc,EAACjB,EAAgBmB,OAAAC,OAAA,CAAA,aAAY,gBAAgBjB,IAAKA,GAASqB,EACzD,CAAApB,SAAAa,EAACH,EAAY,CAAA"}

package/components/footer/FooterLink.d.ts

@@ -0,0 +1,22 @@
+import { ElementType, FC, ReactNode } from 'react';
+import { LinkProps } from '@mui/material';
+export interface FooterLinkProps extends LinkProps<ElementType> {
+    /**
+     * Displayed navigation text, can be provided as children as well
+     */
+    label?: ReactNode;
+    /**
+     * @deprecated provide icon directly as children next to text (e.g. <PhoneIcon />)
+     */
+    icon?: 'call' | 'mail' | 'edit' | string;
+}
+/**
+ * Component to render styled link in the footer
+ */
+export declare const FooterLink: FC<FooterLinkProps>;
+export interface FooterNavItemProps extends FooterLinkProps {
+}
+/**
+ * @deprecated remove this component, use FooterLink instead
+ */
+export declare const FooterNavItem: FC<FooterNavItemProps>;

package/components/footer/FooterLink.js

@@ -0,0 +1,2 @@
+import{__rest as r}from"tslib";import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as o,useMemo as i}from"react";import{Link as n}from"@mui/material";import{PhoneIcon as s}from"../icon/stroke/PhoneIcon.js";import{MessageIcon as c}from"../icon/stroke/MessageIcon.js";import{EditIcon as a}from"../icon/stroke/EditIcon.js";const l=o(((o,l)=>{var{sx:m,icon:f,children:p,label:u}=o,x=r(o,["sx","icon","children","label"]);const d=i((()=>{switch(f){case"call":return s;case"mail":return c;case"edit":return a;default:return}}),[f]);return e(n,Object.assign({sx:Object.assign({display:"inline-flex",gap:1.5,alignItems:"center",justifyContent:"flex-start",padding:"4px 8px","&, &:hover":{textDecoration:"underline",color:"common.white"},"& .MuiSvgIcon-root":{fontSize:"20px"}},m),variant:"list",ref:l},x,{children:[d&&t(d,{}),p||u]}))})),m=o(((r,e)=>t(l,Object.assign({ref:e},r))));export{l as FooterLink,m as FooterNavItem};
+//# sourceMappingURL=FooterLink.js.map

package/components/footer/FooterLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FooterLink.js","sources":["../../../src/components/footer/FooterLink.tsx"],"sourcesContent":["import React, { useMemo, ElementType, FC, forwardRef, ForwardedRef, ReactNode } from 'react';\nimport { Link, LinkProps } from '@mui/material';\nimport { PhoneIcon } from '@/src/components/icon/stroke/PhoneIcon';\nimport { MessageIcon } from '@/src/components/icon/stroke/MessageIcon';\nimport { EditIcon } from '@/src/components/icon/stroke/EditIcon';\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   * @deprecated provide icon directly as children next to text (e.g. <PhoneIcon />)\n   */\n  icon?: 'call' | 'mail' | 'edit' | string;\n}\n\n/**\n * Component to render styled link in the footer\n */\nexport const FooterLink: FC<FooterLinkProps> = forwardRef(({ sx, icon, children, label, ...rest }, ref) => {\n  // mapper to previous api\n  const Icon = useMemo(() => {\n    switch (icon) {\n      case 'call':\n        return PhoneIcon;\n      case 'mail':\n        return MessageIcon;\n      case 'edit':\n        return EditIcon;\n      default:\n        return undefined;\n    }\n  }, [icon]);\n\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      {Icon && <Icon />}\n      {children || label}\n    </Link>\n  );\n});\n\nexport interface FooterNavItemProps extends FooterLinkProps {}\n/**\n * @deprecated remove this component, use FooterLink instead\n */\nexport const FooterNavItem: FC<FooterNavItemProps> = forwardRef((props, ref) => {\n  return <FooterLink ref={ref} {...props} />;\n});\n"],"names":["FooterLink","forwardRef","_a","ref","sx","icon","children","label","rest","__rest","Icon","useMemo","PhoneIcon","MessageIcon","EditIcon","_jsxs","Link","Object","assign","display","gap","alignItems","justifyContent","padding","textDecoration","color","fontSize","variant","_jsx","FooterNavItem","props"],"mappings":"gVAoBa,MAAAA,EAAkCC,GAAW,CAACC,EAAwCC,KAAxC,IAAAC,GAAEA,EAAEC,KAAEA,EAAIC,SAAEA,EAAQC,MAAEA,GAAKL,EAAKM,EAAhCC,EAAAP,EAAA,CAAA,KAAA,OAAA,WAAA,UAEzD,MAAMQ,EAAOC,GAAQ,KACnB,OAAQN,GACN,IAAK,OACH,OAAOO,EACT,IAAK,OACH,OAAOC,EACT,IAAK,OACH,OAAOC,EACT,QACE,UAEH,CAACT,IAEJ,OACEU,EAACC,EAAIC,OAAAC,OAAA,CACHd,GAAEa,OAAAC,OAAA,CAEAC,QAAS,cACTC,IAAK,IACLC,WAAY,SACZC,eAAgB,aAChBC,QAAS,UAET,aAAc,CACZC,eAAgB,YAChBC,MAAO,gBAGT,qBAAsB,CACpBC,SAAU,SAETtB,GAELuB,QAAQ,OACRxB,IAAKA,GACDK,aAEHE,GAAQkB,EAAClB,EAAO,CAAA,GAChBJ,GAAYC,KACR,IAQEsB,EAAwC5B,GAAW,CAAC6B,EAAO3B,IAC/DyB,EAAC5B,EAAWiB,OAAAC,OAAA,CAAAf,IAAKA,GAAS2B"}

package/components/footer/FooterMenu.d.ts

@@ -0,0 +1,30 @@
+import React, { FC, ReactNode } from 'react';
+import { FooterAccordionProps } from './FooterAccordion';
+export interface FooterMenuProps extends Omit<FooterAccordionProps, 'variant' | 'children'> {
+    /**
+     * Main item of Menu
+     * @deprecated rename to label
+     */
+    mainItem?: React.ReactNode;
+    /**
+     * Items in the menu
+     * @depreaceted place links directly as children
+     */
+    subItems?: ReactNode;
+    /**
+     * Items in the menu
+     */
+    children?: React.ReactNode;
+    /**
+     * Variant of the menu
+     * - auto: renders on large resolution as list and on mobile as accordion
+     * - list: renders as list with title
+     * - accordion: renders as collapsible accordion
+     * @default auto
+     */
+    variant?: 'auto' | 'list' | 'accordion';
+}
+/**
+ * Section for the secondary links, copyright and optional button
+ */
+export declare const FooterMenu: FC<FooterMenuProps>;

package/components/footer/FooterMenu.js

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

package/components/footer/FooterMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FooterMenu.js","sources":["../../../src/components/footer/FooterMenu.tsx"],"sourcesContent":["import React, { FC, forwardRef, ReactNode, 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   * Main item of Menu\n   * @deprecated rename to label\n   */\n  mainItem?: React.ReactNode;\n  /**\n   * Items in the menu\n   * @depreaceted place links directly as children\n   */\n  subItems?: ReactNode;\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  (\n    { sx, children, label, mainItem, accordionSummaryProps, subItems, contentProps, variant = 'auto', ...rest },\n    ref,\n  ) => {\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 || mainItem}\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        {subItems}\n      </FooterAccordion>\n    );\n  },\n);\n"],"names":["FooterMenu","forwardRef","_a","ref","sx","children","label","mainItem","accordionSummaryProps","subItems","contentProps","variant","rest","__rest","_b","contentSx","restContent","_c","accSummarySx","restAccSummary","theme","useTheme","downLg","useMediaQuery","breakpoints","down","isAccordion","expanded","setExpanded","useState","_jsxs","FooterAccordion","onChange","_","v","Object","assign","flexBasis","lg","borderColor","border","padding","typography","subheadline","p","textDecoration","color","overflow","cursor","display","component","alignItems","justifyContent","flexDirection","gap","caption2"],"mappings":"4OAgCa,MAAAA,EAAkCC,GAC7C,CACEC,EACAC,SADAC,GAAEA,EAAEC,SAAEA,EAAQC,MAAEA,EAAKC,SAAEA,EAAQC,sBAAEA,EAAqBC,SAAEA,EAAQC,aAAEA,EAAYC,QAAEA,EAAU,UAAWC,EAArGC,EAAAX,EAAA,CAAA,KAAA,WAAA,QAAA,WAAA,wBAAA,WAAA,eAAA,YAGA,MAAMY,EAAoCJ,QAAAA,EAAgB,IAAlDN,GAAIW,GAAgDD,EAAlCE,EAApBH,EAAAC,EAAA,CAAA,OACAG,EAA0CT,QAAAA,EAAyB,IAAjEJ,GAAIc,GAA+DD,EAA9CE,EAAvBN,EAAAI,EAAA,CAAA,OACAG,EAAQC,IACRC,EAASC,EAAqBH,EAAMI,YAAYC,KAAK,OACrDC,EAA0B,SAAZf,EAAqBW,EAAqB,cAAZX,GAC3CgB,EAAUC,GAAeC,GAAS,GAEzC,OACEC,EAACC,iBAEC5B,IAAKA,EACO,cAAA,aACZwB,UAAUD,GAAcC,EACxBK,SAAU,CAACC,EAAGC,IAAMN,EAAYM,GAChCvB,QAAQ,WACRP,GAAE+B,OAAAC,OAAAD,OAAAC,OAAA,CAEAC,UAAW,CAAEC,GAAI,OACjBC,YAAa,oBACRb,GAAe,CAClBc,OAAQ,SAEPpC,GAELI,sBAAqB2B,OAAAC,OAAA,CACnB,cAAiB,mBACjBhC,GAAE+B,OAAAC,OAAAD,OAAAC,OAAA,CAEAK,QAAS,aAET,kBACKN,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAhB,EAAMsB,WAAWC,aACpB,CAAAC,EAAG,EACH,aAAc,CACZC,eAAgB,OAChBC,MAAO,oBAGNpB,GAAe,CAElBqB,SAAU,UAEV,wBAAyB,CACvBC,OAAQ,SAGV,2CAA4C,CAC1CC,QAAS,UAGV/B,IAEFC,GAELb,MAAOA,GAASC,EAChBG,4BACEwC,UAAW,MACX,cAAiB,qBACjB9C,kBACE6C,QAAS,OACTE,WAAY,aACZC,eAAgB,aAChBC,cAAe,SACfC,IAAK,IAEL,kBACKnB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAhB,EAAMsB,WAAWa,UACpB,CAAAX,EAAG,EACH,aAAc,CACZC,eAAgB,OAChBC,MAAO,sBAGR/B,IAEFC,IAEDJ,EAEH,CAAAP,SAAA,CAAAA,EACAI,KAvEI,GAAGiB,IAwEQ"}

package/components/footer/FooterSectionContact.d.ts

@@ -0,0 +1,24 @@
+import { ElementType, FC, ReactNode } from 'react';
+import { BoxProps } from '@mui/material';
+export interface FooterSectionContactProps extends BoxProps<ElementType> {
+    /**
+     * Items that should be rendered in left side
+     */
+    contactSlot?: ReactNode;
+    /**
+     * Properties applied to the contact wrapper
+     */
+    contactSlotProps?: BoxProps<ElementType>;
+    /**
+     * Items that should be rendered in right side
+     */
+    socialSlot?: ReactNode;
+    /**
+     * Properties applied to the social wrapper
+     */
+    socialSlotProps?: BoxProps<ElementType>;
+}
+/**
+ * Section for the main contact links and social media
+ */
+export declare const FooterSectionContact: FC<FooterSectionContactProps>;

package/components/footer/FooterSectionContact.js

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

package/components/footer/FooterSectionContact.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FooterSectionContact.js","sources":["../../../src/components/footer/FooterSectionContact.tsx"],"sourcesContent":["import React, { ElementType, FC, forwardRef, ReactNode } from 'react';\nimport { Box, BoxProps } from '@mui/material';\n\nexport interface FooterSectionContactProps extends BoxProps<ElementType> {\n  /**\n   * Items that should be rendered in left side\n   */\n  contactSlot?: ReactNode;\n  /**\n   * Properties applied to the contact wrapper\n   */\n  contactSlotProps?: BoxProps<ElementType>;\n  /**\n   * Items that should be rendered in right side\n   */\n  socialSlot?: ReactNode;\n  /**\n   * Properties applied to the social wrapper\n   */\n  socialSlotProps?: BoxProps<ElementType>;\n}\n\n/**\n * Section for the main contact links and social media\n */\nexport const FooterSectionContact: FC<FooterSectionContactProps> = forwardRef(\n  ({ sx, children, className, contactSlot, contactSlotProps, socialSlot, socialSlotProps, ...rest }, ref) => {\n    const { sx: contactSlotSx, ...restContactSlot } = contactSlotProps ?? {};\n    const { sx: socialSlotSx, ...restSocialSlot } = socialSlotProps ?? {};\n\n    return (\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: { xs: 'flex-start', lg: 'center' },\n          justifyContent: 'space-between',\n          flexWrap: 'wrap',\n          gap: { xs: 4, lg: 2 },\n          flexDirection: { xs: 'column', lg: 'row' },\n          ...sx,\n        }}\n        ref={ref}\n        data-testid=\"FooterSectionContact\"\n        className={['FlowSectionContact-root', className].filter(Boolean).join(', ')}\n        {...rest}\n      >\n        <Box\n          sx={{\n            display: 'flex',\n            alignItems: { xs: 'flex-start', lg: 'center' },\n            justifyContent: 'flex-start',\n            flexWrap: 'wrap',\n            gap: 2,\n            flexDirection: {\n              xs: 'column',\n              lg: 'row',\n            },\n            ...contactSlotSx,\n          }}\n          data-testid=\"FooterSectionContact.contact\"\n          {...restContactSlot}\n        >\n          {children}\n          {contactSlot}\n        </Box>\n        <Box\n          sx={{\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: { xs: 'flex-start', lg: 'flex-end' },\n            flexWrap: 'wrap',\n            gap: 0.5,\n            ...socialSlotSx,\n          }}\n          data-testid=\"FooterSectionContact.social\"\n          {...restSocialSlot}\n        >\n          {socialSlot}\n        </Box>\n      </Box>\n    );\n  },\n);\n"],"names":["FooterSectionContact","forwardRef","_a","ref","sx","children","className","contactSlot","contactSlotProps","socialSlot","socialSlotProps","rest","__rest","_b","contactSlotSx","restContactSlot","_c","socialSlotSx","restSocialSlot","_jsxs","Box","Object","assign","display","alignItems","xs","lg","justifyContent","flexWrap","gap","flexDirection","filter","Boolean","join","_jsx"],"mappings":"wJAyBa,MAAAA,EAAsDC,GACjE,CAACC,EAAkGC,KAAlG,IAAAC,GAAEA,EAAEC,SAAEA,EAAQC,UAAEA,EAASC,YAAEA,EAAWC,iBAAEA,EAAgBC,WAAEA,EAAUC,gBAAEA,GAAeR,EAAKS,EAAIC,EAAAV,EAA9F,+FACC,MAAMW,EAA4CL,QAAAA,EAAoB,IAA9DJ,GAAIU,GAA4DD,EAA1CE,EAAxBH,EAAAC,EAAA,CAAA,OACAG,EAA0CN,QAAAA,EAAmB,IAA3DN,GAAIa,GAAyDD,EAAxCE,EAAvBN,EAAAI,EAAA,CAAA,OAEN,OACEG,EAACC,EACCC,OAAAC,OAAA,CAAAlB,GACEiB,OAAAC,OAAA,CAAAC,QAAS,OACTC,WAAY,CAAEC,GAAI,aAAcC,GAAI,UACpCC,eAAgB,gBAChBC,SAAU,OACVC,IAAK,CAAEJ,GAAI,EAAGC,GAAI,GAClBI,cAAe,CAAEL,GAAI,SAAUC,GAAI,QAChCtB,GAELD,IAAKA,EACO,cAAA,uBACZG,UAAW,CAAC,0BAA2BA,GAAWyB,OAAOC,SAASC,KAAK,OACnEtB,EAAI,CAAAN,SAAA,CAERc,EAACC,EACCC,OAAAC,OAAA,CAAAlB,GACEiB,OAAAC,OAAA,CAAAC,QAAS,OACTC,WAAY,CAAEC,GAAI,aAAcC,GAAI,UACpCC,eAAgB,aAChBC,SAAU,OACVC,IAAK,EACLC,cAAe,CACbL,GAAI,SACJC,GAAI,QAEHZ,GAEO,cAAA,gCACRC,aAEHV,EACAE,MAEH2B,EAACd,EACCC,OAAAC,OAAA,CAAAlB,GACEiB,OAAAC,OAAA,CAAAC,QAAS,OACTC,WAAY,SACZG,eAAgB,CAAEF,GAAI,aAAcC,GAAI,YACxCE,SAAU,OACVC,IAAK,IACFZ,GAAY,cAEL,+BACRC,EAAc,CAAAb,SAEjBI,QAEC"}

package/components/footer/FooterSectionLinks.d.ts

@@ -0,0 +1,34 @@
+import React, { ElementType, FC } from 'react';
+import { BoxProps, ButtonProps, TypographyProps } from '@mui/material';
+export interface FooterSectionLinksProps extends BoxProps<ElementType> {
+    /**
+     * Text wrapped by styled Typography component
+     */
+    textSlot?: React.ReactNode;
+    /**
+     * Properties applied to text typography
+     */
+    textTypographyProps?: TypographyProps<ElementType>;
+    /**
+     * Alternative to providing button props
+     */
+    buttonSlot?: React.ReactNode;
+    /**
+     * Properties applied to button wrapper
+     */
+    buttonSlotProps?: BoxProps<ElementType>;
+    /**
+     * Props for button
+     */
+    buttonProps?: ButtonProps & {
+        label?: React.ReactNode;
+    };
+    /**
+     * Properties applied to link container
+     */
+    linksWrapperProps?: BoxProps<ElementType>;
+}
+/**
+ * Section for the secondary links, copyright and optional button
+ */
+export declare const FooterSectionLinks: FC<FooterSectionLinksProps>;

package/components/footer/FooterSectionLinks.js

@@ -0,0 +1,2 @@
+import{__rest as t}from"tslib";import{jsxs as e,jsx as o}from"react/jsx-runtime";import{forwardRef as s}from"react";import{useTheme as r,Box as n,Typography as i,Button as l}from"@mui/material";const a=s(((s,a)=>{var{sx:c,children:x,className:p,textSlot:g,buttonSlot:u,buttonSlotProps:d,textTypographyProps:m,buttonProps:b,linksWrapperProps:f}=s,h=t(s,["sx","children","className","textSlot","buttonSlot","buttonSlotProps","textTypographyProps","buttonProps","linksWrapperProps"]);const j=null!=m?m:{},{sx:S}=j,y=t(j,["sx"]),O=null!=f?f:{},{sx:k}=O,w=t(O,["sx"]),P=null!=d?d:{},{sx:L}=P,F=t(P,["sx"]),v=null!=b?b:{},{label:W}=v,C=t(v,["label"]),D=r();return e(n,Object.assign({sx:Object.assign({display:"flex",alignItems:{xs:"flex-start",lg:"center"},justifyContent:"space-between",flexWrap:"wrap",gap:2,flexDirection:{xs:"column",lg:"row"}},c),ref:a,"data-testid":"FooterSectionLinks",className:["FooterSectionLinks-root",p].filter(Boolean).join(", ")},h,{children:[g&&o(i,Object.assign({variant:"disclaimer1",sx:Object.assign(Object.assign({my:{xs:2,lg:0},color:"onSurface.os200"},x&&{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}}),S),"data-testid":"FooterSectionLinks.text"},y,{children:g})),x&&o(n,Object.assign({sx:Object.assign({display:"flex",alignItems:{xs:"flex-start",lg:"center"},flexDirection:{xs:"column",lg:"row"},flexWrap:"wrap",flexGrow:"1",gap:{xs:2,lg:3},"& .MuiButton-root":{alignSelf:{xs:"stretch",lg:"auto"}},"& .MuiLink-root":Object.assign(Object.assign({},D.typography.disclaimer1),{p:0,"&, &:hover":{textDecoration:"underline",color:"common.white"}})},k),"data-testid":"FooterSectionLinks.content"},w,{children:x})),(u||W)&&o(n,Object.assign({"data-testid":"FooterSectionLinks.button",sx:Object.assign({order:2},L)},F,{children:u||o(l,Object.assign({variant:"shortcut",color:"inherit"},C,{children:W}))}))]}))}));export{a as FooterSectionLinks};
+//# sourceMappingURL=FooterSectionLinks.js.map

package/components/footer/FooterSectionLinks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FooterSectionLinks.js","sources":["../../../src/components/footer/FooterSectionLinks.tsx"],"sourcesContent":["import React, { ElementType, FC, forwardRef } from 'react';\nimport { Box, BoxProps, Button, ButtonProps, Typography, TypographyProps, useTheme } from '@mui/material';\n\nexport interface FooterSectionLinksProps extends BoxProps<ElementType> {\n  /**\n   * Text wrapped by styled Typography component\n   */\n  textSlot?: React.ReactNode;\n  /**\n   * Properties applied to text typography\n   */\n  textTypographyProps?: TypographyProps<ElementType>;\n  /**\n   * Alternative to providing button props\n   */\n  buttonSlot?: React.ReactNode;\n  /**\n   * Properties applied to button wrapper\n   */\n  buttonSlotProps?: BoxProps<ElementType>;\n  /**\n   * Props for button\n   */\n  buttonProps?: ButtonProps & { label?: React.ReactNode };\n  /**\n   * Properties applied to link container\n   */\n  linksWrapperProps?: BoxProps<ElementType>;\n}\n\n/**\n * Section for the secondary links, copyright and optional button\n */\nexport const FooterSectionLinks: FC<FooterSectionLinksProps> = forwardRef(\n  (\n    {\n      sx,\n      children,\n      className,\n      textSlot,\n      buttonSlot,\n      buttonSlotProps,\n      textTypographyProps,\n      buttonProps,\n      linksWrapperProps,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sx: testSx, ...restText } = textTypographyProps ?? {};\n    const { sx: linksWrapperSx, ...restLinksWrapper } = linksWrapperProps ?? {};\n    const { sx: buttonSlotSx, ...restButtonSlot } = buttonSlotProps ?? {};\n    const { label, ...restButton } = buttonProps ?? {};\n    const theme = useTheme();\n\n    return (\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: { xs: 'flex-start', lg: 'center' },\n          justifyContent: 'space-between',\n          flexWrap: 'wrap',\n          gap: 2,\n          flexDirection: { xs: 'column', lg: 'row' },\n          ...sx,\n        }}\n        ref={ref}\n        data-testid=\"FooterSectionLinks\"\n        className={['FooterSectionLinks-root', className].filter(Boolean).join(', ')}\n        {...rest}\n      >\n        {textSlot && (\n          <Typography\n            variant=\"disclaimer1\"\n            sx={{\n              my: { xs: 2, lg: 0 },\n              color: 'onSurface.os200',\n              ...(children && {\n                display: 'inline-flex',\n                alignItems: 'center',\n                justifyContent: 'flex-start',\n                // separator between text and links\n                mr: { lg: 2 },\n                '&:after': {\n                  content: { xs: 'none', lg: \"''\" },\n                  display: 'block',\n                  height: '14px',\n                  width: '1px',\n                  backgroundColor: 'onSurface.os700',\n                  ml: 4,\n                },\n                // move after the links on mobile\n                order: { xs: 1, lg: 0 },\n              }),\n              ...testSx,\n            }}\n            data-testid=\"FooterSectionLinks.text\"\n            {...restText}\n          >\n            {textSlot}\n          </Typography>\n        )}\n        {children && (\n          <Box\n            sx={{\n              display: 'flex',\n              alignItems: { xs: 'flex-start', lg: 'center' },\n              flexDirection: { xs: 'column', lg: 'row' },\n              flexWrap: 'wrap',\n              flexGrow: '1',\n              gap: { xs: 2, lg: 3 },\n              // manipulate style of buttons inside\n              '& .MuiButton-root': {\n                alignSelf: { xs: 'stretch', lg: 'auto' },\n              },\n              // manipulates style of links inside\n              '& .MuiLink-root': {\n                ...theme.typography.disclaimer1,\n                p: 0,\n                '&, &:hover': {\n                  textDecoration: 'underline',\n                  color: 'common.white',\n                },\n              },\n              ...linksWrapperSx,\n            }}\n            data-testid=\"FooterSectionLinks.content\"\n            {...restLinksWrapper}\n          >\n            {children}\n          </Box>\n        )}\n        {(buttonSlot || label) && (\n          <Box data-testid=\"FooterSectionLinks.button\" sx={{ order: 2, ...buttonSlotSx }} {...restButtonSlot}>\n            {buttonSlot || (\n              <Button variant=\"shortcut\" color=\"inherit\" {...restButton}>\n                {label}\n              </Button>\n            )}\n          </Box>\n        )}\n      </Box>\n    );\n  },\n);\n"],"names":["FooterSectionLinks","forwardRef","_a","ref","sx","children","className","textSlot","buttonSlot","buttonSlotProps","textTypographyProps","buttonProps","linksWrapperProps","rest","__rest","_b","testSx","restText","_c","linksWrapperSx","restLinksWrapper","_d","buttonSlotSx","restButtonSlot","_e","label","restButton","theme","useTheme","_jsxs","Box","Object","assign","display","alignItems","xs","lg","justifyContent","flexWrap","gap","flexDirection","filter","Boolean","join","_jsx","Typography","variant","my","color","mr","content","height","width","backgroundColor","ml","order","flexGrow","alignSelf","typography","disclaimer1","p","textDecoration","Button"],"mappings":"kMAiCa,MAAAA,EAAkDC,GAC7D,CACEC,EAYAC,SAZAC,GACEA,EAAEC,SACFA,EAAQC,UACRA,EAASC,SACTA,EAAQC,WACRA,EAAUC,gBACVA,EAAeC,oBACfA,EAAmBC,YACnBA,EAAWC,kBACXA,KACGC,EAVLC,EAAAZ,EAAA,CAAA,KAAA,WAAA,YAAA,WAAA,aAAA,kBAAA,sBAAA,cAAA,sBAcA,MAAMa,EAA8BL,QAAAA,EAAuB,IAAnDN,GAAIY,GAAiDD,EAAtCE,EAAjBH,EAAAC,EAAA,CAAA,OACAG,EAA8CN,QAAAA,EAAqB,IAAjER,GAAIe,GAA+DD,EAA5CE,EAAzBN,EAAAI,EAAA,CAAA,OACAG,EAA0CZ,QAAAA,EAAmB,IAA3DL,GAAIkB,GAAyDD,EAAxCE,EAAvBT,EAAAO,EAAA,CAAA,OACAG,EAA2Bb,QAAAA,EAAe,CAAE,GAA5Cc,MAAEA,GAA0CD,EAAhCE,EAAZZ,EAAAU,EAAA,CAAA,UACAG,EAAQC,IAEd,OACEC,EAACC,EAAGC,OAAAC,OAAA,CACF5B,GACE2B,OAAAC,OAAA,CAAAC,QAAS,OACTC,WAAY,CAAEC,GAAI,aAAcC,GAAI,UACpCC,eAAgB,gBAChBC,SAAU,OACVC,IAAK,EACLC,cAAe,CAAEL,GAAI,SAAUC,GAAI,QAChChC,GAELD,IAAKA,EAAG,cACI,qBACZG,UAAW,CAAC,0BAA2BA,GAAWmC,OAAOC,SAASC,KAAK,OACnE9B,EAEH,CAAAR,SAAA,CAAAE,GACCqC,EAACC,iBACCC,QAAQ,cACR1C,gCACE2C,GAAI,CAAEZ,GAAI,EAAGC,GAAI,GACjBY,MAAO,mBACH3C,GAAY,CACd4B,QAAS,cACTC,WAAY,SACZG,eAAgB,aAEhBY,GAAI,CAAEb,GAAI,GACV,UAAW,CACTc,QAAS,CAAEf,GAAI,OAAQC,GAAI,MAC3BH,QAAS,QACTkB,OAAQ,OACRC,MAAO,MACPC,gBAAiB,kBACjBC,GAAI,GAGNC,MAAO,CAAEpB,GAAI,EAAGC,GAAI,KAEnBpB,GAEO,cAAA,2BACRC,EAEH,CAAAZ,SAAAE,KAGJF,GACCuC,EAACd,EAAGC,OAAAC,OAAA,CACF5B,GAAE2B,OAAAC,OAAA,CACAC,QAAS,OACTC,WAAY,CAAEC,GAAI,aAAcC,GAAI,UACpCI,cAAe,CAAEL,GAAI,SAAUC,GAAI,OACnCE,SAAU,OACVkB,SAAU,IACVjB,IAAK,CAAEJ,GAAI,EAAGC,GAAI,GAElB,oBAAqB,CACnBqB,UAAW,CAAEtB,GAAI,UAAWC,GAAI,SAGlC,kBACKL,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAL,EAAM+B,WAAWC,aACpB,CAAAC,EAAG,EACH,aAAc,CACZC,eAAgB,YAChBb,MAAO,mBAGR7B,GAEO,cAAA,8BACRC,YAEHf,MAGHG,GAAciB,IACdmB,EAACd,EAAgBC,OAAAC,OAAA,CAAA,cAAA,4BAA4B5B,GAAM2B,OAAAC,OAAA,CAAAuB,MAAO,GAAMjC,IAAoBC,EAAc,CAAAlB,SAC/FG,GACCoC,EAACkB,EAAM/B,OAAAC,OAAA,CAACc,QAAQ,WAAWE,MAAM,WAActB,EAC5C,CAAArB,SAAAoB,WAKL"}

package/components/footer/FooterSectionMenu.d.ts

@@ -0,0 +1,8 @@
+import { ElementType, FC } from 'react';
+import { BoxProps } from '@mui/material';
+export interface FooterSectionMenuProps extends BoxProps<ElementType> {
+}
+/**
+ * Section for the multiple FooterMenu
+ */
+export declare const FooterSectionMenu: FC<FooterSectionMenuProps>;

package/components/footer/FooterSectionMenu.js

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

package/components/footer/FooterSectionMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FooterSectionMenu.js","sources":["../../../src/components/footer/FooterSectionMenu.tsx"],"sourcesContent":["import React, { ElementType, FC, forwardRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\n\nexport interface FooterSectionMenuProps extends BoxProps<ElementType> {}\n\n/**\n * Section for the multiple FooterMenu\n */\nexport const FooterSectionMenu: FC<FooterSectionMenuProps> = forwardRef(\n  ({ sx, children, className, contactSlot, contactSlotProps, socialSlot, socialSlotProps, ...rest }, ref) => {\n    return (\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: { xs: 'stretch', lg: 'flex-start' },\n          justifyContent: 'stretch',\n          flexDirection: { xs: 'column', lg: 'row' },\n          gap: { xs: 0, lg: 2 },\n          mb: { xs: 4, lg: 8 },\n          ...sx,\n        }}\n        ref={ref}\n        data-testid=\"FooterSectionMenu\"\n        className={['FooterSectionMenu-root', className].filter(Boolean).join(', ')}\n        {...rest}\n      >\n        {children}\n      </Box>\n    );\n  },\n);\n"],"names":["FooterSectionMenu","forwardRef","_a","ref","sx","children","className","contactSlot","contactSlotProps","socialSlot","socialSlotProps","rest","__rest","_jsx","Box","Object","assign","display","alignItems","xs","lg","justifyContent","flexDirection","gap","mb","filter","Boolean","join"],"mappings":"8IAQa,MAAAA,EAAgDC,GAC3D,CAACC,EAAkGC,KAAlG,IAAAC,GAAEA,EAAEC,SAAEA,EAAQC,UAAEA,EAASC,YAAEA,EAAWC,iBAAEA,EAAgBC,WAAEA,EAAUC,gBAAEA,GAAeR,EAAKS,EAAIC,EAAAV,EAA9F,+FACC,OACEW,EAACC,EAAGC,OAAAC,OAAA,CACFZ,GACEW,OAAAC,OAAA,CAAAC,QAAS,OACTC,WAAY,CAAEC,GAAI,UAAWC,GAAI,cACjCC,eAAgB,UAChBC,cAAe,CAAEH,GAAI,SAAUC,GAAI,OACnCG,IAAK,CAAEJ,GAAI,EAAGC,GAAI,GAClBI,GAAI,CAAEL,GAAI,EAAGC,GAAI,IACdhB,GAELD,IAAKA,gBACO,oBACZG,UAAW,CAAC,yBAA0BA,GAAWmB,OAAOC,SAASC,KAAK,OAClEhB,EAEH,CAAAN,SAAAA,IACG"}

package/{cjs/layout/Footer → components/footer}/index.d.ts

@@ -1,9 +1,8 @@
 export * from './Footer';
-export * from './FooterMenu';
-export * from './FooterAccordion';
+export * from './FooterLink';
 export * from './FooterIconButton';
-export * from './PredefinedFooterIconButtons';
+export * from './FooterAccordion';
+export * from './FooterMenu';
 export * from './FooterSectionContact';
-export * from './FooterSectionMenu';
-export * from './FooterLink';
 export * from './FooterSectionLinks';
+export * from './FooterSectionMenu';

package/components/grid/grid.d.ts

@@ -1,112 +1,15 @@
-import { GridSize } from '@mui/material/Grid';
-import { Theme, GridDirection, GridSpacing } from '@mui/material';
-import { ResponsiveStyleValue, SxProps } from '@mui/system';
-import React, { HTMLAttributes, ReactNode } from 'react';
+import { GridProps as MuiGridProps } from '@mui/material';
+import React from 'react';
 /**
  * @interface GridProps
  * @description Base definition of SkodaFlow Grid independent on core implementation.
  * Properties are inherited from HTML Button element
  */
-export interface GridProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     *  The content of the component.
-     */
-    children?: ReactNode;
-    /**
-     *  Override or extend the styles applied to the component.
-     *  See CSS API below for more details.
-     */
-    classes?: object;
-    /**
-     *  The number of columns.
-     */
-    columns?: ResponsiveStyleValue<number>;
-    /**
-     *  The component used for the root node.
-     *  Either a string to use a HTML element or a component.
-     */
-    component?: string | ReactNode;
-    /**
-     *  If true, the component will have the flex container behavior.
-     *  You should be wrapping items with a container.
-     */
-    container?: boolean;
-    /**
-     *  Defines the flex-direction style property.
-     *  It is applied for all screen sizes.
-     * @default 'auto'
-     */
-    direction?: ResponsiveStyleValue<GridDirection>;
-    /**
-     *  If true, the component will have the flex item behavior.
-     *  You should be wrapping items with a container.
-     */
-    item?: boolean;
-    /**
-     *  Defines the number of grids the component is going to use.
-     *  It's applied for the lg breakpoint and wider screens if not overridden.
-     */
-    lg?: boolean | GridSize;
-    /**
-     *  Defines the number of grids the component is going to use.
-     *  It's applied for the md breakpoint and wider screens if not overridden.
-     */
-    md?: boolean | GridSize;
-    /**
-     *  Defines the number of grids the component is going to use.
-     *  It's applied for the sm breakpoint and wider screens if not overridden.
-     */
-    sm?: boolean | GridSize;
-    /**
-     *  The system prop that allows defining system overrides as well as additional CSS styles.
-     *  See the `sx` page for more details.
-     */
-    sx?: SxProps<Theme>;
-    /**
-     *  Defines the number of grids the component is going to use.
-     *  It's applied for the xl breakpoint and wider screens.
-     */
-    xl?: boolean | GridSize;
-    /**
-     *  Defines the number of grids the component is going to use.
-     *  It's applied for all the screen sizes with the lowest priority.
-     */
-    xs?: boolean | GridSize;
-    /**
-     *  Defines the space between the type item components.
-     *  It can only be used on a type container component.
-     */
-    spacing?: ResponsiveStyleValue<GridSpacing>;
-    /**
-     *  Defines the horizontal space between the type item components.
-     *  It overrides the value of the spacing prop.
-     */
-    columnSpacing?: ResponsiveStyleValue<GridSpacing>;
-    /**
-     *  Defines the vertical space between the type item components.
-     * It overrides the value of the spacing prop.
-     * If the value provided is a string it will be used as exact amount for pixels spacing.
-     * If the value is a number it will be used as (value)*8px.
-     */
-    rowSpacing?: ResponsiveStyleValue<GridSpacing>;
-    /**
-     *  Defines the flex-wrap style property.
-     *  It's applied for all screen sizes.
-     */
-    wrap?: 'nowrap' | 'wrap-reverse' | 'wrap';
-    /**
-     *  If true, it sets min-width: 0 on the item.
-     *  Refer to the limitations section of the documentation to better understand the use case.
-     */
-    zeroMinWidth?: boolean;
+export interface GridProps extends MuiGridProps {
     /**
      *  Determine if grid is narrow.
      */
     narrow?: boolean;
-    /**
-     *  Determine the max-width of the container. The container width grows with the size of the screen. Set to false to disable maxWidth.
-     */
-    fixed?: boolean;
 }
 /**
  * @description SkodaFlow Grid component.

package/components/grid/grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"grid.js","sources":["../../../src/components/grid/grid.tsx"],"sourcesContent":["import { GridSize } from '@mui/material/Grid';\nimport { Theme, Grid as MuiGrid, GridDirection, GridSpacing } from '@mui/material';\nimport { ResponsiveStyleValue, SxProps } from '@mui/system';\nimport React, { HTMLAttributes, ReactNode } from 'react';\n\n/**\n * @interface GridProps\n * @description Base definition of SkodaFlow Grid independent on core implementation.\n * Properties are inherited from HTML Button element\n */\nexport interface GridProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   *  The content of the component.\n   */\n  children?: ReactNode;\n\n  /**\n   *  Override or extend the styles applied to the component.\n   *  See CSS API below for more details.\n   */\n  classes?: object;\n\n  /**\n   *  The number of columns.\n   */\n  columns?: ResponsiveStyleValue<number>;\n\n  /**\n   *  The component used for the root node.\n   *  Either a string to use a HTML element or a component.\n   */\n  component?: string | ReactNode;\n\n  /**\n   *  If true, the component will have the flex container behavior.\n   *  You should be wrapping items with a container.\n   */\n  container?: boolean;\n\n  /**\n   *  Defines the flex-direction style property.\n   *  It is applied for all screen sizes.\n   * @default 'auto'\n   */\n  direction?: ResponsiveStyleValue<GridDirection>;\n\n  /**\n   *  If true, the component will have the flex item behavior.\n   *  You should be wrapping items with a container.\n   */\n  item?: boolean;\n\n  /**\n   *  Defines the number of grids the component is going to use.\n   *  It's applied for the lg breakpoint and wider screens if not overridden.\n   */\n  lg?: boolean | GridSize;\n\n  /**\n   *  Defines the number of grids the component is going to use.\n   *  It's applied for the md breakpoint and wider screens if not overridden.\n   */\n  md?: boolean | GridSize;\n\n  /**\n   *  Defines the number of grids the component is going to use.\n   *  It's applied for the sm breakpoint and wider screens if not overridden.\n   */\n  sm?: boolean | GridSize;\n\n  /**\n   *  The system prop that allows defining system overrides as well as additional CSS styles.\n   *  See the `sx` page for more details.\n   */\n  sx?: SxProps<Theme>;\n\n  /**\n   *  Defines the number of grids the component is going to use.\n   *  It's applied for the xl breakpoint and wider screens.\n   */\n  xl?: boolean | GridSize;\n\n  /**\n   *  Defines the number of grids the component is going to use.\n   *  It's applied for all the screen sizes with the lowest priority.\n   */\n  xs?: boolean | GridSize;\n\n  /**\n   *  Defines the space between the type item components.\n   *  It can only be used on a type container component.\n   */\n  spacing?: ResponsiveStyleValue<GridSpacing>;\n\n  /**\n   *  Defines the horizontal space between the type item components.\n   *  It overrides the value of the spacing prop.\n   */\n  columnSpacing?: ResponsiveStyleValue<GridSpacing>;\n\n  /**\n   *  Defines the vertical space between the type item components.\n   * It overrides the value of the spacing prop.\n   * If the value provided is a string it will be used as exact amount for pixels spacing.\n   * If the value is a number it will be used as (value)*8px.\n   */\n  rowSpacing?: ResponsiveStyleValue<GridSpacing>;\n\n  /**\n   *  Defines the flex-wrap style property.\n   *  It's applied for all screen sizes.\n   */\n  wrap?: 'nowrap' | 'wrap-reverse' | 'wrap';\n\n  /**\n   *  If true, it sets min-width: 0 on the item.\n   *  Refer to the limitations section of the documentation to better understand the use case.\n   */\n  zeroMinWidth?: boolean;\n\n  /**\n   *  Determine if grid is narrow.\n   */\n  narrow?: boolean;\n\n  /**\n   *  Determine the max-width of the container. The container width grows with the size of the screen. Set to false to disable maxWidth.\n   */\n  fixed?: boolean;\n}\n\n/**\n * @description SkodaFlow Grid component.\n * @param props GridProps\n * @returns React Functional Component\n * @deprecated This component is deprecated. Use Grid and Container components from @mui/material\n */\nexport const Grid: React.FC<GridProps> = ({ narrow, ...props }) => {\n  return (\n    <MuiGrid {...props} spacing={narrow ? '12px' : undefined}>\n      {props.children}\n    </MuiGrid>\n  );\n};\n"],"names":["Grid","_a","narrow","props","__rest","_jsx","MuiGrid","Object","assign","spacing","undefined","children"],"mappings":"4GAyIa,MAAAA,EAA6BC,IAAA,IAAAC,OAAEA,GAAkBD,EAAPE,EAAKC,EAAAH,EAAlB,YACxC,OACEI,EAACC,EAAOC,OAAAC,OAAA,CAAA,EAAKL,EAAO,CAAAM,QAASP,EAAS,YAASQ,EAASC,SACrDR,EAAMQ,WACC"}
+{"version":3,"file":"grid.js","sources":["../../../src/components/grid/grid.tsx"],"sourcesContent":["import { Grid as MuiGrid, GridProps as MuiGridProps } from '@mui/material';\nimport React from 'react';\n\n/**\n * @interface GridProps\n * @description Base definition of SkodaFlow Grid independent on core implementation.\n * Properties are inherited from HTML Button element\n */\nexport interface GridProps extends MuiGridProps {\n  /**\n   *  Determine if grid is narrow.\n   */\n  narrow?: boolean;\n}\n\n/**\n * @description SkodaFlow Grid component.\n * @param props GridProps\n * @returns React Functional Component\n * @deprecated This component is deprecated. Use Grid and Container components from @mui/material\n */\nexport const Grid: React.FC<GridProps> = ({ narrow, ...props }) => {\n  return (\n    <MuiGrid {...props} spacing={narrow ? '12px' : undefined}>\n      {props.children}\n    </MuiGrid>\n  );\n};\n"],"names":["Grid","_a","narrow","props","__rest","_jsx","MuiGrid","Object","assign","spacing","undefined","children"],"mappings":"4GAqBa,MAAAA,EAA6BC,IAAA,IAAAC,OAAEA,GAAkBD,EAAPE,EAAKC,EAAAH,EAAlB,YACxC,OACEI,EAACC,EAAOC,OAAAC,OAAA,CAAA,EAAKL,EAAO,CAAAM,QAASP,EAAS,YAASQ,EAASC,SACrDR,EAAMQ,WACC"}

package/components/header/Header.d.ts

@@ -0,0 +1,79 @@
+import { FC, ReactNode, ElementType } from 'react';
+import { AppBarProps, BoxProps, Breakpoint, DrawerProps, ToolbarProps } from '@mui/material';
+import { HeaderButtonProps } from './HeaderButton';
+export interface HeaderProps extends Omit<AppBarProps, 'color'> {
+    /**
+     * Logo component
+     */
+    logo?: ReactNode;
+    /**
+     * Items in the menu
+     * @deprecated place links directly as children
+     */
+    navigationItems?: ReactNode;
+    /**
+     * @deprecated no longer has any effect
+     */
+    overheadItems?: ReactNode;
+    /**
+     * @deprecated no longer has any effect
+     */
+    color?: 'light' | 'dark';
+    /**
+     * @deprecated no longer has any effect
+     */
+    breakpoint?: Breakpoint;
+    /**
+     * Wrap the navigation into container
+     * @default false
+     */
+    inContainer?: boolean;
+    /**
+     * ActionButtons on the right side
+     */
+    buttons?: ReactNode;
+    /**
+     * ActionButtons on the right side that stays visible even on mobile
+     */
+    visibleButtons?: ReactNode | true;
+    /**
+     * Properties applied to toolbar container
+     */
+    toolbarProps?: ToolbarProps<ElementType>;
+    /**
+     * Properties applied to logo wrapper
+     */
+    logoProps?: BoxProps<ElementType>;
+    /**
+     * Properties applied to content wrapper
+     */
+    contentProps?: BoxProps<ElementType>;
+    /**
+     * Properties applied to content wrapper in drawer
+     */
+    mobileContentProps?: BoxProps<ElementType>;
+    /**
+     * Properties applied to button wrapper
+     */
+    buttonsProps?: BoxProps<ElementType>;
+    /**
+     * Properties applied to hamburger menu
+     */
+    menuButtonProps?: HeaderButtonProps;
+    /**
+     * Icon of the hamburger menu
+     */
+    menuIcon?: ReactNode;
+    /**
+     * Icon of the close hamburger menu
+     */
+    closeMenuIcon?: ReactNode;
+    /**
+     * Props applied to mobile drawer
+     */
+    drawerProps?: DrawerProps;
+}
+/**
+ * Component to render Header with navigation and action buttons at the top of the page
+ */
+export declare const Header: FC<HeaderProps>;