@skodaflow/web-library 7.14.0 → 7.15.1

package/components/drawer/drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.js","sources":["../../../src/components/drawer/drawer.tsx"],"sourcesContent":["import { Drawer as MuiDrawer, DrawerProps as MuiDrawerProps, useTheme } from '@mui/material';\n\nexport interface DrawerProps extends MuiDrawerProps {\n  /**\n   * @deprecated use PaperProps={{sx: { borderRadius: '16px' }}}\n   * If true the borders are rounded.\n   */\n  hasRoundedBorders?: boolean;\n  /**\n   * @deprecated use onClose instead\n   * Callback required when the drawer is closed.\n   */\n  handleClose?: (state: boolean) => void;\n}\n\nconst bordersByAnchors = {\n  bottom: { borderTopLeftRadius: '16px', borderTopRightRadius: '16px' },\n  top: { borderBottomLeftRadius: '16px', borderBottomRightRadius: '16px' },\n  left: { borderTopRightRadius: '16px', borderBottomRightRadius: '16px' },\n  right: { borderTopLeftRadius: '16px', borderBottomLeftRadius: '16px' },\n};\n\nexport const Drawer = (props: DrawerProps) => {\n  const { handleClose, hasRoundedBorders, anchor, ...rest } = props;\n  const theme = useTheme();\n\n  return (\n    <MuiDrawer\n      dir={theme.direction}\n      onClose={handleClose}\n      PaperProps={{\n        sx: {\n          ...(hasRoundedBorders && bordersByAnchors[anchor]),\n        },\n      }}\n      anchor={anchor}\n      {...rest}\n    />\n  );\n};\n"],"names":["bordersByAnchors","bottom","borderTopLeftRadius","borderTopRightRadius","top","borderBottomLeftRadius","borderBottomRightRadius","left","right","Drawer","props","handleClose","hasRoundedBorders","anchor","rest","__rest","theme","useTheme","_jsx","MuiDrawer","Object","assign","dir","direction","onClose","PaperProps","sx"],"mappings":"4HAeA,MAAMA,EAAmB,CACvBC,OAAQ,CAAEC,oBAAqB,OAAQC,qBAAsB,QAC7DC,IAAK,CAAEC,uBAAwB,OAAQC,wBAAyB,QAChEC,KAAM,CAAEJ,qBAAsB,OAAQG,wBAAyB,QAC/DE,MAAO,CAAEN,oBAAqB,OAAQG,uBAAwB,SAGnDI,EAAUC,IACrB,MAAMC,YAAEA,EAAWC,kBAAEA,EAAiBC,OAAEA,GAAoBH,EAATI,EAASC,EAAAL,EAAtD,CAAA,cAAA,oBAAA,WACAM,EAAQC,IAEd,OACEC,EAACC,EAASC,OAAAC,OAAA,CACRC,IAAKN,EAAMO,UACXC,QAASb,EACTc,WAAY,CACVC,GAAEN,OAAAC,OAAA,CAAA,EACIT,GAAqBZ,EAAiBa,KAG9CA,OAAQA,GACJC,GACJ"}
+{"version":3,"file":"drawer.js","sources":["../../../src/components/drawer/drawer.tsx"],"sourcesContent":["import { Drawer as MuiDrawer, DrawerProps as MuiDrawerProps, useTheme } from '@mui/material';\n\nexport interface DrawerProps extends MuiDrawerProps {\n  /**\n   * @deprecated use PaperProps={{sx: { borderRadius: '16px' }}}\n   * If true the borders are rounded.\n   */\n  hasRoundedBorders?: boolean;\n  /**\n   * @deprecated use onClose instead\n   * Callback required when the drawer is closed.\n   */\n  handleClose?: (state: boolean) => void;\n}\n\nconst bordersByAnchors = {\n  bottom: { borderTopLeftRadius: '16px', borderTopRightRadius: '16px' },\n  top: { borderBottomLeftRadius: '16px', borderBottomRightRadius: '16px' },\n  left: { borderTopRightRadius: '16px', borderBottomRightRadius: '16px' },\n  right: { borderTopLeftRadius: '16px', borderBottomLeftRadius: '16px' },\n};\n\nexport const Drawer = (props: DrawerProps) => {\n  const { handleClose, hasRoundedBorders, anchor, ...rest } = props;\n  const theme = useTheme();\n\n  return (\n    <MuiDrawer\n      dir={theme.direction}\n      onClose={handleClose}\n      PaperProps={{\n        sx: {\n          ...(hasRoundedBorders && bordersByAnchors[anchor]),\n        },\n      }}\n      anchor={anchor}\n      {...rest}\n    />\n  );\n};\n"],"names":["bordersByAnchors","bottom","borderTopLeftRadius","borderTopRightRadius","top","borderBottomLeftRadius","borderBottomRightRadius","left","right","Drawer","props","handleClose","hasRoundedBorders","anchor","rest","__rest","theme","useTheme","_jsx","MuiDrawer","Object","assign","dir","direction","onClose","PaperProps","sx"],"mappings":"4HAeA,MAAMA,EAAmB,CACvBC,OAAQ,CAAEC,oBAAqB,OAAQC,qBAAsB,QAC7DC,IAAK,CAAEC,uBAAwB,OAAQC,wBAAyB,QAChEC,KAAM,CAAEJ,qBAAsB,OAAQG,wBAAyB,QAC/DE,MAAO,CAAEN,oBAAqB,OAAQG,uBAAwB,SAGnDI,EAAUC,IACrB,MAAMC,YAAEA,EAAWC,kBAAEA,EAAiBC,OAAEA,GAAoBH,EAATI,EAAIC,EAAKL,EAAtD,CAAA,cAAA,oBAAA,WACAM,EAAQC,IAEd,OACEC,EAACC,EAASC,OAAAC,OAAA,CACRC,IAAKN,EAAMO,UACXC,QAASb,EACTc,WAAY,CACVC,GAAEN,OAAAC,OAAA,CAAA,EACIT,GAAqBZ,EAAiBa,KAG9CA,OAAQA,GACJC,GACJ"}

package/components/errorContent/ErrorContent.d.ts

@@ -0,0 +1,48 @@
+import { BoxProps, TypographyProps } from '@mui/material';
+import { ElementType, FC, ReactNode } from 'react';
+export interface ErrorContentProps extends BoxProps<ElementType> {
+    /**
+     * Error Status code, eg. 404 or 500
+     */
+    status?: ReactNode;
+    /**
+     * Short message describing the error
+     */
+    message?: ReactNode;
+    /**
+     * Longer description of the error
+     */
+    description?: ReactNode;
+    /**
+     * Actions that user can interact with
+     */
+    actions?: ReactNode;
+    /**
+     * Stacktrace of an error
+     */
+    stacktrace?: ReactNode;
+    /**
+     * Properties passed to status code
+     */
+    statusProps?: TypographyProps<ElementType>;
+    /**
+     * Properties passed to message
+     */
+    messageProps?: TypographyProps<ElementType>;
+    /**
+     * Properties passed to description
+     */
+    descriptionProps?: TypographyProps<ElementType>;
+    /**
+     * Properties passed to wrapper of actions
+     */
+    actionsProps?: BoxProps<ElementType>;
+    /**
+     * Properties passed to code stacktrace
+     */
+    stacktraceProps?: BoxProps<ElementType>;
+}
+/**
+ * Component that renders an information about error
+ */
+export declare const ErrorContent: FC<ErrorContentProps>;

package/components/errorContent/ErrorContent.js

@@ -0,0 +1,2 @@
+import{__rest as t}from"tslib";import{jsxs as e,jsx as s}from"react/jsx-runtime";import{Box as r,Typography as n}from"@mui/material";import{forwardRef as i}from"react";const a=i(((i,a)=>{var{sx:o,children:c,status:d,message:p,actions:l,description:m,stacktrace:x,statusProps:g,messageProps:h,descriptionProps:u,actionsProps:f,stacktraceProps:b}=i,j=t(i,["sx","children","status","message","actions","description","stacktrace","statusProps","messageProps","descriptionProps","actionsProps","stacktraceProps"]);const P=null!=f?f:{},{sx:O}=P,y=t(P,["sx"]),C=null!=b?b:{},{sx:k}=C,v=t(C,["sx"]);return e(r,Object.assign({sx:Object.assign({display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:{xs:2,md:4},textAlign:"center",margin:"0 auto",width:"600px",maxWidth:"100%",p:2},o),ref:a},j,{children:[d&&s(n,Object.assign({component:"h1",variant:"display","data-testid":"ErrorContent.status"},g,{children:d})),p&&s(n,Object.assign({component:"h2",variant:"h3","data-testid":"ErrorContent.message"},h,{children:p})),m&&s(n,Object.assign({"data-testid":"ErrorContent.description"},u,{children:m})),c,l&&s(r,Object.assign({sx:Object.assign({display:"flex",gap:1,flexDirection:{xs:"column",md:"row"},alignItems:{xs:"stretch",md:"center"},justifyContent:"center"},O),"data-testid":"ErrorContent.actions"},y,{children:l})),x&&s(r,Object.assign({component:"code",sx:Object.assign({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"},k),"data-testid":"ErrorContent.stacktrace"},v,{children:x}))]}))}));export{a as ErrorContent};
+//# sourceMappingURL=ErrorContent.js.map

package/components/errorContent/ErrorContent.js.map

@@ -0,0 +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","_a","ref","sx","children","status","message","actions","description","stacktrace","statusProps","messageProps","descriptionProps","actionsProps","stacktraceProps","rest","__rest","_b","actionsSx","restActions","_c","stacktraceSx","restStacktrace","_jsxs","Box","Object","assign","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":"wKAiDO,MAAMA,EAAsCC,GACjD,CACEC,EAeAC,KAfA,IAAAC,GACEA,EAAEC,SACFA,EAAQC,OACRA,EAAMC,QACNA,EAAOC,QACPA,EAAOC,YACPA,EAAWC,WACXA,EAAUC,YACVA,EAAWC,aACXA,EAAYC,iBACZA,EAAgBC,aAChBA,EAAYC,gBACZA,GAAeb,EACZc,EAAIC,EAAAf,EAbT,CAAA,KAAA,WAAA,SAAA,UAAA,UAAA,cAAA,aAAA,cAAA,eAAA,mBAAA,eAAA,oBAiBA,MAAMgB,EAAoCJ,QAAAA,EAAgB,IAAlDV,GAAIe,GAASD,EAAKE,EAAWH,EAAAC,EAA/B,CAAA,OACAG,EAA0CN,QAAAA,EAAmB,IAA3DX,GAAIkB,GAAYD,EAAKE,EAAcN,EAAAI,EAArC,CAAA,OAEN,OACEG,EAACC,EAAGC,OAAAC,OAAA,CACFvB,GAAEsB,OAAAC,OAAA,CACAC,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,SAChBC,IAAK,CAAEC,GAAI,EAAGC,GAAI,GAClBC,UAAW,SACXC,OAAQ,SACRC,MAAO,QACPC,SAAU,OACVC,EAAG,GACAnC,GAELD,IAAKA,GACDa,EAAI,CAAAX,SAAA,CAEPC,GACCkC,EAACC,EAAUf,OAAAC,OAAA,CAACe,UAAU,KAAKC,QAAQ,UAAS,cAAa,uBAA0BhC,EAAW,CAAAN,SAC3FC,KAGJC,GACCiC,EAACC,EAAUf,OAAAC,OAAA,CAACe,UAAU,KAAKC,QAAQ,KAAI,cAAa,wBAA2B/B,EAAY,CAAAP,SACxFE,KAGJE,GACC+B,EAACC,EAAUf,OAAAC,OAAA,CAAA,cAAa,4BAA+Bd,EAAgB,CAAAR,SACpEI,KAGJJ,EACAG,GACCgC,EAACf,EAAGC,OAAAC,OAAA,CACFvB,GAAEsB,OAAAC,OAAA,CACAC,QAAS,OACTI,IAAK,EACLH,cAAe,CAAEI,GAAI,SAAUC,GAAI,OACnCJ,WAAY,CAAEG,GAAI,UAAWC,GAAI,UACjCH,eAAgB,UACbZ,GAAS,cAEF,wBACRC,EAAW,CAAAf,SAEdG,KAGJE,GACC8B,EAACf,EAAGC,OAAAC,OAAA,CACFe,UAAU,OACVtC,GAAEsB,OAAAC,OAAA,CACAC,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,WACRhC,GAAY,cAEL,2BACRC,EAAc,CAAAlB,SAEjBK,QAGD"}

package/components/flag/flag.js.map

@@ -1 +1 @@
-{"version":3,"file":"flag.js","sources":["../../../src/components/flag/flag.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport * as Flags from 'country-flag-icons/react/3x2';\nimport * as SquareFlags from 'country-flag-icons/react/1x1';\nimport { Box, BoxProps } from '@mui/material';\n\nexport interface FlagProps extends Omit<BoxProps, 'component'> {\n  /**\n   * Defines which flag to use.\n   */\n  flag: keyof typeof Flags;\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 Flag: React.FC<FlagProps> = forwardRef(\n  ({ flag, 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={(['circle', 'square'].includes(variant) ? SquareFlags : Flags)[flag] || '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":["Flag","forwardRef","_a","ref","flag","sx","width","widthProp","size","variant","disabled","rest","__rest","useMemo","_jsx","Box","Object","assign","component","includes","SquareFlags","Flags","flexShrink","border","borderColor","height","borderRadius","userSelect","opacity"],"mappings":"yPAkCa,MAAAA,EAA4BC,GACvC,CAACC,EAA+FC,SAA/FC,KAAEA,EAAIC,GAAEA,EAAIC,MAAOC,EAASC,KAAEA,EAAO,QAAOC,QAAEA,EAAU,SAAQC,SAAEA,GAAW,KAAUC,EAAvFC,EAAAV,EAAA,CAAA,OAAA,KAAA,QAAA,OAAA,UAAA,aAEC,MAAMI,EAAQO,GAAQ,KACpB,OAAQL,GACN,IAAK,QACH,OAAO,GACT,IAAK,SACH,OAAO,GACT,IAAK,QACH,OAAO,GACT,QACE,OAAOD,QAAAA,EAAa,MAEvB,CAACC,EAAMD,IAEV,OACEO,EAACC,EAAGC,OAAAC,OAAA,CAAA,cACU,OACZC,WAAY,CAAC,SAAU,UAAUC,SAASV,GAAWW,EAAcC,GAAOjB,IAAS,MACnFC,GACEW,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAAX,MAAO,GAAGA,MACVgB,WAAY,IAEZC,OAAQ,EACRC,YAAa,mBAET,CAAC,SAAU,UAAUL,SAASV,IAChCO,OAAAC,OAAA,CAAAQ,OAAQ,GAAGnB,OACK,WAAZG,EAAuB,CAAEiB,aAAc,GAAGpB,OAAc,CAAA,IAG1DI,GAAY,CACdiB,WAAY,OACZH,YAAa,oBACbI,QAAS,SAERvB,GAELF,IAAKA,GACDQ,GACJ"}
+{"version":3,"file":"flag.js","sources":["../../../src/components/flag/flag.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport * as Flags from 'country-flag-icons/react/3x2';\nimport * as SquareFlags from 'country-flag-icons/react/1x1';\nimport { Box, BoxProps } from '@mui/material';\n\nexport interface FlagProps extends Omit<BoxProps, 'component'> {\n  /**\n   * Defines which flag to use.\n   */\n  flag: keyof typeof Flags;\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 Flag: React.FC<FlagProps> = forwardRef(\n  ({ flag, 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={(['circle', 'square'].includes(variant) ? SquareFlags : Flags)[flag] || '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":["Flag","forwardRef","_a","ref","flag","sx","width","widthProp","size","variant","disabled","rest","__rest","useMemo","_jsx","Box","Object","assign","component","includes","SquareFlags","Flags","flexShrink","border","borderColor","height","borderRadius","userSelect","opacity"],"mappings":"yPAkCO,MAAMA,EAA4BC,GACvC,CAACC,EAA+FC,SAA/FC,KAAEA,EAAIC,GAAEA,EAAIC,MAAOC,EAASC,KAAEA,EAAO,QAAOC,QAAEA,EAAU,SAAQC,SAAEA,GAAW,KAAUC,EAAIC,EAAAV,EAA3F,CAAA,OAAA,KAAA,QAAA,OAAA,UAAA,aAEC,MAAMI,EAAQO,GAAQ,KACpB,OAAQL,GACN,IAAK,QACH,OAAO,GACT,IAAK,SACH,OAAO,GACT,IAAK,QACH,OAAO,GACT,QACE,OAAOD,QAAAA,EAAa,MAEvB,CAACC,EAAMD,IAEV,OACEO,EAACC,EAAGC,OAAAC,OAAA,CAAA,cACU,OACZC,WAAY,CAAC,SAAU,UAAUC,SAASV,GAAWW,EAAcC,GAAOjB,IAAS,MACnFC,GAAEW,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CACAX,MAAO,GAAGA,MACVgB,WAAY,IAEZC,OAAQ,EACRC,YAAa,mBAET,CAAC,SAAU,UAAUL,SAASV,IAAQO,OAAAC,OAAA,CACxCQ,OAAQ,GAAGnB,OACK,WAAZG,EAAuB,CAAEiB,aAAc,GAAGpB,OAAc,CAAA,IAG1DI,GAAY,CACdiB,WAAY,OACZH,YAAa,oBACbI,QAAS,SAERvB,GAELF,IAAKA,GACDQ,GACJ"}

package/components/focusring/focusring.d.ts

@@ -4,8 +4,9 @@ import { Theme, CSSObject } from '@mui/material';
  *  boxShadow: theme => getFocusRingBoxShadow(theme);
  *
  * @param theme - @mui theme
+ * @param inset - put box shadow inside
  */
-declare const getFocusRingBoxShadow: (theme: Theme) => string;
+declare const getFocusRingBoxShadow: (theme: Theme, inset?: boolean) => string;
 /**
  * Style for interactive elements that should have blue & white ring around them once focused
  *

package/components/focusring/focusring.js

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

package/components/focusring/focusring.js.map

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

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":"qSAmCO,MAAMA,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,WAAW,EAEX,uCAAwC,CACtCC,UAAW,MAIf,sCAAuC,CACrCC,IAAI,IAEJ,uBAAwB,CACtBA,GAAI,QAIPxB,GAELD,IAAKA,EAAG,cACI,UACRS,EAAI,CAAAP,SAERwB,EAACC,EAASd,OAAAC,OAAA,CAACc,SAAS,MAASzB,EAAc,CAAAD,SAAA,EACvCM,GAAiBJ,IACjBO,EAACkB,GAAqBC,WAAYtB,EAAaN,SAAGE,KAElDE,GAAaC,IACbI,EAACoB,EAAkB,CAACC,SAAU1B,EAAW2B,WAAY1B,EAAQL,SAC1DG,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":"qTAyCO,MAAMA,EAA4CC,GACvD,CACEC,EAWAC,SAXAC,GACEA,EAAEC,SACFA,EAAQC,UACRA,EAASC,MACTA,EAAKC,sBACLA,EAAqBC,sBACrBA,EAAqBC,aACrBA,EAAYC,QACZA,EAAU,aACPC,EAAIC,EAAAX,EATT,CAAA,KAAA,WAAA,YAAA,QAAA,wBAAA,wBAAA,eAAA,YAaA,MAAMY,EAAsDN,QAAAA,EAAyB,IAA7EJ,GAAIW,GAAkBD,EAAKE,EAAoBH,EAAAC,EAAjD,CAAA,OACAG,EAAQC,IAEd,OACEC,EAACC,EAASC,OAAAC,OAAA,CACRnB,IAAKA,EAAG,cACI,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,GAAqBU,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACpBL,EAAM0B,WAAWC,WACpBC,EAAG,IACHC,IAAK,IACLC,eAAgB,aAEhB,iCAAkC,CAChCC,SAAU,QAGXjC,IAEDC,EAAoB,CAAAX,SAEvBE,KAEHwB,EAACkB,EAAgB5B,OAAAC,OAAA,CAAA,cAAa,4BAA+Bb,EAAqB,CAAAJ,SAChF0B,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":"gkBAoBO,MAAMA,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,EAAUC,OAAAC,OAAA,CACTC,KAAK,SACLC,MAAM,QACNnB,IAAKA,EAAsC,cAC/B,oBACRG,EAAI,CAAAF,SAEPA,GAAYa,EAACT,EAAI,MACP,IAOJe,EAAsDtB,GAAW,CAACuB,EAAOrB,IACpFc,EAACjB,EAAgBmB,OAAAC,OAAA,CAAA,aAAY,gBAAgBjB,IAAKA,GAASqB,EAAK,CAAApB,SAC9Da,EAACP,EAAY,CAAA,QAIJe,EAAuDxB,GAAW,CAACuB,EAAOrB,IACrFc,EAACjB,EAAgBmB,OAAAC,OAAA,CAAA,aAAY,iBAAiBjB,IAAKA,GAASqB,EAAK,CAAApB,SAC/Da,EAACN,EAAa,CAAA,QAILe,EAAqDzB,GAAW,CAACuB,EAAOrB,IACnFc,EAACjB,EAAgBmB,OAAAC,OAAA,CAAA,aAAY,eAAejB,IAAKA,GAASqB,EAAK,CAAApB,SAC7Da,EAACL,EAAK,CAAA,QAIGe,EAAqD1B,GAAW,CAACuB,EAAOrB,IACnFc,EAACjB,EAAgBmB,OAAAC,OAAA,CAAA,aAAY,eAAejB,IAAKA,GAASqB,EAAK,CAAApB,SAC7Da,EAACJ,EAAW,CAAA,QAIHe,EAAsD3B,GAAW,CAACuB,EAAOrB,IACpFc,EAACjB,EAAgBmB,OAAAC,OAAA,CAAA,aAAY,gBAAgBjB,IAAKA,GAASqB,EAAK,CAAApB,SAC9Da,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":"gVAoBO,MAAMA,EAAkCC,GAAW,CAACC,EAAwCC,KAAxC,IAAAC,GAAEA,EAAEC,KAAEA,EAAIC,SAAEA,EAAQC,MAAEA,GAAKL,EAAKM,EAAIC,EAAAP,EAApC,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,EAAI,CAAA,GACbJ,GAAYC,KACR,IAQEsB,EAAwC5B,GAAW,CAAC6B,EAAO3B,IAC/DyB,EAAC5B,EAAUiB,OAAAC,OAAA,CAACf,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":"4OAgCO,MAAMA,EAAkCC,GAC7C,CACEC,EACAC,SADAC,GAAEA,EAAEC,SAAEA,EAAQC,MAAEA,EAAKC,SAAEA,EAAQC,sBAAEA,EAAqBC,SAAEA,EAAQC,aAAEA,EAAYC,QAAEA,EAAU,UAAWC,EAAIC,EAAAX,EAAzG,CAAA,KAAA,WAAA,QAAA,WAAA,wBAAA,WAAA,eAAA,YAGA,MAAMY,EAAoCJ,QAAAA,EAAgB,IAAlDN,GAAIW,GAASD,EAAKE,EAAWH,EAAAC,EAA/B,CAAA,OACAG,EAA0CT,QAAAA,EAAyB,IAAjEJ,GAAIc,GAAYD,EAAKE,EAAcN,EAAAI,EAArC,CAAA,OACAG,EAAQC,IACRC,EAASC,EAAqBH,EAAMI,YAAYC,KAAK,OACrDC,EAA0B,SAAZf,EAAqBW,EAAqB,cAAZX,GAC3CgB,EAAUC,GAAeC,GAAS,GAEzC,OACEC,EAACC,iBAEC5B,IAAKA,EAAG,cACI,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,kBAAiBN,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACZhB,EAAMsB,WAAWC,aAAW,CAC/BC,EAAG,EACH,aAAc,CACZC,eAAgB,OAChBC,MAAO,oBAGNpB,GAAe,CAElBqB,SAAU,UAEV,wBAAyB,CACvBC,OAAQ,SAGV,2CAA4C,CAC1CC,QAAS,UAGV/B,IAEFC,GAELb,MAAOA,GAASC,EAChBG,4BACEwC,UAAW,MACX,cAAiB,qBACjB9C,kBACE6C,QAAS,OACTE,WAAY,aACZC,eAAgB,aAChBC,cAAe,SACfC,IAAK,IAEL,kBAAiBnB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACZhB,EAAMsB,WAAWa,UAAQ,CAC5BX,EAAG,EACH,aAAc,CACZC,eAAgB,OAChBC,MAAO,sBAGR/B,IAEFC,IAEDJ,EAAI,CAAAP,SAAA,CAEPA,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":"wJAyBO,MAAMA,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,GAAaD,EAAKE,EAAeH,EAAAC,EAAvC,CAAA,OACAG,EAA0CN,QAAAA,EAAmB,IAA3DN,GAAIa,GAAYD,EAAKE,EAAcN,EAAAI,EAArC,CAAA,OAEN,OACEG,EAACC,EAAGC,OAAAC,OAAA,CACFlB,GAAEiB,OAAAC,OAAA,CACAC,QAAS,OACTC,WAAY,CAAEC,GAAI,aAAcC,GAAI,UACpCC,eAAgB,gBAChBC,SAAU,OACVC,IAAK,CAAEJ,GAAI,EAAGC,GAAI,GAClBI,cAAe,CAAEL,GAAI,SAAUC,GAAI,QAChCtB,GAELD,IAAKA,EAAG,cACI,uBACZG,UAAW,CAAC,0BAA2BA,GAAWyB,OAAOC,SAASC,KAAK,OACnEtB,EAAI,CAAAN,SAAA,CAERc,EAACC,EAAGC,OAAAC,OAAA,CACFlB,GAAEiB,OAAAC,OAAA,CACAC,QAAS,OACTC,WAAY,CAAEC,GAAI,aAAcC,GAAI,UACpCC,eAAgB,aAChBC,SAAU,OACVC,IAAK,EACLC,cAAe,CACbL,GAAI,SACJC,GAAI,QAEHZ,GAAa,cAEN,gCACRC,aAEHV,EACAE,MAEH2B,EAACd,EAAGC,OAAAC,OAAA,CACFlB,GAAEiB,OAAAC,OAAA,CACAC,QAAS,OACTC,WAAY,SACZG,eAAgB,CAAEF,GAAI,aAAcC,GAAI,YACxCE,SAAU,OACVC,IAAK,IACFZ,GAAY,cAEL,+BACRC,EAAc,CAAAb,SAEjBI,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":"kMAiCO,MAAMA,EAAkDC,GAC7D,CACEC,EAYAC,SAZAC,GACEA,EAAEC,SACFA,EAAQC,UACRA,EAASC,SACTA,EAAQC,WACRA,EAAUC,gBACVA,EAAeC,oBACfA,EAAmBC,YACnBA,EAAWC,kBACXA,KACGC,EAAIC,EAAAZ,EAVT,CAAA,KAAA,WAAA,YAAA,WAAA,aAAA,kBAAA,sBAAA,cAAA,sBAcA,MAAMa,EAA8BL,QAAAA,EAAuB,IAAnDN,GAAIY,GAAMD,EAAKE,EAAQH,EAAAC,EAAzB,CAAA,OACAG,EAA8CN,QAAAA,EAAqB,IAAjER,GAAIe,GAAcD,EAAKE,EAAgBN,EAAAI,EAAzC,CAAA,OACAG,EAA0CZ,QAAAA,EAAmB,IAA3DL,GAAIkB,GAAYD,EAAKE,EAAcT,EAAAO,EAArC,CAAA,OACAG,EAA2Bb,QAAAA,EAAe,CAAA,GAA1Cc,MAAEA,GAAKD,EAAKE,EAAUZ,EAAAU,EAAtB,CAAA,UACAG,EAAQC,IAEd,OACEC,EAACC,EAAGC,OAAAC,OAAA,CACF5B,GAAE2B,OAAAC,OAAA,CACAC,QAAS,OACTC,WAAY,CAAEC,GAAI,aAAcC,GAAI,UACpCC,eAAgB,gBAChBC,SAAU,OACVC,IAAK,EACLC,cAAe,CAAEL,GAAI,SAAUC,GAAI,QAChChC,GAELD,IAAKA,EAAG,cACI,qBACZG,UAAW,CAAC,0BAA2BA,GAAWmC,OAAOC,SAASC,KAAK,OACnE9B,EAAI,CAAAR,SAAA,CAEPE,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,GAAM,cAEC,2BACRC,EAAQ,CAAAZ,SAEXE,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,kBAAiBL,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACZL,EAAM+B,WAAWC,aAAW,CAC/BC,EAAG,EACH,aAAc,CACZC,eAAgB,YAChBb,MAAO,mBAGR7B,GAAc,cAEP,8BACRC,YAEHf,MAGHG,GAAciB,IACdmB,EAACd,EAAGC,OAAAC,OAAA,CAAA,cAAa,4BAA4B5B,GAAE2B,OAAAC,OAAA,CAAIuB,MAAO,GAAMjC,IAAoBC,EAAc,CAAAlB,SAC/FG,GACCoC,EAACkB,EAAM/B,OAAAC,OAAA,CAACc,QAAQ,WAAWE,MAAM,WAActB,EAAU,CAAArB,SACtDoB,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":"8IAQO,MAAMA,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,GAAEW,OAAAC,OAAA,CACAC,QAAS,OACTC,WAAY,CAAEC,GAAI,UAAWC,GAAI,cACjCC,eAAgB,UAChBC,cAAe,CAAEH,GAAI,SAAUC,GAAI,OACnCG,IAAK,CAAEJ,GAAI,EAAGC,GAAI,GAClBI,GAAI,CAAEL,GAAI,EAAGC,GAAI,IACdhB,GAELD,IAAKA,gBACO,oBACZG,UAAW,CAAC,yBAA0BA,GAAWmB,OAAOC,SAASC,KAAK,OAClEhB,EAAI,CAAAN,SAEPA,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/formMessage/formMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"formMessage.js","sources":["../../../src/components/formMessage/formMessage.tsx"],"sourcesContent":["import { CircleExclamationFilledIcon } from '@/src/components/icon/filled/CircleExclamationFilledIcon';\nimport { CircleInformationFilledIcon } from '@/src/components/icon/filled/CircleInformationFilledIcon';\nimport { WarningFilledIcon } from '@/src/components/icon/filled/WarningFilledIcon';\nimport { Box, BoxProps, SvgIconProps, Typography, TypographyProps } from '@mui/material';\nimport React, { ElementType, forwardRef, useMemo } from 'react';\n\nexport interface FormMessageProps extends BoxProps<ElementType> {\n  /**\n   * Defines which variant of Banner component should be rendered\n   * @default error\n   */\n  variant?: 'info' | 'warning' | 'error';\n  /**\n   * Properties passed to indicator icon\n   */\n  iconProps?: SvgIconProps;\n  /**\n   * Icon node to be used\n   */\n  IconComponent?: ElementType<SvgIconProps>;\n  /**\n   * Properties passed to wrapper of children\n   */\n  typographyProps?: TypographyProps;\n}\n\n/**\n * Message indicating form error or additional info.\n * Intended to be used in combination with <FormGroup />\n */\nexport const FormMessage: React.FC<FormMessageProps> = forwardRef(\n  ({ children, variant = 'error', sx, iconProps, IconComponent, typographyProps, ...rest }, ref) => {\n    const { sx: iconSx, ...restIcon } = iconProps || {};\n    const { sx: typographySx, ...restTypography } = typographyProps || {};\n\n    const [color, IconVariantComponent] = useMemo(() => {\n      switch (variant) {\n        case 'error':\n          return ['error.main', WarningFilledIcon];\n        case 'warning':\n          return ['warning.main', CircleExclamationFilledIcon];\n        case 'info':\n        default:\n          return ['info.main', CircleInformationFilledIcon];\n      }\n    }, [variant]);\n    const ErrorMessageIcon = IconComponent || IconVariantComponent;\n\n    return (\n      <Box\n        role=\"alert\"\n        aria-atomic=\"true\"\n        aria-live=\"assertive\"\n        sx={{\n          display: 'flex',\n          width: '100%',\n          alignItems: 'flex-start',\n          justifyContent: 'flex-start',\n          gap: 1,\n          textAlign: 'left',\n          color: color,\n          pb: 1,\n          ...sx,\n        }}\n        ref={ref}\n        {...rest}\n      >\n        <ErrorMessageIcon\n          sx={{\n            fontSize: '20px',\n            // align with checkbox/radio (return to 24px width)\n            mx: '2px',\n            ...iconSx,\n          }}\n          {...restIcon}\n        />\n        <Typography\n          sx={{\n            flexGrow: '1',\n            // custom font according to Figma\n            fontSize: { xs: '14px' },\n            lineHeight: { xs: '20px' },\n            fontWeight: { xs: '400' },\n            ...typographySx,\n          }}\n          {...restTypography}\n        >\n          {children}\n        </Typography>\n      </Box>\n    );\n  },\n);\n"],"names":["FormMessage","forwardRef","_a","ref","children","variant","sx","iconProps","IconComponent","typographyProps","rest","__rest","_b","iconSx","restIcon","_c","typographySx","restTypography","color","IconVariantComponent","useMemo","WarningFilledIcon","CircleExclamationFilledIcon","CircleInformationFilledIcon","ErrorMessageIcon","_jsxs","Box","Object","assign","role","display","width","alignItems","justifyContent","gap","textAlign","pb","_jsx","fontSize","mx","Typography","flexGrow","xs","lineHeight","fontWeight"],"mappings":"qbA8Ba,MAAAA,EAA0CC,GACrD,CAACC,EAAyFC,KAAzF,IAAAC,SAAEA,EAAQC,QAAEA,EAAU,QAAOC,GAAEA,EAAEC,UAAEA,EAASC,cAAEA,EAAaC,gBAAEA,GAAeP,EAAKQ,EAAIC,EAAAT,EAArF,2EACC,MAAMU,EAA8BL,GAAa,IAAzCD,GAAIO,KAAWC,EAAjBH,EAAAC,EAAA,CAAA,OACAG,EAA0CN,GAAmB,IAA3DH,GAAIU,KAAiBC,EAAvBN,EAAAI,EAAA,CAAA,QAECG,EAAOC,GAAwBC,GAAQ,KAC5C,OAAQf,GACN,IAAK,QACH,MAAO,CAAC,aAAcgB,GACxB,IAAK,UACH,MAAO,CAAC,eAAgBC,GAE1B,QACE,MAAO,CAAC,YAAaC,MAExB,CAAClB,IACEmB,EAAmBhB,GAAiBW,EAE1C,OACEM,EAACC,EAAGC,OAAAC,OAAA,CACFC,KAAK,QAAO,cACA,OAAM,YACR,YACVvB,GAAEqB,OAAAC,OAAA,CACAE,QAAS,OACTC,MAAO,OACPC,WAAY,aACZC,eAAgB,aAChBC,IAAK,EACLC,UAAW,OACXjB,MAAOA,EACPkB,GAAI,GACD9B,GAELH,IAAKA,GACDO,EAAI,CAAAN,SAAA,CAERiC,EAACb,EACCG,OAAAC,OAAA,CAAAtB,GACEqB,OAAAC,OAAA,CAAAU,SAAU,OAEVC,GAAI,OACD1B,IAEDC,IAENuB,EAACG,EACCb,OAAAC,OAAA,CAAAtB,GACEqB,OAAAC,OAAA,CAAAa,SAAU,IAEVH,SAAU,CAAEI,GAAI,QAChBC,WAAY,CAAED,GAAI,QAClBE,WAAY,CAAEF,GAAI,QACf1B,IAEDC,EAEH,CAAAb,SAAAA,QAEC"}
+{"version":3,"file":"formMessage.js","sources":["../../../src/components/formMessage/formMessage.tsx"],"sourcesContent":["import { CircleExclamationFilledIcon } from '@/src/components/icon/filled/CircleExclamationFilledIcon';\nimport { CircleInformationFilledIcon } from '@/src/components/icon/filled/CircleInformationFilledIcon';\nimport { WarningFilledIcon } from '@/src/components/icon/filled/WarningFilledIcon';\nimport { Box, BoxProps, SvgIconProps, Typography, TypographyProps } from '@mui/material';\nimport React, { ElementType, forwardRef, useMemo } from 'react';\n\nexport interface FormMessageProps extends BoxProps<ElementType> {\n  /**\n   * Defines which variant of Banner component should be rendered\n   * @default error\n   */\n  variant?: 'info' | 'warning' | 'error';\n  /**\n   * Properties passed to indicator icon\n   */\n  iconProps?: SvgIconProps;\n  /**\n   * Icon node to be used\n   */\n  IconComponent?: ElementType<SvgIconProps>;\n  /**\n   * Properties passed to wrapper of children\n   */\n  typographyProps?: TypographyProps;\n}\n\n/**\n * Message indicating form error or additional info.\n * Intended to be used in combination with <FormGroup />\n */\nexport const FormMessage: React.FC<FormMessageProps> = forwardRef(\n  ({ children, variant = 'error', sx, iconProps, IconComponent, typographyProps, ...rest }, ref) => {\n    const { sx: iconSx, ...restIcon } = iconProps || {};\n    const { sx: typographySx, ...restTypography } = typographyProps || {};\n\n    const [color, IconVariantComponent] = useMemo(() => {\n      switch (variant) {\n        case 'error':\n          return ['error.main', WarningFilledIcon];\n        case 'warning':\n          return ['warning.main', CircleExclamationFilledIcon];\n        case 'info':\n        default:\n          return ['info.main', CircleInformationFilledIcon];\n      }\n    }, [variant]);\n    const ErrorMessageIcon = IconComponent || IconVariantComponent;\n\n    return (\n      <Box\n        role=\"alert\"\n        aria-atomic=\"true\"\n        aria-live=\"assertive\"\n        sx={{\n          display: 'flex',\n          width: '100%',\n          alignItems: 'flex-start',\n          justifyContent: 'flex-start',\n          gap: 1,\n          textAlign: 'left',\n          color: color,\n          pb: 1,\n          ...sx,\n        }}\n        ref={ref}\n        {...rest}\n      >\n        <ErrorMessageIcon\n          sx={{\n            fontSize: '20px',\n            // align with checkbox/radio (return to 24px width)\n            mx: '2px',\n            ...iconSx,\n          }}\n          {...restIcon}\n        />\n        <Typography\n          sx={{\n            flexGrow: '1',\n            // custom font according to Figma\n            fontSize: { xs: '14px' },\n            lineHeight: { xs: '20px' },\n            fontWeight: { xs: '400' },\n            ...typographySx,\n          }}\n          {...restTypography}\n        >\n          {children}\n        </Typography>\n      </Box>\n    );\n  },\n);\n"],"names":["FormMessage","forwardRef","_a","ref","children","variant","sx","iconProps","IconComponent","typographyProps","rest","__rest","_b","iconSx","restIcon","_c","typographySx","restTypography","color","IconVariantComponent","useMemo","WarningFilledIcon","CircleExclamationFilledIcon","CircleInformationFilledIcon","ErrorMessageIcon","_jsxs","Box","Object","assign","role","display","width","alignItems","justifyContent","gap","textAlign","pb","_jsx","fontSize","mx","Typography","flexGrow","xs","lineHeight","fontWeight"],"mappings":"qbA8BO,MAAMA,EAA0CC,GACrD,CAACC,EAAyFC,KAAzF,IAAAC,SAAEA,EAAQC,QAAEA,EAAU,QAAOC,GAAEA,EAAEC,UAAEA,EAASC,cAAEA,EAAaC,gBAAEA,GAAeP,EAAKQ,EAAIC,EAAAT,EAArF,2EACC,MAAMU,EAA8BL,GAAa,IAAzCD,GAAIO,KAAWC,EAAQH,EAAAC,EAAzB,CAAA,OACAG,EAA0CN,GAAmB,IAA3DH,GAAIU,KAAiBC,EAAcN,EAAAI,EAArC,CAAA,QAECG,EAAOC,GAAwBC,GAAQ,KAC5C,OAAQf,GACN,IAAK,QACH,MAAO,CAAC,aAAcgB,GACxB,IAAK,UACH,MAAO,CAAC,eAAgBC,GAE1B,QACE,MAAO,CAAC,YAAaC,MAExB,CAAClB,IACEmB,EAAmBhB,GAAiBW,EAE1C,OACEM,EAACC,EAAGC,OAAAC,OAAA,CACFC,KAAK,QAAO,cACA,OAAM,YACR,YACVvB,GAAEqB,OAAAC,OAAA,CACAE,QAAS,OACTC,MAAO,OACPC,WAAY,aACZC,eAAgB,aAChBC,IAAK,EACLC,UAAW,OACXjB,MAAOA,EACPkB,GAAI,GACD9B,GAELH,IAAKA,GACDO,EAAI,CAAAN,SAAA,CAERiC,EAACb,EAAgBG,OAAAC,OAAA,CACftB,GAAEqB,OAAAC,OAAA,CACAU,SAAU,OAEVC,GAAI,OACD1B,IAEDC,IAENuB,EAACG,EAAUb,OAAAC,OAAA,CACTtB,GAAEqB,OAAAC,OAAA,CACAa,SAAU,IAEVH,SAAU,CAAEI,GAAI,QAChBC,WAAY,CAAED,GAAI,QAClBE,WAAY,CAAEF,GAAI,QACf1B,IAEDC,EAAc,CAAAb,SAEjBA,QAEC"}