npm - @skodaflow/web-library - Versions diffs - 8.3.2 → 8.5.0 - Mend

@skodaflow/web-library 8.3.2 → 8.5.0

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

Files changed (308) hide show

package/materialui/alert/alertTitle.theme.js CHANGED Viewed

@@ -1,2 +1,2 @@
-const o={defaultProps:{variant:"caption2",component:"h4"}};export{o as flowAlertTitle};
+const o={defaultProps:{variant:"caption2",component:"h4"},styleOverrides:{root:{marginTop:"0"}}};export{o as flowAlertTitle};
 //# sourceMappingURL=alertTitle.theme.js.map

package/materialui/alert/alertTitle.theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"alertTitle.theme.js","sources":["../../../src/materialui/alert/alertTitle.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowAlertTitle: Components<Theme>['MuiAlertTitle'] = {\n defaultProps: {\n variant: 'caption2',\n component: 'h4',\n },\n};\n"],"names":["flowAlertTitle","defaultProps","variant","component"],"mappings":"AAGO,MAAMA,EAAqD,CAChEC,aAAc,CACZC,QAAS,WACTC,UAAW"}
1	+ {"version":3,"file":"alertTitle.theme.js","sources":["../../../src/materialui/alert/alertTitle.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowAlertTitle: Components<Theme>['MuiAlertTitle'] = {\n defaultProps: {\n variant: 'caption2',\n component: 'h4',\n },\n styleOverrides: {\n // override MUI default\n root: {\n marginTop: '0',\n },\n },\n};\n"],"names":["flowAlertTitle","defaultProps","variant","component","styleOverrides","root","marginTop"],"mappings":"AAGO,MAAMA,EAAqD,CAChEC,aAAc,CACZC,QAAS,WACTC,UAAW,MAEbC,eAAgB,CAEdC,KAAM,CACJC,UAAW"}

package/materialui/card/Card.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Card.js","sources":["../../../src/materialui/card/Card.tsx"],"sourcesContent":["import React, { FC, forwardRef } from 'react';\nimport { Paper, Box, CardProps } from '@mui/material';\nimport { sxOverride } from '@/src/utils/sxOverride';\nimport { CheckIcon } from '@/src/components/icon/stroke/CheckIcon';\nimport { PlusIcon } from '@/src/components/icon/stroke/PlusIcon';\nimport { MinusIcon } from '@/src/components/icon/stroke/MinusIcon';\nimport { updateFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\nimport { Spinner } from '@/src/components/progress/Spinner';\n\n/*\n Standard MUI Card extended with custom properties\n */\nexport const FlowCard: FC<CardProps> = forwardRef(\n (\n {\n children,\n isSelected,\n disableIcon = true,\n iconSlots,\n iconPlacement = 'top-end',\n iconProps,\n hoverIconProps,\n iconWrapperProps,\n contentWrapperProps,\n onClick,\n disabled,\n color,\n loading,\n loadingProps,\n ...rest\n },\n ref,\n ) => {\n const { sx: wrapperSx, ...restWrapper } = contentWrapperProps \|\| {};\n const { sx: iconWrapperSx, className: iconWrapperClassName, ...restIconWrapper } = iconWrapperProps \|\| {};\n const { sx: iconSx, ...restIcon } = iconProps \|\| {};\n const { sx: hoverIconSx, ...restHoverIcon } = hoverIconProps \|\| {};\n const { sx: loadingSpinnerSx, ...restLoadingProps } = loadingProps \|\| {};\n const { icon, selectedIcon, hoverIcon, hoverSelectedIcon } = {\n icon: PlusIcon,\n selectedIcon: CheckIcon,\n hoverIcon: PlusIcon,\n hoverSelectedIcon: MinusIcon,\n ...(iconSlots \|\| {}),\n };\n const IconComponent = !disabled && isSelected ? selectedIcon : icon;\n const HoverIconComponent = !disabled && isSelected ? hoverSelectedIcon : hoverIcon;\n const showLoadingSpinner = loading && !disabled;\n\n return (\n <Paper color={color} onClick={disabled ? undefined : onClick} {...rest} ref={ref}>\n <Box\n sx={sxOverride({ borderRadius: 'inherit', overflow: 'hidden', height: '100%' }, wrapperSx)}\n {...restWrapper}\n >\n {!disableIcon && (\n <Box\n sx={sxOverride(\n {\n // circle\n border: 1,\n borderColor: 'onSurface.os100',\n backgroundColor: 'background.primary',\n ...(color === 'secondary' && {\n backgroundColor: 'surface.primary',\n }),\n borderRadius: '1000px',\n p: showLoadingSpinner ? '3px' : '5px',\n // reset IconButton style\n width: 'auto',\n height: 'auto',\n transition: 'none',\n // interactive and selected effect is controlled by card.theme\n // placement\n position: 'absolute',\n ...(iconPlacement.includes('top') ? { top: '16px' } : {}),\n ...(iconPlacement.includes('bottom') ? { bottom: '16px' } : {}),\n ...(iconPlacement.includes('start') ? { left: '16px' } : {}),\n ...(iconPlacement.includes('end') ? { right: '16px' } : {}),\n // Box overwritten to button\n '&.MuiButtonBase-root': {\n ...updateFocusRingStyle(1),\n // remove smooth transition effect to match card behavior\n '&:before': {\n transition: 'none',\n },\n // same style is also applied in card.theme\n ...getInteractiveStyle(\n {\n backgroundColor: 'background.primary',\n ...(color === 'secondary' && {\n backgroundColor: 'surface.primary',\n }),\n ...(isSelected && {\n backgroundColor: 'brand.primary',\n borderColor: 'brand.primary',\n color: 'common.white',\n }),\n ...(showLoadingSpinner && isSelected && {\n backgroundColor: 'brandHover.primary',\n borderColor: 'brandHover.primary',\n }),\n ...(!showLoadingSpinner && {\n '.MuiSvgIcon-root': {\n '&:first-of-type': {\n display: 'block',\n },\n '&:last-of-type': {\n display: 'none',\n },\n },\n }),\n },\n {\n backgroundColor: 'surface.primary',\n ...(color === 'secondary' && {\n backgroundColor: 'surface.secondary',\n }),\n ...(isSelected && {\n backgroundColor: 'brandHover.primary',\n borderColor: 'brandHover.primary',\n color: 'common.white',\n }),\n // flip icon being shown\n ...(!showLoadingSpinner && {\n '.MuiSvgIcon-root': {\n '&:first-of-type': {\n display: 'none',\n },\n '&:last-of-type': {\n display: 'block',\n },\n },\n }),\n },\n ),\n },\n },\n iconWrapperSx,\n )}\n className={['FlowCard-Icon-root', iconWrapperClassName].filter(Boolean).join(' ')}\n {...restIconWrapper}\n >\n {showLoadingSpinner ? (\n <Spinner\n data-testid=\"Card.LoadingSpinner\"\n size={24}\n sx={sxOverride(\n {\n display: 'block',\n width: '24px',\n height: '24px',\n ...(isSelected && {\n '& .FlowSpinner-circle-primary': {\n stroke: (theme) => theme.palette.brand.secondary,\n },\n '& .FlowSpinner-circle-secondary': {\n stroke: (theme) => theme.palette.transparent.secondary,\n },\n }),\n },\n loadingSpinnerSx,\n )}\n {...restLoadingProps}\n />\n ) : (\n <>\n <IconComponent\n data-testid=\"Card.Icon\"\n sx={sxOverride({ display: 'block', fontSize: '20px' }, iconSx)}\n {...restIcon}\n />\n <HoverIconComponent\n data-testid=\"Card.HoverIcon\"\n sx={sxOverride({ display: 'none', fontSize: '20px' }, hoverIconSx)}\n {...restHoverIcon}\n />\n </>\n )}\n </Box>\n )}\n {children}\n </Box>\n </Paper>\n );\n },\n);\n"],"names":["FlowCard","forwardRef","children","isSelected","disableIcon","iconSlots","iconPlacement","iconProps","hoverIconProps","iconWrapperProps","contentWrapperProps","onClick","disabled","color","loading","loadingProps","rest","ref","sx","wrapperSx","restWrapper","iconWrapperSx","className","iconWrapperClassName","restIconWrapper","iconSx","restIcon","hoverIconSx","restHoverIcon","loadingSpinnerSx","restLoadingProps","icon","selectedIcon","hoverIcon","hoverSelectedIcon","PlusIcon","CheckIcon","MinusIcon","IconComponent","HoverIconComponent","showLoadingSpinner","_jsx","Paper","undefined","_jsxs","Box","sxOverride","borderRadius","overflow","height","border","borderColor","backgroundColor","p","width","transition","position","includes","top","bottom","left","right","updateFocusRingStyle","getInteractiveStyle","display","filter","Boolean","join","Spinner","size","stroke","theme","palette","brand","secondary","transparent","_Fragment","fontSize"],"mappings":"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"}
1	+ {"version":3,"file":"Card.js","sources":["../../../src/materialui/card/Card.tsx"],"sourcesContent":["import React, { FC, forwardRef } from 'react';\nimport { Paper, Box, CardProps } from '@mui/material';\nimport { sxOverride } from '@/src/utils/sxOverride';\nimport { CheckIcon } from '@/src/components/icon/stroke/CheckIcon';\nimport { PlusIcon } from '@/src/components/icon/stroke/PlusIcon';\nimport { MinusIcon } from '@/src/components/icon/stroke/MinusIcon';\nimport { updateFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\nimport { Spinner } from '@/src/components/progress/Spinner';\n\n/*\n Standard MUI Card extended with custom properties\n */\nexport const FlowCard: FC<CardProps> = forwardRef(\n (\n {\n children,\n isSelected,\n disableIcon = true,\n iconSlots,\n iconPlacement = 'top-end',\n iconProps,\n hoverIconProps,\n iconWrapperProps,\n contentWrapperProps,\n onClick,\n disabled,\n color,\n loading,\n loadingProps,\n ...rest\n },\n ref,\n ) => {\n const { sx: wrapperSx, ...restWrapper } = contentWrapperProps \|\| {};\n const { sx: iconWrapperSx, className: iconWrapperClassName, ...restIconWrapper } = iconWrapperProps \|\| {};\n const { sx: iconSx, ...restIcon } = iconProps \|\| {};\n const { sx: hoverIconSx, ...restHoverIcon } = hoverIconProps \|\| {};\n const { sx: loadingSpinnerSx, ...restLoadingProps } = loadingProps \|\| {};\n const { icon, selectedIcon, hoverIcon, hoverSelectedIcon } = {\n icon: PlusIcon,\n selectedIcon: CheckIcon,\n hoverIcon: PlusIcon,\n hoverSelectedIcon: MinusIcon,\n ...(iconSlots \|\| {}),\n };\n const IconComponent = !disabled && isSelected ? selectedIcon : icon;\n const HoverIconComponent = !disabled && isSelected ? hoverSelectedIcon : hoverIcon;\n const showLoadingSpinner = loading && !disabled;\n\n return (\n <Paper color={color} onClick={disabled ? undefined : onClick} {...rest} ref={ref}>\n <Box\n sx={sxOverride({ borderRadius: 'inherit', overflow: 'hidden', height: '100%' }, wrapperSx)}\n {...restWrapper}\n >\n {!disableIcon && (\n <Box\n sx={sxOverride(\n {\n // circle\n border: 1,\n borderColor: 'onSurface.os100',\n backgroundColor: 'background.primary',\n ...(color === 'secondary' && {\n backgroundColor: 'surface.primary',\n }),\n borderRadius: '1000px',\n p: showLoadingSpinner ? '3px' : '5px',\n // reset IconButton style\n width: 'auto',\n height: 'auto',\n transition: 'none',\n // interactive and selected effect is controlled by card.theme\n // placement\n position: 'absolute',\n ...(iconPlacement.includes('top') ? { top: '16px' } : {}),\n ...(iconPlacement.includes('bottom') ? { bottom: '16px' } : {}),\n ...(iconPlacement.includes('start') ? { left: '16px' } : {}),\n ...(iconPlacement.includes('end') ? { right: '16px' } : {}),\n // Box overwritten to button\n '&.MuiButtonBase-root': {\n ...updateFocusRingStyle(1),\n // remove smooth transition effect to match card behavior\n '&:before': {\n transition: 'none',\n },\n // same style is also applied in card.theme\n ...getInteractiveStyle(\n {\n backgroundColor: 'background.primary',\n ...(color === 'secondary' && {\n backgroundColor: 'surface.primary',\n }),\n ...(isSelected && {\n backgroundColor: 'brand.primary',\n borderColor: 'brand.primary',\n color: 'common.white',\n }),\n ...(showLoadingSpinner &&\n isSelected && {\n backgroundColor: 'brandHover.primary',\n borderColor: 'brandHover.primary',\n }),\n ...(!showLoadingSpinner && {\n '.MuiSvgIcon-root': {\n '&:first-of-type': {\n display: 'block',\n },\n '&:last-of-type': {\n display: 'none',\n },\n },\n }),\n },\n {\n backgroundColor: 'surface.primary',\n ...(color === 'secondary' && {\n backgroundColor: 'surface.secondary',\n }),\n ...(isSelected && {\n backgroundColor: 'brandHover.primary',\n borderColor: 'brandHover.primary',\n color: 'common.white',\n }),\n // flip icon being shown\n ...(!showLoadingSpinner && {\n '.MuiSvgIcon-root': {\n '&:first-of-type': {\n display: 'none',\n },\n '&:last-of-type': {\n display: 'block',\n },\n },\n }),\n },\n ),\n },\n },\n iconWrapperSx,\n )}\n className={['FlowCard-Icon-root', iconWrapperClassName].filter(Boolean).join(' ')}\n {...restIconWrapper}\n >\n {showLoadingSpinner ? (\n <Spinner\n data-testid=\"Card.LoadingSpinner\"\n size={24}\n sx={sxOverride(\n {\n display: 'block',\n width: '24px',\n height: '24px',\n ...(isSelected && {\n '& .FlowSpinner-circle-primary': {\n stroke: (theme) => theme.palette.brand.secondary,\n },\n '& .FlowSpinner-circle-secondary': {\n stroke: (theme) => theme.palette.transparent.secondary,\n },\n }),\n },\n loadingSpinnerSx,\n )}\n {...restLoadingProps}\n />\n ) : (\n <>\n <IconComponent\n data-testid=\"Card.Icon\"\n sx={sxOverride({ display: 'block', fontSize: '20px' }, iconSx)}\n {...restIcon}\n />\n <HoverIconComponent\n data-testid=\"Card.HoverIcon\"\n sx={sxOverride({ display: 'none', fontSize: '20px' }, hoverIconSx)}\n {...restHoverIcon}\n />\n </>\n )}\n </Box>\n )}\n {children}\n </Box>\n </Paper>\n );\n },\n);\n"],"names":["FlowCard","forwardRef","children","isSelected","disableIcon","iconSlots","iconPlacement","iconProps","hoverIconProps","iconWrapperProps","contentWrapperProps","onClick","disabled","color","loading","loadingProps","rest","ref","sx","wrapperSx","restWrapper","iconWrapperSx","className","iconWrapperClassName","restIconWrapper","iconSx","restIcon","hoverIconSx","restHoverIcon","loadingSpinnerSx","restLoadingProps","icon","selectedIcon","hoverIcon","hoverSelectedIcon","PlusIcon","CheckIcon","MinusIcon","IconComponent","HoverIconComponent","showLoadingSpinner","_jsx","Paper","undefined","_jsxs","Box","sxOverride","borderRadius","overflow","height","border","borderColor","backgroundColor","p","width","transition","position","includes","top","bottom","left","right","updateFocusRingStyle","getInteractiveStyle","display","filter","Boolean","join","Spinner","size","stroke","theme","palette","brand","secondary","transparent","_Fragment","fontSize"],"mappings":"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"}

package/materialui/card/card.theme.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{FlowCard as r}from"./Card.js";import{getFocusRingStyle as o}from"../../components/focusring/focusring.js";import{getInteractiveStyle as e}from"../button/interactive.js";const a={defaultProps:{elevation:0,component:r},styleOverrides:{root:({theme:r,color:a,disabled:t,isSelected:l,loading:d})=>({backgroundColor:"secondary"===a?r.palette.surface.primary:r.palette.background.primary,position:"relative",borderRadius:"8px",overflow:"visible",border:"1px solid transparent","&::after":{content:'""',position:"absolute",maxWidth:"none",borderStyle:"solid",borderRadius:"inherit",pointerEvents:"none",zIndex:"1",inset:"-1px",borderWidth:"1px",borderColor:r.palette.onSurface.os100,...!t&&l&&{inset:"-3px",borderWidth:"3px",borderColor:r.palette.brand.primary}},...!t&&l&&{"& .FlowCard-Icon-root":{color:r.palette.common.white,backgroundColor:r.palette.brand.primary,borderColor:r.palette.brand.primary,...d&&{backgroundColor:r.palette.brandHover.primary,borderColor:r.palette.brandHover.primary}},"&:hover":{"&::after":{borderColor:r.palette.brandHover.primary}}},...!t&&{"&:has(.MuiCardActionArea-root)":{...e({"&::after":{inset:"-1px",borderWidth:"1px",borderColor:r.palette.onSurface.os100,...l&&{inset:"-3px",borderWidth:"3px",borderColor:r.palette.brand.primary}},"& .FlowCard-Icon-root":{backgroundColor:r.palette.background.primary,..."secondary"===a&&{backgroundColor:r.palette.surface.primary},...l&&{backgroundColor:r.palette.brand.primary,borderColor:r.palette.brand.primary},...l&&d&&{backgroundColor:r.palette.brandHover.primary,borderColor:r.palette.brandHover.primary}},...!d&&{"& .FlowCard-Icon-root .MuiSvgIcon-root":{"&:first-of-type":{display:"block"},"&:last-of-type":{display:"none"}}}},{"&::after":{inset:"-3px",borderWidth:"3px",...l&&{borderColor:r.palette.brandHover.primary}},"& .FlowCard-Icon-root":{backgroundColor:r.palette.surface.primary,..."secondary"===a&&{backgroundColor:r.palette.surface.secondary},...l&&{backgroundColor:r.palette.brandHover.primary,borderColor:r.palette.brandHover.primary}},...!d&&{"& .FlowCard-Icon-root .MuiSvgIcon-root":{"&:first-of-type":{display:"none"},"&:last-of-type":{display:"block"}}}},null,null,"&:has(.MuiCardActionArea-root.Mui-focusVisible)")},...o(r,!1,3,":has(.MuiCardActionArea-root.Mui-focusVisible, .FlowFlippingCardContent-root.Mui-focusVisible)")},...t&&{backgroundColor:r.palette.surface.primary,borderColor:r.palette.disabled.secondary,cursor:"not-allowed",userSelect:"none",pointerEvents:"none","& .FlowCard-Icon-root":{backgroundColor:r.palette.disabled.secondary,color:r.palette.disabled.tertiary},"&, & .MuiTypography-root":{color:r.palette.disabled.tertiary},"& img":{opacity:"0.6"}}})},variants:[{props:{raised:!0},style:({theme:r})=>({boxShadow:r.flowShadows.xs})}]};export{a as flowCard};
+import{FlowCard as o}from"./Card.js";import{getFocusRingStyle as r}from"../../components/focusring/focusring.js";import{getInteractiveStyle as e}from"../button/interactive.js";const a={defaultProps:{elevation:0,component:o},styleOverrides:{root:({theme:o,color:a,disabled:t,isSelected:l,loading:n})=>({backgroundColor:"secondary"===a?o.palette.surface.primary:o.palette.background.primary,position:"relative",borderRadius:"8px",overflow:"visible",border:"1px solid transparent","&::after":{content:'""',position:"absolute",maxWidth:"none",pointerEvents:"none",zIndex:"1",inset:"0",borderRadius:"inherit",boxShadow:`0 0 0 1px ${o.palette.onSurface.os100}`,...!t&&l&&{boxShadow:`0 0 0 3px ${o.palette.brand.primary}`}},...!t&&l&&{"& .FlowCard-Icon-root":{color:o.palette.common.white,backgroundColor:o.palette.brand.primary,borderColor:o.palette.brand.primary,...n&&{backgroundColor:o.palette.brandHover.primary,borderColor:o.palette.brandHover.primary}},"&:hover":{"&::after":{boxShadow:`0 0 0 3px ${o.palette.brandHover.primary}`}}},...!t&&{"&:has(.MuiCardActionArea-root)":{...e({"&::after":{boxShadow:`0 0 0 1px ${o.palette.onSurface.os100}`,...l&&{boxShadow:`0 0 0 3px ${o.palette.brand.primary}`}},"& .FlowCard-Icon-root":{backgroundColor:o.palette.background.primary,..."secondary"===a&&{backgroundColor:o.palette.surface.primary},...l&&{backgroundColor:o.palette.brand.primary,borderColor:o.palette.brand.primary},...l&&n&&{backgroundColor:o.palette.brandHover.primary,borderColor:o.palette.brandHover.primary}},...!n&&{"& .FlowCard-Icon-root .MuiSvgIcon-root":{"&:first-of-type":{display:"block"},"&:last-of-type":{display:"none"}}}},{"&::after":{boxShadow:`0 0 0 3px ${o.palette.onSurface.os100}`,...l&&{boxShadow:`0 0 0 3px ${o.palette.brandHover.primary}`}},"& .FlowCard-Icon-root":{backgroundColor:o.palette.surface.primary,..."secondary"===a&&{backgroundColor:o.palette.surface.secondary},...l&&{backgroundColor:o.palette.brandHover.primary,borderColor:o.palette.brandHover.primary}},...!n&&{"& .FlowCard-Icon-root .MuiSvgIcon-root":{"&:first-of-type":{display:"none"},"&:last-of-type":{display:"block"}}}},null,null,"&:has(.MuiCardActionArea-root.Mui-focusVisible)")},...r(o,!1,3,":has(.MuiCardActionArea-root.Mui-focusVisible, .FlowFlippingCardContent-root.Mui-focusVisible)")},...t&&{backgroundColor:o.palette.surface.primary,borderColor:o.palette.disabled.secondary,cursor:"not-allowed",userSelect:"none",pointerEvents:"none","& .FlowCard-Icon-root":{backgroundColor:o.palette.disabled.secondary,color:o.palette.disabled.tertiary},"&, & .MuiTypography-root":{color:o.palette.disabled.tertiary},"& img":{opacity:"0.6"}}})},variants:[{props:{raised:!0},style:({theme:o})=>({boxShadow:o.flowShadows.xs})}]};export{a as flowCard};
 //# sourceMappingURL=card.theme.js.map

package/materialui/card/card.theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"card.theme.js","sources":["../../../src/materialui/card/card.theme.tsx"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { FlowCard } from './Card';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport const flowCard: Components<Theme>['MuiCard'] = {\n defaultProps: {\n elevation: 0,\n // we use custom Card component that extends @mui card greatly\n component: FlowCard,\n },\n styleOverrides: {\n root: ({ theme, color, disabled, isSelected, loading }) => ({\n backgroundColor: color === 'secondary' ? theme.palette.surface.primary : theme.palette.background.primary,\n position: 'relative',\n borderRadius: '8px',\n overflow: 'visible',\n // adding standard border and changing its width on hover creates layout shift\n // therefore we use absolute positioned border\n border: '1px solid transparent',\n '&::after': {\n content: '\"\"',\n position: 'absolute',\n maxWidth: 'none',\n ~~borderStyle~~: '~~solid~~',\n ~~borderRadius~~: '~~inherit~~',\n ~~pointerEvents~~: '~~none~~',\n ~~zIndex~~: '1',\n // same style is applied for the interactive effect bellow\n // ~~into~~ the transparent border\n ~~inset~~: ~~'-1px',\n borderWidth:~~ '1px~~',\n borderColor:~~ theme.palette.onSurface.os100,\n // selected\n ...(!disabled &&\n isSelected && {\n // keep 1px inside\n ~~inset~~: ~~'-3px',\n borderWidth:~~ '3px~~',\n borderColor:~~ theme.palette.brand.primary,\n }),\n },\n // selected\n ...(!disabled &&\n isSelected && {\n // change style of icon\n '& .FlowCard-Icon-root': {\n color: theme.palette.common.white,\n backgroundColor: theme.palette.brand.primary,\n borderColor: theme.palette.brand.primary,\n ...(loading && {\n backgroundColor: theme.palette.brandHover.primary,\n borderColor: theme.palette.brandHover.primary,\n }),\n },\n // hover effect that for non-link selected card\n '&:hover': {\n '&::after': {\n ~~borderColor~~: theme.palette.brandHover.primary,\n },\n },\n }),\n // hover effect is applied only if FlowIconButton exists\n ...(!disabled && {\n '&:has(.MuiCardActionArea-root)': {\n ...getInteractiveStyle(\n {\n '&::after': {\n ~~inset~~: ~~'-1px',\n borderWidth:~~ '1px~~',\n borderColor:~~ theme.palette.onSurface.os100,\n // selected\n ...(isSelected && {\n ~~inset~~: ~~'-3px',\n borderWidth:~~ '3px~~',\n borderColor:~~ theme.palette.brand.primary,\n }),\n },\n // same style is also in Card.tsx\n '& .FlowCard-Icon-root': {\n backgroundColor: theme.palette.background.primary,\n ...(color === 'secondary' && {\n backgroundColor: theme.palette.surface.primary,\n }),\n ...(isSelected && {\n backgroundColor: theme.palette.brand.primary,\n borderColor: theme.palette.brand.primary,\n }),\n ...(isSelected && loading && {\n backgroundColor: theme.palette.brandHover.primary,\n borderColor: theme.palette.brandHover.primary,\n }),\n },\n ...(!loading && {\n '& .FlowCard-Icon-root .MuiSvgIcon-root': {\n '&:first-of-type': {\n display: 'block',\n },\n '&:last-of-type': {\n display: 'none',\n },\n },\n }),\n },\n {\n // adjust style of border\n '&::after': {\n ~~inset~~: '-3px~~',\n borderWidth:~~ ~~'3px',\~~n ...(isSelected && {\n ~~borderColor~~: theme.palette.brandHover.primary,\n }),\n },\n // change style of icon\n '& .FlowCard-Icon-root': {\n backgroundColor: theme.palette.surface.primary,\n ...(color === 'secondary' && {\n backgroundColor: theme.palette.surface.secondary,\n }),\n ...(isSelected && {\n backgroundColor: theme.palette.brandHover.primary,\n borderColor: theme.palette.brandHover.primary,\n }),\n },\n // flip icon being shown\n ...(!loading && {\n '& .FlowCard-Icon-root .MuiSvgIcon-root': {\n '&:first-of-type': {\n display: 'none',\n },\n '&:last-of-type': {\n display: 'block',\n },\n },\n }),\n },\n null,\n null,\n '&:has(.MuiCardActionArea-root.Mui-focusVisible)',\n ),\n },\n ...getFocusRingStyle(\n theme,\n false,\n 3,\n ':has(.MuiCardActionArea-root.Mui-focusVisible, .FlowFlippingCardContent-root.Mui-focusVisible)',\n ),\n }),\n // disabled style\n ...(disabled && {\n backgroundColor: theme.palette.surface.primary,\n borderColor: theme.palette.disabled.secondary,\n cursor: 'not-allowed',\n userSelect: 'none',\n pointerEvents: 'none',\n // change style of icon\n '& .FlowCard-Icon-root': {\n backgroundColor: theme.palette.disabled.secondary,\n color: theme.palette.disabled.tertiary,\n },\n // important selector to overwrite Typography sx color styling\n '&, & .MuiTypography-root': {\n color: theme.palette.disabled.tertiary,\n },\n // change visibility of images\n '& img': {\n opacity: '0.6',\n },\n }),\n }),\n },\n variants: [\n {\n props: { raised: true },\n style: ({ theme }) => ({\n boxShadow: theme.flowShadows['xs'],\n }),\n },\n ],\n};\n"],"names":["flowCard","defaultProps","elevation","component","FlowCard","styleOverrides","root","theme","color","disabled","isSelected","loading","backgroundColor","palette","surface","primary","background","position","borderRadius","overflow","border","content","maxWidth","~~borderStyle","~~pointerEvents","zIndex","inset","~~borderWidth~~","~~borderColor","~~onSurface","os100","brand","common","white","brandHover","getInteractiveStyle","display","secondary","getFocusRingStyle","cursor","userSelect","tertiary","opacity","variants","props","raised","style","~~boxShadow","~~flowShadows"],"mappings":"gLAMO,MAAMA,EAAyC,CACpDC,aAAc,CACZC,UAAW,EAEXC,UAAWC,GAEbC,eAAgB,CACdC,KAAM,EAAGC,QAAOC,QAAOC,WAAUC,aAAYC,cAAS,CACpDC,gBAA2B,cAAVJ,EAAwBD,EAAMM,QAAQC,QAAQC,QAAUR,EAAMM,QAAQG,WAAWD,QAClGE,SAAU,WACVC,aAAc,MACdC,SAAU,UAGVC,OAAQ,wBACR,WAAY,CACVC,QAAS,KACTJ,SAAU,WACVK,SAAU,OACVC,~~YAAa,QACbL,aAAc,UACdM,~~cAAe,OACfC,OAAQ,~~IAGRC~~,MAAO,~~OACPC~~,~~YAAa~~,~~MACbC~~,~~YAAarB~~,EAAMM,~~QAAQgB~~,UAAUC,~~UAEhCrB~~,GACHC,GAAc,CAEZgB,~~MAAO~~,~~OACPC~~,~~YAAa,MACbC,YAAarB,~~EAAMM,~~QAAQkB~~,~~MAAMhB~~,~~cAIlCN~~,GACHC,GAAc,CAEZ,wBAAyB,CACvBF,MAAOD,EAAMM,~~QAAQmB~~,OAAOC,~~MAC5BrB~~,gBAAiBL,EAAMM,~~QAAQkB~~,~~MAAMhB~~,~~QACrCa~~,~~YAAarB~~,EAAMM,~~QAAQkB~~,~~MAAMhB~~,WAC7BJ,GAAW,CACbC,gBAAiBL,EAAMM,~~QAAQqB~~,~~WAAWnB~~,~~QAC1Ca~~,~~YAAarB~~,EAAMM,~~QAAQqB~~,~~WAAWnB~~,UAI1C,UAAW,CACT,WAAY,~~CACVa~~,~~YAAarB~~,EAAMM,~~QAAQqB~~,~~WAAWnB~~,~~eAKzCN~~,GAAY,CACf,iCAAkC,~~IAC7B0B~~,EACD,CACE,WAAY,~~CACVT~~,~~MAAO~~,~~OACPC~~,~~YAAa,MACbC,YAAarB,~~EAAMM,~~QAAQgB~~,UAAUC,~~SAEjCpB~~,GAAc,CAChBgB,~~MAAO~~,~~OACPC~~,~~YAAa,MACbC,YAAarB,~~EAAMM,~~QAAQkB~~,~~MAAMhB~~,~~UAIrC~~,wBAAyB,CACvBH,gBAAiBL,EAAMM,QAAQG,WAAWD,WAC5B,cAAVP,GAAyB,CAC3BI,gBAAiBL,EAAMM,QAAQC,QAAQC,YAErCL,GAAc,CAChBE,gBAAiBL,EAAMM,~~QAAQkB~~,~~MAAMhB~~,~~QACrCa~~,~~YAAarB~~,EAAMM,~~QAAQkB~~,~~MAAMhB~~,YAE/BL,~~GAAcC~~,GAAW,~~CAC3BC~~,gBAAiBL,EAAMM,~~QAAQqB~~,~~WAAWnB~~,~~QAC1Ca~~,~~YAAarB~~,EAAMM,~~QAAQqB~~,~~WAAWnB~~,~~cAGrCJ~~,GAAW,CACd,yCAA0C,CACxC,kBAAmB,~~CACjByB~~,QAAS,SAEX,iBAAkB,CAChBA,QAAS,WAKjB,CAEE,WAAY,~~CACVV~~,~~MAAO~~,~~OACPC~~,~~YAAa~~,~~SACTjB~~,GAAc,~~CAChBkB~~,~~YAAarB~~,EAAMM,~~QAAQqB~~,~~WAAWnB~~,~~UAI1C~~,wBAAyB,CACvBH,gBAAiBL,EAAMM,QAAQC,QAAQC,WACzB,cAAVP,GAAyB,CAC3BI,gBAAiBL,EAAMM,QAAQC,~~QAAQuB~~,~~cAErC3B~~,GAAc,CAChBE,gBAAiBL,EAAMM,~~QAAQqB~~,~~WAAWnB~~,~~QAC1Ca~~,~~YAAarB~~,EAAMM,~~QAAQqB~~,~~WAAWnB~~,cAIrCJ,GAAW,CACd,yCAA0C,CACxC,kBAAmB,~~CACjByB~~,QAAS,QAEX,iBAAkB,CAChBA,QAAS,YAKjB,KACA,KACA,uDAGDE,~~EACD/B~~,GACA,EACA,EACA,sGAIAE,GAAY,CACdG,gBAAiBL,EAAMM,QAAQC,QAAQC,~~QACvCa~~,~~YAAarB~~,EAAMM,QAAQJ,~~SAAS4B~~,UACpCE,OAAQ,cACRC,WAAY,OACZhB,cAAe,OAEf,wBAAyB,~~CACvBZ~~,gBAAiBL,EAAMM,QAAQJ,~~SAAS4B~~,~~UACxC7B~~,MAAOD,EAAMM,QAAQJ,~~SAASgC~~,UAGhC,2BAA4B,~~CAC1BjC~~,MAAOD,EAAMM,QAAQJ,~~SAASgC~~,UAGhC,QAAS,CACPC,QAAS,WAKjBC,SAAU,CACR,CACEC,MAAO,CAAEC,QAAQ,GACjBC,MAAO,~~EAAGvC~~,YAAO,~~CACfwC~~,~~UAAWxC~~,~~EAAMyC~~,YAAgB"}
1	+ {"version":3,"file":"card.theme.js","sources":["../../../src/materialui/card/card.theme.tsx"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { FlowCard } from './Card';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport const flowCard: Components<Theme>['MuiCard'] = {\n defaultProps: {\n elevation: 0,\n // we use custom Card component that extends @mui card greatly\n component: FlowCard,\n },\n styleOverrides: {\n root: ({ theme, color, disabled, isSelected, loading }) => ({\n backgroundColor: color === 'secondary' ? theme.palette.surface.primary : theme.palette.background.primary,\n position: 'relative',\n borderRadius: '8px',\n overflow: 'visible',\n // adding standard border and changing its width on hover creates layout shift\n // therefore we use absolute positioned border\n border: '1px solid transparent',\n '&::after': {\n content: '\"\"',\n position: 'absolute',\n maxWidth: 'none',\n pointerEvents: 'none',\n zIndex: '1',\n inset: '0',\n borderRadius: 'inherit',\n // same style is applied for the interactive effect bellow\n // 1px fills the transparent border\n boxShadow: `0 0 0 1px ${theme.palette.onSurface.os100}`,\n // selected\n ...(!disabled &&\n isSelected && {\n // keep 1px inside\n boxShadow: `0 0 0 3px ${theme.palette.brand.primary}`,\n }),\n },\n // selected\n ...(!disabled &&\n isSelected && {\n // change style of icon\n '& .FlowCard-Icon-root': {\n color: theme.palette.common.white,\n backgroundColor: theme.palette.brand.primary,\n borderColor: theme.palette.brand.primary,\n ...(loading && {\n backgroundColor: theme.palette.brandHover.primary,\n borderColor: theme.palette.brandHover.primary,\n }),\n },\n // hover effect that for non-link selected card\n '&:hover': {\n '&::after': {\n boxShadow: `0 0 0 3px ${theme.palette.brandHover.primary}`,\n },\n },\n }),\n // hover effect is applied only if FlowIconButton exists\n ...(!disabled && {\n '&:has(.MuiCardActionArea-root)': {\n ...getInteractiveStyle(\n {\n '&::after': {\n boxShadow: `0 0 0 1px ${theme.palette.onSurface.os100}`,\n // selected\n ...(isSelected && {\n boxShadow: `0 0 0 3px ${theme.palette.brand.primary}`,\n }),\n },\n // same style is also in Card.tsx\n '& .FlowCard-Icon-root': {\n backgroundColor: theme.palette.background.primary,\n ...(color === 'secondary' && {\n backgroundColor: theme.palette.surface.primary,\n }),\n ...(isSelected && {\n backgroundColor: theme.palette.brand.primary,\n borderColor: theme.palette.brand.primary,\n }),\n ...(isSelected &&\n loading && {\n backgroundColor: theme.palette.brandHover.primary,\n borderColor: theme.palette.brandHover.primary,\n }),\n },\n ...(!loading && {\n '& .FlowCard-Icon-root .MuiSvgIcon-root': {\n '&:first-of-type': {\n display: 'block',\n },\n '&:last-of-type': {\n display: 'none',\n },\n },\n }),\n },\n {\n // adjust style of border\n '&::after': {\n boxShadow: `0 0 0 3px ${theme.palette.onSurface.os100}`,\n ...(isSelected && {\n boxShadow: `0 0 0 3px ${theme.palette.brandHover.primary}`,\n }),\n },\n // change style of icon\n '& .FlowCard-Icon-root': {\n backgroundColor: theme.palette.surface.primary,\n ...(color === 'secondary' && {\n backgroundColor: theme.palette.surface.secondary,\n }),\n ...(isSelected && {\n backgroundColor: theme.palette.brandHover.primary,\n borderColor: theme.palette.brandHover.primary,\n }),\n },\n // flip icon being shown\n ...(!loading && {\n '& .FlowCard-Icon-root .MuiSvgIcon-root': {\n '&:first-of-type': {\n display: 'none',\n },\n '&:last-of-type': {\n display: 'block',\n },\n },\n }),\n },\n null,\n null,\n '&:has(.MuiCardActionArea-root.Mui-focusVisible)',\n ),\n },\n ...getFocusRingStyle(\n theme,\n false,\n 3,\n ':has(.MuiCardActionArea-root.Mui-focusVisible, .FlowFlippingCardContent-root.Mui-focusVisible)',\n ),\n }),\n // disabled style\n ...(disabled && {\n backgroundColor: theme.palette.surface.primary,\n borderColor: theme.palette.disabled.secondary,\n cursor: 'not-allowed',\n userSelect: 'none',\n pointerEvents: 'none',\n // change style of icon\n '& .FlowCard-Icon-root': {\n backgroundColor: theme.palette.disabled.secondary,\n color: theme.palette.disabled.tertiary,\n },\n // important selector to overwrite Typography sx color styling\n '&, & .MuiTypography-root': {\n color: theme.palette.disabled.tertiary,\n },\n // change visibility of images\n '& img': {\n opacity: '0.6',\n },\n }),\n }),\n },\n variants: [\n {\n props: { raised: true },\n style: ({ theme }) => ({\n boxShadow: theme.flowShadows['xs'],\n }),\n },\n ],\n};\n"],"names":["flowCard","defaultProps","elevation","component","FlowCard","styleOverrides","root","theme","color","disabled","isSelected","loading","backgroundColor","palette","surface","primary","background","position","borderRadius","overflow","border","content","maxWidth","pointerEvents","zIndex","inset","boxShadow","onSurface","os100","brand","common","white","borderColor","brandHover","getInteractiveStyle","display","secondary","getFocusRingStyle","cursor","userSelect","tertiary","opacity","variants","props","raised","style","flowShadows"],"mappings":"gLAMO,MAAMA,EAAyC,CACpDC,aAAc,CACZC,UAAW,EAEXC,UAAWC,GAEbC,eAAgB,CACdC,KAAM,EAAGC,QAAOC,QAAOC,WAAUC,aAAYC,cAAS,CACpDC,gBAA2B,cAAVJ,EAAwBD,EAAMM,QAAQC,QAAQC,QAAUR,EAAMM,QAAQG,WAAWD,QAClGE,SAAU,WACVC,aAAc,MACdC,SAAU,UAGVC,OAAQ,wBACR,WAAY,CACVC,QAAS,KACTJ,SAAU,WACVK,SAAU,OACVC,cAAe,OACfC,OAAQ,IACRC,MAAO,IACPP,aAAc,UAGdQ,UAAW,aAAanB,EAAMM,QAAQc,UAAUC,YAE3CnB,GACHC,GAAc,CAEZgB,UAAW,aAAanB,EAAMM,QAAQgB,MAAMd,gBAI7CN,GACHC,GAAc,CAEZ,wBAAyB,CACvBF,MAAOD,EAAMM,QAAQiB,OAAOC,MAC5BnB,gBAAiBL,EAAMM,QAAQgB,MAAMd,QACrCiB,YAAazB,EAAMM,QAAQgB,MAAMd,WAC7BJ,GAAW,CACbC,gBAAiBL,EAAMM,QAAQoB,WAAWlB,QAC1CiB,YAAazB,EAAMM,QAAQoB,WAAWlB,UAI1C,UAAW,CACT,WAAY,CACVW,UAAW,aAAanB,EAAMM,QAAQoB,WAAWlB,iBAKpDN,GAAY,CACf,iCAAkC,IAC7ByB,EACD,CACE,WAAY,CACVR,UAAW,aAAanB,EAAMM,QAAQc,UAAUC,WAE5ClB,GAAc,CAChBgB,UAAW,aAAanB,EAAMM,QAAQgB,MAAMd,YAIhD,wBAAyB,CACvBH,gBAAiBL,EAAMM,QAAQG,WAAWD,WAC5B,cAAVP,GAAyB,CAC3BI,gBAAiBL,EAAMM,QAAQC,QAAQC,YAErCL,GAAc,CAChBE,gBAAiBL,EAAMM,QAAQgB,MAAMd,QACrCiB,YAAazB,EAAMM,QAAQgB,MAAMd,YAE/BL,GACFC,GAAW,CACTC,gBAAiBL,EAAMM,QAAQoB,WAAWlB,QAC1CiB,YAAazB,EAAMM,QAAQoB,WAAWlB,cAGvCJ,GAAW,CACd,yCAA0C,CACxC,kBAAmB,CACjBwB,QAAS,SAEX,iBAAkB,CAChBA,QAAS,WAKjB,CAEE,WAAY,CACVT,UAAW,aAAanB,EAAMM,QAAQc,UAAUC,WAC5ClB,GAAc,CAChBgB,UAAW,aAAanB,EAAMM,QAAQoB,WAAWlB,YAIrD,wBAAyB,CACvBH,gBAAiBL,EAAMM,QAAQC,QAAQC,WACzB,cAAVP,GAAyB,CAC3BI,gBAAiBL,EAAMM,QAAQC,QAAQsB,cAErC1B,GAAc,CAChBE,gBAAiBL,EAAMM,QAAQoB,WAAWlB,QAC1CiB,YAAazB,EAAMM,QAAQoB,WAAWlB,cAIrCJ,GAAW,CACd,yCAA0C,CACxC,kBAAmB,CACjBwB,QAAS,QAEX,iBAAkB,CAChBA,QAAS,YAKjB,KACA,KACA,uDAGDE,EACD9B,GACA,EACA,EACA,sGAIAE,GAAY,CACdG,gBAAiBL,EAAMM,QAAQC,QAAQC,QACvCiB,YAAazB,EAAMM,QAAQJ,SAAS2B,UACpCE,OAAQ,cACRC,WAAY,OACZhB,cAAe,OAEf,wBAAyB,CACvBX,gBAAiBL,EAAMM,QAAQJ,SAAS2B,UACxC5B,MAAOD,EAAMM,QAAQJ,SAAS+B,UAGhC,2BAA4B,CAC1BhC,MAAOD,EAAMM,QAAQJ,SAAS+B,UAGhC,QAAS,CACPC,QAAS,WAKjBC,SAAU,CACR,CACEC,MAAO,CAAEC,QAAQ,GACjBC,MAAO,EAAGtC,YAAO,CACfmB,UAAWnB,EAAMuC,YAAgB"}