npm - @skodaflow/web-library - Versions diffs - 7.14.0 → 7.15.1 - Mend

@skodaflow/web-library 7.14.0 → 7.15.1

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

Files changed (2582) hide show

package/cjs/layout/Header/HeaderNavigationMenu.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"HeaderNavigationMenu.js","sources":["../../../../../src/layout/Header/HeaderNavigationMenu.tsx"],"sourcesContent":["import { Icon, IconProps } from '@/src/components/icon';\nimport {\n Accordion,\n AccordionDetails,\n AccordionSummary,\n Box,\n BoxProps,\n ButtonBase,\n ButtonBaseProps,\n Menu,\n MenuProps,\n Typography,\n TypographyProps,\n} from '@mui/material';\nimport { Children, FC, isValidElement, ReactNode, useState } from 'react';\nimport { HeaderNavigationLinkLabel } from './HeaderNavigationLinkLabel';\nimport { useHeaderContext } from './HeaderContext';\n\nexport interface HeaderNavigationMenuProps extends ButtonBaseProps {\n /**\n * Link to page\n */\n href?: string;\n\n /**\n * Text label (name of item)\n */\n label?: ReactNode;\n\n /**\n * Menu item list that shows after click on label\n */\n menuItems?: ReactNode;\n\n /**\n * ReactNode children provided instead of `label`\n */\n children?: ReactNode;\n\n /**\n * Typograhy properties\n */\n typographyProps?: TypographyProps;\n\n /**\n * Doprdown menu properties\n */\n menuProps?: Omit<MenuProps, 'open' | 'onClose' | 'anchorEl '>;\n\n /**\n * Item wrapper properties\n */\n boxProps?: BoxProps;\n\n /**\n * Icon properties\n */\n iconProps?: IconProps;\n\n /**\n * Index number of item in navigation (used for switching the active item)\n */\n index?: number;\n}\n\nexport const HeaderNavigationMenu: FC<HeaderNavigationMenuProps> = ({\n label,\n menuItems,\n children,\n typographyProps,\n boxProps,\n iconProps,\n index,\n}) => {\n const { sx: typographySx, ...restTypography } = typographyProps || {};\n const { sx: boxSx, ...restBox } = boxProps || {};\n const { sx: iconSx, ...restIcon } = iconProps || {};\n\n const { matches, activeItem, setActiveItem } = useHeaderContext();\n\n const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n const [open, setOpen] = useState(false);\n\n const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n setOpen(!open);\n setAnchorEl(event.currentTarget);\n };\n\n const handleClose = () => {\n setAnchorEl(null);\n };\n\n return matches ? (\n <Accordion\n sx={{\n border: 'none',\n '& .MuiSvgIcon-root': { fontSize: '16px' },\n }}\n onChange={() => setActiveItem(index)}\n >\n <AccordionSummary\n sx={{\n paddingTop: 0,\n paddingBottom: 0,\n border: 'none',\n }}\n >\n <ButtonBase onClick={handleClick}>\n <Typography sx={{ display: 'block', fontSize: 'inherit', ...typographySx }} {...restTypography}>\n <HeaderNavigationLinkLabel sx={{ fontWeight: activeItem === index ? 700 : 300 }}>\n {label}\n </HeaderNavigationLinkLabel>\n </Typography>\n </ButtonBase>\n </AccordionSummary>\n <AccordionDetails sx={{ '& .MuiMenuItem-root': { fontWeight: 300 }, '&:last-of-type': { paddingBottom: '0px' } }}>\n {menuItems || children}\n </AccordionDetails>\n </Accordion>\n ) : (\n <ButtonBase\n onClick={handleClick}\n sx={{\n borderBottom: '2px solid transparent',\n borderBottomColor: activeItem === index ? 'onSurface.os900' : 'transparent.transparent',\n\n '&:hover': {\n borderBottomColor: 'onSurface.os900',\n },\n }}\n >\n <Typography variant=\"list\" sx={{ display: 'block', ...typographySx }} {...restTypography}>\n <HeaderNavigationLinkLabel>\n <Box sx={{ display: 'inline-flex', alignItems: 'center', gap: 1, ...boxSx }} {...restBox}>\n {label}\n <Icon fontSize=\"inherit\" name=\"chevron-down\" sx={{ ...iconSx }} {...restIcon} />\n </Box>\n </HeaderNavigationLinkLabel>\n </Typography>\n <Menu anchorEl={anchorEl} open={open} onClose={handleClose}>\n {menuItems\n ? isValidElement(menuItems) && menuItems.props.children.map((child: ReactNode) => child)\n : Children.map(children, (child) => (\n <Typography variant=\"list\" component=\"li\" sx={{ '& .MuiMenuItem-root': { fontSize: { xs: 'unset' } } }}>\n {child}\n </Typography>\n ))}\n </Menu>\n </ButtonBase>\n );\n};\n"],"names":["label","menuItems","children","typographyProps","boxProps","iconProps","index","_a","sx","typographySx","restTypography","__rest","_b","boxSx","restBox","_c","iconSx","restIcon","matches","activeItem","setActiveItem","useHeaderContext","anchorEl","setAnchorEl","useState","open","setOpen","handleClick","event","currentTarget","_jsxs","Accordion","border","fontSize","onChange","_jsx","jsx","AccordionSummary","paddingTop","paddingBottom","ButtonBase","onClick","Typography","Object","assign","display","HeaderNavigationLinkLabel","fontWeight","AccordionDetails","borderBottom","borderBottomColor","variant","Box","alignItems","gap","Icon","name","Menu","onClose","isValidElement","props","map","child","Children","component","xs"],"mappings":"8TAiEmE,EACjEA,QACAC,YACAC,WACAC,kBACAC,WACAC,YACAC,YAEA,MAAMC,EAA0CJ,GAAmB,IAA3DK,GAAIC,KAAiBC,EAAvBC,EAAAA,OAAAJ,EAAA,CAAA,OACAK,EAA4BR,GAAY,IAAtCI,GAAIK,KAAUC,EAAhBH,EAAAA,OAAAC,EAAA,CAAA,OACAG,EAA8BV,GAAa,IAAzCG,GAAIQ,KAAWC,EAAjBN,EAAAA,OAAAI,EAAA,CAAA,QAEAG,QAAEA,EAAOC,WAAEA,EAAUC,cAAEA,GAAkBC,EAAAA,oBAExCC,EAAUC,GAAeC,EAAAA,SAA6B,OACtDC,EAAMC,GAAWF,EAAAA,UAAS,GAE3BG,EAAeC,IACnBF,GAASD,GACTF,EAAYK,EAAMC,cAAc,EAOlC,OAAOX,EACLY,EAAAA,KAACC,EAASA,UACR,CAAAvB,GAAI,CACFwB,OAAQ,OACR,qBAAsB,CAAEC,SAAU,SAEpCC,SAAU,IAAMd,EAAcd,GAE9BJ,SAAA,CAAAiC,EAAAC,IAACC,mBAAgB,CACf7B,GAAI,CACF8B,WAAY,EACZC,cAAe,EACfP,OAAQ,QAGV9B,SAAAiC,EAAAA,IAACK,EAAAA,WAAW,CAAAC,QAASd,EAAWzB,SAC9BiC,MAACO,EAAUA,WAAAC,OAAAC,OAAA,CAACpC,GAAMmC,OAAAC,OAAA,CAAAC,QAAS,QAASZ,SAAU,WAAcxB,IAAoBC,EAC9E,CAAAR,SAAAiC,EAAAC,IAACU,EAAyBA,0BAAC,CAAAtC,GAAI,CAAEuC,WAAY5B,IAAeb,EAAQ,IAAM,KACvEJ,SAAAF,WAKTmC,EAAAA,IAACa,EAAAA,iBAAiB,CAAAxC,GAAI,CAAE,sBAAuB,CAAEuC,WAAY,KAAO,iBAAkB,CAAER,cAAe,iBACpGtC,GAAaC,OAIlB4B,EAAAA,KAACU,EAAAA,WACC,CAAAC,QAASd,EACTnB,GAAI,CACFyC,aAAc,wBACdC,kBAAmB/B,IAAeb,EAAQ,kBAAoB,0BAE9D,UAAW,CACT4C,kBAAmB,oBAEtBhD,SAAA,CAEDiC,MAACO,EAAAA,WAAUC,OAAAC,OAAA,CAACO,QAAQ,OAAO3C,GAAMmC,OAAAC,OAAA,CAAAC,QAAS,SAAYpC,IAAoBC,EACxE,CAAAR,SAAAiC,EAAAA,IAACW,EAAAA,0BAAyB,CAAA5C,SACxB4B,EAAAA,KAACsB,EAAGA,IAAAT,OAAAC,OAAA,CAACpC,GAAEmC,OAAAC,OAAA,CAAIC,QAAS,cAAeQ,WAAY,SAAUC,IAAK,GAAMzC,IAAaC,EAAO,CAAAZ,SAAA,CACrFF,EACDmC,EAAAC,IAACmB,OAAIZ,OAAAC,OAAA,CAACX,SAAS,UAAUuB,KAAK,eAAehD,GAASmC,OAAAC,OAAA,CAAA,EAAA5B,IAAcC,aAI1EkB,EAAAA,IAACsB,EAAAA,KAAI,CAACnC,SAAUA,EAAUG,KAAMA,EAAMiC,QAnDtB,KAClBnC,EAAY,KAAK,WAmDZtB,EACG0D,iBAAe1D,IAAcA,EAAU2D,MAAM1D,SAAS2D,KAAKC,GAAqBA,IAChFC,EAAAA,SAASF,IAAI3D,GAAW4D,GACtB3B,MAACO,aAAU,CAACS,QAAQ,OAAOa,UAAU,KAAKxD,GAAI,CAAE,sBAAuB,CAAEyB,SAAU,CAAEgC,GAAI,oBACtFH,UAKd"}

package/cjs/layout/Header/HeaderOverheadItem.d.ts DELETED Viewed

@@ -1,13 +0,0 @@
-import React from 'react';
-import { OverrideProps } from '@mui/material/OverridableComponent';
-export interface HeaderOverheadItemTypeMap<P = unknown, C extends React.ElementType = 'button'> {
-    props: P & {
-        label: string;
-        active?: boolean;
-    };
-    defaultComponent: C;
-}
-export type HeaderOverheadItemProps<C extends React.ElementType, P = unknown> = OverrideProps<HeaderOverheadItemTypeMap<P, C>, C> & {
-    component?: C;
-};
-export declare function HeaderOverheadItem<C extends React.ElementType = 'button'>(props: HeaderOverheadItemProps<C>): import("react/jsx-runtime").JSX.Element;

package/cjs/layout/Header/HeaderOverheadItem.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";var e=require("tslib"),r=require("react/jsx-runtime"),t=require("@mui/material");const i=t.styled(t.ButtonBase)((({theme:e})=>({padding:"0 55px",height:"32px",[e.breakpoints.up("xs")]:{fontWeight:"700",fontSize:"16px"},lineHeight:"21px","&:hover .FwlNavigationItem-label":{borderBottomColor:"currentColor"},appearance:"inherit",border:"inherit",background:"inherit",cursor:"pointer",color:e.palette.text.primary,display:"flex",alignItems:"center"})));exports.HeaderOverheadItem=function(t){const{active:a,label:n}=t,o=e.__rest(t,["active","label"]);return r.jsx(i,Object.assign({component:"a"},o,{sx:{background:a?"var(--active-background)":"transparent",color:a?"var(--active-color)":"inherit"},children:n}))};
2	- //# sourceMappingURL=HeaderOverheadItem.js.map

package/cjs/layout/Header/HeaderOverheadItem.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"HeaderOverheadItem.js","sources":["../../../../../src/layout/Header/HeaderOverheadItem.tsx"],"sourcesContent":["import { styled, ButtonBase } from '@mui/material';\nimport React from 'react';\nimport { OverrideProps } from '@mui/material/OverridableComponent';\n\nexport interface HeaderOverheadItemTypeMap<P = unknown, C extends React.ElementType = 'button'> {\n props: P & {\n label: string;\n active?: boolean;\n };\n defaultComponent: C;\n}\n\nexport type HeaderOverheadItemProps<C extends React.ElementType, P = unknown> = OverrideProps<\n HeaderOverheadItemTypeMap<P, C>,\n C\n> & {\n component?: C;\n};\n\nexport function HeaderOverheadItem<C extends React.ElementType = 'button'>(props: HeaderOverheadItemProps<C>) {\n const { active, label, ...rest } = props;\n\n return (\n <ItemButton\n component=\"a\"\n {...rest}\n sx={{\n background: active ? 'var(--active-background)' : 'transparent',\n color: active ? 'var(--active-color)' : 'inherit',\n }}\n >\n {label}\n </ItemButton>\n );\n}\n\nconst ItemButton = styled(ButtonBase)(({ theme }) => ({\n padding: '0 55px',\n height: '32px',\n [theme.breakpoints.up('xs')]: {\n fontWeight: '700',\n fontSize: '16px',\n },\n lineHeight: '21px',\n '&:hover .FwlNavigationItem-label': {\n borderBottomColor: 'currentColor',\n },\n appearance: 'inherit',\n border: 'inherit',\n background: 'inherit',\n cursor: 'pointer',\n color: theme.palette.text.primary,\n display: 'flex',\n alignItems: 'center',\n}));\n"],"names":["ItemButton","styled","ButtonBase","theme","padding","height","breakpoints","up","fontWeight","fontSize","lineHeight","borderBottomColor","appearance","border","background","cursor","color","palette","text","primary","display","alignItems","props","active","label","rest","__rest","_jsx","jsx","Object","assign","component","sx","children"],"mappings":"8FAoCA,MAAMA,EAAaC,EAAAA,OAAOC,EAAAA,WAAPD,EAAmB,EAAGE,YAAa,CACpDC,QAAS,SACTC,OAAQ,OACR,CAACF,EAAMG,YAAYC,GAAG,OAAQ,CAC5BC,WAAY,MACZC,SAAU,QAEZC,WAAY,OACZ,mCAAoC,CAClCC,kBAAmB,gBAErBC,WAAY,UACZC,OAAQ,UACRC,WAAY,UACZC,OAAQ,UACRC,MAAOb,EAAMc,QAAQC,KAAKC,QAC1BC,QAAS,OACTC,WAAY,wCAlCR,SAAqEC,GACzE,MAAMC,OAAEA,EAAMC,MAAEA,GAAmBF,EAATG,EAASC,EAAAA,OAAAJ,EAA7B,CAAA,SAAA,UAEN,OACEK,EAACC,IAAA5B,EACC6B,OAAAC,OAAA,CAAAC,UAAU,KACNN,EACJ,CAAAO,GAAI,CACFlB,WAAYS,EAAS,2BAA6B,cAClDP,MAAOO,EAAS,sBAAwB,WAGzCU,SAAAT,IAGP"}

package/cjs/layout/Header/HeaderSkodaLogo.d.ts DELETED Viewed

@@ -1,8 +0,0 @@
-import { LinkProps } from '@mui/material';
-export type HeaderSkodaLogoProps = LinkProps & {
-    alt?: string;
-};
-/**
- * @deprecated Use <Logo /> with <Link /> instead.
- */
-export declare function HeaderSkodaLogo(props: HeaderSkodaLogoProps): import("react/jsx-runtime").JSX.Element;

package/cjs/layout/Header/HeaderSkodaLogo.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),o=require("../../components/logo/Logo.js");exports.HeaderSkodaLogo=function(i){return e.jsx(r.Link,Object.assign({},i,{children:e.jsx(o.Logo,{})}))};
2	- //# sourceMappingURL=HeaderSkodaLogo.js.map

package/cjs/layout/Header/HeaderSkodaLogo.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"HeaderSkodaLogo.js","sources":["../../../../../src/layout/Header/HeaderSkodaLogo.tsx"],"sourcesContent":["import React from 'react';\nimport { Link, LinkProps } from '@mui/material';\nimport { Logo } from '@/src/components/logo';\n\nexport type HeaderSkodaLogoProps = LinkProps & { alt?: string };\n\n/**\n * @deprecated Use <Logo /> with <Link /> instead.\n */\nexport function HeaderSkodaLogo(props: HeaderSkodaLogoProps) {\n return (\n <Link {...props}>\n <Logo />\n </Link>\n );\n}\n"],"names":["props","_jsx","jsx","Link","Object","assign","children","Logo"],"mappings":"8IASM,SAA0BA,GAC9B,OACEC,EAACC,IAAAC,EAAIA,KAAKC,OAAAC,OAAA,CAAA,EAAAL,EACR,CAAAM,SAAAL,EAAAA,IAACM,EAAAA,KAAI,CAAA,KAGX"}

package/cjs/layout/Header/PredefinedHeaderButtons.d.ts DELETED Viewed

@@ -1,18 +0,0 @@
-import React from 'react';
-import { IconButtonProps } from '@mui/material';
-export type PredefinedHeaderButtonProps<C extends React.ElementType> = {
-    label?: string;
-} & IconButtonProps<C, {
-    component?: C;
-}>;
-export declare const HeaderBellButton: React.ForwardRefExoticComponent<Omit<PredefinedHeaderButtonProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export declare const HeaderSearchButton: React.ForwardRefExoticComponent<Omit<PredefinedHeaderButtonProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export declare const HeaderProfileButton: React.ForwardRefExoticComponent<Omit<PredefinedHeaderButtonProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export declare const HeaderHeartButton: React.ForwardRefExoticComponent<Omit<PredefinedHeaderButtonProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export declare const HeaderCartButton: React.ForwardRefExoticComponent<Omit<PredefinedHeaderButtonProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export declare const HeaderLanguageButton: React.ForwardRefExoticComponent<Omit<PredefinedHeaderButtonProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export declare const HeaderLoginButton: React.ForwardRefExoticComponent<Omit<PredefinedHeaderButtonProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export declare const HeaderLogoutButton: React.ForwardRefExoticComponent<Omit<PredefinedHeaderButtonProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export declare const HeaderCloseButton: React.ForwardRefExoticComponent<Omit<PredefinedHeaderButtonProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export declare const HeaderFaqButton: React.ForwardRefExoticComponent<Omit<PredefinedHeaderButtonProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export declare const HeaderMenuButton: React.ForwardRefExoticComponent<Omit<PredefinedHeaderButtonProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/cjs/layout/Header/PredefinedHeaderButtons.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("./HeaderButton.js");const o=(o,a)=>t.forwardRef((function(t,n){var u;return e.jsx(r.HeaderButton,Object.assign({},t,{ref:n,icon:o,label:null!==(u=t.label)&&void 0!==u?u:a,"aria-label":a}))})),a=o("bell","Notifications"),n=o("search","Search"),u=o("profile","User Profile"),s=o("heart","Wish List"),i=o("shopping-bag","ShoppingCart"),l=o("globe","Language"),g=o("login","Log In"),p=o("logout","Log Out"),d=o("close","Close"),c=o("circle-question","FAQ"),B=o("hamburger","Menu");exports.HeaderBellButton=a,exports.HeaderCartButton=i,exports.HeaderCloseButton=d,exports.HeaderFaqButton=c,exports.HeaderHeartButton=s,exports.HeaderLanguageButton=l,exports.HeaderLoginButton=g,exports.HeaderLogoutButton=p,exports.HeaderMenuButton=B,exports.HeaderProfileButton=u,exports.HeaderSearchButton=n;
2	- //# sourceMappingURL=PredefinedHeaderButtons.js.map

package/cjs/layout/Header/PredefinedHeaderButtons.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"PredefinedHeaderButtons.js","sources":["../../../../../src/layout/Header/PredefinedHeaderButtons.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { HeaderButton } from './HeaderButton';\nimport { IconButtonProps } from '@mui/material';\nimport { IconNameProp } from '@/src/components/icon';\n\nexport type PredefinedHeaderButtonProps<C extends React.ElementType> = {\n label?: string;\n} & IconButtonProps<C, { component?: C }>;\n\nconst createPredefinedHeaderButton = (defaultIcon: IconNameProp, defaultLabel: string) => {\n function HeaderButtonBase<C extends React.ElementType>(\n props: PredefinedHeaderButtonProps<C>,\n ref: React.Ref<HTMLButtonElement>,\n ) {\n return (\n <HeaderButton\n {...props}\n ref={ref}\n icon={defaultIcon}\n label={props.label ?? defaultLabel}\n aria-label={defaultLabel}\n />\n );\n }\n\n return forwardRef(HeaderButtonBase);\n};\n\nexport const HeaderBellButton = createPredefinedHeaderButton('bell', 'Notifications');\nexport const HeaderSearchButton = createPredefinedHeaderButton('search', 'Search');\nexport const HeaderProfileButton = createPredefinedHeaderButton('profile', 'User Profile');\nexport const HeaderHeartButton = createPredefinedHeaderButton('heart', 'Wish List');\nexport const HeaderCartButton = createPredefinedHeaderButton('shopping-bag', 'ShoppingCart');\nexport const HeaderLanguageButton = createPredefinedHeaderButton('globe', 'Language');\nexport const HeaderLoginButton = createPredefinedHeaderButton('login', 'Log In');\nexport const HeaderLogoutButton = createPredefinedHeaderButton('logout', 'Log Out');\nexport const HeaderCloseButton = createPredefinedHeaderButton('close', 'Close');\nexport const HeaderFaqButton = createPredefinedHeaderButton('circle-question', 'FAQ');\nexport const HeaderMenuButton = createPredefinedHeaderButton('hamburger', 'Menu');\n"],"names":["createPredefinedHeaderButton","defaultIcon","defaultLabel","forwardRef","props","ref","_jsx","HeaderButton","Object","assign","icon","label","_a","HeaderBellButton","HeaderSearchButton","HeaderProfileButton","HeaderHeartButton","HeaderCartButton","HeaderLanguageButton","HeaderLoginButton","HeaderLogoutButton","HeaderCloseButton","HeaderFaqButton","HeaderMenuButton"],"mappings":"kGASA,MAAMA,EAA+B,CAACC,EAA2BC,IAgBxDC,EAAAA,YAfP,SACEC,EACAC,SAEA,OACEC,MAACC,EAAAA,aACKC,OAAAC,OAAA,CAAA,EAAAL,EACJ,CAAAC,IAAKA,EACLK,KAAMT,EACNU,MAAsB,QAAfC,EAAAR,EAAMO,aAAS,IAAAC,EAAAA,EAAAV,EACV,aAAAA,QAQPW,EAAmBb,EAA6B,OAAQ,iBACxDc,EAAqBd,EAA6B,SAAU,UAC5De,EAAsBf,EAA6B,UAAW,gBAC9DgB,EAAoBhB,EAA6B,QAAS,aAC1DiB,EAAmBjB,EAA6B,eAAgB,gBAChEkB,EAAuBlB,EAA6B,QAAS,YAC7DmB,EAAoBnB,EAA6B,QAAS,UAC1DoB,EAAqBpB,EAA6B,SAAU,WAC5DqB,EAAoBrB,EAA6B,QAAS,SAC1DsB,EAAkBtB,EAA6B,kBAAmB,OAClEuB,EAAmBvB,EAA6B,YAAa"}

package/cjs/layout/PageLayout/PageLayout.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),i=require("react");exports.PageLayout=r=>{const{children:o,header:a,footer:n,headerPosition:d="static",headerSlideThreshold:s=250,wrapContent:c=!1}=r,l=i.useRef(null),[x,h]=i.useState(0);i.useEffect((()=>{l.current&&h(l.current.getBoundingClientRect().height)}),[l.current]);const u=t.useScrollTrigger({target:window,threshold:s});return e.jsxs(t.Box,{sx:{position:"relative",minHeight:"100vh",minWidth:"300px",display:"flex",flexDirection:"column",background:e=>e.palette.surface.primary},"data-testid":"PageLayout",children:[a&&e.jsxs(e.Fragment,{children:[e.jsx(t.Box,{ref:l,sx:{position:"static"===d?"static":"fixed",top:0,left:0,right:0,zIndex:e=>e.zIndex.appBar},component:"slide"===d?t.Slide:void 0,appear:"slide"!==d&&void 0,direction:"slide"===d?"down":void 0,in:"slide"===d?!u:void 0,children:e.jsx(t.Box,{"data-testid":"PageLayout.header",children:a})}),"static"!==d&&e.jsx(t.Box,{sx:{height:x}})]}),e.jsx(t.Box,{sx:{flexGrow:1},component:c?t.Container:void 0,"data-testid":"Container",children:o}),n&&e.jsx(t.Box,{"data-testid":"PageLayout.footer",children:n})]})};
2	- //# sourceMappingURL=PageLayout.js.map

package/cjs/layout/PageLayout/PageLayout.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"PageLayout.js","sources":["../../../../../src/layout/PageLayout/PageLayout.tsx"],"sourcesContent":["import { Box, useScrollTrigger, Slide, Container } from '@mui/material';\nimport React, { useEffect, useRef, useState } from 'react';\n\nexport type PageLayoutProps = {\n /**\n * Content of an page\n * @requires\n */\n children: React.ReactNode;\n /**\n * React node that renders layout header\n * @default undefined\n */\n header?: React.ReactNode;\n /**\n * React node that renders layout footer\n * @default undefined\n */\n footer?: React.ReactNode;\n /**\n * Specifies position of header\n * - static: header is fixed on top of the content\n * - fixed: header is visible while user scrolls the content\n * - slide: header is visible until user scrolls down beyond `headerSlideThreshold`, header will reappear when user scrolls up\n * @default static\n */\n headerPosition?: 'static' | 'fixed' | 'slide';\n /**\n * Specifies threshold that is used to hide header\n * @default 250\n */\n headerSlideThreshold?: number;\n /**\n * Specifies if content should be automatically wrapped into container component\n * @default false\n */\n wrapContent?: boolean;\n};\n\nexport const PageLayout: React.FC<PageLayoutProps> = (props) => {\n const {\n children,\n header,\n footer,\n headerPosition = 'static',\n headerSlideThreshold = 250,\n wrapContent = false,\n } = props;\n\n const headerContainerRef = useRef<HTMLDivElement>(null);\n const [headerHeight, setHeaderHeight] = useState<number>(0);\n\n useEffect(() => {\n if (headerContainerRef.current) {\n setHeaderHeight(headerContainerRef.current.getBoundingClientRect().height);\n }\n }, [headerContainerRef.current]);\n\n const trigger = useScrollTrigger({\n target: window,\n threshold: headerSlideThreshold,\n });\n\n return (\n <Box\n sx={{\n position: 'relative',\n minHeight: '100vh',\n minWidth: '300px',\n display: 'flex',\n flexDirection: 'column',\n background: (theme) => theme.palette.surface.primary,\n }}\n data-testid=\"PageLayout\"\n >\n {header && (\n <>\n <Box\n ref={headerContainerRef}\n sx={{\n position: headerPosition === 'static' ? 'static' : 'fixed',\n top: 0,\n left: 0,\n right: 0,\n zIndex: (theme) => theme.zIndex.appBar,\n }}\n component={headerPosition === 'slide' ? Slide : undefined}\n appear={headerPosition === 'slide' ? false : undefined}\n direction={headerPosition === 'slide' ? 'down' : undefined}\n in={headerPosition === 'slide' ? !trigger : undefined}\n >\n <Box data-testid=\"PageLayout.header\">{header}</Box>\n </Box>\n {headerPosition !== 'static' && <Box sx={{ height: headerHeight }} />}\n </>\n )}\n\n <Box\n sx={{\n flexGrow: 1,\n }}\n component={wrapContent ? Container : undefined}\n data-testid=\"Container\"\n >\n {children}\n </Box>\n\n {footer && <Box data-testid=\"PageLayout.footer\">{footer}</Box>}\n </Box>\n );\n};\n"],"names":["props","children","header","footer","headerPosition","headerSlideThreshold","wrapContent","headerContainerRef","useRef","headerHeight","setHeaderHeight","useState","useEffect","current","getBoundingClientRect","height","trigger","useScrollTrigger","target","window","threshold","_jsxs","jsxs","Box","sx","position","minHeight","minWidth","display","flexDirection","background","theme","palette","surface","primary","_Fragment","Fragment","_jsx","jsx","ref","top","left","right","zIndex","appBar","component","Slide","undefined","appear","direction","in","flexGrow","Container"],"mappings":"iHAuCsDA,IACpD,MAAMC,SACJA,EAAQC,OACRA,EAAMC,OACNA,EAAMC,eACNA,EAAiB,SAAQC,qBACzBA,EAAuB,IAAGC,YAC1BA,GAAc,GACZN,EAEEO,EAAqBC,EAAMA,OAAiB,OAC3CC,EAAcC,GAAmBC,EAAAA,SAAiB,GAEzDC,EAAAA,WAAU,KACJL,EAAmBM,SACrBH,EAAgBH,EAAmBM,QAAQC,wBAAwBC,UAEpE,CAACR,EAAmBM,UAEvB,MAAMG,EAAUC,EAAAA,iBAAiB,CAC/BC,OAAQC,OACRC,UAAWf,IAGb,OACEgB,EAAAC,KAACC,MAAG,CACFC,GAAI,CACFC,SAAU,WACVC,UAAW,QACXC,SAAU,QACVC,QAAS,OACTC,cAAe,SACfC,WAAaC,GAAUA,EAAMC,QAAQC,QAAQC,SAC9C,cACW,aAAYjC,SAAA,CAEvBC,GACCmB,EACEC,KAAAa,EAAAC,SAAA,CAAAnC,SAAA,CAAAoC,EAAAC,IAACf,EAAGA,IAAA,CACFgB,IAAKhC,EACLiB,GAAI,CACFC,SAA6B,WAAnBrB,EAA8B,SAAW,QACnDoC,IAAK,EACLC,KAAM,EACNC,MAAO,EACPC,OAASZ,GAAUA,EAAMY,OAAOC,QAElCC,UAA8B,UAAnBzC,EAA6B0C,EAAKA,WAAGC,EAChDC,OAA2B,UAAnB5C,QAAqC2C,EAC7CE,UAA8B,UAAnB7C,EAA6B,YAAS2C,EACjDG,GAAuB,UAAnB9C,GAA8BY,OAAU+B,EAE5C9C,SAAAoC,EAAAA,IAACd,EAAAA,IAAgB,CAAA,cAAA,6BAAqBrB,MAEpB,WAAnBE,GAA+BiC,MAACd,EAAAA,KAAIC,GAAI,CAAET,OAAQN,QAIvD4B,MAACd,MAAG,CACFC,GAAI,CACF2B,SAAU,GAEZN,UAAWvC,EAAc8C,iBAAYL,EAAS,cAClC,YAAW9C,SAEtBA,IAGFE,GAAUkC,EAAAC,IAACf,EAAGA,IAAA,CAAA,cAAa,oBAAmBtB,SAAEE,MAC7C"}

package/cjs/layout/SecondaryNavigation/SecondaryNavigation.d.ts DELETED Viewed

@@ -1,10 +0,0 @@
-import React from 'react';
-export type SecondaryNavigationProps = {
-    title: string;
-    color?: 'dark' | 'light';
-    cta?: React.ReactNode;
-    navigationItems?: React.ReactNode;
-    /** Defines if content should be rendered inside Container component */
-    inContainer?: boolean;
-};
-export declare const SecondaryNavigation: React.FC<SecondaryNavigationProps>;

package/cjs/layout/SecondaryNavigation/SecondaryNavigation.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("../../utils/useElementScrollable/useElementScrollable.js");exports.SecondaryNavigation=({title:i,color:a,cta:n,navigationItems:o,inContainer:s})=>{const{isScrollable:l,elementRef:c}=t.useElementScrollable("x");return e.jsx(r.Box,{component:s&&r.Container,sx:{padding:!s&&{xs:"0 16px",md:"0 16px"},backgroundColor:"dark"===a?"onSurface.os900":"common.white",color:"dark"===a?"common.white":"text.primary",borderBottom:e=>`1px solid ${e.palette.surface.secondary}`},"data-testid":"SecondaryNavigation",children:e.jsxs(r.Box,{sx:{display:"flex",flexWrap:{xs:"wrap",md:"nowrap"},justifyContent:"space-between",minHeight:"64px",gap:{xs:"12px",md:"0"},pt:o&&{xs:2,md:0},"& > *":{minWidth:"0"}},children:[e.jsx(r.Typography,{variant:"subheadline",sx:{mr:{xs:0,md:4},flexShrink:0,display:"flex",alignItems:"center"},"data-testid":"SecondaryNavigation.title",children:i}),o&&e.jsx(r.Box,{ref:c,sx:{flexGrow:1,overflow:"auto",order:{xs:"3",md:"0"},flexBasis:{xs:"100%",md:"auto"},minHeight:"48px",msOverflowStyle:"none",scrollbarWidth:"none","::-webkit-scrollbar, ::-webkit-scrollbar-button, ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track, ::-webkit-scrollbar-track-piece, ::-webkit-scrollbar-corner, ::-webkit-resizer":{width:0,height:0,display:"none"}},"data-testid":"SecondaryNavigation.items",children:e.jsx(r.Stack,{direction:"row",alignItems:"center",sx:Object.assign({height:"100%",borderColor:"dark"===a?"brand.secondary":"brand.primary"},l&&{"& > :first-child":{ml:{xs:"36px",md:0}}}),children:o})}),e.jsx(r.Stack,{direction:"row",spacing:2,alignItems:"center",justifyContent:"flex-end",sx:{ml:2,flexShrink:"0"},"data-testid":"SecondaryNavigation.cta",children:n})]})})};
2	- //# sourceMappingURL=SecondaryNavigation.js.map

package/cjs/layout/SecondaryNavigation/SecondaryNavigation.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"SecondaryNavigation.js","sources":["../../../../../src/layout/SecondaryNavigation/SecondaryNavigation.tsx"],"sourcesContent":["import { Box, Container, Stack, Typography } from '@mui/material';\nimport React from 'react';\nimport { useElementScrollable } from '@/src/utils/useElementScrollable';\n\nexport type SecondaryNavigationProps = {\n title: string;\n color?: 'dark' | 'light';\n cta?: React.ReactNode;\n navigationItems?: React.ReactNode;\n /** Defines if content should be rendered inside Container component */\n inContainer?: boolean;\n};\n\nexport const SecondaryNavigation: React.FC<SecondaryNavigationProps> = ({\n title,\n color,\n cta,\n navigationItems,\n inContainer,\n}) => {\n const { isScrollable, elementRef } = useElementScrollable('x');\n\n return (\n <Box\n component={inContainer && Container}\n sx={{\n padding: !inContainer && { xs: '0 16px', md: '0 16px' },\n backgroundColor: color === 'dark' ? 'onSurface.os900' : 'common.white',\n color: color === 'dark' ? 'common.white' : 'text.primary',\n borderBottom: (theme) => `1px solid ${theme.palette.surface.secondary}`,\n }}\n data-testid=\"SecondaryNavigation\"\n >\n <Box\n sx={{\n display: 'flex',\n flexWrap: { xs: 'wrap', md: 'nowrap' },\n justifyContent: 'space-between',\n minHeight: '64px',\n gap: { xs: '12px', md: '0' },\n pt: navigationItems && { xs: 2, md: 0 },\n '& > *': {\n // prevent overflows\n minWidth: '0',\n },\n }}\n >\n <Typography\n variant=\"subheadline\"\n sx={{\n mr: { xs: 0, md: 4 },\n flexShrink: 0,\n display: 'flex',\n alignItems: 'center',\n }}\n data-testid=\"SecondaryNavigation.title\"\n >\n {title}\n </Typography>\n {navigationItems && (\n <Box\n ref={elementRef}\n sx={{\n flexGrow: 1,\n overflow: 'auto',\n order: { xs: '3', md: '0' },\n flexBasis: { xs: '100%', md: 'auto' },\n minHeight: '48px',\n msOverflowStyle: 'none',\n scrollbarWidth: 'none',\n '::-webkit-scrollbar, ::-webkit-scrollbar-button, ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track, ::-webkit-scrollbar-track-piece, ::-webkit-scrollbar-corner, ::-webkit-resizer':\n {\n width: 0,\n height: 0,\n display: 'none',\n },\n }}\n data-testid=\"SecondaryNavigation.items\"\n >\n <Stack\n direction=\"row\"\n alignItems=\"center\"\n sx={{\n height: '100%',\n borderColor: color === 'dark' ? 'brand.secondary' : 'brand.primary',\n ...(isScrollable && {\n '& > :first-child': {\n ml: { xs: '36px', md: 0 },\n },\n }),\n }}\n >\n {navigationItems}\n </Stack>\n </Box>\n )}\n <Stack\n direction=\"row\"\n spacing={2}\n alignItems=\"center\"\n justifyContent=\"flex-end\"\n sx={{ ml: 2, flexShrink: '0' }}\n data-testid=\"SecondaryNavigation.cta\"\n >\n {cta}\n </Stack>\n </Box>\n </Box>\n );\n};\n"],"names":["title","color","cta","navigationItems","inContainer","isScrollable","elementRef","useElementScrollable","_jsx","Box","component","Container","sx","padding","xs","md","backgroundColor","borderBottom","theme","palette","surface","secondary","children","_jsxs","display","flexWrap","justifyContent","minHeight","gap","pt","minWidth","Typography","variant","mr","flexShrink","alignItems","ref","flexGrow","overflow","order","flexBasis","msOverflowStyle","scrollbarWidth","width","height","jsx","Stack","direction","borderColor","ml","spacing"],"mappings":"6KAauE,EACrEA,QACAC,QACAC,MACAC,kBACAC,kBAEA,MAAMC,aAAEA,EAAYC,WAAEA,GAAeC,EAAAA,qBAAqB,KAE1D,OACEC,EAAAA,IAACC,EAAAA,IACC,CAAAC,UAAWN,GAAeO,EAASA,UACnCC,GAAI,CACFC,SAAUT,GAAe,CAAEU,GAAI,SAAUC,GAAI,UAC7CC,gBAA2B,SAAVf,EAAmB,kBAAoB,eACxDA,MAAiB,SAAVA,EAAmB,eAAiB,eAC3CgB,aAAeC,GAAU,aAAaA,EAAMC,QAAQC,QAAQC,aAC7D,cACW,sBAEZC,SAAAC,EAAAA,KAACd,EAAAA,IAAG,CACFG,GAAI,CACFY,QAAS,OACTC,SAAU,CAAEX,GAAI,OAAQC,GAAI,UAC5BW,eAAgB,gBAChBC,UAAW,OACXC,IAAK,CAAEd,GAAI,OAAQC,GAAI,KACvBc,GAAI1B,GAAmB,CAAEW,GAAI,EAAGC,GAAI,GACpC,QAAS,CAEPe,SAAU,MAIdR,SAAA,CAAAd,MAACuB,EAAAA,WACC,CAAAC,QAAQ,cACRpB,GAAI,CACFqB,GAAI,CAAEnB,GAAI,EAAGC,GAAI,GACjBmB,WAAY,EACZV,QAAS,OACTW,WAAY,UACb,cACW,4BAEXb,SAAAtB,IAEFG,GACCK,EAAAA,IAACC,EAAAA,KACC2B,IAAK9B,EACLM,GAAI,CACFyB,SAAU,EACVC,SAAU,OACVC,MAAO,CAAEzB,GAAI,IAAKC,GAAI,KACtByB,UAAW,CAAE1B,GAAI,OAAQC,GAAI,QAC7BY,UAAW,OACXc,gBAAiB,OACjBC,eAAgB,OAChB,wLACE,CACEC,MAAO,EACPC,OAAQ,EACRpB,QAAS,SAEd,cACW,4BAA2BF,SAEvCd,EAACqC,IAAAC,SACCC,UAAU,MACVZ,WAAW,SACXvB,kBACEgC,OAAQ,OACRI,YAAuB,SAAV/C,EAAmB,kBAAoB,iBAChDI,GAAgB,CAClB,mBAAoB,CAClB4C,GAAI,CAAEnC,GAAI,OAAQC,GAAI,MAExBO,SAGHnB,MAIPK,EAAAqC,IAACC,QACC,CAAAC,UAAU,MACVG,QAAS,EACTf,WAAW,SACXT,eAAe,WACfd,GAAI,CAAEqC,GAAI,EAAGf,WAAY,KAAK,cAClB,0BAEXZ,SAAApB,QAGD"}

package/cjs/layout/SecondaryNavigation/SecondaryNavigationCta.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { ButtonProps } from '@mui/material';
-import React from 'react';
-export declare const SecondaryNavigationCta: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/cjs/layout/SecondaryNavigation/SecondaryNavigationCta.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";var e=require("react/jsx-runtime"),r=require("@mui/material");const t=require("react").forwardRef((function(t,a){const i=r.useMediaQuery((e=>e.breakpoints.down("md")));return e.jsx(r.Button,Object.assign({"data-testid":"SecondaryNavigationCta",size:i?"small":"medium"},t,{ref:a}))}));exports.SecondaryNavigationCta=t;
2	- //# sourceMappingURL=SecondaryNavigationCta.js.map

package/cjs/layout/SecondaryNavigation/SecondaryNavigationCta.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"SecondaryNavigationCta.js","sources":["../../../../../src/layout/SecondaryNavigation/SecondaryNavigationCta.tsx"],"sourcesContent":["import { Button, ButtonProps, Theme, useMediaQuery } from '@mui/material';\nimport React, { forwardRef } from 'react';\n\nfunction SecondaryNavigationCtaBase(props: ButtonProps, ref: React.Ref<HTMLButtonElement>) {\n const isSmallButton = useMediaQuery<Theme>((theme) => theme.breakpoints.down('md'));\n return <Button data-testid=\"SecondaryNavigationCta\" size={isSmallButton ? 'small' : 'medium'} {...props} ref={ref} />;\n}\n\nexport const SecondaryNavigationCta = forwardRef(SecondaryNavigationCtaBase);\n"],"names":["SecondaryNavigationCta","forwardRef","props","ref","isSmallButton","useMediaQuery","theme","breakpoints","down","_jsx","Button","Object","assign","size"],"mappings":"iFAQaA,mBAAmCC,YALhD,SAAoCC,EAAoBC,GACtD,MAAMC,EAAgBC,EAAaA,eAASC,GAAUA,EAAMC,YAAYC,KAAK,QAC7E,OAAOC,EAAAA,IAACC,EAAAA,OAAmBC,OAAAC,OAAA,CAAA,cAAA,yBAAyBC,KAAMT,EAAgB,QAAU,UAAcF,GAAOC,IAAKA,IAChH"}

package/cjs/layout/SecondaryNavigation/SecondaryNavigationItem.d.ts DELETED Viewed

@@ -1,13 +0,0 @@
-import React from 'react';
-import { OverrideProps } from '@mui/material/OverridableComponent';
-export interface SecondaryNavigationItemTypeMap<P = unknown, C extends React.ElementType = 'a'> {
-    props: P & {
-        label: string;
-        isActive?: boolean;
-    };
-    defaultComponent: C;
-}
-export type SecondaryNavigationItemProps<C extends React.ElementType, P = unknown> = OverrideProps<SecondaryNavigationItemTypeMap<P, C>, C> & {
-    component?: C;
-};
-export declare function SecondaryNavigationItem<C extends React.ElementType = 'a'>(props: SecondaryNavigationItemProps<C>): import("react/jsx-runtime").JSX.Element;

package/cjs/layout/SecondaryNavigation/SecondaryNavigationItem.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";var e=require("tslib"),t=require("react/jsx-runtime"),a=require("@mui/material"),i=require("react");exports.SecondaryNavigationItem=function(o){const{label:r,onClick:s,isActive:n}=o,l=e.__rest(o,["label","onClick","isActive"]),c=i.useCallback((e=>{var t;if(null===(t=o.href)\|\|void 0===t?void 0:t.startsWith("#")){const t=o.href.replace(/^#/,""),a=document.querySelector(`[id="${t}"]`);a&&(e.preventDefault(),a.scrollIntoView({behavior:"smooth",block:"start"}),history.pushState({},"",o.href))}null==s\|\|s()}),[s,o.href]),d=i.useMemo((()=>({display:"flex",alignItems:"center",height:"100%",borderBottom:"2px solid transparent",borderColor:n&&"inherit"})),[n]);return t.jsx(a.Box,{sx:{position:"relative",display:"flex",alignItems:"center",height:"100%",left:{xs:"-12px",md:"0"},borderColor:"inherit"},"data-testid":"SecondaryNavigationItem",children:t.jsxs(a.ButtonBase,Object.assign({onClick:c,component:"a",sx:e=>Object.assign(Object.assign({position:"relative"},e.typography.body),{whiteSpace:"nowrap",borderColor:"inherit",background:"transparent",height:"100%",px:{xs:"12px",md:"16px"},"&:hover":{".FlowSecondaryNavigationItem-label":{opacity:0},".FlowSecondaryNavigationItem-selectedLabel":{opacity:1}}})},l,{draggable:"false","data-testid":"SecondaryNavigationItem.button",children:[t.jsx(a.Box,{className:"FlowSecondaryNavigationItem-label",sx:Object.assign(Object.assign({},d),{position:"absolute",opacity:n?"0":"1"}),children:r}),t.jsx(a.Box,{className:"FlowSecondaryNavigationItem-selectedLabel",sx:Object.assign(Object.assign({},d),{fontWeight:"700",opacity:n?"1":"0"}),children:r})]}))})};
2	- //# sourceMappingURL=SecondaryNavigationItem.js.map

package/cjs/layout/SecondaryNavigation/SecondaryNavigationItem.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"SecondaryNavigationItem.js","sources":["../../../../../src/layout/SecondaryNavigation/SecondaryNavigationItem.tsx"],"sourcesContent":["import { Box, ButtonBase } from '@mui/material';\nimport React, { useCallback, useMemo } from 'react';\nimport { OverrideProps } from '@mui/material/OverridableComponent';\n\nexport interface SecondaryNavigationItemTypeMap<P = unknown, C extends React.ElementType = 'a'> {\n props: P & {\n label: string;\n isActive?: boolean;\n };\n defaultComponent: C;\n}\n\nexport type SecondaryNavigationItemProps<C extends React.ElementType, P = unknown> = OverrideProps<\n SecondaryNavigationItemTypeMap<P, C>,\n C\n> & {\n component?: C;\n};\n\nexport function SecondaryNavigationItem<C extends React.ElementType = 'a'>(props: SecondaryNavigationItemProps<C>) {\n const { label, onClick, isActive, ...rest } = props;\n\n const onItemClick = useCallback(\n (event: React.MouseEvent) => {\n const shouldScroll = props.href?.startsWith('#');\n if (shouldScroll) {\n const selector = props.href.replace(/^#/, '');\n const element = document.querySelector(`[id=\"${selector}\"]`);\n if (element) {\n event.preventDefault();\n element.scrollIntoView({ behavior: 'smooth', block: 'start' });\n history.pushState({}, '', props.href);\n }\n }\n onClick?.();\n },\n [onClick, props.href],\n );\n\n const sharedItemSx = useMemo(\n () => ({\n display: 'flex',\n alignItems: 'center',\n height: '100%',\n borderBottom: '2px solid transparent',\n borderColor: isActive && 'inherit',\n }),\n [isActive],\n );\n\n return (\n <Box\n sx={{\n position: 'relative',\n display: 'flex',\n alignItems: 'center',\n height: '100%',\n // on mobile move by item left padding to align with top bar\n left: { xs: '-12px', md: '0' },\n borderColor: 'inherit',\n }}\n data-testid=\"SecondaryNavigationItem\"\n >\n <ButtonBase\n onClick={onItemClick}\n component=\"a\"\n sx={(theme) => ({\n position: 'relative',\n ...theme.typography.body,\n whiteSpace: 'nowrap',\n borderColor: 'inherit',\n background: 'transparent',\n height: '100%',\n px: { xs: '12px', md: '16px' },\n '&:hover': {\n '.FlowSecondaryNavigationItem-label': {\n opacity: 0,\n },\n '.FlowSecondaryNavigationItem-selectedLabel': {\n opacity: 1,\n },\n },\n })}\n {...rest}\n draggable=\"false\"\n data-testid=\"SecondaryNavigationItem.button\"\n >\n <Box\n className=\"FlowSecondaryNavigationItem-label\"\n sx={{\n ...sharedItemSx,\n position: 'absolute',\n opacity: isActive ? '0' : '1',\n }}\n >\n {label}\n </Box>\n <Box\n className=\"FlowSecondaryNavigationItem-selectedLabel\"\n sx={{\n ...sharedItemSx,\n fontWeight: '700',\n opacity: isActive ? '1' : '0',\n }}\n >\n {label}\n </Box>\n </ButtonBase>\n </Box>\n );\n}\n"],"names":["props","label","onClick","isActive","rest","__rest","onItemClick","useCallback","event","_a","href","startsWith","selector","replace","element","document","querySelector","preventDefault","scrollIntoView","behavior","block","history","pushState","sharedItemSx","useMemo","display","alignItems","height","borderBottom","borderColor","_jsx","jsx","Box","sx","position","left","xs","md","children","_jsxs","ButtonBase","Object","assign","component","theme","typography","body","whiteSpace","background","px","opacity","draggable","className","fontWeight"],"mappings":"iJAmBM,SAAqEA,GACzE,MAAMC,MAAEA,EAAKC,QAAEA,EAAOC,SAAEA,GAAsBH,EAATI,EAASC,EAAAA,OAAAL,EAAxC,CAAA,QAAA,UAAA,aAEAM,EAAcC,eACjBC,UAEC,GAD+B,QAAVC,EAAAT,EAAMU,YAAI,IAAAD,OAAA,EAAAA,EAAEE,WAAW,KAC1B,CAChB,MAAMC,EAAWZ,EAAMU,KAAKG,QAAQ,KAAM,IACpCC,EAAUC,SAASC,cAAc,QAAQJ,OAC3CE,IACFN,EAAMS,iBACNH,EAAQI,eAAe,CAAEC,SAAU,SAAUC,MAAO,UACpDC,QAAQC,UAAU,CAAA,EAAI,GAAItB,EAAMU,OAGpCR,SAAAA,GAAW,GAEb,CAACA,EAASF,EAAMU,OAGZa,EAAeC,EAAAA,SACnB,KAAO,CACLC,QAAS,OACTC,WAAY,SACZC,OAAQ,OACRC,aAAc,wBACdC,YAAa1B,GAAY,aAE3B,CAACA,IAGH,OACE2B,EAAAC,IAACC,MAAG,CACFC,GAAI,CACFC,SAAU,WACVT,QAAS,OACTC,WAAY,SACZC,OAAQ,OAERQ,KAAM,CAAEC,GAAI,QAASC,GAAI,KACzBR,YAAa,WACd,cACW,0BAAyBS,SAErCC,EAAAA,KAACC,EAAAA,WACCC,OAAAC,OAAA,CAAAxC,QAASI,EACTqC,UAAU,IACVV,GAAKW,GACHH,OAAAC,OAAAD,OAAAC,OAAA,CAAAR,SAAU,YACPU,EAAMC,WAAWC,MACpB,CAAAC,WAAY,SACZlB,YAAa,UACbmB,WAAY,cACZrB,OAAQ,OACRsB,GAAI,CAAEb,GAAI,OAAQC,GAAI,QACtB,UAAW,CACT,qCAAsC,CACpCa,QAAS,GAEX,6CAA8C,CAC5CA,QAAS,OAIX9C,EACJ,CAAA+C,UAAU,QAAO,cACL,iCAAgCb,SAAA,CAE5CR,EAACC,IAAAC,EAAGA,IACF,CAAAoB,UAAU,oCACVnB,GAAEQ,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACGnB,GAAY,CACfW,SAAU,WACVgB,QAAS/C,EAAW,IAAM,MAG3BmC,SAAArC,IAEH6B,EAACC,IAAAC,EAAGA,KACFoB,UAAU,4CACVnB,GACKQ,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAnB,GACH,CAAA8B,WAAY,MACZH,QAAS/C,EAAW,IAAM,eAG3BF,SAKX"}

package/cjs/materialui/theme/theme.typography.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"theme.typography.js","sources":["../../../../../src/materialui/theme/theme.typography.ts"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { TypographyOptions } from '@mui/material/styles/createTypography';\nimport { BreakpointsOptions, createBreakpoints } from '@mui/system';\nimport tokens from '@skodaflow/web-tokens/src/tokens.json';\n\nexport type TypographySize = 'small' | 'medium' | 'large';\n\n/**\n * Obtain style for element for the certain size\n */\nexport const getTypography = (element: string, rtl: boolean, size?: TypographySize) => {\n const screen = size ?? 'small';\n const typo = tokens['flow-typography'].find((el) => el.name === `${screen}-${element}`);\n if (typo)\n return {\n ...typo['style'],\n // replace font for rtl variant\n ...(rtl\n ? {\n fontFamily: 'SKODA Next R2L',\n }\n : {}),\n } as CSSProperties;\n else return null;\n};\n\n/**\n * Generate responsive typography style with the media queries\n */\nexport const generateTypography = (element: string, breakpointsOptions: BreakpointsOptions, rtl: boolean) => {\n const breakpoints = createBreakpoints(breakpointsOptions);\n\n return {\n ...getTypography(element, rtl, 'small'),\n [breakpoints.up('md')]: {\n ...getTypography(element, rtl, 'medium'),\n },\n [breakpoints.up('xl')]: {\n ...getTypography(element, rtl, 'large'),\n },\n };\n};\n\n/**\n * Build the typography theme options\n */\nexport const getTypographyOptions = (breakpointsOptions: BreakpointsOptions, rtl: boolean): TypographyOptions => {\n const bodyTypo = generateTypography('body', breakpointsOptions, rtl);\n\n return {\n fontFamily: [`SKODA Next${rtl ? ' R2L' : ''}`, 'sans-serif', 'Arial'].join(','),\n body: bodyTypo,\n ...Object.fromEntries(\n [\n 'h1',\n 'h2',\n 'h3',\n 'h4',\n 'subheadline',\n 'subtitle1',\n 'subtitle2',\n 'display',\n 'list',\n 'disclaimer',\n 'disclaimer1',\n 'disclaimer2',\n 'caption1',\n 'caption2',\n ].map((element) => [element, generateTypography(element, breakpointsOptions, rtl)]),\n ),\n // original @mui properties\n body1: bodyTypo,\n body2: bodyTypo,\n h5: generateTypography('subheadline', breakpointsOptions, rtl),\n h6: generateTypography('caption1', breakpointsOptions, rtl),\n caption: generateTypography('caption2', breakpointsOptions, rtl),\n overline: generateTypography('caption1', breakpointsOptions, rtl),\n // button, later this definition should come from @skodaflow/web-tokens\n button: {\n fontFamily: rtl ? 'SKODA Next R2L' : 'SKODA Next',\n letterSpacing: '0.75px',\n textTransform: 'none',\n textDecoration: 'none',\n fontSize: '16px',\n fontWeight: '700',\n lineHeight: '16px',\n },\n };\n};\n"],"names":["getTypography","element","rtl","size","screen","typo","tokens","default","find","el","name","Object","fontFamily","generateTypography","breakpointsOptions","breakpoints","createBreakpoints","assign","up","bodyTypo","join","body","fromEntries","map","body1","body2","h5","h6","caption","overline","button","letterSpacing","textTransform","textDecoration","fontSize","fontWeight","lineHeight"],"mappings":"uJAUa,MAAAA,EAAgB,CAACC,EAAiBC,EAAcC,KAC3D,MAAMC,EAASD,QAAAA,EAAQ,QACjBE,EAAOC,EAAMC,QAAC,mBAAmBC,MAAMC,GAAOA,EAAGC,OAAS,GAAGN,KAAUH,MAC7E,OAAII,EACKM,+BACFN,EAAY,OAEXH,EACA,CACEU,WAAY,kBAEd,IAEI,IAAI,EAMLC,EAAqB,CAACZ,EAAiBa,EAAwCZ,KAC1F,MAAMa,EAAcC,EAAiBA,kBAACF,GAEtC,OACKH,OAAAM,OAAAN,OAAAM,OAAA,CAAA,EAAAjB,EAAcC,EAASC,EAAK,UAC/B,CAAA,CAACa,EAAYG,GAAG,OACXP,OAAAM,OAAA,CAAA,EAAAjB,EAAcC,EAASC,EAAK,WAEjC,CAACa,EAAYG,GAAG,OACXP,OAAAM,OAAA,CAAA,EAAAjB,EAAcC,EAASC,EAAK,WAEjC,oFAMgC,CAACY,EAAwCZ,KAC3E,MAAMiB,EAAWN,EAAmB,OAAQC,EAAoBZ,GAEhE,OAAAS,OAAAM,OAAAN,OAAAM,OAAA,CACEL,WAAY,CAAC,cAAaV,EAAM,OAAS,IAAM,aAAc,SAASkB,KAAK,KAC3EC,KAAMF,GACHR,OAAOW,YACR,CACE,KACA,KACA,KACA,KACA,cACA,YACA,YACA,UACA,OACA,aACA,cACA,cACA,WACA,YACAC,KAAKtB,GAAY,CAACA,EAASY,EAAmBZ,EAASa,EAAoBZ,QAC9E,CAEDsB,MAAOL,EACPM,MAAON,EACPO,GAAIb,EAAmB,cAAeC,EAAoBZ,GAC1DyB,GAAId,EAAmB,WAAYC,EAAoBZ,GACvD0B,QAASf,EAAmB,WAAYC,EAAoBZ,GAC5D2B,SAAUhB,EAAmB,WAAYC,EAAoBZ,GAE7D4B,OAAQ,CACNlB,WAAYV,EAAM,iBAAmB,aACrC6B,cAAe,SACfC,cAAe,OACfC,eAAgB,OAChBC,SAAU,OACVC,WAAY,MACZC,WAAY,SAEd"}

package/cjs/organisms/notification/Notification.d.ts DELETED Viewed

@@ -1,11 +0,0 @@
-export type NotificationProps = {
-    color?: 'white' | 'grey';
-    isNew?: boolean;
-    headline: string;
-    description: React.ReactNode;
-    icon?: React.ReactNode;
-    footer?: string;
-    buttons?: React.ReactNode;
-    onDismiss?: () => void;
-};
-export declare const Notification: React.FC<NotificationProps>;

package/cjs/organisms/notification/Notification.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";var i=require("react/jsx-runtime"),e=require("../../components/icon/icon.js");require("../../components/icon/icon.definitions.js");var t=require("../../components/indicator/indicator.js"),o=require("@mui/material");const n=o.styled(o.Box)((({theme:i})=>({display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"50%",width:"56px",height:"56px",background:i.palette.onSurface.os200,flexShrink:0})));exports.Notification=s=>{const a=o.useTheme();return i.jsxs(o.Box,{sx:{background:"grey"===s.color?a.palette.surface.primary:a.palette.onSurface.os0,padding:"24px 32px",display:"flex",flexDirection:"row",gap:"24px",alignItems:"center",position:"relative"},"data-testid":"Notification",children:[s.icon&&i.jsx(n,{sx:{display:{sm:"flex",xs:"none"},overflow:"hidden",img:{width:"100%",height:"100%",objectFit:"cover"}},"data-testid":"Notification.icon",children:s.icon}),i.jsxs(o.Box,{sx:{width:"100%",maxWidth:"100%",overflow:"hidden",display:"flex",gap:"8px",flexDirection:"column",padding:"4px"},children:[i.jsxs(o.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"flex-start",gap:1},children:[s.isNew&&i.jsx(t.Indicator,{color:"neutral"}),i.jsx(o.Box,{sx:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",flexGrow:"1",minWidth:"0"},children:i.jsx(o.Typography,{variant:"subheadline","data-testid":"Notification.headline",children:s.headline})})]}),i.jsx(o.Box,{"data-testid":"Notification.description",children:"string"==typeof s.description?i.jsx(o.Typography,{sx:{overflow:"hidden",textOverflow:"ellipsis",display:"-webkit-box",WebkitLineClamp:"2",WebkitBoxOrient:"vertical"},variant:"disclaimer1",children:s.description}):s.description}),s.footer&&i.jsx(o.Typography,{variant:"disclaimer1",color:a.palette.onSurface.os600,"data-testid":"Notification.footer",children:s.footer}),s.buttons&&i.jsx(o.Stack,{direction:"row",spacing:1,"data-testid":"Notification.buttons",children:s.buttons})]}),s.onDismiss&&i.jsx(o.IconButton,{"aria-label":"Dismiss notification",onClick:s.onDismiss,size:"small",sx:{position:"absolute",right:"8px",top:"8px"},"data-testid":"Notification.dismiss",children:i.jsx(e.Icon,{fontSize:"small",className:"ballotx",name:"close"})})]})};
2	- //# sourceMappingURL=Notification.js.map

package/cjs/organisms/notification/Notification.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"Notification.js","sources":["../../../../../src/organisms/notification/Notification.tsx"],"sourcesContent":["import { Icon } from '@/src/components/icon';\nimport { Indicator } from '@/src/components/indicator';\nimport { Box, IconButton, Stack, Typography, styled, useTheme } from '@mui/material';\n\nexport type NotificationProps = {\n color?: 'white' | 'grey';\n isNew?: boolean;\n\n headline: string;\n description: React.ReactNode;\n\n icon?: React.ReactNode;\n\n footer?: string;\n buttons?: React.ReactNode;\n\n onDismiss?: () => void;\n};\n\nexport const Notification: React.FC<NotificationProps> = (props) => {\n const theme = useTheme();\n\n return (\n <Box\n sx={{\n background: props.color === 'grey' ? theme.palette.surface.primary : theme.palette.onSurface.os0,\n padding: '24px 32px',\n display: 'flex',\n flexDirection: 'row',\n gap: '24px',\n alignItems: 'center',\n position: 'relative',\n }}\n data-testid=\"Notification\"\n >\n {props.icon && (\n <IconBox\n sx={{\n display: { sm: 'flex', xs: 'none' },\n overflow: 'hidden',\n img: { width: '100%', height: '100%', objectFit: 'cover' },\n }}\n data-testid=\"Notification.icon\"\n >\n {props.icon}\n </IconBox>\n )}\n\n <Box\n sx={{\n width: '100%',\n maxWidth: '100%',\n overflow: 'hidden',\n display: 'flex',\n gap: '8px',\n flexDirection: 'column',\n // Small padding to prevent focus ring trimming\n padding: '4px',\n }}\n >\n <Box sx={{ display: 'flex', alignItems: 'center', justifyContent: 'flex-start', gap: 1 }}>\n {props.isNew && <Indicator color=\"neutral\" />}\n <Box\n sx={{\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n flexGrow: '1',\n minWidth: '0',\n }}\n >\n <Typography variant=\"subheadline\" data-testid=\"Notification.headline\">\n {props.headline}\n </Typography>\n </Box>\n </Box>\n <Box data-testid=\"Notification.description\">\n {typeof props.description === 'string' ? (\n <Typography\n sx={{\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n display: '-webkit-box',\n WebkitLineClamp: '2',\n WebkitBoxOrient: 'vertical',\n }}\n variant=\"disclaimer1\"\n >\n {props.description}\n </Typography>\n ) : (\n props.description\n )}\n </Box>\n {props.footer && (\n <Typography variant=\"disclaimer1\" color={theme.palette.onSurface.os600} data-testid=\"Notification.footer\">\n {props.footer}\n </Typography>\n )}\n {props.buttons && (\n <Stack direction=\"row\" spacing={1} data-testid=\"Notification.buttons\">\n {props.buttons}\n </Stack>\n )}\n </Box>\n\n {props.onDismiss && (\n <IconButton\n aria-label=\"Dismiss notification\"\n onClick={props.onDismiss}\n size=\"small\"\n sx={{\n position: 'absolute',\n right: '8px',\n top: '8px',\n }}\n data-testid=\"Notification.dismiss\"\n >\n <Icon fontSize=\"small\" className=\"ballotx\" name=\"close\" />\n </IconButton>\n )}\n </Box>\n );\n};\n\nconst IconBox = styled(Box)(({ theme }) => ({\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n borderRadius: '50%',\n width: '56px',\n height: '56px',\n background: theme.palette.onSurface.os200,\n flexShrink: 0,\n}));\n"],"names":["IconBox","styled","Box","theme","display","justifyContent","alignItems","borderRadius","width","height","background","palette","onSurface","os200","flexShrink","props","useTheme","_jsxs","jsxs","sx","color","surface","primary","os0","padding","flexDirection","gap","position","children","icon","_jsx","jsx","sm","xs","overflow","img","objectFit","maxWidth","isNew","Indicator","whiteSpace","textOverflow","flexGrow","minWidth","Typography","variant","headline","description","WebkitLineClamp","WebkitBoxOrient","footer","os600","buttons","Stack","direction","spacing","onDismiss","IconButton","onClick","size","right","top","Icon","fontSize","className","name"],"mappings":"oOAmBa,MA0GPA,EAAUC,EAAAA,OAAOC,EAAAA,IAAPD,EAAY,EAAGE,YAAa,CAC1CC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,aAAc,MACdC,MAAO,OACPC,OAAQ,OACRC,WAAYP,EAAMQ,QAAQC,UAAUC,MACpCC,WAAY,2BAlH4CC,IACxD,MAAMZ,EAAQa,EAAAA,WAEd,OACEC,EAAAC,KAAChB,MAAG,CACFiB,GAAI,CACFT,WAA4B,SAAhBK,EAAMK,MAAmBjB,EAAMQ,QAAQU,QAAQC,QAAUnB,EAAMQ,QAAQC,UAAUW,IAC7FC,QAAS,YACTpB,QAAS,OACTqB,cAAe,MACfC,IAAK,OACLpB,WAAY,SACZqB,SAAU,YAEA,cAAA,eAEXC,SAAA,CAAAb,EAAMc,MACLC,EAACC,IAAA/B,EACC,CAAAmB,GAAI,CACFf,QAAS,CAAE4B,GAAI,OAAQC,GAAI,QAC3BC,SAAU,SACVC,IAAK,CAAE3B,MAAO,OAAQC,OAAQ,OAAQ2B,UAAW,UAClD,cACW,oBAAmBR,SAE9Bb,EAAMc,OAIXZ,EAACC,KAAAhB,MACC,CAAAiB,GAAI,CACFX,MAAO,OACP6B,SAAU,OACVH,SAAU,SACV9B,QAAS,OACTsB,IAAK,MACLD,cAAe,SAEfD,QAAS,OACVI,SAAA,CAEDX,EAAAA,KAACf,EAAGA,IAAA,CAACiB,GAAI,CAAEf,QAAS,OAAQE,WAAY,SAAUD,eAAgB,aAAcqB,IAAK,GAClFE,SAAA,CAAAb,EAAMuB,OAASR,MAACS,EAASA,UAAA,CAACnB,MAAM,YACjCU,MAAC5B,EAAGA,IAAA,CACFiB,GAAI,CACFqB,WAAY,SACZN,SAAU,SACVO,aAAc,WACdC,SAAU,IACVC,SAAU,KACXf,SAEDE,EAACC,IAAAa,aAAW,CAAAC,QAAQ,cAAa,cAAa,wBAAuBjB,SAClEb,EAAM+B,gBAIbhB,EAAAC,IAAC7B,EAAGA,IAAA,CAAA,cAAa,2BACd0B,SAA6B,iBAAtBb,EAAMgC,YACZjB,EAAAC,IAACa,EAAUA,WAAA,CACTzB,GAAI,CACFe,SAAU,SACVO,aAAc,WACdrC,QAAS,cACT4C,gBAAiB,IACjBC,gBAAiB,YAEnBJ,QAAQ,cAAajB,SAEpBb,EAAMgC,cAGThC,EAAiB,cAGpBA,EAAMmC,QACLpB,EAAAA,IAACc,EAAAA,WAAW,CAAAC,QAAQ,cAAczB,MAAOjB,EAAMQ,QAAQC,UAAUuC,oBAAmB,sBAAqBvB,SACtGb,EAAMmC,SAGVnC,EAAMqC,SACLtB,EAAAA,IAACuB,EAAAA,OAAMC,UAAU,MAAMC,QAAS,EAAC,cAAc,uBAC5C3B,SAAAb,EAAMqC,aAKZrC,EAAMyC,WACL1B,EAAAA,IAAC2B,EAAAA,yBACY,uBACXC,QAAS3C,EAAMyC,UACfG,KAAK,QACLxC,GAAI,CACFQ,SAAU,WACViC,MAAO,MACPC,IAAK,OAEK,cAAA,gCAEZ/B,EAAAA,IAACgC,EAAAA,MAAKC,SAAS,QAAQC,UAAU,UAAUC,KAAK,cAGhD"}

package/cjs/organisms/notification/NotificationCenter.d.ts DELETED Viewed

@@ -1,8 +0,0 @@
-export type NotificationCenterProps = {
-    children?: React.ReactNode;
-    title?: string;
-    dismissAllText?: string;
-    onDismissAll?: () => void;
-    height?: number | string;
-};
-export declare const NotificationCenter: import("react").ForwardRefExoticComponent<NotificationCenterProps & import("react").RefAttributes<HTMLDivElement>>;

package/cjs/organisms/notification/NotificationCenter.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";var t=require("react/jsx-runtime"),e=require("@mui/material"),i=require("react");const r=i.forwardRef((function(r,s){var n,o,a;const l=i.useRef(null),c=i.useRef(null);return i.useEffect((()=>{if(l.current&&c.current){const t=l.current.clientHeight;c.current.style.height=`calc(100% - ${t}px)`}}),[l.current,c.current]),t.jsxs(e.Box,{ref:s,sx:{width:{md:"400px",sm:"360px",xs:"100%"},borderRadius:{sm:"8px",xs:"0px"},background:t=>t.palette.surface.tertiary,boxShadow:"0px 24px 64px 0px rgba(0, 0, 0, 0.15)",overflow:"hidden",height:null!==(n=r.height)&&void 0!==n?n:"600px",maxHeight:"100vh"},"data-testid":"NotificationCenter",children:[t.jsxs(e.Box,{ref:l,sx:{padding:"14px 8px 22px 16px",display:"flex",justifyContent:"space-between"},children:[t.jsx(e.Typography,{variant:"h4",component:"span","data-testid":"NotificationCenter.title",children:null!==(o=r.title)&&void 0!==o?o:"Notifications"}),r.onDismissAll&&t.jsx(e.Button,{onClick:r.onDismissAll,size:"small",color:"secondary",variant:"text","data-testid":"NotificationCenter.dismiss",children:null!==(a=r.dismissAllText)&&void 0!==a?a:"Dismiss All"})]}),t.jsx(e.Box,{ref:c,sx:{height:"100%",overflow:"auto","& > *:not(:last-of-type)":{borderBottom:t=>`1px solid ${t.palette.surface.secondary}`}},"data-testid":"NotificationCenter.content",children:r.children})]})}));exports.NotificationCenter=r;
2	- //# sourceMappingURL=NotificationCenter.js.map

package/cjs/organisms/notification/NotificationCenter.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"NotificationCenter.js","sources":["../../../../../src/organisms/notification/NotificationCenter.tsx"],"sourcesContent":["import { Box, Button, Typography } from '@mui/material';\nimport { forwardRef, useEffect, useRef } from 'react';\n\nexport type NotificationCenterProps = {\n children?: React.ReactNode;\n\n title?: string;\n dismissAllText?: string;\n onDismissAll?: () => void;\n\n height?: number | string;\n};\n\nfunction NotificationCenterBase(props: NotificationCenterProps, ref: React.Ref<HTMLDivElement>) {\n const headerRef = useRef<HTMLDivElement>(null);\n const bodyRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n if (headerRef.current && bodyRef.current) {\n const height = headerRef.current.clientHeight;\n bodyRef.current.style.height = `calc(100% - ${height}px)`;\n }\n }, [headerRef.current, bodyRef.current]);\n\n return (\n <Box\n ref={ref}\n sx={{\n width: { md: '400px', sm: '360px', xs: '100%' },\n borderRadius: { sm: '8px', xs: '0px' },\n background: (theme) => theme.palette.surface.tertiary,\n boxShadow: '0px 24px 64px 0px rgba(0, 0, 0, 0.15)',\n overflow: 'hidden',\n height: props.height ?? '600px',\n maxHeight: '100vh',\n }}\n data-testid=\"NotificationCenter\"\n >\n <Box\n ref={headerRef}\n sx={{\n padding: '14px 8px 22px 16px',\n display: 'flex',\n justifyContent: 'space-between',\n }}\n >\n <Typography variant=\"h4\" component=\"span\" data-testid=\"NotificationCenter.title\">\n {props.title ?? 'Notifications'}\n </Typography>\n {props.onDismissAll && (\n <Button\n onClick={props.onDismissAll}\n size=\"small\"\n color=\"secondary\"\n variant=\"text\"\n data-testid=\"NotificationCenter.dismiss\"\n >\n {props.dismissAllText ?? 'Dismiss All'}\n </Button>\n )}\n </Box>\n <Box\n ref={bodyRef}\n sx={{\n height: '100%',\n overflow: 'auto',\n '& > *:not(:last-of-type)': {\n borderBottom: (theme) => `1px solid ${theme.palette.surface.secondary}`,\n },\n }}\n data-testid=\"NotificationCenter.content\"\n >\n {props.children}\n </Box>\n </Box>\n );\n}\n\nexport const NotificationCenter = forwardRef(NotificationCenterBase);\n"],"names":["NotificationCenter","forwardRef","props","ref","headerRef","useRef","bodyRef","useEffect","current","height","clientHeight","style","_jsxs","Box","sx","width","md","sm","xs","borderRadius","background","theme","palette","surface","tertiary","boxShadow","overflow","_a","maxHeight","children","padding","display","justifyContent","_jsx","Typography","variant","component","_b","title","onDismissAll","Button","onClick","size","color","_c","dismissAllText","borderBottom","secondary"],"mappings":"oGA8EaA,EAAqBC,EAAUA,YAjE5C,SAAgCC,EAAgCC,aAC9D,MAAMC,EAAYC,EAAMA,OAAiB,MACnCC,EAAUD,EAAMA,OAAiB,MASvC,OAPAE,EAAAA,WAAU,KACR,GAAIH,EAAUI,SAAWF,EAAQE,QAAS,CACxC,MAAMC,EAASL,EAAUI,QAAQE,aACjCJ,EAAQE,QAAQG,MAAMF,OAAS,eAAeA,UAE/C,CAACL,EAAUI,QAASF,EAAQE,UAG7BI,OAACC,EAAGA,IAAA,CACFV,IAAKA,EACLW,GAAI,CACFC,MAAO,CAAEC,GAAI,QAASC,GAAI,QAASC,GAAI,QACvCC,aAAc,CAAEF,GAAI,MAAOC,GAAI,OAC/BE,WAAaC,GAAUA,EAAMC,QAAQC,QAAQC,SAC7CC,UAAW,wCACXC,SAAU,SACVjB,eAAQkB,EAAAzB,EAAMO,sBAAU,QACxBmB,UAAW,SAED,cAAA,qBAEZC,SAAA,CAAAjB,EAAAA,KAACC,EAAAA,IAAG,CACFV,IAAKC,EACLU,GAAI,CACFgB,QAAS,qBACTC,QAAS,OACTC,eAAgB,iBACjBH,SAAA,CAEDI,EAAAA,IAACC,EAAUA,WAAC,CAAAC,QAAQ,KAAKC,UAAU,OAAmB,cAAA,oCACpC,QAAfC,EAAAnC,EAAMoC,aAAS,IAAAD,EAAAA,EAAA,kBAEjBnC,EAAMqC,cACLN,EAAAA,IAACO,EAAMA,OACL,CAAAC,QAASvC,EAAMqC,aACfG,KAAK,QACLC,MAAM,YACNR,QAAQ,OACI,cAAA,sCAEa,QAAxBS,EAAA1C,EAAM2C,sBAAkB,IAAAD,EAAAA,EAAA,mBAI/BX,EAAAA,IAACpB,EAAAA,IAAG,CACFV,IAAKG,EACLQ,GAAI,CACFL,OAAQ,OACRiB,SAAU,OACV,2BAA4B,CAC1BoB,aAAezB,GAAU,aAAaA,EAAMC,QAAQC,QAAQwB,cAGpD,cAAA,sCAEX7C,EAAM2B,aAIf"}

package/cjs/organisms/notification/NotificationCenterCategory.d.ts DELETED Viewed

@@ -1,5 +0,0 @@
-export type NotificationCenterCategoryProps = {
-    title: string;
-    children?: React.ReactNode;
-};
-export declare const NotificationCenterCategory: React.FC<NotificationCenterCategoryProps>;

package/cjs/organisms/notification/NotificationCenterCategory.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";var t=require("react/jsx-runtime"),e=require("@mui/material");exports.NotificationCenterCategory=i=>t.jsxs(e.Box,{"data-testid":"NotificationCenterCategory",children:[t.jsx(e.Box,{sx:{borderBottom:t=>`1px solid ${t.palette.surface.secondary}`},"data-testid":"NotificationCenterCategory.title",children:t.jsx(e.Typography,{variant:"caption2",sx:{paddingLeft:"8px"},children:i.title})}),t.jsx(e.Box,{"data-testid":"NotificationCenterCategory.content",sx:{"& > *:not(:last-of-type)":{borderBottom:t=>`1px solid ${t.palette.surface.secondary}`}},children:i.children})]});
2	- //# sourceMappingURL=NotificationCenterCategory.js.map

package/cjs/organisms/notification/NotificationCenterCategory.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"NotificationCenterCategory.js","sources":["../../../../../src/organisms/notification/NotificationCenterCategory.tsx"],"sourcesContent":["import { Box, Typography } from '@mui/material';\n\nexport type NotificationCenterCategoryProps = {\n title: string;\n children?: React.ReactNode;\n};\n\nexport const NotificationCenterCategory: React.FC<NotificationCenterCategoryProps> = (props) => {\n return (\n <Box data-testid=\"NotificationCenterCategory\">\n <Box\n sx={{\n borderBottom: (theme) => `1px solid ${theme.palette.surface.secondary}`,\n }}\n data-testid=\"NotificationCenterCategory.title\"\n >\n <Typography variant=\"caption2\" sx={{ paddingLeft: '8px' }}>\n {props.title}\n </Typography>\n </Box>\n\n <Box\n data-testid=\"NotificationCenterCategory.content\"\n sx={{\n '& > *:not(:last-of-type)': {\n borderBottom: (theme) => `1px solid ${theme.palette.surface.secondary}`,\n },\n }}\n >\n {props.children}\n </Box>\n </Box>\n );\n};\n"],"names":["props","_jsxs","jsxs","Box","_jsx","jsx","sx","borderBottom","theme","palette","surface","secondary","children","Typography","variant","paddingLeft","title"],"mappings":"8GAOsFA,GAElFC,EAACC,KAAAC,MAAgB,CAAA,cAAA,uCACfC,EAACC,IAAAF,MACC,CAAAG,GAAI,CACFC,aAAeC,GAAU,aAAaA,EAAMC,QAAQC,QAAQC,aAC7D,cACW,mCAAkCC,SAE9CR,MAACS,EAAAA,WAAW,CAAAC,QAAQ,WAAWR,GAAI,CAAES,YAAa,OAC/CH,SAAAZ,EAAMgB,UAIXZ,MAACD,EAAAA,IAAG,CAAA,cACU,qCACZG,GAAI,CACF,2BAA4B,CAC1BC,aAAeC,GAAU,aAAaA,EAAMC,QAAQC,QAAQC,cAE/DC,SAEAZ,EAAMY"}

package/cjs/organisms/notification/NotificationCenterHeaderButton.d.ts DELETED Viewed

@@ -1,6 +0,0 @@
-import { NotificationCenterProps } from './NotificationCenter';
-import { IndicatorProps } from '@/src/components/indicator';
-export type NotificationCenterHeaderButtonProps = NotificationCenterProps & {
-    indicator?: IndicatorProps['color'];
-};
-export declare const NotificationCenterHeaderButton: React.FC<NotificationCenterHeaderButtonProps>;

package/cjs/organisms/notification/NotificationCenterHeaderButton.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";var e=require("tslib"),r=require("react/jsx-runtime"),i=require("@mui/material"),t=require("react");require("../../layout/Header/HeaderButton.js"),require("../../layout/Header/HeaderContext.js"),require("../../components/icon/icon.js"),require("../../components/icon/icon.definitions.js"),require("../../layout/Header/HeaderNavigationHero.js"),require("../../layout/Header/HeaderOverheadItem.js");var o=require("../../layout/Header/PredefinedHeaderButtons.js");require("../../utils/enum.js");var n=require("../../utils/useClosure/useClosure.js"),s=require("./NotificationCenter.js");exports.NotificationCenterHeaderButton=a=>{const{isOpen:u,onToggle:c,onClose:d}=n.useClosure(!1),l=t.useRef(null),{indicator:j}=a,q=e.__rest(a,["indicator"]);return r.jsxs(r.Fragment,{children:[r.jsx(o.HeaderBellButton,{ref:l,onClick:c,color:u&&"grey",indicator:a.indicator,"data-testid":"NotificationCenterHeaderButton"}),r.jsx(i.Popper,{open:u,anchorEl:l.current,placement:"bottom-end",modifiers:[{name:"offset",options:{offset:[0,28]}}],children:r.jsx(i.ClickAwayListener,{onClickAway:d,children:r.jsx(i.Box,{children:r.jsx(s.NotificationCenter,Object.assign({},q))})})})]})};
2	- //# sourceMappingURL=NotificationCenterHeaderButton.js.map

package/cjs/organisms/notification/NotificationCenterHeaderButton.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"NotificationCenterHeaderButton.js","sources":["../../../../../src/organisms/notification/NotificationCenterHeaderButton.tsx"],"sourcesContent":["import { HeaderBellButton } from '@/src/layout/Header';\nimport { useClosure } from '@/src/utils';\nimport { Box, ClickAwayListener, Popper } from '@mui/material';\nimport { NotificationCenter, NotificationCenterProps } from './NotificationCenter';\nimport { useRef } from 'react';\nimport { IndicatorProps } from '@/src/components/indicator';\n\nexport type NotificationCenterHeaderButtonProps = NotificationCenterProps & {\n indicator?: IndicatorProps['color'];\n};\n\nexport const NotificationCenterHeaderButton: React.FC<NotificationCenterHeaderButtonProps> = (props) => {\n const { isOpen, onToggle, onClose } = useClosure(false);\n const buttonRef = useRef(null);\n const { indicator, ...notificationCenterProps } = props;\n return (\n <>\n <HeaderBellButton\n ref={buttonRef}\n onClick={onToggle}\n color={isOpen && 'grey'}\n indicator={props.indicator}\n data-testid=\"NotificationCenterHeaderButton\"\n />\n <Popper\n open={isOpen}\n anchorEl={buttonRef.current}\n placement=\"bottom-end\"\n modifiers={[\n {\n name: 'offset',\n options: {\n offset: [0, 28],\n },\n },\n ]}\n >\n <ClickAwayListener onClickAway={onClose}>\n <Box>\n <NotificationCenter {...notificationCenterProps} />\n </Box>\n </ClickAwayListener>\n </Popper>\n </>\n );\n};\n"],"names":["props","isOpen","onToggle","onClose","useClosure","buttonRef","useRef","indicator","notificationCenterProps","__rest","_jsxs","_jsx","HeaderBellButton","ref","onClick","color","jsx","Popper","open","anchorEl","current","placement","modifiers","name","options","offset","children","ClickAwayListener","onClickAway","Box","NotificationCenter","Object","assign"],"mappings":"2nBAW8FA,IAC5F,MAAMC,OAAEA,EAAMC,SAAEA,EAAQC,QAAEA,GAAYC,EAAAA,YAAW,GAC3CC,EAAYC,EAAMA,OAAC,OACnBC,UAAEA,GAA0CP,EAA5BQ,EAAuBC,EAAAA,OAAKT,EAA5C,CAAyC,cAC/C,OACEU,EAAAA,2BACEC,EAAAA,IAACC,EAAAA,kBACCC,IAAKR,EACLS,QAASZ,EACTa,MAAOd,GAAU,OACjBM,UAAWP,EAAMO,UACL,cAAA,mCAEdI,EAAAK,IAACC,EAAMA,OACL,CAAAC,KAAMjB,EACNkB,SAAUd,EAAUe,QACpBC,UAAU,aACVC,UAAW,CACT,CACEC,KAAM,SACNC,QAAS,CACPC,OAAQ,CAAC,EAAG,OAKlBC,SAAAf,MAACgB,EAAAA,kBAAkB,CAAAC,YAAazB,EAAOuB,SACrCf,EAAAA,IAACkB,EAAGA,IAAA,CAAAH,SACFf,MAACmB,qBAAkBC,OAAAC,OAAA,GAAKxB,YAI7B"}

package/components/icon/icon.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"icon.js","sources":["../../../src/components/icon/icon.tsx"],"sourcesContent":["import React, { useMemo, forwardRef } from 'react';\nimport { SvgIconProps } from '@mui/material';\nimport { IconNameProp, iconDefinitions } from './icon.definitions';\n\n/**\n * @interface IconProps\n * @description Base definition of SkodaFlow Icon\n */\nexport interface IconProps extends SvgIconProps {\n /**\n * Name of the icon that should be used. Alternatively, provide name in the className property\n */\n name?: IconNameProp;\n /**\n * Style of vectors, regular (stroke) or filled format\n * @default 'regular'\n */\n iconStyle?: 'regular' | 'filled';\n}\n\n/**\n * @description SkodaFlow Icon component.\n * @param props IconProps\n * @returns React Functional Component\n */\nexport const Icon: React.FC<IconProps> = forwardRef(({ name, className, iconStyle, ...rest }, ref) => {\n // obtain SvgIcon component to be rendered\n const IconComponent = useMemo(() => {\n const definition =\n // try to find by name\n (name && iconDefinitions.find((def) => [def.name, ...def.altNames].includes(name))) ||\n // try to find by className\n (className &&\n iconDefinitions.find((def) => className.split(' ').some((cls) => [def.name, ...def.altNames].includes(cls)))) ||\n // fallback\n iconDefinitions.find((item) => item.name === 'circle-question');\n return iconStyle === 'filled' ? definition.componentFilled : definition.component;\n }, [name, className, iconStyle]);\n\n return (\n <IconComponent\n ref={ref}\n data-testid=\"Icon\"\n className={['sa-i', className, name].filter(Boolean).join(' ')}\n {...rest}\n />\n );\n});\n"],"names":["Icon","forwardRef","_a","ref","name","className","iconStyle","rest","__rest","IconComponent","useMemo","definition","iconDefinitions","find","def","altNames","includes","split","some","cls","item","componentFilled","component","_jsx","Object","assign","filter","Boolean","join"],"mappings":"+KAyBa,MAAAA,EAA4BC,GAAW,CAACC,EAAyCC,SAAzCC,KAAEA,EAAIC,UAAEA,EAASC,UAAEA,KAAcC,EAAjCC,EAAAN,EAAA,CAAA,OAAA,YAAA,cAEnD,MAAMO,EAAgBC,GAAQ,KAC5B,MAAMC,EAEHP,GAAQQ,EAAgBC,MAAMC,GAAQ,CAACA,EAAIV,QAASU,EAAIC,UAAUC,SAASZ,MAE3EC,GACCO,EAAgBC,MAAMC,GAAQT,EAAUY,MAAM,KAAKC,MAAMC,GAAQ,CAACL,EAAIV,QAASU,EAAIC,UAAUC,SAASG,QAExGP,EAAgBC,MAAMO,GAAuB,oBAAdA,EAAKhB,OACtC,MAAqB,WAAdE,EAAyBK,EAAWU,gBAAkBV,EAAWW,SAAS,GAChF,CAAClB,EAAMC,EAAWC,IAErB,OACEiB,EAACd,EAAae,OAAAC,OAAA,CACZtB,IAAKA,EACO,cAAA,OACZE,UAAW,CAAC,OAAQA,EAAWD,GAAMsB,OAAOC,SAASC,KAAK,MACtDrB,GACJ"}

package/layout/Error/ErrorContent.d.ts DELETED Viewed

@@ -1,33 +0,0 @@
-import { FC, ReactNode } from 'react';
-export type ErrorContentProps = {
-    /**
-     * Error Status, eg. 404 or 500
-     * @requires
-     */
-    status: ReactNode;
-    /**
-     * Short message describing the error
-     * @default undefined
-     */
-    message?: ReactNode;
-    /**
-     * Longer description of the error
-     * @default undefined
-     */
-    description?: ReactNode;
-    /**
-     * Actions that user can interact with
-     * @default undefined
-     */
-    actions?: ReactNode;
-    /**
-     * Stacktrace of an error
-     * @default undefined
-     */
-    stacktrace?: string;
-};
-/**
- * Component that simplifies rendering of the error
- * @param props ErrorContentProps
- */
-export declare const ErrorContent: FC<ErrorContentProps>;

package/layout/Error/ErrorContent.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{jsx as t,jsxs as e}from"react/jsx-runtime";import{Typography as r,Box as n,Stack as o,Container as i}from"@mui/material";import{useMemo as s}from"react";const a=a=>{const{status:l,message:d,actions:c,description:m,stacktrace:x}=a,p=s((()=>"string"==typeof l\|\|"number"==typeof l?t(r,{sx:{fontWeight:{xs:"700"},fontSize:{xs:"72px"},lineHeight:{xs:"72px"},color:t=>t.palette.onSurface.os900},children:l}):l),[l]),f=s((()=>d?"string"==typeof d\|\|"number"==typeof d?t(r,{variant:"h3",children:d}):d:null),[d]),g=s((()=>m?"string"==typeof m\|\|"number"==typeof m?t(r,{children:m}):m:null),[m]),h=s((()=>null==x?void 0:x.split("\n").map((e=>t(n,{children:e},e)))),[x]);return e(n,{sx:{display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center",paddingTop:{xl:12,xs:10}},children:[e(n,{sx:{maxWidth:"612px"},children:[t(n,{sx:{marginBottom:{lg:8,md:7,xs:6}},"data-testid":"ErrorContent.status",children:p}),f&&t(n,{sx:{marginBottom:{lg:4,md:5,xs:3}},"data-testid":"ErrorContent.message",children:f})]}),t(n,{sx:{maxWidth:"450px"},children:g&&t(n,{sx:{marginBottom:{lg:4,md:5,xs:3}},"data-testid":"ErrorContent.description",children:g})}),c&&t(o,{direction:"row",spacing:2,sx:{marginBottom:4},"data-testid":"ErrorContent.actions",children:c}),h&&t(i,{children:t(n,{sx:{border:"1px solid",borderColor:t=>t.palette.onSurface.os300,py:1,px:2,borderRadius:2,fontFamily:"monospace",fontSize:11,lineHeight:"18px",marginBottom:4,textAlign:"left",overflow:"auto","& > div:not(:first-of-type)":{marginLeft:4}},"data-testid":"ErrorContent.stacktrace",children:h})})]})};export{a as ErrorContent};
2	- //# sourceMappingURL=ErrorContent.js.map

package/layout/Error/ErrorContent.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"ErrorContent.js","sources":["../../../src/layout/Error/ErrorContent.tsx"],"sourcesContent":["import { Box, Container, Stack, Typography } from '@mui/material';\nimport { FC, ReactNode, useMemo } from 'react';\n\nexport type ErrorContentProps = {\n /**\n * Error Status, eg. 404 or 500\n * @requires\n */\n status: ReactNode;\n /**\n * Short message describing the error\n * @default undefined\n */\n message?: ReactNode;\n /**\n * Longer description of the error\n * @default undefined\n */\n description?: ReactNode;\n /**\n * Actions that user can interact with\n * @default undefined\n */\n actions?: ReactNode;\n /**\n * Stacktrace of an error\n * @default undefined\n */\n stacktrace?: string;\n};\n\n/**\n * Component that simplifies rendering of the error\n * @param props ErrorContentProps\n */\nexport const ErrorContent: FC<ErrorContentProps> = (props) => {\n const { status, message, actions, description, stacktrace } = props;\n\n const statusNode = useMemo(() => {\n if (typeof status === 'string' || typeof status === 'number') {\n return (\n <Typography\n sx={{\n fontWeight: { xs: '700' },\n fontSize: { xs: '72px' },\n lineHeight: { xs: '72px' },\n color: (theme) => theme.palette.onSurface.os900,\n }}\n >\n {status}\n </Typography>\n );\n }\n\n return status;\n }, [status]);\n\n const messageNode = useMemo(() => {\n if (!message) {\n return null;\n }\n if (typeof message === 'string' || typeof message === 'number') {\n return <Typography variant=\"h3\">{message}</Typography>;\n }\n return message;\n }, [message]);\n\n const descriptionNode = useMemo(() => {\n if (!description) {\n return null;\n }\n if (typeof description === 'string' || typeof description === 'number') {\n return <Typography>{description}</Typography>;\n }\n return description;\n }, [description]);\n\n const stackTraceNode = useMemo(\n () => stacktrace?.split('\\n').map((frame) => <Box key={frame}>{frame}</Box>),\n [stacktrace],\n );\n\n return (\n <Box\n sx={{\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n textAlign: 'center',\n paddingTop: {\n xl: 12,\n xs: 10,\n },\n }}\n >\n <Box\n sx={{\n maxWidth: '612px',\n }}\n >\n <Box sx={{ marginBottom: { lg: 8, md: 7, xs: 6 } }} data-testid=\"ErrorContent.status\">\n {statusNode}\n </Box>\n\n {messageNode && (\n <Box sx={{ marginBottom: { lg: 4, md: 5, xs: 3 } }} data-testid=\"ErrorContent.message\">\n {messageNode}\n </Box>\n )}\n </Box>\n\n <Box\n sx={{\n maxWidth: '450px',\n }}\n >\n {descriptionNode && (\n <Box sx={{ marginBottom: { lg: 4, md: 5, xs: 3 } }} data-testid=\"ErrorContent.description\">\n {descriptionNode}\n </Box>\n )}\n </Box>\n\n {actions && (\n <Stack direction=\"row\" spacing={2} sx={{ marginBottom: 4 }} data-testid=\"ErrorContent.actions\">\n {actions}\n </Stack>\n )}\n\n {stackTraceNode && (\n <Container>\n <Box\n sx={{\n border: '1px solid',\n borderColor: (theme) => theme.palette.onSurface.os300,\n py: 1,\n px: 2,\n borderRadius: 2,\n fontFamily: 'monospace',\n fontSize: 11,\n lineHeight: '18px',\n marginBottom: 4,\n textAlign: 'left',\n overflow: 'auto',\n '& > div:not(:first-of-type)': {\n marginLeft: 4,\n },\n }}\n data-testid=\"ErrorContent.stacktrace\"\n >\n {stackTraceNode}\n </Box>\n </Container>\n )}\n </Box>\n );\n};\n"],"names":["ErrorContent","props","status","message","actions","description","stacktrace","statusNode","useMemo","_jsx","Typography","sx","fontWeight","xs","fontSize","lineHeight","color","theme","palette","onSurface","os900","children","messageNode","variant","descriptionNode","stackTraceNode","split","map","frame","Box","_jsxs","display","flexDirection","alignItems","textAlign","paddingTop","xl","maxWidth","marginBottom","lg","md","Stack","direction","spacing","Container","border","borderColor","os300","py","px","borderRadius","fontFamily","overflow","marginLeft"],"mappings":"gKAmCa,MAAAA,EAAuCC,IAClD,MAAMC,OAAEA,EAAMC,QAAEA,EAAOC,QAAEA,EAAOC,YAAEA,EAAWC,WAAEA,GAAeL,EAExDM,EAAaC,GAAQ,IACH,iBAAXN,GAAyC,iBAAXA,EAErCO,EAACC,EAAU,CACTC,GAAI,CACFC,WAAY,CAAEC,GAAI,OAClBC,SAAU,CAAED,GAAI,QAChBE,WAAY,CAAEF,GAAI,QAClBG,MAAQC,GAAUA,EAAMC,QAAQC,UAAUC,OAG3CC,SAAAnB,IAKAA,GACN,CAACA,IAEEoB,EAAcd,GAAQ,IACrBL,EAGkB,iBAAZA,GAA2C,iBAAZA,EACjCM,EAACC,EAAW,CAAAa,QAAQ,KAAIF,SAAElB,IAE5BA,EALE,MAMR,CAACA,IAEEqB,EAAkBhB,GAAQ,IACzBH,EAGsB,iBAAhBA,GAAmD,iBAAhBA,EACrCI,EAACC,EAAY,CAAAW,SAAAhB,IAEfA,EALE,MAMR,CAACA,IAEEoB,EAAiBjB,GACrB,IAAMF,eAAAA,EAAYoB,MAAM,MAAMC,KAAKC,GAAUnB,EAACoB,EAAiB,CAAAR,SAAAO,GAARA,MACvD,CAACtB,IAGH,OACEwB,EAACD,EAAG,CACFlB,GAAI,CACFoB,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,UAAW,SACXC,WAAY,CACVC,GAAI,GACJvB,GAAI,KAEPQ,SAAA,CAEDS,EAACD,EACC,CAAAlB,GAAI,CACF0B,SAAU,SACXhB,SAAA,CAEDZ,EAACoB,EAAI,CAAAlB,GAAI,CAAE2B,aAAc,CAAEC,GAAI,EAAGC,GAAI,EAAG3B,GAAI,IAAK,cAAc,sBAAqBQ,SAClFd,IAGFe,GACCb,EAACoB,EAAG,CAAClB,GAAI,CAAE2B,aAAc,CAAEC,GAAI,EAAGC,GAAI,EAAG3B,GAAI,IAAmB,cAAA,gCAC7DS,OAKPb,EAACoB,EAAG,CACFlB,GAAI,CACF0B,SAAU,SACXhB,SAEAG,GACCf,EAACoB,EAAI,CAAAlB,GAAI,CAAE2B,aAAc,CAAEC,GAAI,EAAGC,GAAI,EAAG3B,GAAI,IAAmB,cAAA,oCAC7DW,MAKNpB,GACCK,EAACgC,EAAK,CAACC,UAAU,MAAMC,QAAS,EAAGhC,GAAI,CAAE2B,aAAc,GAAiB,cAAA,uBACrEjB,SAAAjB,IAIJqB,GACChB,EAACmC,EACC,CAAAvB,SAAAZ,EAACoB,EAAG,CACFlB,GAAI,CACFkC,OAAQ,YACRC,YAAc7B,GAAUA,EAAMC,QAAQC,UAAU4B,MAChDC,GAAI,EACJC,GAAI,EACJC,aAAc,EACdC,WAAY,YACZrC,SAAU,GACVC,WAAY,OACZuB,aAAc,EACdJ,UAAW,OACXkB,SAAU,OACV,8BAA+B,CAC7BC,WAAY,IAGJ,cAAA,mCAEX5B,QAIH"}

package/layout/Footer/Footer.d.ts DELETED Viewed

@@ -1,5 +0,0 @@
-import { FC, ReactNode } from 'react';
-export type FooterProps = {
-    children: ReactNode;
-};
-export declare const Footer: FC<FooterProps>;

package/layout/Footer/Footer.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{jsx as o}from"react/jsx-runtime";import{Box as r,Container as e,Stack as t}from"@mui/material";const i=i=>o(r,{"data-testid":"Footer",sx:{background:o=>o.palette.onSurface.os800,color:o=>o.palette.common.white,padding:{lg:"80px 0",xs:"48px 0"},"& hr":{borderColor:o=>o.palette.onSurface.os700}},children:o(e,{maxWidth:"xl",children:o(t,{direction:"column",spacing:4,children:i.children})})});export{i as Footer};
2	- //# sourceMappingURL=Footer.js.map

package/layout/Footer/Footer.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"Footer.js","sources":["../../../src/layout/Footer/Footer.tsx"],"sourcesContent":["import { Box, Container, Stack } from '@mui/material';\nimport { FC, ReactNode } from 'react';\n\nexport type FooterProps = {\n children: ReactNode;\n};\n\nexport const Footer: FC<FooterProps> = (props) => (\n <Box\n data-testid=\"Footer\"\n sx={{\n background: (theme) => theme.palette.onSurface.os800,\n color: (theme) => theme.palette.common.white,\n padding: {\n lg: '80px 0',\n xs: '48px 0',\n },\n '& hr': {\n borderColor: (theme) => theme.palette.onSurface.os700,\n },\n }}\n >\n <Container maxWidth=\"xl\">\n <Stack direction=\"column\" spacing={4}>\n {props.children}\n </Stack>\n </Container>\n </Box>\n);\n"],"names":["Footer","props","_jsx","Box","sx","background","theme","palette","onSurface","os800","color","common","white","padding","lg","xs","borderColor","os700","children","Container","maxWidth","Stack","direction","spacing"],"mappings":"sGAOa,MAAAA,EAA2BC,GACtCC,EAACC,EAAG,CAAA,cACU,SACZC,GAAI,CACFC,WAAaC,GAAUA,EAAMC,QAAQC,UAAUC,MAC/CC,MAAQJ,GAAUA,EAAMC,QAAQI,OAAOC,MACvCC,QAAS,CACPC,GAAI,SACJC,GAAI,UAEN,OAAQ,CACNC,YAAcV,GAAUA,EAAMC,QAAQC,UAAUS,QAIpDC,SAAAhB,EAACiB,EAAS,CAACC,SAAS,KAClBF,SAAAhB,EAACmB,EAAK,CAACC,UAAU,SAASC,QAAS,EAChCL,SAAAjB,EAAMiB"}

package/layout/Footer/FooterAccordion.d.ts DELETED Viewed

@@ -1,18 +0,0 @@
-import { FC, ReactNode } from 'react';
-export type FooterAccordionProps = {
-    /**
-     * Label of the Accordion
-     * String will be rendered inside `Typography` component with toggle icon.
-     * Other types are rendered as is, so you have to provide your own styles.
-     * @requires
-     */
-    label: ReactNode;
-    /**
-     * Content of the Accordion
-     * String will be rendered inside `Typography` component with toggle icon.
-     * Other types are rendered as is, so you have to provide your own styles.
-     * @requires
-     */
-    children: ReactNode;
-};
-export declare const FooterAccordion: FC<FooterAccordionProps>;

package/layout/Footer/FooterAccordion.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{jsxs as o,jsx as e}from"react/jsx-runtime";import{Icon as n}from"../../components/icon/icon.js";import"../../components/icon/icon.definitions.js";import"../../utils/enum.js";import{useClosure as r}from"../../utils/useClosure/useClosure.js";import"react";import{Box as i,Stack as t,Typography as c,Collapse as s}from"@mui/material";const a=({label:a,children:l})=>{const{isOpen:d,onToggle:p}=r(!1);return o(i,{"data-testid":"FooterAccordion",sx:{color:o=>o.palette.onSurface.os0},children:[o(i,{onClick:p,sx:{cursor:"pointer",color:"inherit",background:"transparent",border:"none",padding:0},"data-testid":"FooterAccordion.label",component:"button",tabIndex:0,"aria-expanded":d,onKeyDown:o=>{" "===o.key&&(o.preventDefault(),p())},children:["string"==typeof a&&o(t,{direction:"row",spacing:2,alignItems:"center",children:[e(c,{variant:"caption2",color:"inherit",sx:{flexGrow:{xs:"1",lg:"0"}},children:a}),e(n,{fontSize:"small",name:d?"chevron-up":"chevron-down"})]}),"string"!=typeof a&&a]}),e(s,{in:d,"data-testid":"FooterAccordion.children",children:o(i,{sx:{paddingTop:4,p:{fontSize:"14px",lineHeight:"20px"}},children:["string"==typeof l&&e(c,{color:"inherit",variant:"disclaimer1",children:l}),"string"!=typeof l&&l]})})]})};export{a as FooterAccordion};
2	- //# sourceMappingURL=FooterAccordion.js.map

package/layout/Footer/FooterAccordion.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"FooterAccordion.js","sources":["../../../src/layout/Footer/FooterAccordion.tsx"],"sourcesContent":["import { Icon } from '@/src/components/icon';\nimport { useClosure } from '@/src/utils';\nimport { Box, Collapse, Stack, Typography } from '@mui/material';\nimport { FC, ReactNode } from 'react';\n\nexport type FooterAccordionProps = {\n /**\n * Label of the Accordion\n * String will be rendered inside `Typography` component with toggle icon.\n * Other types are rendered as is, so you have to provide your own styles.\n * @requires\n */\n label: ReactNode;\n /**\n * Content of the Accordion\n * String will be rendered inside `Typography` component with toggle icon.\n * Other types are rendered as is, so you have to provide your own styles.\n * @requires\n */\n children: ReactNode;\n};\n\nexport const FooterAccordion: FC<FooterAccordionProps> = ({ label, children }) => {\n const { isOpen, onToggle } = useClosure(false);\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n if (event.key === ' ') {\n event.preventDefault();\n onToggle();\n }\n };\n\n return (\n <Box data-testid=\"FooterAccordion\" sx={{ color: (theme) => theme.palette.onSurface.os0 }}>\n <Box\n onClick={onToggle}\n sx={{ cursor: 'pointer', color: 'inherit', background: 'transparent', border: 'none', padding: 0 }}\n data-testid=\"FooterAccordion.label\"\n component=\"button\"\n tabIndex={0}\n aria-expanded={isOpen}\n onKeyDown={handleKeyDown}\n >\n {typeof label === 'string' && (\n <Stack direction=\"row\" spacing={2} alignItems=\"center\">\n <Typography variant=\"caption2\" color=\"inherit\" sx={{ flexGrow: { xs: '1', lg: '0' } }}>\n {label}\n </Typography>\n <Icon fontSize=\"small\" name={isOpen ? 'chevron-up' : 'chevron-down'} />\n </Stack>\n )}\n {typeof label !== 'string' && label}\n </Box>\n <Collapse in={isOpen} data-testid=\"FooterAccordion.children\">\n <Box sx={{ paddingTop: 4, p: { fontSize: '14px', lineHeight: '20px' } }}>\n {typeof children === 'string' && (\n <Typography color=\"inherit\" variant=\"disclaimer1\">\n {children}\n </Typography>\n )}\n {typeof children !== 'string' && children}\n </Box>\n </Collapse>\n </Box>\n );\n};\n"],"names":["FooterAccordion","label","children","isOpen","onToggle","useClosure","_jsxs","Box","sx","color","theme","palette","onSurface","os0","onClick","cursor","background","border","padding","component","tabIndex","onKeyDown","event","key","preventDefault","Stack","direction","spacing","alignItems","_jsx","Typography","variant","flexGrow","xs","lg","Icon","fontSize","name","Collapse","in","paddingTop","p","lineHeight"],"mappings":"kVAsBa,MAAAA,EAA4C,EAAGC,QAAOC,eACjE,MAAMC,OAAEA,EAAMC,SAAEA,GAAaC,GAAW,GASxC,OACEC,EAACC,EAAG,CAAA,cAAa,kBAAkBC,GAAI,CAAEC,MAAQC,GAAUA,EAAMC,QAAQC,UAAUC,KAAKX,SAAA,CACtFI,EAACC,EAAG,CACFO,QAASV,EACTI,GAAI,CAAEO,OAAQ,UAAWN,MAAO,UAAWO,WAAY,cAAeC,OAAQ,OAAQC,QAAS,GAAG,cACtF,wBACZC,UAAU,SACVC,SAAU,EAAC,gBACIjB,EACfkB,UAhBiBC,IACH,MAAdA,EAAMC,MACRD,EAAME,iBACNpB,MAeGF,SAAA,CAAiB,iBAAVD,GACNK,EAACmB,GAAMC,UAAU,MAAMC,QAAS,EAAGC,WAAW,SAC5C1B,SAAA,CAAA2B,EAACC,EAAW,CAAAC,QAAQ,WAAWtB,MAAM,UAAUD,GAAI,CAAEwB,SAAU,CAAEC,GAAI,IAAKC,GAAI,MAC3EhC,SAAAD,IAEH4B,EAACM,EAAI,CAACC,SAAS,QAAQC,KAAMlC,EAAS,aAAe,oBAGvC,iBAAVF,GAAsBA,KAEhC4B,EAACS,EAAQ,CAACC,GAAIpC,EAAoB,cAAA,2BAChCD,SAAAI,EAACC,EAAI,CAAAC,GAAI,CAAEgC,WAAY,EAAGC,EAAG,CAAEL,SAAU,OAAQM,WAAY,SAC1DxC,SAAA,CAAoB,iBAAbA,GACN2B,EAACC,EAAW,CAAArB,MAAM,UAAUsB,QAAQ,cAAa7B,SAC9CA,IAGgB,iBAAbA,GAAyBA,SAGjC"}

package/layout/Footer/FooterIconButton.d.ts DELETED Viewed

@@ -1,20 +0,0 @@
-import { IconButtonProps } from '@mui/material';
-import { IconNameProp } from '@/src/components/icon';
-import { ReactNode } from 'react';
-export type FooterIconButtonProps<C extends React.ElementType> = ({
-    /**
-     * Icon identifier
-     * @requires
-     */
-    icon: IconNameProp;
-} | {
-    /**
-     * Custom svg icon
-     * @requires
-     */
-    children: ReactNode;
-}) & IconButtonProps<C, {
-    component?: C;
-}>;
-/** Renders icon button intended for `Footer` component */
-export declare function FooterIconButton<C extends React.ElementType = 'button'>({ sx, icon, children, ...rest }: FooterIconButtonProps<C>): import("react/jsx-runtime").JSX.Element;

package/layout/Footer/FooterIconButton.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{__rest as o}from"tslib";import{jsx as r}from"react/jsx-runtime";import{IconButton as i}from"@mui/material";import{Icon as n}from"../../components/icon/icon.js";function t(t){var{sx:e,icon:c,children:s}=t,m=o(t,["sx","icon","children"]);return r(i,Object.assign({"data-testid":"FooterIconButton",size:"small",color:"white",sx:Object.assign({color:"onSurface.os0","&:hover":{backgroundColor:"onSurface.os700"}},e\|\|{})},m,{children:s\|\|r(n,{name:c})}))}export{t as FooterIconButton};
2	- //# sourceMappingURL=FooterIconButton.js.map

package/layout/Footer/FooterIconButton.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"FooterIconButton.js","sources":["../../../src/layout/Footer/FooterIconButton.tsx"],"sourcesContent":["import { IconButton, IconButtonProps } from '@mui/material';\nimport { Icon } from '../../components/icon/icon';\nimport { IconNameProp } from '@/src/components/icon';\nimport { ReactNode } from 'react';\n\nexport type FooterIconButtonProps<C extends React.ElementType> = (\n | {\n /**\n * Icon identifier\n * @requires\n */\n icon: IconNameProp;\n }\n | {\n /**\n * Custom svg icon\n * @requires\n */\n children: ReactNode;\n }\n) &\n IconButtonProps<C, { component?: C }>;\n\n/** Renders icon button intended for `Footer` component */\nexport function FooterIconButton<C extends React.ElementType = 'button'>({\n sx,\n icon,\n children,\n ...rest\n}: FooterIconButtonProps<C>) {\n return (\n <IconButton\n data-testid=\"FooterIconButton\"\n size=\"small\"\n color=\"white\"\n sx={{\n color: 'onSurface.os0',\n '&:hover': {\n backgroundColor: 'onSurface.os700',\n },\n ...(sx || {}),\n }}\n {...rest}\n >\n {children || <Icon name={icon} />}\n </IconButton>\n );\n}\n"],"names":["FooterIconButton","_a","sx","icon","children","rest","__rest","_jsx","IconButton","Object","assign","size","color","backgroundColor","Icon","name"],"mappings":"uKAwBM,SAAUA,EAAyDC,OAAAC,GACvEA,EAAEC,KACFA,EAAIC,SACJA,KACGC,EAJoEC,EAAAL,EAAA,CAAA,KAAA,OAAA,aAMvE,OACEM,EAACC,EAAUC,OAAAC,OAAA,CAAA,cACG,mBACZC,KAAK,QACLC,MAAM,QACNV,GAAEO,OAAAC,OAAA,CACAE,MAAO,gBACP,UAAW,CACTC,gBAAiB,oBAEfX,GAAM,CAAA,IAERG,EAEH,CAAAD,SAAAA,GAAYG,EAACO,GAAKC,KAAMZ,MAG/B"}

package/layout/Footer/FooterLink.d.ts DELETED Viewed

@@ -1,15 +0,0 @@
-import { StackProps } from '@mui/material';
-import React, { ReactNode } from 'react';
-import { IconNameProp } from '@/src/components/icon';
-export type FooterLinkProps<C extends React.ElementType> = {
-    /**
-     * Icon identifier
-     * @requires
-     */
-    icon?: IconNameProp;
-    children: ReactNode;
-} & StackProps<C, {
-    component?: C;
-}>;
-/** Renders link intended for `Footer` component */
-export declare function FooterLink<C extends React.ElementType = 'a'>(props: FooterLinkProps<C>): import("react/jsx-runtime").JSX.Element;

package/layout/Footer/FooterLink.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{__rest as o}from"tslib";import{jsxs as e,jsx as r}from"react/jsx-runtime";import{Stack as t,Typography as n}from"@mui/material";import{useMemo as i}from"react";import{Icon as c}from"../../components/icon/icon.js";function a(a){const{icon:l,children:m}=a,p=o(a,["icon","children"]),s=i((()=>a.href\|\|a.onClick),[a]);return e(t,Object.assign({component:"a"},p,{direction:"row",spacing:1,alignItems:"center",sx:{color:o=>o.palette.onSurface.os0,textDecorationColor:o=>o.palette.onSurface.os0,textDecoration:"underline",textUnderlineOffset:"2px",cursor:s?"pointer":void 0,padding:"4px 8px","&:hover p":{textDecoration:s?"underline":void 0}},children:[l&&r(c,{fontSize:"small",name:l}),r(n,{variant:"list",children:m})]}))}export{a as FooterLink};
2	- //# sourceMappingURL=FooterLink.js.map

package/layout/Footer/FooterLink.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"FooterLink.js","sources":["../../../src/layout/Footer/FooterLink.tsx"],"sourcesContent":["import { StackProps, Stack, Typography } from '@mui/material';\nimport React, { ReactNode, useMemo } from 'react';\nimport { Icon } from '../../components/icon/icon';\nimport { IconNameProp } from '@/src/components/icon';\n\nexport type FooterLinkProps<C extends React.ElementType> = {\n /**\n * Icon identifier\n * @requires\n */\n icon?: IconNameProp;\n children: ReactNode;\n} & StackProps<C, { component?: C }>;\n\n/** Renders link intended for `Footer` component */\nexport function FooterLink<C extends React.ElementType = 'a'>(props: FooterLinkProps<C>) {\n const { icon, children, ...rest } = props;\n\n const shouldDecorateText = useMemo(() => props.href || props.onClick, [props]);\n\n return (\n <Stack\n component=\"a\"\n {...rest}\n direction=\"row\"\n spacing={1}\n alignItems=\"center\"\n sx={{\n color: (theme) => theme.palette.onSurface.os0,\n textDecorationColor: (theme) => theme.palette.onSurface.os0,\n textDecoration: 'underline',\n textUnderlineOffset: '2px',\n cursor: shouldDecorateText ? 'pointer' : undefined,\n padding: '4px 8px',\n '&:hover p': {\n textDecoration: shouldDecorateText ? 'underline' : undefined,\n },\n }}\n >\n {icon && <Icon fontSize=\"small\" name={icon} />}\n <Typography variant=\"list\">{children}</Typography>\n </Stack>\n );\n}\n"],"names":["FooterLink","props","icon","children","rest","__rest","shouldDecorateText","useMemo","href","onClick","_jsxs","Stack","Object","assign","component","direction","spacing","alignItems","sx","color","theme","palette","onSurface","os0","textDecorationColor","textDecoration","textUnderlineOffset","cursor","undefined","padding","_jsx","Icon","fontSize","name","Typography","variant"],"mappings":"4NAeM,SAAUA,EAA8CC,GAC5D,MAAMC,KAAEA,EAAIC,SAAEA,GAAsBF,EAATG,EAASC,EAAAJ,EAA9B,CAAA,OAAA,aAEAK,EAAqBC,GAAQ,IAAMN,EAAMO,MAAQP,EAAMQ,SAAS,CAACR,IAEvE,OACES,EAACC,EAAKC,OAAAC,OAAA,CACJC,UAAU,KACNV,EACJ,CAAAW,UAAU,MACVC,QAAS,EACTC,WAAW,SACXC,GAAI,CACFC,MAAQC,GAAUA,EAAMC,QAAQC,UAAUC,IAC1CC,oBAAsBJ,GAAUA,EAAMC,QAAQC,UAAUC,IACxDE,eAAgB,YAChBC,oBAAqB,MACrBC,OAAQrB,EAAqB,eAAYsB,EACzCC,QAAS,UACT,YAAa,CACXJ,eAAgBnB,EAAqB,iBAAcsB,IAItDzB,SAAA,CAAAD,GAAQ4B,EAACC,EAAI,CAACC,SAAS,QAAQC,KAAM/B,IACtC4B,EAACI,EAAU,CAACC,QAAQ,OAAMhC,SAAEA,OAGlC"}