npm - @skodaflow/web-library - Versions diffs - 7.16.1 → 8.0.0 - Mend

@skodaflow/web-library 7.16.1 → 8.0.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 (1875) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"autocomplete.theme.js","sources":["../../../src/materialui/autocomplete/autocomplete.theme.tsx"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\nimport { Box, MenuList, MenuItem, ListItemText, Checkbox } from '@mui/material';\nimport { ChevronDownIcon } from '@/src/components/icon/stroke/ChevronDownIcon';\nimport { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\nimport { flowMenu } from '../menu/menu.theme';\nimport { flowMenuItem } from '../menu/menuItem.theme';\nimport { ~~ComponentsOverrides } from '@mui/material/styles/overrides';\nimport {~~ getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport const flowAutocomplete: Components<Theme>['MuiAutocomplete'] = {\n defaultProps: {\n popupIcon: <ChevronDownIcon />,\n clearIcon: <CloseIcon />,\n noOptionsText: 'No matching results',\n slots: {\n // we are replacing listbox to remove Autocomplete styling and match with Menu design\n listbox: MenuList,\n },\n // option matched with design of menu with Checkbox for multiple choices\n renderOption: ({ key, ...rest }, option, state, ownerState) => {\n return (\n <MenuItem key={key} {...rest}>\n {ownerState?.multiple && <Checkbox checked={state.selected} tabIndex={-1} />}\n <ListItemText>{option?.label ?? option}</ListItemText>\n </MenuItem>\n );\n },\n // in @mui v7 renamed to renderValue\n renderTags: (value) =>\n (Array.isArray(value) ? value : [value]).map((v, idx) => (\n <Box key={v} component=\"span\">\n {`${v}${(Array.isArray(value) ? value : [value]).length !== idx + 1 ? ', ' : ''}`}\n </Box>\n )),\n },\n styleOverrides: {\n root: ({ theme }) => ({\n // overwrite autoComplete default styling and match with TextField\n '& .MuiFilledInput-root': {\n // gap between tags and input\n gap: theme.spacing(0.5),\n // field proportions matched with textfield\n padding: '24px 12px 8px',\n // hidden label for variant with placeholder\n '&.MuiInputBase-hiddenLabel': {\n padding: '18px 12px 14px',\n },\n // small\n '&.MuiInputBase-sizeSmall': {\n padding: '22px 12px 4px',\n '&.MuiInputBase-hiddenLabel': {\n padding: '14px 12px 12px',\n },\n },\n // moved padding from input to allow wrap with too many tags\n '&, &.MuiInputBase-sizeSmall, &.MuiInputBase-hiddenLabel, &.MuiInputBase-sizeSmall.MuiInputBase-hiddenLabel': {\n '& .MuiFilledInput-input': {\n padding: '0',\n },\n },\n },\n }),\n // select arrow\n popupIndicator: {\n // remove default style\n transition: 'none',\n ...getInteractiveStyle(\n { color: 'inherit', backgroundColor: 'transparent' },\n { color: 'inherit', backgroundColor: 'transparent' },\n ),\n // style icon\n ~~svg~~: {\n fontSize: '17px',\n flexShrink: '0',\n },\n },\n // 'x' clear button\n clearIndicator: {\n // keep always visible once the value is selected\n visibility: 'visible',\n // remove default style\n transition: 'none',\n ...getInteractiveStyle(\n { color: 'inherit', backgroundColor: 'transparent' },\n { color: 'inherit', backgroundColor: 'transparent' },\n ),\n // style icon\n ~~svg~~: {\n fontSize: '17px',\n flexShrink: '0',\n },\n // select arrow next to it\n '& + .MuiAutocomplete-popupIndicator': {\n // hide it\n display: 'none',\n },\n },\n // chip tags, no longer used as we overwrite renderTags fn\n tag: {\n // space between multiple chips and limit tags text\n margin: '0',\n '&.MuiChip-root': {\n // reduce size\n padding: '0px 8px',\n '& .MuiChip-deleteIcon': {\n '&, &:last-of-type': {\n marginLeft: '2px',\n },\n },\n },\n },\n // select popover\n popper: {\n // direct style of listBox is not used, as it is overwritten via slots property to remove default styling\n '& .MuiAutocomplete-listbox': {\n padding: '0',\n maxHeight: '240px',\n // necessary to make scroll with keyboard navigation work\n overflow: 'auto',\n },\n },\n // holder of list\n paper: flowMenu.styleOverrides.paper as ComponentsOverrides<Theme>['MuiAutocomplete'],\n // list options\n option: flowMenuItem.styleOverrides.root as ComponentsOverrides<Theme>['MuiAutocomplete'],\n // no matching result\n noOptions: [\n flowMenuItem.styleOverrides.root as ComponentsOverrides<Theme>['MuiAutocomplete'],\n {\n pointerEvents: 'none',\n cursor: 'auto',\n },\n ],\n },\n};\n"],"names":["flowAutocomplete","defaultProps","popupIcon","_jsx","ChevronDownIcon","clearIcon","CloseIcon","noOptionsText","slots","listbox","MenuList","renderOption","_a","option","state","ownerState","key","rest","__rest","_jsxs","MenuItem","Object","assign","children","multiple","Checkbox","checked","selected","tabIndex","ListItemText","_b","label","renderTags","value","Array","isArray","map","v","idx","Box","component","length","styleOverrides","root","theme","gap","spacing","padding","popupIndicator","transition","getInteractiveStyle","color","backgroundColor","~~svg","~~fontSize","flexShrink","clearIndicator","visibility","display","tag","margin","marginLeft","popper","maxHeight","overflow","paper","flowMenu","flowMenuItem","noOptions","pointerEvents","cursor"],"mappings":"~~kfASO~~,MAAMA,EAAyD,CACpEC,aAAc,~~CACZC~~,UAAWC,EAACC,EAAe,IAC3BC,UAAWF,EAACG,EAAS,IACrBC,cAAe,sBACfC,MAAO,CAELC,QAASC,GAGXC,aAAc,CAACC,EAAkBC,EAAQC,EAAOC,YAAjCC,IAAEA,GAAGJ,EAAKK,EAAIC,EAAAN,EAAd,SACb,OACEO,EAACC,EAAQC,OAAAC,OAAA,GAAeL,EAAI,CAAAM,SAAA,EACzBR,aAAU,EAAVA,EAAYS,WAAYrB,EAACsB,GAASC,QAASZ,EAAMa,SAAUC,UAAU,IACtEzB,EAAC0B,EAAY,CAAAN,SAAe,QAAbO,EAAAjB,eAAAA,EAAQkB,aAAK,IAAAD,EAAAA,EAAIjB,OAFnBG,IAOnBgB,WAAaC,IACVC,MAAMC,QAAQF,GAASA,EAAQ,CAACA,IAAQG,IAAI,CAACC,EAAGC,IAC/CnC,EAACoC,EAAG,CAASC,UAAU,OAAMjB,SAC1B,GAAGc,KAAKH,MAAMC,QAAQF,GAASA,EAAQ,CAACA,IAAQQ,SAAWH,EAAM,EAAI,KAAO,MADrED,KAKhBK,eAAgB,CACdC,KAAM,EAAGC,YAAO,CAEd,yBAA0B,CAExBC,IAAKD,EAAME,QAAQ,IAEnBC,QAAS,gBAET,6BAA8B,CAC5BA,QAAS,kBAGX,2BAA4B,CAC1BA,QAAS,gBACT,6BAA8B,CAC5BA,QAAS,mBAIb,6GAA8G,CAC5G,0BAA2B,CACzBA,QAAS,SAMjBC,eAAc3B,OAAAC,OAAAD,OAAAC,OAAA,CAEZ2B,WAAY,QACTC,EACD,CAAEC,MAAO,UAAWC,gBAAiB,eACrC,CAAED,MAAO,UAAWC,gBAAiB,iBACtC,~~CAEDC~~,~~IAAK~~,~~CACHC~~,SAAU,OACVC,WAAY,OAIhBC,~~eAAcnC~~,OAAAC,OAAAD,OAAAC,OAAA,~~CAEZmC~~,WAAY,~~UAEZR~~,WAAY,QACTC,EACD,CAAEC,MAAO,UAAWC,gBAAiB,eACrC,CAAED,MAAO,UAAWC,gBAAiB,iBACtC,~~CAEDC~~,~~IAAK~~,~~CACHC~~,SAAU,OACVC,WAAY,KAGd,sCAAuC,CAErCG,QAAS,UAIbC,IAAK,CAEHC,OAAQ,IACR,iBAAkB,~~CAEhBb~~,QAAS,UACT,wBAAyB,CACvB,oBAAqB,~~CACnBc~~,WAAY,UAMpBC,OAAQ,CAEN,6BAA8B,~~CAC5Bf~~,QAAS,~~IACTgB~~,UAAW,QAEXC,SAAU,SAIdC,MAAOC,~~EAASxB~~,~~eAAeuB~~,MAE/~~BpD~~,~~OAAQsD~~,~~EAAazB~~,eAAeC,~~KAEpCyB~~,UAAW,CACTD,~~EAAazB~~,eAAeC,KAC5B,~~CACE0B~~,cAAe,OACfC,OAAQ"}
1	+ {"version":3,"file":"autocomplete.theme.js","sources":["../../../src/materialui/autocomplete/autocomplete.theme.tsx"],"sourcesContent":["import { Components, Theme, ComponentsOverrides } from '@mui/material/styles';\nimport { Box, MenuList, MenuItem, ListItemText, Checkbox } from '@mui/material';\nimport { ChevronDownIcon } from '@/src/components/icon/stroke/ChevronDownIcon';\nimport { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\nimport { flowMenu } from '../menu/menu.theme';\nimport { flowMenuItem } from '../menu/menuItem.theme';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport const flowAutocomplete: Components<Theme>['MuiAutocomplete'] = {\n defaultProps: {\n // ensure clicking on AutoComplete sent event to FormControl to correctly handle FocusRing\n onPointerDown: (e) => {\n const formControlEl = e.currentTarget.querySelector('.MuiFormControl-root');\n // we have formControl and click is outside of it (clicking on margin from helperText)\n if (formControlEl && !formControlEl.contains(e.target as Node)) {\n // sent pointerDown event to it\n formControlEl.dispatchEvent(\n new PointerEvent('pointerdown', {\n bubbles: true,\n cancelable: true,\n pointerType: e.pointerType,\n }),\n );\n }\n },\n popupIcon: <ChevronDownIcon />,\n clearIcon: <CloseIcon />,\n noOptionsText: 'No matching results',\n slots: {\n // we are replacing listbox to remove Autocomplete styling and match with Menu design\n listbox: MenuList,\n },\n // option matched with design of menu with Checkbox for multiple choices\n renderOption: ({ key, ...rest }, option, state, ownerState) => {\n return (\n <MenuItem key={key} {...rest}>\n {ownerState?.multiple && <Checkbox checked={state.selected} tabIndex={-1} />}\n <ListItemText>{option?.label ?? option}</ListItemText>\n </MenuItem>\n );\n },\n // in @mui v7 renamed to renderValue, but it changes behavior for single value input\n renderTags: (value) =>\n (Array.isArray(value) ? value : [value]).map((v, idx) => (\n <Box key={v} component=\"span\">\n {`${v}${(Array.isArray(value) ? value : [value]).length !== idx + 1 ? ', ' : ''}`}\n </Box>\n )),\n },\n styleOverrides: {\n root: ({ theme }) => ({\n // overwrite autoComplete default styling and match with TextField\n '& .MuiFilledInput-root': {\n // gap between tags and input\n gap: theme.spacing(0.5),\n // field proportions matched with textfield\n padding: '24px 12px 8px',\n // hidden label for variant with placeholder\n '&.MuiInputBase-hiddenLabel': {\n padding: '18px 12px 14px',\n },\n // small\n '&.MuiInputBase-sizeSmall': {\n padding: '22px 12px 4px',\n '&.MuiInputBase-hiddenLabel': {\n padding: '14px 12px 12px',\n },\n },\n // moved padding from input to allow wrap with too many tags\n '&, &.MuiInputBase-sizeSmall, &.MuiInputBase-hiddenLabel, &.MuiInputBase-sizeSmall.MuiInputBase-hiddenLabel': {\n '& .MuiFilledInput-input': {\n padding: '0',\n },\n },\n },\n }),\n // select arrow\n popupIndicator: {\n // remove default style\n transition: 'none',\n ...getInteractiveStyle(\n { color: 'inherit', backgroundColor: 'transparent' },\n { color: 'inherit', backgroundColor: 'transparent' },\n ),\n // style icon\n '& .MuiSvgIcon-root': {\n fontSize: '17px',\n flexShrink: '0',\n },\n },\n // 'x' clear button\n clearIndicator: {\n // keep always visible once the value is selected\n visibility: 'visible',\n // remove default style\n transition: 'none',\n ...getInteractiveStyle(\n { color: 'inherit', backgroundColor: 'transparent' },\n { color: 'inherit', backgroundColor: 'transparent' },\n ),\n // style icon\n '& .MuiSvgIcon-root': {\n fontSize: '17px',\n flexShrink: '0',\n },\n // select arrow next to it\n '& + .MuiAutocomplete-popupIndicator': {\n // hide it\n display: 'none',\n },\n },\n // chip tags, no longer used as we overwrite renderTags fn\n tag: {\n // space between multiple chips and limit tags text\n margin: '0',\n '&.MuiChip-root': {\n // reduce size\n padding: '0px 8px',\n '& .MuiChip-deleteIcon': {\n '&, &:last-of-type': {\n marginLeft: '2px',\n },\n },\n },\n },\n // select popover\n popper: {\n // direct style of listBox is not used, as it is overwritten via slots property to remove default styling\n '& .MuiAutocomplete-listbox': {\n padding: '0',\n maxHeight: '240px',\n // necessary to make scroll with keyboard navigation work\n overflow: 'auto',\n },\n },\n // holder of list\n paper: flowMenu.styleOverrides.paper as ComponentsOverrides<Theme>['MuiAutocomplete'],\n // list options\n option: flowMenuItem.styleOverrides.root as ComponentsOverrides<Theme>['MuiAutocomplete'],\n // no matching result\n noOptions: [\n flowMenuItem.styleOverrides.root as ComponentsOverrides<Theme>['MuiAutocomplete'],\n {\n pointerEvents: 'none',\n cursor: 'auto',\n },\n ],\n },\n};\n"],"names":["flowAutocomplete","defaultProps","onPointerDown","e","formControlEl","currentTarget","querySelector","contains","target","dispatchEvent","PointerEvent","bubbles","cancelable","pointerType","popupIcon","_jsx","ChevronDownIcon","clearIcon","CloseIcon","noOptionsText","slots","listbox","MenuList","renderOption","_a","option","state","ownerState","key","rest","__rest","_jsxs","MenuItem","Object","assign","children","multiple","Checkbox","checked","selected","tabIndex","ListItemText","_b","label","renderTags","value","Array","isArray","map","v","idx","Box","component","length","styleOverrides","root","theme","gap","spacing","padding","popupIndicator","transition","getInteractiveStyle","color","backgroundColor","fontSize","flexShrink","clearIndicator","visibility","display","tag","margin","marginLeft","popper","maxHeight","overflow","paper","flowMenu","flowMenuItem","noOptions","pointerEvents","cursor"],"mappings":"kfAQO,MAAMA,EAAyD,CACpEC,aAAc,CAEZC,cAAgBC,IACd,MAAMC,EAAgBD,EAAEE,cAAcC,cAAc,wBAEhDF,IAAkBA,EAAcG,SAASJ,EAAEK,SAE7CJ,EAAcK,cACZ,IAAIC,aAAa,cAAe,CAC9BC,SAAS,EACTC,YAAY,EACZC,YAAaV,EAAEU,gBAKvBC,UAAWC,EAACC,EAAe,IAC3BC,UAAWF,EAACG,EAAS,IACrBC,cAAe,sBACfC,MAAO,CAELC,QAASC,GAGXC,aAAc,CAACC,EAAkBC,EAAQC,EAAOC,YAAjCC,IAAEA,GAAGJ,EAAKK,EAAIC,EAAAN,EAAd,SACb,OACEO,EAACC,EAAQC,OAAAC,OAAA,GAAeL,EAAI,CAAAM,SAAA,EACzBR,aAAU,EAAVA,EAAYS,WAAYrB,EAACsB,GAASC,QAASZ,EAAMa,SAAUC,UAAU,IACtEzB,EAAC0B,EAAY,CAAAN,SAAe,QAAbO,EAAAjB,eAAAA,EAAQkB,aAAK,IAAAD,EAAAA,EAAIjB,OAFnBG,IAOnBgB,WAAaC,IACVC,MAAMC,QAAQF,GAASA,EAAQ,CAACA,IAAQG,IAAI,CAACC,EAAGC,IAC/CnC,EAACoC,EAAG,CAASC,UAAU,OAAMjB,SAC1B,GAAGc,KAAKH,MAAMC,QAAQF,GAASA,EAAQ,CAACA,IAAQQ,SAAWH,EAAM,EAAI,KAAO,MADrED,KAKhBK,eAAgB,CACdC,KAAM,EAAGC,YAAO,CAEd,yBAA0B,CAExBC,IAAKD,EAAME,QAAQ,IAEnBC,QAAS,gBAET,6BAA8B,CAC5BA,QAAS,kBAGX,2BAA4B,CAC1BA,QAAS,gBACT,6BAA8B,CAC5BA,QAAS,mBAIb,6GAA8G,CAC5G,0BAA2B,CACzBA,QAAS,SAMjBC,eAAc3B,OAAAC,OAAAD,OAAAC,OAAA,CAEZ2B,WAAY,QACTC,EACD,CAAEC,MAAO,UAAWC,gBAAiB,eACrC,CAAED,MAAO,UAAWC,gBAAiB,iBACtC,CAED,qBAAsB,CACpBC,SAAU,OACVC,WAAY,OAIhBC,eAAclC,OAAAC,OAAAD,OAAAC,OAAA,CAEZkC,WAAY,UAEZP,WAAY,QACTC,EACD,CAAEC,MAAO,UAAWC,gBAAiB,eACrC,CAAED,MAAO,UAAWC,gBAAiB,iBACtC,CAED,qBAAsB,CACpBC,SAAU,OACVC,WAAY,KAGd,sCAAuC,CAErCG,QAAS,UAIbC,IAAK,CAEHC,OAAQ,IACR,iBAAkB,CAEhBZ,QAAS,UACT,wBAAyB,CACvB,oBAAqB,CACnBa,WAAY,UAMpBC,OAAQ,CAEN,6BAA8B,CAC5Bd,QAAS,IACTe,UAAW,QAEXC,SAAU,SAIdC,MAAOC,EAASvB,eAAesB,MAE/BnD,OAAQqD,EAAaxB,eAAeC,KAEpCwB,UAAW,CACTD,EAAaxB,eAAeC,KAC5B,CACEyB,cAAe,OACfC,OAAQ"}

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

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{UserFilledIcon as t}from"../../components/icon/filled/UserFilledIcon.js";import{getFocusRingStyle as r}from"../../components/focusring/focusring.js";import{getInteractiveStyle as o}from"../button/interactive.js";const i={defaultProps:{variant:"circular",size:"md",children:e(t,{})},styleOverrides:{root:({theme:e,ownerState:t})=>Object.assign(Object.assign(Object.assign(Object.assign({overflow:"visible",color:e.palette.brand.tertiary,backgroundColor:e.palette.brand.quarternary,"&:has(.MuiAvatar-img)":Object.assign({color:e.palette.onSurface.os500,backgroundColor:e.palette.surface.primary},(!t.border||"auto"===t.border)&&{border:"1px solid currentColor"}),letterSpacing:"0.02em",fontWeight:"700"},t.background&&{background:t.background}),"on"===t.border&&{border:"1px solid currentColor"}),t.disabled&&{"&, &:has(.MuiAvatar-img)":{color:e.palette.disabled.tertiary,backgroundColor:e.palette.surface.secondary}}),{"& .MuiAvatar-img":Object.assign({borderRadius:"inherit"},t.disabled&&{opacity:"0.65"}),"&.MuiButtonBase-root":Object.assign(Object.assign(Object.assign({},r(e,!0,0)),{":after":{display:"block",content:'""',position:"absolute",inset:"0",borderRadius:"inherit",backgroundColor:e.palette.transparent.primary,transition:"opacity 0.3s ease-out",opacity:"0"}}),o({"&:after":{opacity:"0"}},{"&:after":{opacity:"1"}}))}),rounded:{borderRadius:"4px"}},variants:[{props:{size:"sm"},style:{width:"24px",height:"24px",lineHeight:"24px",fontSize:"10px"}},{props:{size:"md"},style:{width:"44px",height:"44px",lineHeight:"44px",fontSize:"14px"}},{props:{size:"lg"},style:{width:"56px",height:"56px",lineHeight:"56px",fontSize:"20px"}}]};export{i as flowAvatar};
+import{jsx as e}from"react/jsx-runtime";import{UserFilledIcon as t}from"../../components/icon/filled/UserFilledIcon.js";import{getFocusRingStyle as r}from"../../components/focusring/focusring.js";import{getInteractiveStyle as o}from"../button/interactive.js";const i={defaultProps:{variant:"circular",size:"md",children:e(t,{})},styleOverrides:{root:({theme:e,ownerState:t})=>Object.assign(Object.assign(Object.assign({overflow:"visible",color:e.palette.brand.tertiary,backgroundColor:e.palette.brand.quarternary,"&:has(.MuiAvatar-img)":Object.assign({color:e.palette.onSurface.os500,backgroundColor:e.palette.surface.primary},(!t.border||"auto"===t.border)&&{border:"1px solid currentColor"}),letterSpacing:"0.02em",fontWeight:"700"},"on"===t.border&&{border:"1px solid currentColor"}),t.disabled&&{"&, &:has(.MuiAvatar-img)":{color:e.palette.disabled.tertiary,backgroundColor:e.palette.surface.secondary}}),{"& .MuiAvatar-img":Object.assign({borderRadius:"inherit"},t.disabled&&{opacity:"0.65"}),"&.MuiButtonBase-root":Object.assign(Object.assign(Object.assign({},r(e,!0,0)),{":after":{display:"block",content:'""',position:"absolute",inset:"0",borderRadius:"inherit",backgroundColor:e.palette.transparent.primary,transition:"opacity 0.3s ease-out",opacity:"0"}}),o({"&:after":{opacity:"0"}},{"&:after":{opacity:"1"}}))}),rounded:{borderRadius:"4px"}},variants:[{props:{size:"sm"},style:{width:"24px",height:"24px",lineHeight:"24px",fontSize:"10px"}},{props:{size:"md"},style:{width:"44px",height:"44px",lineHeight:"44px",fontSize:"14px"}},{props:{size:"lg"},style:{width:"56px",height:"56px",lineHeight:"56px",fontSize:"20px"}}]};export{i as flowAvatar};
 //# sourceMappingURL=avatar.theme.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"avatar.theme.js","sources":["../../../src/materialui/avatar/avatar.theme.tsx"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { UserFilledIcon } from '@/src/components/icon/filled/UserFilledIcon';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport const flowAvatar: Components<Theme>['MuiAvatar'] = {\n defaultProps: {\n variant: 'circular',\n size: 'md',\n // default avatar\n children: <UserFilledIcon />,\n },\n styleOverrides: {\n root: ({ theme, ownerState }) => ({\n overflow: 'visible',\n color: theme.palette.brand.tertiary,\n backgroundColor: theme.palette.brand.quarternary,\n '&:has(.MuiAvatar-img)': {\n color: theme.palette.onSurface.os500,\n backgroundColor: theme.palette.surface.primary,\n ...((!ownerState.border \|\| ownerState.border === 'auto') && {\n border: `1px solid currentColor`,\n }),\n },\n // font, rest is set in the variants bellow\n letterSpacing: '0.02em',\n fontWeight: '700',\n // ~~set custom background prop value\n ...(ownerState.background && { background: ownerState.background }),\n //~~ optional border\n ...(ownerState.border === 'on' && {\n border: `1px solid currentColor`,\n }),\n // custom 'disabled' state\n ...(ownerState.disabled && {\n '&, &:has(.MuiAvatar-img)': {\n color: theme.palette.disabled.tertiary,\n backgroundColor: theme.palette.surface.secondary,\n },\n }),\n // avatar img\n '& .MuiAvatar-img': {\n borderRadius: 'inherit',\n // custom 'disabled' state\n ...(ownerState.disabled && {\n opacity: '0.65',\n }),\n },\n // button\n '&.MuiButtonBase-root': {\n // focused style\n ...getFocusRingStyle(theme, true, 0),\n // pseudo background for hover\n ':after': {\n display: 'block',\n content: '\"\"',\n position: 'absolute',\n inset: '0',\n borderRadius: 'inherit',\n backgroundColor: theme.palette.transparent.primary,\n transition: 'opacity 0.3s ease-out',\n opacity: '0',\n },\n // interactive style\n ...getInteractiveStyle(\n {\n '&:after': {\n opacity: '0',\n },\n },\n {\n '&:after': {\n opacity: '1',\n },\n },\n ),\n },\n }),\n rounded: {\n // rounded variant is used in listItemAvatar\n borderRadius: '4px',\n },\n },\n variants: [\n // size property\n {\n props: { size: 'sm' },\n style: {\n width: '24px',\n height: '24px',\n lineHeight: '24px',\n fontSize: '10px',\n },\n },\n {\n props: { size: 'md' },\n style: {\n width: '44px',\n height: '44px',\n lineHeight: '44px',\n fontSize: '14px',\n },\n },\n {\n props: { size: 'lg' },\n style: {\n width: '56px',\n height: '56px',\n lineHeight: '56px',\n fontSize: '20px',\n },\n },\n ],\n};\n"],"names":["flowAvatar","defaultProps","variant","size","children","_jsx","UserFilledIcon","styleOverrides","root","theme","ownerState","Object","assign","overflow","color","palette","brand","tertiary","backgroundColor","quarternary","onSurface","os500","surface","primary","border","letterSpacing","fontWeight","~~background","~~disabled","secondary","borderRadius","opacity","getFocusRingStyle","display","content","position","inset","transparent","transition","getInteractiveStyle","rounded","variants","props","style","width","height","lineHeight","fontSize"],"mappings":"mQAMO,MAAMA,EAA6C,CACxDC,aAAc,CACZC,QAAS,WACTC,KAAM,KAENC,SAAUC,EAACC,EAAc,KAE3BC,eAAgB,CACdC,KAAM,EAAGC,QAAOC,gBAAiBC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,~~OAAAD,OAAAC,~~OAAA,CAC/BC,SAAU,UACVC,MAAOL,EAAMM,QAAQC,MAAMC,SAC3BC,gBAAiBT,EAAMM,QAAQC,MAAMG,YACrC,wBAAuBR,OAAAC,OAAA,CACrBE,MAAOL,EAAMM,QAAQK,UAAUC,MAC/BH,gBAAiBT,EAAMM,QAAQO,QAAQC,WACjCb,EAAWc,QAAgC,SAAtBd,EAAWc,SAAsB,CAC1DA,OAAQ,2BAIZC,cAAe,SACfC,WAAY,~~OAERhB~~,~~EAAWiB~~,~~YAAc,CAAEA,WAAYjB,EAAWiB,aAE5B,OAAtBjB,~~EAAWc,QAAmB,CAChCA,OAAQ,2BAGNd,~~EAAWkB~~,UAAY,CACzB,2BAA4B,~~CAC1Bd~~,MAAOL,EAAMM,~~QAAQa~~,~~SAASX~~,SAC9BC,gBAAiBT,EAAMM,QAAQO,~~QAAQO~~,aAEzC,CAEF,~~mBAAkBlB~~,OAAAC,OAAA,~~CAChBkB~~,aAAc,~~WAEVpB~~,~~EAAWkB~~,UAAY,CACzBG,QAAS,SAIb,~~uBAAsBpB~~,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,~~EAEjBoB~~,~~EAAkBvB~~,GAAO,EAAM,IAAE,CAEpC,SAAU,~~CACRwB~~,QAAS,QACTC,QAAS,KACTC,SAAU,WACVC,MAAO,IACPN,aAAc,~~UACdZ~~,gBAAiBT,EAAMM,~~QAAQsB~~,~~YAAYd~~,~~QAC3Ce~~,WAAY,wBACZP,QAAS,OAGRQ,EACD,CACE,UAAW,CACTR,QAAS,MAGb,CACE,UAAW,CACTA,QAAS,UAMnBS,QAAS,CAEPV,aAAc,QAGlBW,SAAU,CAER,CACEC,MAAO,~~CAAEvC~~,KAAM,~~MACfwC~~,MAAO,CACLC,MAAO,OACPC,OAAQ,OACRC,WAAY,OACZC,SAAU,SAGd,CACEL,MAAO,~~CAAEvC~~,KAAM,~~MACfwC~~,MAAO,CACLC,MAAO,OACPC,OAAQ,OACRC,WAAY,OACZC,SAAU,SAGd,CACEL,MAAO,~~CAAEvC~~,KAAM,~~MACfwC~~,MAAO,CACLC,MAAO,OACPC,OAAQ,OACRC,WAAY,OACZC,SAAU"}
1	+ {"version":3,"file":"avatar.theme.js","sources":["../../../src/materialui/avatar/avatar.theme.tsx"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { UserFilledIcon } from '@/src/components/icon/filled/UserFilledIcon';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport const flowAvatar: Components<Theme>['MuiAvatar'] = {\n defaultProps: {\n variant: 'circular',\n size: 'md',\n // default avatar\n children: <UserFilledIcon />,\n },\n styleOverrides: {\n root: ({ theme, ownerState }) => ({\n overflow: 'visible',\n color: theme.palette.brand.tertiary,\n backgroundColor: theme.palette.brand.quarternary,\n '&:has(.MuiAvatar-img)': {\n color: theme.palette.onSurface.os500,\n backgroundColor: theme.palette.surface.primary,\n ...((!ownerState.border \|\| ownerState.border === 'auto') && {\n border: `1px solid currentColor`,\n }),\n },\n // font, rest is set in the variants bellow\n letterSpacing: '0.02em',\n fontWeight: '700',\n // optional border\n ...(ownerState.border === 'on' && {\n border: `1px solid currentColor`,\n }),\n // custom 'disabled' state\n ...(ownerState.disabled && {\n '&, &:has(.MuiAvatar-img)': {\n color: theme.palette.disabled.tertiary,\n backgroundColor: theme.palette.surface.secondary,\n },\n }),\n // avatar img\n '& .MuiAvatar-img': {\n borderRadius: 'inherit',\n // custom 'disabled' state\n ...(ownerState.disabled && {\n opacity: '0.65',\n }),\n },\n // button\n '&.MuiButtonBase-root': {\n // focused style\n ...getFocusRingStyle(theme, true, 0),\n // pseudo background for hover\n ':after': {\n display: 'block',\n content: '\"\"',\n position: 'absolute',\n inset: '0',\n borderRadius: 'inherit',\n backgroundColor: theme.palette.transparent.primary,\n transition: 'opacity 0.3s ease-out',\n opacity: '0',\n },\n // interactive style\n ...getInteractiveStyle(\n {\n '&:after': {\n opacity: '0',\n },\n },\n {\n '&:after': {\n opacity: '1',\n },\n },\n ),\n },\n }),\n rounded: {\n // rounded variant is used in listItemAvatar\n borderRadius: '4px',\n },\n },\n variants: [\n // size property\n {\n props: { size: 'sm' },\n style: {\n width: '24px',\n height: '24px',\n lineHeight: '24px',\n fontSize: '10px',\n },\n },\n {\n props: { size: 'md' },\n style: {\n width: '44px',\n height: '44px',\n lineHeight: '44px',\n fontSize: '14px',\n },\n },\n {\n props: { size: 'lg' },\n style: {\n width: '56px',\n height: '56px',\n lineHeight: '56px',\n fontSize: '20px',\n },\n },\n ],\n};\n"],"names":["flowAvatar","defaultProps","variant","size","children","_jsx","UserFilledIcon","styleOverrides","root","theme","ownerState","Object","assign","overflow","color","palette","brand","tertiary","backgroundColor","quarternary","onSurface","os500","surface","primary","border","letterSpacing","fontWeight","disabled","secondary","borderRadius","opacity","getFocusRingStyle","display","content","position","inset","transparent","transition","getInteractiveStyle","rounded","variants","props","style","width","height","lineHeight","fontSize"],"mappings":"mQAMO,MAAMA,EAA6C,CACxDC,aAAc,CACZC,QAAS,WACTC,KAAM,KAENC,SAAUC,EAACC,EAAc,KAE3BC,eAAgB,CACdC,KAAM,EAAGC,QAAOC,gBAAiBC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAC/BC,SAAU,UACVC,MAAOL,EAAMM,QAAQC,MAAMC,SAC3BC,gBAAiBT,EAAMM,QAAQC,MAAMG,YACrC,wBAAuBR,OAAAC,OAAA,CACrBE,MAAOL,EAAMM,QAAQK,UAAUC,MAC/BH,gBAAiBT,EAAMM,QAAQO,QAAQC,WACjCb,EAAWc,QAAgC,SAAtBd,EAAWc,SAAsB,CAC1DA,OAAQ,2BAIZC,cAAe,SACfC,WAAY,OAEc,OAAtBhB,EAAWc,QAAmB,CAChCA,OAAQ,2BAGNd,EAAWiB,UAAY,CACzB,2BAA4B,CAC1Bb,MAAOL,EAAMM,QAAQY,SAASV,SAC9BC,gBAAiBT,EAAMM,QAAQO,QAAQM,aAEzC,CAEF,mBAAkBjB,OAAAC,OAAA,CAChBiB,aAAc,WAEVnB,EAAWiB,UAAY,CACzBG,QAAS,SAIb,uBAAsBnB,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAEjBmB,EAAkBtB,GAAO,EAAM,IAAE,CAEpC,SAAU,CACRuB,QAAS,QACTC,QAAS,KACTC,SAAU,WACVC,MAAO,IACPN,aAAc,UACdX,gBAAiBT,EAAMM,QAAQqB,YAAYb,QAC3Cc,WAAY,wBACZP,QAAS,OAGRQ,EACD,CACE,UAAW,CACTR,QAAS,MAGb,CACE,UAAW,CACTA,QAAS,UAMnBS,QAAS,CAEPV,aAAc,QAGlBW,SAAU,CAER,CACEC,MAAO,CAAEtC,KAAM,MACfuC,MAAO,CACLC,MAAO,OACPC,OAAQ,OACRC,WAAY,OACZC,SAAU,SAGd,CACEL,MAAO,CAAEtC,KAAM,MACfuC,MAAO,CACLC,MAAO,OACPC,OAAQ,OACRC,WAAY,OACZC,SAAU,SAGd,CACEL,MAAO,CAAEtC,KAAM,MACfuC,MAAO,CACLC,MAAO,OACPC,OAAQ,OACRC,WAAY,OACZC,SAAU"}

package/materialui/backdrop/backdrop.theme.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-import { Components } from '@mui/material/styles/components';
+import { Components } from '@mui/material/styles';
 import { Theme } from '@mui/material';
 export declare const flowBackdrop: Components<Theme>['MuiBackdrop'];

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

	@@ -1 +1 @@
1	- {"version":3,"file":"backdrop.theme.js","sources":["../../../src/materialui/backdrop/backdrop.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles~~/components~~';\nimport { Theme } from '@mui/material';\n\nexport const flowBackdrop: Components<Theme>['MuiBackdrop'] = {\n styleOverrides: {\n root: ({ theme }) => ({\n backgroundColor: theme.palette.mode === 'dark' ? 'rgba(0,0,0,0.6)' : theme.palette.transparent.backdrop,\n backdropFilter: 'blur(4px)',\n }),\n invisible: {\n backgroundColor: 'transparent',\n backdropFilter: 'none',\n },\n },\n};\n"],"names":["flowBackdrop","styleOverrides","root","theme","backgroundColor","palette","mode","transparent","backdrop","backdropFilter","invisible"],"mappings":"AAGO,MAAMA,EAAiD,CAC5DC,eAAgB,CACdC,KAAM,EAAGC,YAAO,CACdC,gBAAwC,SAAvBD,EAAME,QAAQC,KAAkB,kBAAoBH,EAAME,QAAQE,YAAYC,SAC/FC,eAAgB,cAElBC,UAAW,CACTN,gBAAiB,cACjBK,eAAgB"}
1	+ {"version":3,"file":"backdrop.theme.js","sources":["../../../src/materialui/backdrop/backdrop.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowBackdrop: Components<Theme>['MuiBackdrop'] = {\n styleOverrides: {\n root: ({ theme }) => ({\n backgroundColor: theme.palette.mode === 'dark' ? 'rgba(0,0,0,0.6)' : theme.palette.transparent.backdrop,\n backdropFilter: 'blur(4px)',\n }),\n invisible: {\n backgroundColor: 'transparent',\n backdropFilter: 'none',\n },\n },\n};\n"],"names":["flowBackdrop","styleOverrides","root","theme","backgroundColor","palette","mode","transparent","backdrop","backdropFilter","invisible"],"mappings":"AAGO,MAAMA,EAAiD,CAC5DC,eAAgB,CACdC,KAAM,EAAGC,YAAO,CACdC,gBAAwC,SAAvBD,EAAME,QAAQC,KAAkB,kBAAoBH,EAAME,QAAQE,YAAYC,SAC/FC,eAAgB,cAElBC,UAAW,CACTN,gBAAiB,cACjBK,eAAgB"}

package/materialui/backdrop/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { Backdrop } from '@mui/material';
2	+ export type { BackdropProps } from '@mui/material';

package/materialui/button/button.theme.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-import { Components } from '@mui/material/styles/components';
+import { Components } from '@mui/material/styles';
 import { Theme } from '@mui/material';
 export declare const flowButton: Components<Theme>['MuiButton'];

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

	@@ -1 +1 @@
1	- {"version":3,"file":"button.theme.js","sources":["../../../src/materialui/button/button.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles/components';\nimport { Theme } from '@mui/material';\nimport { getFocusRingStyle, updateFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport const flowButton: Components<Theme>['MuiButton'] = {\n defaultProps: {\n disableRipple: true,\n disableElevation: true,\n variant: 'contained',\n },\n styleOverrides: {\n root: ({ theme, ownerState }) => ({\n position: 'relative',\n boxShadow: 'none',\n textRendering: 'geometricPrecision',\n outline: 'none',\n minWidth: '44px',\n padding: '14px 24px',\n flexShrink: '0',\n // font\n ...theme.typography.button,\n // startIcon / endIcon\n '& .MuiButton-icon': {\n // make sure not to increase size of the Button due to padding\n marginTop: '-2px',\n marginBottom: '-2px',\n // icon itself\n '& .MuiSvgIcon-root': {\n fontSize: '20px',\n },\n // spinner inside\n '& .FlowSpinner-root': {\n marginTop: '-2px',\n marginBottom: '-2px',\n },\n },\n ...(ownerState.size === 'small' && {\n padding: '8px 14px',\n fontSize: '14px',\n lineHeight: '16px',\n // startIcon / endIcon\n '& .MuiButton-icon': {\n // make sure not to increase size of the Button due to padding\n marginTop: '-2px',\n marginBottom: '-2px',\n // icon itself\n '& .MuiSvgIcon-root': {\n fontSize: '17px',\n },\n },\n }),\n ...(ownerState.size === 'large' && {\n padding: '15px 25px',\n fontSize: '18px',\n lineHeight: '20px',\n // startIcon / endIcon\n '& .MuiButton-icon': {\n // make sure not to increase size of the Button due to padding\n marginTop: '-2px',\n marginBottom: '-2px',\n // icon itself\n '& .MuiSvgIcon-root': {\n fontSize: '22px',\n },\n },\n }),\n backgroundClip: 'padding-box',\n transition:\n 'transform 0.3s ease-out, color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out, box-shadow 0.3s ease-out, opacity 0.3s ease-out',\n // 50% border radius without skewing ratio\n borderRadius: '1000px',\n '&:hover': {\n boxShadow: 'none',\n },\n '&&:active': {\n boxShadow: 'none',\n },\n // focused style\n ...getFocusRingStyle(theme),\n // disabled style\n '&.Mui-disabled': {\n opacity: '1',\n },\n }),\n startIcon: ({ ownerState }) => ({\n flexShrink: '0',\n // space between text and icon\n marginRight: '10px',\n marginLeft: '0',\n ...(ownerState.size === 'small' && {\n marginRight: '5px',\n }),\n ...(ownerState.size === 'large' && {\n marginRight: '15px',\n }),\n }),\n endIcon: ({ ownerState }) => ({\n flexShrink: '0',\n // space between text and icon\n marginRight: '0',\n marginLeft: '10px',\n ...(ownerState.size === 'small' && {\n marginLeft: '5px',\n }),\n ...(ownerState.size === 'large' && {\n marginLeft: '15px',\n }),\n }),\n contained: ({ theme, ownerState }) => ({\n ...((ownerState.color === 'primary' \|\| ownerState.color === 'success') && {\n ...getInteractiveStyle(\n {\n backgroundColor: theme.palette.brand.secondary,\n color: theme.palette.onSurface.os900,\n },\n {\n backgroundColor: theme.palette.brandHover.secondary,\n color: theme.palette.onSurface.os900,\n },\n ),\n }),\n ...(ownerState.color === 'secondary' && {\n ...getInteractiveStyle(\n {\n backgroundColor: theme.palette.secondary.main,\n color: theme.palette.onSurface.os0,\n },\n {\n backgroundColor: theme.palette.onSurface.os600,\n color: theme.palette.onSurface.os0,\n },\n ),\n }),\n ...(ownerState.color === 'white' && {\n ...getInteractiveStyle(\n {\n backgroundColor: 'transparent',\n color: theme.palette.onSurface.os0,\n },\n {\n backgroundColor: theme.palette.transparent.tertiary,\n color: theme.palette.onSurface.os0,\n },\n ),\n }),\n ...(ownerState.color === 'error' && {\n ...getInteractiveStyle(\n {\n backgroundColor: theme.palette.error.main,\n color: theme.palette.onSurface.os0,\n },\n {\n backgroundColor: theme.palette.error.dark,\n color: theme.palette.onSurface.os0,\n },\n ),\n }),\n // deprecated semantic colors\n ...(ownerState.color === 'warning' && {\n ...getInteractiveStyle(\n {\n backgroundColor: theme.palette.warning.main,\n color: theme.palette.onSurface.os0,\n },\n {\n backgroundColor: theme.palette.warning.dark,\n color: theme.palette.onSurface.os0,\n },\n ),\n }),\n ...(ownerState.color === 'info' && {\n ...getInteractiveStyle(\n {\n backgroundColor: theme.palette.info.main,\n color: theme.palette.onSurface.os0,\n },\n {\n backgroundColor: theme.palette.info.dark,\n color: theme.palette.onSurface.os0,\n },\n ),\n }),\n ...(ownerState.color === 'inherit' && {\n ...getInteractiveStyle(\n {\n backgroundColor: theme.palette.transparent.secondary,\n color: 'currentColor',\n },\n {\n backgroundColor: theme.palette.surface.primary,\n },\n ),\n }),\n // disabled style\n '&.Mui-disabled': {\n color: theme.palette.disabled.tertiary,\n backgroundColor: theme.palette.disabled.secondary,\n ...(theme.palette.mode === 'dark' && {\n backgroundColor: theme.palette.onSurface.os800,\n }),\n },\n }),\n text: ({ theme, ownerState }) => ({\n ...getInteractiveStyle(\n {\n backgroundColor: 'transparent',\n },\n {\n backgroundColor: ['white', 'inherit'].includes(ownerState.color)\n ? theme.palette.transparent.tertiary\n : theme.palette.transparent.secondary,\n },\n ),\n ...((ownerState.color === 'primary' \|\| ownerState.color === 'success') && {\n color: theme.palette.brand.secondary,\n }),\n ...(ownerState.color === 'secondary' && {\n color: theme.palette.text.primary,\n }),\n ...(ownerState.color === 'white' && {\n color: theme.palette.onSurface.os0,\n }),\n // disabled style\n '&.Mui-disabled': {\n color: theme.palette.disabled.primary,\n },\n }),\n outlined: ({ theme, ownerState }) => ({\n '&, &:hover, &.Mui-disabled': {\n borderWidth: '2px',\n },\n ...updateFocusRingStyle(2),\n borderStyle: 'solid',\n // remove 2px border from each side and move focusRing\n padding: '12px 22px',\n ...(ownerState.size === 'small' && {\n '&, &:hover, &.Mui-disabled': {\n borderWidth: '1px',\n },\n ...updateFocusRingStyle(1),\n padding: '7px 13px',\n }),\n ...(ownerState.size === 'large' && {\n padding: '13px 23px',\n }),\n // electric green variant\n ...((ownerState.color === 'primary' \|\| ownerState.color === 'success') && {\n ...getInteractiveStyle(\n {\n backgroundColor: 'transparent',\n color: theme.palette.brand.secondary,\n borderColor: theme.palette.brand.secondary,\n },\n {\n backgroundColor: theme.palette.transparent.secondary,\n color: theme.palette.brand.secondary,\n },\n ),\n }),\n // secondary used as text color\n ...(ownerState.color === 'secondary' && {\n ...getInteractiveStyle(\n {\n backgroundColor: 'transparent',\n color: theme.palette.text.primary,\n borderColor: theme.palette.text.primary,\n },\n {\n backgroundColor: theme.palette.transparent.secondary,\n color: theme.palette.text.primary,\n },\n ),\n }),\n ...(ownerState.color === 'white' && {\n ...getInteractiveStyle(\n {\n backgroundColor: 'transparent',\n color: theme.palette.onSurface.os0,\n borderColor: theme.palette.onSurface.os0,\n },\n {\n backgroundColor: theme.palette.transparent.tertiary,\n color: theme.palette.onSurface.os0,\n },\n ),\n }),\n ...(ownerState.color === 'error' && {\n ...getInteractiveStyle(\n {\n backgroundColor: 'transparent',\n color: theme.palette.error.main,\n borderColor: theme.palette.error.main,\n },\n {\n backgroundColor: theme.palette.transparent.secondary,\n color: theme.palette.error.main,\n },\n ),\n }),\n // deprecated semantic colors\n ...(ownerState.color === 'warning' && {\n ...getInteractiveStyle(\n {\n backgroundColor: 'transparent',\n color: theme.palette.warning.main,\n borderColor: theme.palette.warning.main,\n },\n {\n backgroundColor: theme.palette.transparent.secondary,\n color: theme.palette.warning.main,\n },\n ),\n }),\n ...(ownerState.color === 'info' && {\n ...getInteractiveStyle(\n {\n backgroundColor: 'transparent',\n color: theme.palette.info.main,\n borderColor: theme.palette.info.main,\n },\n {\n backgroundColor: theme.palette.transparent.secondary,\n color: theme.palette.info.main,\n },\n ),\n }),\n ...(ownerState.color === 'inherit' && {\n ...getInteractiveStyle(\n {\n backgroundColor: 'transparent',\n color: 'currentColor',\n borderColor: 'currentColor',\n },\n {\n backgroundColor: theme.palette.transparent.secondary,\n },\n ),\n }),\n // disabled style\n '&.Mui-disabled': {\n borderColor: theme.palette.disabled.primary,\n color: theme.palette.disabled.primary,\n },\n }),\n },\n variants: [\n {\n props: { color: 'surface' },\n style: ({ theme }) => ({\n border: `1px solid ${theme.palette.mode === 'dark' ? theme.palette.transparent.quarternary : theme.palette.onSurface.os100}`,\n ...updateFocusRingStyle(1),\n ...getInteractiveStyle(\n {\n backgroundColor: theme.palette.surface.primary,\n color: theme.palette.text.primary,\n },\n {\n backgroundColor: theme.palette.surface.secondary,\n color: theme.palette.text.primary,\n },\n ),\n // disabled style\n '&.Mui-disabled': {\n backgroundColor: theme.palette.surface.secondary,\n borderColor: theme.palette.surface.secondary,\n color: theme.palette.disabled.primary,\n },\n }),\n },\n {\n props: { variant: 'contained', color: 'surface' },\n style: () => ({\n // remove 1px border from each side\n padding: '13px 23px',\n }),\n },\n {\n props: { variant: 'contained', color: 'surface', size: 'small' },\n style: () => ({\n // remove 1px border from each side\n padding: '7px 13px',\n }),\n },\n {\n props: { variant: 'contained', color: 'surface', size: 'large' },\n style: () => ({\n // remove 1px border from each side\n padding: '14px 24px',\n }),\n },\n {\n props: { variant: 'outlined', color: 'surface' },\n style: () => ({\n borderWidth: 2,\n ...updateFocusRingStyle(2),\n }),\n },\n {\n props: { variant: 'text', color: 'surface' },\n style: () => ({\n borderWidth: 0,\n backgroundColor: 'transparent',\n ...updateFocusRingStyle(),\n }),\n },\n {\n props: { variant: 'navigation' },\n style: ({ theme }) => ({\n padding: '0',\n fontSize: '14px',\n borderRadius: '2px',\n letterSpacing: '0.02em',\n fontWeight: '400',\n lineHeight: '20px',\n '& .MuiButton-icon': {\n transition: 'transform 0.3s ease-out',\n // icon itself\n '& .MuiSvgIcon-root': {\n fontSize: '17px',\n },\n },\n '& .MuiButton-startIcon': {\n marginRight: '6px',\n },\n '& .MuiButton-endIcon': {\n marginLeft: '6px',\n },\n // prepare pseudo-element for focus effect\n '&::before': {\n inset: '-4px -8px',\n },\n // same style is used in the quickLink interactive effect\n ...getInteractiveStyle(\n {\n backgroundColor: 'transparent',\n color: theme.palette.mode === 'dark' ? theme.palette.onSurface.os0 : theme.palette.onSurface.os900,\n '& .MuiButton-startIcon': {\n transform: 'translateX(0px)',\n },\n '& .MuiButton-endIcon': {\n transform: 'translateX(0px)',\n },\n },\n {\n backgroundColor: 'transparent',\n color: theme.palette.mode === 'dark' ? theme.palette.onSurface.os300 : theme.palette.onSurface.os700,\n '& .MuiButton-startIcon': {\n transform: 'translateX(-8px)',\n },\n '& .MuiButton-endIcon': {\n transform: 'translateX(8px)',\n },\n },\n ),\n // disabled style\n '&.Mui-disabled': {\n color: theme.palette.disabled.tertiary,\n },\n }),\n },\n {\n props: { variant: 'navigation', color: 'primary' },\n style: ({ theme }) => ({\n ...getInteractiveStyle(\n {\n color: theme.palette.primary.main,\n },\n {\n color: theme.palette.brandHover.primary,\n },\n ),\n }),\n },\n {\n props: { variant: 'navigation', color: 'surface' },\n style: {\n border: 'none',\n '&&::before': {\n inset: '-4px -8px',\n },\n },\n },\n {\n props: { variant: 'navigation', color: 'white' },\n style: ({ theme }) => ({\n ...getInteractiveStyle(\n {\n color: theme.palette.onSurface.os0,\n },\n {\n color: theme.palette.onSurface.os300,\n },\n ),\n }),\n },\n {\n props: { variant: 'navigation', color: 'error' },\n style: ({ theme }) => ({\n ...getInteractiveStyle(\n {\n color: theme.palette.error.main,\n },\n {\n color: theme.palette.error.dark,\n },\n ),\n }),\n },\n {\n props: { variant: 'shortcut' },\n style: ({ theme }) => ({\n // adjust proportions\n borderRadius: '3px',\n padding: '2px 8px',\n // font\n textAlign: 'left',\n fontWeight: '300',\n fontSize: '16px',\n lineHeight: '24px',\n letterSpacing: '0.02em',\n '&&': {\n textDecoration: 'underline',\n textDecorationColor: 'currentColor',\n textDecorationThickness: '1px',\n textUnderlineOffset: '2px',\n },\n // startIcon / endIcon\n '&& .MuiButton-icon': {\n transition: 'transform 0.3s ease-out',\n },\n // style\n ...getInteractiveStyle(\n {\n backgroundColor: 'transparent',\n color: theme.palette.text.primary,\n '& .MuiButton-icon': {\n transform: 'scale(1.0)',\n },\n },\n {\n backgroundColor: 'transparent',\n color: theme.palette.mode === 'dark' ? theme.palette.onSurface.os300 : theme.palette.onSurface.os700,\n '& .MuiButton-icon': {\n transform: 'scale(1.1)',\n },\n },\n ),\n // responsive scale\n [theme.breakpoints.down('md')]: {\n fontSize: '14px',\n // startIcon / endIcon\n '& .MuiButton-icon': {\n // icon itself\n '& .MuiSvgIcon-root': {\n fontSize: '18px',\n },\n },\n },\n // disabled style\n '&.Mui-disabled': {\n color: theme.palette.disabled.tertiary,\n },\n }),\n },\n {\n props: { variant: 'shortcut', fullWidth: true },\n style: {\n // move content to left side from the center\n justifyContent: 'flex-start',\n textAlign: 'left',\n },\n },\n {\n props: { variant: 'shortcut', color: 'inherit' },\n style: {\n ...getInteractiveStyle(\n {\n color: 'currentColor',\n },\n {\n color: 'currentColor',\n },\n ),\n },\n },\n ],\n};\n"],"names":["flowButton","defaultProps","disableRipple","disableElevation","variant","styleOverrides","root","theme","ownerState","Object","assign","position","boxShadow","textRendering","outline","minWidth","padding","flexShrink","typography","button","marginTop","marginBottom","fontSize","size","lineHeight","backgroundClip","transition","borderRadius","getFocusRingStyle","opacity","startIcon","marginRight","marginLeft","endIcon","contained","color","getInteractiveStyle","backgroundColor","palette","brand","secondary","onSurface","os900","brandHover","main","os0","os600","transparent","tertiary","error","dark","warning","info","surface","primary","disabled","mode","os800","text","includes","outlined","borderWidth","updateFocusRingStyle","borderStyle","borderColor","variants","props","style","border","quarternary","os100","letterSpacing","fontWeight","inset","transform","os300","os700","textAlign","textDecoration","textDecorationColor","textDecorationThickness","textUnderlineOffset","breakpoints","down","fullWidth","justifyContent"],"mappings":"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"}
1	+ {"version":3,"file":"button.theme.js","sources":["../../../src/materialui/button/button.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { getFocusRingStyle, updateFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport const flowButton: Components<Theme>['MuiButton'] = {\n defaultProps: {\n disableRipple: true,\n disableElevation: true,\n variant: 'contained',\n },\n styleOverrides: {\n root: ({ theme, ownerState }) => ({\n position: 'relative',\n boxShadow: 'none',\n textRendering: 'geometricPrecision',\n outline: 'none',\n minWidth: '44px',\n padding: '14px 24px',\n flexShrink: '0',\n // font\n ...theme.typography.button,\n // startIcon / endIcon\n '& .MuiButton-icon': {\n // make sure not to increase size of the Button due to padding\n marginTop: '-2px',\n marginBottom: '-2px',\n // icon itself\n '& .MuiSvgIcon-root': {\n fontSize: '20px',\n },\n // spinner inside\n '& .FlowSpinner-root': {\n marginTop: '-2px',\n marginBottom: '-2px',\n },\n },\n ...(ownerState.size === 'small' && {\n padding: '8px 14px',\n fontSize: '14px',\n lineHeight: '16px',\n // startIcon / endIcon\n '& .MuiButton-icon': {\n // make sure not to increase size of the Button due to padding\n marginTop: '-2px',\n marginBottom: '-2px',\n // icon itself\n '& .MuiSvgIcon-root': {\n fontSize: '17px',\n },\n },\n }),\n ...(ownerState.size === 'large' && {\n padding: '15px 25px',\n fontSize: '18px',\n lineHeight: '20px',\n // startIcon / endIcon\n '& .MuiButton-icon': {\n // make sure not to increase size of the Button due to padding\n marginTop: '-2px',\n marginBottom: '-2px',\n // icon itself\n '& .MuiSvgIcon-root': {\n fontSize: '22px',\n },\n },\n }),\n backgroundClip: 'padding-box',\n transition:\n 'transform 0.3s ease-out, color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out, box-shadow 0.3s ease-out, opacity 0.3s ease-out',\n // 50% border radius without skewing ratio\n borderRadius: '1000px',\n '&:hover': {\n boxShadow: 'none',\n },\n '&&:active': {\n boxShadow: 'none',\n },\n // focused style\n ...getFocusRingStyle(theme),\n // disabled style\n '&.Mui-disabled': {\n opacity: '1',\n },\n }),\n startIcon: ({ ownerState }) => ({\n flexShrink: '0',\n // space between text and icon\n marginRight: '10px',\n marginLeft: '0',\n ...(ownerState.size === 'small' && {\n marginRight: '5px',\n }),\n ...(ownerState.size === 'large' && {\n marginRight: '15px',\n }),\n }),\n endIcon: ({ ownerState }) => ({\n flexShrink: '0',\n // space between text and icon\n marginRight: '0',\n marginLeft: '10px',\n ...(ownerState.size === 'small' && {\n marginLeft: '5px',\n }),\n ...(ownerState.size === 'large' && {\n marginLeft: '15px',\n }),\n }),\n contained: ({ theme, ownerState }) => ({\n ...((ownerState.color === 'primary' \|\| ownerState.color === 'success') && {\n ...getInteractiveStyle(\n {\n backgroundColor: theme.palette.brand.secondary,\n color: theme.palette.onSurface.os900,\n },\n {\n backgroundColor: theme.palette.brandHover.secondary,\n color: theme.palette.onSurface.os900,\n },\n ),\n }),\n ...(ownerState.color === 'secondary' && {\n ...getInteractiveStyle(\n {\n backgroundColor: theme.palette.secondary.main,\n color: theme.palette.onSurface.os0,\n },\n {\n backgroundColor: theme.palette.onSurface.os600,\n color: theme.palette.onSurface.os0,\n },\n ),\n }),\n ...(ownerState.color === 'white' && {\n ...getInteractiveStyle(\n {\n backgroundColor: 'transparent',\n color: theme.palette.onSurface.os0,\n },\n {\n backgroundColor: theme.palette.transparent.tertiary,\n color: theme.palette.onSurface.os0,\n },\n ),\n }),\n ...(ownerState.color === 'error' && {\n ...getInteractiveStyle(\n {\n backgroundColor: theme.palette.error.main,\n color: theme.palette.onSurface.os0,\n },\n {\n backgroundColor: theme.palette.error.dark,\n color: theme.palette.onSurface.os0,\n },\n ),\n }),\n // deprecated semantic colors, used by Production team\n ...(ownerState.color === 'warning' && {\n ...getInteractiveStyle(\n {\n backgroundColor: theme.palette.warning.main,\n color: theme.palette.onSurface.os0,\n },\n {\n backgroundColor: theme.palette.warning.dark,\n color: theme.palette.onSurface.os0,\n },\n ),\n }),\n ...(ownerState.color === 'info' && {\n ...getInteractiveStyle(\n {\n backgroundColor: theme.palette.info.main,\n color: theme.palette.onSurface.os0,\n },\n {\n backgroundColor: theme.palette.info.dark,\n color: theme.palette.onSurface.os0,\n },\n ),\n }),\n ...(ownerState.color === 'inherit' && {\n ...getInteractiveStyle(\n {\n backgroundColor: theme.palette.transparent.secondary,\n color: 'currentColor',\n },\n {\n backgroundColor: theme.palette.surface.primary,\n },\n ),\n }),\n // disabled style\n '&.Mui-disabled': {\n color: theme.palette.disabled.tertiary,\n backgroundColor: theme.palette.disabled.secondary,\n ...(theme.palette.mode === 'dark' && {\n backgroundColor: theme.palette.onSurface.os800,\n }),\n },\n }),\n text: ({ theme, ownerState }) => ({\n ...getInteractiveStyle(\n {\n backgroundColor: 'transparent',\n },\n {\n backgroundColor: ['white', 'inherit'].includes(ownerState.color)\n ? theme.palette.transparent.tertiary\n : theme.palette.transparent.secondary,\n },\n ),\n ...((ownerState.color === 'primary' \|\| ownerState.color === 'success') && {\n color: theme.palette.brand.secondary,\n }),\n ...(ownerState.color === 'secondary' && {\n color: theme.palette.text.primary,\n }),\n ...(ownerState.color === 'white' && {\n color: theme.palette.onSurface.os0,\n }),\n // disabled style\n '&.Mui-disabled': {\n color: theme.palette.disabled.primary,\n },\n }),\n outlined: ({ theme, ownerState }) => ({\n '&, &:hover, &.Mui-disabled': {\n borderWidth: '2px',\n },\n ...updateFocusRingStyle(2),\n borderStyle: 'solid',\n // remove 2px border from each side and move focusRing\n padding: '12px 22px',\n ...(ownerState.size === 'small' && {\n '&, &:hover, &.Mui-disabled': {\n borderWidth: '1px',\n },\n ...updateFocusRingStyle(1),\n padding: '7px 13px',\n }),\n ...(ownerState.size === 'large' && {\n padding: '13px 23px',\n }),\n // electric green variant\n ...((ownerState.color === 'primary' \|\| ownerState.color === 'success') && {\n ...getInteractiveStyle(\n {\n backgroundColor: 'transparent',\n color: theme.palette.brand.secondary,\n borderColor: theme.palette.brand.secondary,\n },\n {\n backgroundColor: theme.palette.transparent.secondary,\n color: theme.palette.brand.secondary,\n },\n ),\n }),\n // secondary used as text color\n ...(ownerState.color === 'secondary' && {\n ...getInteractiveStyle(\n {\n backgroundColor: 'transparent',\n color: theme.palette.text.primary,\n borderColor: theme.palette.text.primary,\n },\n {\n backgroundColor: theme.palette.transparent.secondary,\n color: theme.palette.text.primary,\n },\n ),\n }),\n ...(ownerState.color === 'white' && {\n ...getInteractiveStyle(\n {\n backgroundColor: 'transparent',\n color: theme.palette.onSurface.os0,\n borderColor: theme.palette.onSurface.os0,\n },\n {\n backgroundColor: theme.palette.transparent.tertiary,\n color: theme.palette.onSurface.os0,\n },\n ),\n }),\n ...(ownerState.color === 'error' && {\n ...getInteractiveStyle(\n {\n backgroundColor: 'transparent',\n color: theme.palette.error.main,\n borderColor: theme.palette.error.main,\n },\n {\n backgroundColor: theme.palette.transparent.secondary,\n color: theme.palette.error.main,\n },\n ),\n }),\n // deprecated semantic colors\n ...(ownerState.color === 'warning' && {\n ...getInteractiveStyle(\n {\n backgroundColor: 'transparent',\n color: theme.palette.warning.main,\n borderColor: theme.palette.warning.main,\n },\n {\n backgroundColor: theme.palette.transparent.secondary,\n color: theme.palette.warning.main,\n },\n ),\n }),\n ...(ownerState.color === 'info' && {\n ...getInteractiveStyle(\n {\n backgroundColor: 'transparent',\n color: theme.palette.info.main,\n borderColor: theme.palette.info.main,\n },\n {\n backgroundColor: theme.palette.transparent.secondary,\n color: theme.palette.info.main,\n },\n ),\n }),\n ...(ownerState.color === 'inherit' && {\n ...getInteractiveStyle(\n {\n backgroundColor: 'transparent',\n color: 'currentColor',\n borderColor: 'currentColor',\n },\n {\n backgroundColor: theme.palette.transparent.secondary,\n },\n ),\n }),\n // disabled style\n '&.Mui-disabled': {\n borderColor: theme.palette.disabled.primary,\n color: theme.palette.disabled.primary,\n },\n }),\n },\n variants: [\n {\n props: { color: 'surface' },\n style: ({ theme }) => ({\n border: `1px solid ${theme.palette.mode === 'dark' ? theme.palette.transparent.quarternary : theme.palette.onSurface.os100}`,\n ...updateFocusRingStyle(1),\n ...getInteractiveStyle(\n {\n backgroundColor: theme.palette.surface.primary,\n color: theme.palette.text.primary,\n },\n {\n backgroundColor: theme.palette.surface.secondary,\n color: theme.palette.text.primary,\n },\n ),\n // disabled style\n '&.Mui-disabled': {\n backgroundColor: theme.palette.surface.secondary,\n borderColor: theme.palette.surface.secondary,\n color: theme.palette.disabled.primary,\n },\n }),\n },\n {\n props: { variant: 'contained', color: 'surface' },\n style: () => ({\n // remove 1px border from each side\n padding: '13px 23px',\n }),\n },\n {\n props: { variant: 'contained', color: 'surface', size: 'small' },\n style: () => ({\n // remove 1px border from each side\n padding: '7px 13px',\n }),\n },\n {\n props: { variant: 'contained', color: 'surface', size: 'large' },\n style: () => ({\n // remove 1px border from each side\n padding: '14px 24px',\n }),\n },\n {\n props: { variant: 'outlined', color: 'surface' },\n style: () => ({\n borderWidth: 2,\n ...updateFocusRingStyle(2),\n }),\n },\n {\n props: { variant: 'text', color: 'surface' },\n style: () => ({\n borderWidth: 0,\n backgroundColor: 'transparent',\n ...updateFocusRingStyle(),\n }),\n },\n {\n props: { variant: 'navigation' },\n style: ({ theme }) => ({\n padding: '0',\n fontSize: '14px',\n borderRadius: '2px',\n letterSpacing: '0.02em',\n fontWeight: '400',\n lineHeight: '20px',\n '& .MuiButton-icon': {\n transition: 'transform 0.3s ease-out',\n // icon itself\n '& .MuiSvgIcon-root': {\n fontSize: '17px',\n },\n },\n '& .MuiButton-startIcon': {\n marginRight: '6px',\n },\n '& .MuiButton-endIcon': {\n marginLeft: '6px',\n },\n // prepare pseudo-element for focus effect\n '&::before': {\n inset: '-4px -8px',\n },\n // same style is used in the quickLink interactive effect\n ...getInteractiveStyle(\n {\n backgroundColor: 'transparent',\n color: theme.palette.mode === 'dark' ? theme.palette.onSurface.os0 : theme.palette.onSurface.os900,\n '& .MuiButton-startIcon': {\n transform: 'translateX(0px)',\n },\n '& .MuiButton-endIcon': {\n transform: 'translateX(0px)',\n },\n },\n {\n backgroundColor: 'transparent',\n color: theme.palette.mode === 'dark' ? theme.palette.onSurface.os300 : theme.palette.onSurface.os700,\n '& .MuiButton-startIcon': {\n transform: 'translateX(-8px)',\n },\n '& .MuiButton-endIcon': {\n transform: 'translateX(8px)',\n },\n },\n ),\n // disabled style\n '&.Mui-disabled': {\n color: theme.palette.disabled.tertiary,\n },\n }),\n },\n {\n props: { variant: 'navigation', color: 'primary' },\n style: ({ theme }) => ({\n ...getInteractiveStyle(\n {\n color: theme.palette.primary.main,\n },\n {\n color: theme.palette.brandHover.primary,\n },\n ),\n }),\n },\n {\n props: { variant: 'navigation', color: 'surface' },\n style: {\n border: 'none',\n '&&::before': {\n inset: '-4px -8px',\n },\n },\n },\n {\n props: { variant: 'navigation', color: 'white' },\n style: ({ theme }) => ({\n ...getInteractiveStyle(\n {\n color: theme.palette.onSurface.os0,\n },\n {\n color: theme.palette.onSurface.os300,\n },\n ),\n }),\n },\n {\n props: { variant: 'navigation', color: 'error' },\n style: ({ theme }) => ({\n ...getInteractiveStyle(\n {\n color: theme.palette.error.main,\n },\n {\n color: theme.palette.error.dark,\n },\n ),\n }),\n },\n {\n props: { variant: 'shortcut' },\n style: ({ theme }) => ({\n // adjust proportions\n borderRadius: '3px',\n padding: '2px 8px',\n // font\n textAlign: 'left',\n fontWeight: '300',\n fontSize: '16px',\n lineHeight: '24px',\n letterSpacing: '0.02em',\n '&&': {\n textDecoration: 'underline',\n textDecorationColor: 'currentColor',\n textDecorationThickness: '1px',\n textUnderlineOffset: '2px',\n },\n // startIcon / endIcon\n '&& .MuiButton-icon': {\n transition: 'transform 0.3s ease-out',\n },\n // style\n ...getInteractiveStyle(\n {\n backgroundColor: 'transparent',\n color: theme.palette.text.primary,\n '& .MuiButton-icon': {\n transform: 'scale(1.0)',\n },\n },\n {\n backgroundColor: 'transparent',\n color: theme.palette.mode === 'dark' ? theme.palette.onSurface.os300 : theme.palette.onSurface.os700,\n '& .MuiButton-icon': {\n transform: 'scale(1.1)',\n },\n },\n ),\n // responsive scale\n [theme.breakpoints.down('md')]: {\n fontSize: '14px',\n // startIcon / endIcon\n '& .MuiButton-icon': {\n // icon itself\n '& .MuiSvgIcon-root': {\n fontSize: '18px',\n },\n },\n },\n // disabled style\n '&.Mui-disabled': {\n color: theme.palette.disabled.tertiary,\n },\n }),\n },\n {\n props: { variant: 'shortcut', fullWidth: true },\n style: {\n // move content to left side from the center\n justifyContent: 'flex-start',\n textAlign: 'left',\n },\n },\n {\n props: { variant: 'shortcut', color: 'inherit' },\n style: {\n ...getInteractiveStyle(\n {\n color: 'currentColor',\n },\n {\n color: 'currentColor',\n },\n ),\n },\n },\n ],\n};\n"],"names":["flowButton","defaultProps","disableRipple","disableElevation","variant","styleOverrides","root","theme","ownerState","Object","assign","position","boxShadow","textRendering","outline","minWidth","padding","flexShrink","typography","button","marginTop","marginBottom","fontSize","size","lineHeight","backgroundClip","transition","borderRadius","getFocusRingStyle","opacity","startIcon","marginRight","marginLeft","endIcon","contained","color","getInteractiveStyle","backgroundColor","palette","brand","secondary","onSurface","os900","brandHover","main","os0","os600","transparent","tertiary","error","dark","warning","info","surface","primary","disabled","mode","os800","text","includes","outlined","borderWidth","updateFocusRingStyle","borderStyle","borderColor","variants","props","style","border","quarternary","os100","letterSpacing","fontWeight","inset","transform","os300","os700","textAlign","textDecoration","textDecorationColor","textDecorationThickness","textUnderlineOffset","breakpoints","down","fullWidth","justifyContent"],"mappings":"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"}

package/materialui/button/index.d.ts CHANGED Viewed

@@ -1 +1,3 @@
 export * from './interactive';
+export { Button, ButtonBase } from '@mui/material';
+export type { ButtonProps, ButtonBaseProps } from '@mui/material';

package/materialui/card/Card.d.ts CHANGED Viewed

@@ -2,6 +2,5 @@ import { FC } from 'react';
 import { CardProps } from '@mui/material';
 /**
  * Standard MUI Card extended with custom properties
- * Maintaining support for deprecated API
  */
-export declare const Card: FC<CardProps>;
+export declare const FlowCard: FC<CardProps>;

package/materialui/card/Card.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__rest as o}from"tslib";import{jsx as e,jsxs as n}from"react/jsx-runtime";import{forwardRef as r,useMemo as s,Fragment as i}from"react";import{CardActionArea as c,Paper as t,Box as a}from"@mui/material";import{CheckIcon as l}from"../../components/icon/stroke/CheckIcon.js";import{PlusIcon as p}from"../../components/icon/stroke/PlusIcon.js";import{MinusIcon as d}from"../../components/icon/stroke/MinusIcon.js";import{FlippingCardContent as b}from"./FlippingCardContent.js";import{updateFocusRingStyle as g}from"../../components/focusring/focusring.js";import{getInteractiveStyle as m}from"../button/interactive.js";const f=r((r,f)=>{var{children:j,isSelected:u,disableIcon:O=!0,iconSlots:h,iconPlacement:x="top-end",iconProps:y,hoverIconProps:k,iconWrapperProps:C,contentWrapperProps:v,flippingContent:I,isFlipped:S,flipOnHover:P,onClick:H,disabled:w,color:F,sx:z,flipping:M,selectable:W,cardSizing:B,link:N,href:R,handleSelection:q}=r,A=o(r,["children","isSelected","disableIcon","iconSlots","iconPlacement","iconProps","hoverIconProps","iconWrapperProps","contentWrapperProps","flippingContent","isFlipped","flipOnHover","onClick","disabled","color","sx","flipping","selectable","cardSizing","link","href","handleSelection"]);const D=v||{},{sx:E}=D,G=o(D,["sx"]),J=C||{},{sx:K,className:L}=J,Q=o(J,["sx","className"]),T=y||{},{sx:U}=T,V=o(T,["sx"]),X=k||{},{sx:Y}=X,Z=o(X,["sx"]),[$,_]=s(()=>N?[c,Object.assign({href:R,disabled:w},R?{component:"a"}:{})]:[i,{}],[N]),{icon:oo,selectedIcon:eo,hoverIcon:no,hoverSelectedIcon:ro}=Object.assign({icon:p,selectedIcon:l,hoverIcon:p,hoverSelectedIcon:d},h||{}),so=!w&&u?eo:oo,io=!w&&u?ro:no;return e(t,Object.assign({color:F,sx:Object.assign(Object.assign({},"content"===B?{display:"inline-flex"}:{}),z),onClick:w?void 0:H},A,{ref:f,children:e(a,Object.assign({sx:Object.assign({borderRadius:"inherit",overflow:"hidden",height:"100%"},E)},G,{children:n($,Object.assign({},_,{children:[!O&&n(a,Object.assign({sx:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({border:1,borderColor:"onSurface.os100",backgroundColor:"background.primary"},"secondary"===F&&{backgroundColor:"surface.primary"}),{borderRadius:"555px",p:"5px",width:"auto",height:"auto",transition:"none",position:"absolute"}),x.includes("top")?{top:"16px"}:{}),x.includes("bottom")?{bottom:"16px"}:{}),x.includes("start")?{left:"16px"}:{}),x.includes("end")?{right:"16px"}:{}),K),{"&.MuiButtonBase-root":Object.assign(Object.assign(Object.assign({},g(1)),{"&:before":{transition:"none"}}),m(Object.assign(Object.assign(Object.assign({backgroundColor:"background.primary"},"secondary"===F&&{backgroundColor:"surface.primary"}),u&&{backgroundColor:"brand.primary",borderColor:"brand.primary",color:"common.white"}),{"& .MuiSvgIcon-root":{"&:first-of-type":{display:"block"},"&:last-of-type":{display:"none"}}}),Object.assign(Object.assign(Object.assign({backgroundColor:"surface.primary"},"secondary"===F&&{backgroundColor:"surface.secondary"}),u&&{backgroundColor:"brandHover.primary",borderColor:"brandHover.primary",color:"common.white"}),{"& .MuiSvgIcon-root":{"&:first-of-type":{display:"none"},"&:last-of-type":{display:"block"}}})))}),className:["FlowCard-Icon-root",L].filter(Boolean).join(", ")},Q,{children:[e(so,Object.assign({"data-testid":"Card.Icon",sx:Object.assign({display:"block",fontSize:"20px"},U)},V)),e(io,Object.assign({"data-testid":"Card.HoverIcon",sx:Object.assign({display:"none",fontSize:"20px"},Y)},Z))]})),j,M&&I&&e(b,{isFlipped:S,flipOnHover:P,disabled:w,children:I})]}))}))}))});export{f as Card};
+import{__rest as o}from"tslib";import{jsx as r,jsxs as s}from"react/jsx-runtime";import{forwardRef as e}from"react";import{Paper as n,Box as c}from"@mui/material";import{CheckIcon as i}from"../../components/icon/stroke/CheckIcon.js";import{PlusIcon as t}from"../../components/icon/stroke/PlusIcon.js";import{MinusIcon as a}from"../../components/icon/stroke/MinusIcon.js";import{updateFocusRingStyle as d}from"../../components/focusring/focusring.js";import{getInteractiveStyle as l}from"../button/interactive.js";const p=e((e,p)=>{var{children:b,isSelected:m,disableIcon:g=!0,iconSlots:u,iconPlacement:j="top-end",iconProps:f,hoverIconProps:O,iconWrapperProps:y,contentWrapperProps:h,onClick:x,disabled:k,color:C}=e,I=o(e,["children","isSelected","disableIcon","iconSlots","iconPlacement","iconProps","hoverIconProps","iconWrapperProps","contentWrapperProps","onClick","disabled","color"]);const v=h||{},{sx:P}=v,S=o(v,["sx"]),w=y||{},{sx:M,className:W}=w,B=o(w,["sx","className"]),H=f||{},{sx:N}=H,z=o(H,["sx"]),R=O||{},{sx:F}=R,q=o(R,["sx"]),{icon:A,selectedIcon:D,hoverIcon:E,hoverSelectedIcon:G}=Object.assign({icon:t,selectedIcon:i,hoverIcon:t,hoverSelectedIcon:a},u||{}),J=!k&&m?D:A,K=!k&&m?G:E;return r(n,Object.assign({color:C,onClick:k?void 0:x},I,{ref:p,children:s(c,Object.assign({sx:Object.assign({borderRadius:"inherit",overflow:"hidden",height:"100%"},P)},S,{children:[!g&&s(c,Object.assign({sx:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({border:1,borderColor:"onSurface.os100",backgroundColor:"background.primary"},"secondary"===C&&{backgroundColor:"surface.primary"}),{borderRadius:"555px",p:"5px",width:"auto",height:"auto",transition:"none",position:"absolute"}),j.includes("top")?{top:"16px"}:{}),j.includes("bottom")?{bottom:"16px"}:{}),j.includes("start")?{left:"16px"}:{}),j.includes("end")?{right:"16px"}:{}),M),{"&.MuiButtonBase-root":Object.assign(Object.assign(Object.assign({},d(1)),{"&:before":{transition:"none"}}),l(Object.assign(Object.assign(Object.assign({backgroundColor:"background.primary"},"secondary"===C&&{backgroundColor:"surface.primary"}),m&&{backgroundColor:"brand.primary",borderColor:"brand.primary",color:"common.white"}),{"& .MuiSvgIcon-root":{"&:first-of-type":{display:"block"},"&:last-of-type":{display:"none"}}}),Object.assign(Object.assign(Object.assign({backgroundColor:"surface.primary"},"secondary"===C&&{backgroundColor:"surface.secondary"}),m&&{backgroundColor:"brandHover.primary",borderColor:"brandHover.primary",color:"common.white"}),{"& .MuiSvgIcon-root":{"&:first-of-type":{display:"none"},"&:last-of-type":{display:"block"}}})))}),className:["FlowCard-Icon-root",W].filter(Boolean).join(" ")},B,{children:[r(J,Object.assign({"data-testid":"Card.Icon",sx:Object.assign({display:"block",fontSize:"20px"},N)},z)),r(K,Object.assign({"data-testid":"Card.HoverIcon",sx:Object.assign({display:"none",fontSize:"20px"},F)},q))]})),b]}))}))});export{p as FlowCard};
 //# sourceMappingURL=Card.js.map

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, Fragment, useMemo } from 'react';\nimport { Paper, Box, CardProps, CardActionArea } from '@mui/material';\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 { FlippingCardContent } from '@/src/materialui/card/FlippingCardContent';\nimport { updateFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\n/*\n Standard MUI Card extended with custom properties\n * Maintaining support for deprecated API\n */\nexport const Card: 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 flippingContent,\n isFlipped,\n flipOnHover,\n onClick,\n disabled,\n color,\n sx,\n // deprecated props\n flipping,\n selectable,\n cardSizing,\n link,\n href,\n handleSelection,\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 [LinkWrapper, linkWrapperProps] = useMemo(\n () => (link ? [CardActionArea, { href, disabled, ...(href ? { component: 'a' } : {}) }] : [Fragment, {}]),\n [link],\n );\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\n return (\n <Paper\n color={color}\n sx={{ ...(cardSizing === 'content' ? { display: 'inline-flex' } : {}), ...sx }}\n onClick={!disabled ? onClick : undefined}\n {...rest}\n ref={ref}\n >\n <Box sx={{ borderRadius: 'inherit', overflow: 'hidden', height: '100%', ...wrapperSx }} {...restWrapper}>\n <LinkWrapper {...linkWrapperProps}>\n {!disableIcon && (\n <Box\n sx={{\n // circle\n border: 1,\n borderColor: 'onSurface.os100',\n backgroundColor: 'background.primary',\n ...(color === 'secondary' && {\n backgroundColor: 'surface.primary',\n }),\n borderRadius: '555px',\n p: '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 ...iconWrapperSx,\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 '& .MuiSvgIcon-root': {\n '&:first-of-type': {\n display: 'block',\n },\n '&:last-of-type': {\n display: 'none',\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 '& .MuiSvgIcon-root': {\n '&:first-of-type': {\n display: 'none',\n },\n '&:last-of-type': {\n display: 'block',\n },\n },\n },\n ),\n },\n }}\n className={['FlowCard-Icon-root', iconWrapperClassName].filter(Boolean).join(', ')}\n {...restIconWrapper}\n >\n <IconComponent\n data-testid=\"Card.Icon\"\n sx={{ display: 'block', fontSize: '20px', ...iconSx }}\n {...restIcon}\n />\n <HoverIconComponent\n data-testid=\"Card.HoverIcon\"\n sx={{ display: 'none', fontSize: '20px', ...hoverIconSx }}\n {...restHoverIcon}\n />\n </Box>\n )}\n {children}\n {flipping && flippingContent && (\n <FlippingCardContent isFlipped={isFlipped} flipOnHover={flipOnHover} disabled={disabled}>\n {flippingContent}\n </FlippingCardContent>\n )}\n </LinkWrapper>\n </Box>\n </Paper>\n );\n },\n);\n"],"names":["Card","forwardRef","_a","ref","children","isSelected","disableIcon","iconSlots","iconPlacement","iconProps","hoverIconProps","iconWrapperProps","contentWrapperProps","flippingContent","isFlipped","flipOnHover","onClick","disabled","color","sx","flipping","selectable","cardSizing","link","href","handleSelection","rest","__rest","_b","wrapperSx","restWrapper","_c","iconWrapperSx","className","iconWrapperClassName","restIconWrapper","_d","iconSx","restIcon","_e","hoverIconSx","restHoverIcon","LinkWrapper","linkWrapperProps","useMemo","CardActionArea","Object","assign","component","Fragment","icon","selectedIcon","hoverIcon","hoverSelectedIcon","PlusIcon","CheckIcon","MinusIcon","IconComponent","HoverIconComponent","_jsx","Paper","display","undefined","Box","borderRadius","overflow","height","_jsxs","border","borderColor","backgroundColor","p","width","transition","position","includes","top","bottom","left","right","updateFocusRingStyle","getInteractiveStyle","filter","Boolean","join","fontSize","FlippingCardContent"],"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 { 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';\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 ...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 { 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\n return (\n <Paper color={color} onClick={disabled ? undefined : onClick} {...rest} ref={ref}>\n <Box sx={{ borderRadius: 'inherit', overflow: 'hidden', height: '100%', ...wrapperSx }} {...restWrapper}>\n {!disableIcon && (\n <Box\n sx={{\n // circle\n border: 1,\n borderColor: 'onSurface.os100',\n backgroundColor: 'background.primary',\n ...(color === 'secondary' && {\n backgroundColor: 'surface.primary',\n }),\n borderRadius: '555px',\n p: '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 ...iconWrapperSx,\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 '& .MuiSvgIcon-root': {\n '&:first-of-type': {\n display: 'block',\n },\n '&:last-of-type': {\n display: 'none',\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 '& .MuiSvgIcon-root': {\n '&:first-of-type': {\n display: 'none',\n },\n '&:last-of-type': {\n display: 'block',\n },\n },\n },\n ),\n },\n }}\n className={['FlowCard-Icon-root', iconWrapperClassName].filter(Boolean).join(' ')}\n {...restIconWrapper}\n >\n <IconComponent\n data-testid=\"Card.Icon\"\n sx={{ display: 'block', fontSize: '20px', ...iconSx }}\n {...restIcon}\n />\n <HoverIconComponent\n data-testid=\"Card.HoverIcon\"\n sx={{ display: 'none', fontSize: '20px', ...hoverIconSx }}\n {...restHoverIcon}\n />\n </Box>\n )}\n {children}\n </Box>\n </Paper>\n );\n },\n);\n"],"names":["FlowCard","forwardRef","_a","ref","children","isSelected","disableIcon","iconSlots","iconPlacement","iconProps","hoverIconProps","iconWrapperProps","contentWrapperProps","onClick","disabled","color","rest","__rest","_b","sx","wrapperSx","restWrapper","_c","iconWrapperSx","className","iconWrapperClassName","restIconWrapper","_d","iconSx","restIcon","_e","hoverIconSx","restHoverIcon","icon","selectedIcon","hoverIcon","hoverSelectedIcon","Object","assign","PlusIcon","CheckIcon","MinusIcon","IconComponent","HoverIconComponent","_jsx","Paper","undefined","_jsxs","Box","borderRadius","overflow","height","border","borderColor","backgroundColor","p","width","transition","position","includes","top","bottom","left","right","updateFocusRingStyle","getInteractiveStyle","display","filter","Boolean","join","fontSize"],"mappings":"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"}

package/materialui/card/FlippingCardContent.d.ts CHANGED Viewed

@@ -1,6 +1,9 @@
 import { FC } from 'react';
 import { SlideProps, CardContentProps, ButtonBaseProps } from '@mui/material';
 export interface FlippingCardContentProps extends CardContentProps {
+    /**
+     * Disabled state
+     */
     disabled?: boolean;
     /**
      * Specifies if detail should be flipped on card hover
@@ -19,7 +22,7 @@ export interface FlippingCardContentProps extends CardContentProps {
     /**
      * Properties applied to <Slide /> component
      */
-    slideProps?: SlideProps;
+    slideProps?: Omit<SlideProps, 'children'>;
 }
 /**
  * Sub-element for Card component for flipping content

package/materialui/card/FlippingCardContent.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__rest as e}from"tslib";import{jsx as i}from"react/jsx-runtime";import{useRef as o,useState as n,useEffect as s}from"react";import{ButtonBase as r,Slide as t,CardContent as a}from"@mui/material";const l=l=>{var{children:c,disabled:p,isFlipped:d=!1,flipOnHover:m=!0,sx:u,className:b,containerProps:f,slideProps:x}=l,g=e(l,["children","disabled","isFlipped","flipOnHover","sx","className","containerProps","slideProps"]);const h=f||{},{sx:j}=h,v=e(h,["sx"]),O=o(null),[F,P]=n(d);s(()=>{P(d)},[d]);const w=()=>!p&&m&&P(!0),C=()=>!p&&m&&P(!1);return i(r,Object.assign({sx:Object.assign(Object.assign({display:"block",textAlign:"left",position:"absolute",inset:"0px",overflow:"hidden",borderRadius:"inherit"},m||d?{}:{pointerEvents:"none"}),j),component:"div",ref:O,onFocus:w,onBlur:C,onMouseEnter:w,onMouseLeave:C,"aria-hidden":!F,className:["FlowFlippingCardContent-root",b].filter(Boolean).join(", ")},v,{children:i(t,Object.assign({in:F,direction:"up",container:O.current},x,{children:i(a,Object.assign({sx:Object.assign({position:"absolute",inset:"0",backgroundColor:"surface.primary",overflow:"auto"},u)},g,{children:c}))}))}))};export{l as FlippingCardContent};
+import{__rest as e}from"tslib";import{jsx as i}from"react/jsx-runtime";import{useRef as o,useState as n,useEffect as s}from"react";import{ButtonBase as r,Slide as t,CardContent as a}from"@mui/material";const l=l=>{var{children:c,disabled:p,isFlipped:d=!1,flipOnHover:m=!0,sx:u,className:b,containerProps:f,slideProps:x}=l,g=e(l,["children","disabled","isFlipped","flipOnHover","sx","className","containerProps","slideProps"]);const h=f||{},{sx:j}=h,v=e(h,["sx"]),O=o(null),[F,P]=n(d);s(()=>{P(d)},[d]);const w=()=>!p&&m&&P(!0),C=()=>!p&&m&&P(!1);return i(r,Object.assign({sx:Object.assign(Object.assign({display:"block",textAlign:"left",position:"absolute",inset:"0px",overflow:"hidden",borderRadius:"inherit"},m||d?{}:{pointerEvents:"none"}),j),component:"div",ref:O,onFocus:w,onBlur:C,onMouseEnter:w,onMouseLeave:C,"aria-hidden":!F,className:["FlowFlippingCardContent-root",b].filter(Boolean).join(" ")},v,{children:i(t,Object.assign({in:F,direction:"up",container:O.current},x,{children:i(a,Object.assign({sx:Object.assign({position:"absolute",inset:"0",backgroundColor:"surface.primary",overflow:"auto"},u)},g,{children:c}))}))}))};export{l as FlippingCardContent};
 //# sourceMappingURL=FlippingCardContent.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"FlippingCardContent.js","sources":["../../../src/materialui/card/FlippingCardContent.tsx"],"sourcesContent":["import { FC, useEffect, useRef, useState } from 'react';\nimport { Slide, SlideProps, CardContent, CardContentProps, ButtonBase, ButtonBaseProps } from '@mui/material';\n\nexport interface FlippingCardContentProps extends CardContentProps {\n disabled?: boolean;\n /*\n Specifies if detail should be flipped on card hover\n * @default true\n /\n flipOnHover?: boolean;\n /\n Specifies if detail should be flipped\n * @default false\n /\n isFlipped?: boolean;\n /\n Properties applied to wrapper component\n /\n containerProps?: ButtonBaseProps;\n /\n Properties applied to <Slide /> component\n /\n slideProps?: SlideProps;\n}\n\n/\n Sub-element for Card component for flipping content\n /\nexport const FlippingCardContent: FC<FlippingCardContentProps> = ({\n children,\n disabled,\n isFlipped = false,\n flipOnHover = true,\n sx,\n className,\n containerProps,\n slideProps,\n ...rest\n}) => {\n const { sx: containerSx, ...restContainer } = containerProps \|\| {};\n const containerRef = useRef(null);\n\n const [flipped, setFlipped] = useState(isFlipped);\n /\n Detect controlled state\n */\n useEffect(() => {\n setFlipped(isFlipped);\n }, [isFlipped]);\n\n const handleMouseEnter = () => !disabled && flipOnHover && setFlipped(true);\n const handleMouseLeave = () => !disabled && flipOnHover && setFlipped(false);\n\n return (\n <ButtonBase\n sx={{\n display: 'block',\n textAlign: 'left',\n position: 'absolute',\n inset: '0px',\n overflow: 'hidden',\n borderRadius: 'inherit',\n ...(!flipOnHover && !isFlipped\n ? {\n pointerEvents: 'none',\n }\n : {}),\n ...containerSx,\n }}\n component=\"div\"\n ref={containerRef}\n onFocus={handleMouseEnter}\n onBlur={handleMouseLeave}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n aria-hidden={!flipped}\n className={['FlowFlippingCardContent-root', className].filter(Boolean).join(', ')}\n {...restContainer}\n >\n <Slide in={flipped} direction=\"up\" container={containerRef.current} {...slideProps}>\n <CardContent\n sx={{\n position: 'absolute',\n inset: '0',\n backgroundColor: 'surface.primary',\n overflow: 'auto',\n ...sx,\n }}\n {...rest}\n >\n {children}\n </CardContent>\n </Slide>\n </ButtonBase>\n );\n};\n"],"names":["FlippingCardContent","_a","children","disabled","isFlipped","flipOnHover","sx","className","containerProps","slideProps","rest","__rest","_b","containerSx","restContainer","containerRef","useRef","flipped","setFlipped","useState","useEffect","handleMouseEnter","handleMouseLeave","_jsx","ButtonBase","Object","assign","display","textAlign","position","inset","overflow","borderRadius","pointerEvents","component","ref","onFocus","onBlur","onMouseEnter","onMouseLeave","filter","Boolean","join","Slide","in","direction","container","current","CardContent","backgroundColor"],"mappings":"~~0MA4BO~~,MAAMA,EAAqDC,QAAAC,SAChEA,EAAQC,SACRA,EAAQC,UACRA,GAAY,EAAKC,YACjBA,GAAc,EAAIC,GAClBA,EAAEC,UACFA,EAASC,eACTA,EAAcC,WACdA,KACGC,EAAIC,EAAAV,EATyD,CAAA,WAAA,WAAA,YAAA,cAAA,KAAA,YAAA,iBAAA,eAWhE,MAAMW,EAAwCJ,GAAkB,IAAxDF,GAAIO,KAAgBC,EAAaH,EAAAC,EAAnC,CAAA,OACAG,EAAeC,EAAO,OAErBC,EAASC,GAAcC,EAASf,GAIvCgB,EAAU,KACRF,EAAWd,IACV,CAACA,IAEJ,MAAMiB,EAAmB,KAAOlB,GAAYE,GAAea,GAAW,GAChEI,EAAmB,KAAOnB,GAAYE,GAAea,GAAW,GAEtE,OACEK,EAACC,EAAUC,OAAAC,OAAA,CACTpB,GAAEmB,OAAAC,OAAAD,OAAAC,OAAA,CACAC,QAAS,QACTC,UAAW,OACXC,SAAU,WACVC,MAAO,MACPC,SAAU,SACVC,aAAc,WACT3B,GAAgBD,EAIjB,CAAA,EAHA,CACE6B,cAAe,SAGlBpB,GAELqB,UAAU,MACVC,IAAKpB,EACLqB,QAASf,EACTgB,OAAQf,EACRgB,aAAcjB,EACdkB,aAAcjB,EAAgB,eAChBL,EACdV,UAAW,CAAC,+BAAgCA,GAAWiC,OAAOC,SAASC,KAAK,~~OACxE5B~~,EAAa,CAAAZ,SAEjBqB,EAACoB,EAAKlB,OAAAC,OAAA,CAACkB,GAAI3B,EAAS4B,UAAU,KAAKC,UAAW/B,EAAagC,SAAatC,EAAU,CAAAP,SAChFqB,EAACyB,EAAWvB,OAAAC,OAAA,CACVpB,GAAEmB,OAAAC,OAAA,CACAG,SAAU,WACVC,MAAO,IACPmB,gBAAiB,kBACjBlB,SAAU,QACPzB,IAEDI,EAAI,CAAAR,SAEPA"}
1	+ {"version":3,"file":"FlippingCardContent.js","sources":["../../../src/materialui/card/FlippingCardContent.tsx"],"sourcesContent":["import { FC, useEffect, useRef, useState } from 'react';\nimport { Slide, SlideProps, CardContent, CardContentProps, ButtonBase, ButtonBaseProps } from '@mui/material';\n\nexport interface FlippingCardContentProps extends CardContentProps {\n /*\n Disabled state\n /\n disabled?: boolean;\n /\n Specifies if detail should be flipped on card hover\n * @default true\n /\n flipOnHover?: boolean;\n /\n Specifies if detail should be flipped\n * @default false\n /\n isFlipped?: boolean;\n /\n Properties applied to wrapper component\n /\n containerProps?: ButtonBaseProps;\n /\n Properties applied to <Slide /> component\n /\n slideProps?: Omit<SlideProps, 'children'>;\n}\n\n/\n Sub-element for Card component for flipping content\n /\nexport const FlippingCardContent: FC<FlippingCardContentProps> = ({\n children,\n disabled,\n isFlipped = false,\n flipOnHover = true,\n sx,\n className,\n containerProps,\n slideProps,\n ...rest\n}) => {\n const { sx: containerSx, ...restContainer } = containerProps \|\| {};\n const containerRef = useRef(null);\n\n const [flipped, setFlipped] = useState(isFlipped);\n /\n Detect controlled state\n */\n useEffect(() => {\n setFlipped(isFlipped);\n }, [isFlipped]);\n\n const handleMouseEnter = () => !disabled && flipOnHover && setFlipped(true);\n const handleMouseLeave = () => !disabled && flipOnHover && setFlipped(false);\n\n return (\n <ButtonBase\n sx={{\n display: 'block',\n textAlign: 'left',\n position: 'absolute',\n inset: '0px',\n overflow: 'hidden',\n borderRadius: 'inherit',\n ...(!flipOnHover && !isFlipped\n ? {\n pointerEvents: 'none',\n }\n : {}),\n ...containerSx,\n }}\n component=\"div\"\n ref={containerRef}\n onFocus={handleMouseEnter}\n onBlur={handleMouseLeave}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n aria-hidden={!flipped}\n className={['FlowFlippingCardContent-root', className].filter(Boolean).join(' ')}\n {...restContainer}\n >\n <Slide in={flipped} direction=\"up\" container={containerRef.current} {...slideProps}>\n <CardContent\n sx={{\n position: 'absolute',\n inset: '0',\n backgroundColor: 'surface.primary',\n overflow: 'auto',\n ...sx,\n }}\n {...rest}\n >\n {children}\n </CardContent>\n </Slide>\n </ButtonBase>\n );\n};\n"],"names":["FlippingCardContent","_a","children","disabled","isFlipped","flipOnHover","sx","className","containerProps","slideProps","rest","__rest","_b","containerSx","restContainer","containerRef","useRef","flipped","setFlipped","useState","useEffect","handleMouseEnter","handleMouseLeave","_jsx","ButtonBase","Object","assign","display","textAlign","position","inset","overflow","borderRadius","pointerEvents","component","ref","onFocus","onBlur","onMouseEnter","onMouseLeave","filter","Boolean","join","Slide","in","direction","container","current","CardContent","backgroundColor"],"mappings":"0MA+BO,MAAMA,EAAqDC,QAAAC,SAChEA,EAAQC,SACRA,EAAQC,UACRA,GAAY,EAAKC,YACjBA,GAAc,EAAIC,GAClBA,EAAEC,UACFA,EAASC,eACTA,EAAcC,WACdA,KACGC,EAAIC,EAAAV,EATyD,CAAA,WAAA,WAAA,YAAA,cAAA,KAAA,YAAA,iBAAA,eAWhE,MAAMW,EAAwCJ,GAAkB,IAAxDF,GAAIO,KAAgBC,EAAaH,EAAAC,EAAnC,CAAA,OACAG,EAAeC,EAAO,OAErBC,EAASC,GAAcC,EAASf,GAIvCgB,EAAU,KACRF,EAAWd,IACV,CAACA,IAEJ,MAAMiB,EAAmB,KAAOlB,GAAYE,GAAea,GAAW,GAChEI,EAAmB,KAAOnB,GAAYE,GAAea,GAAW,GAEtE,OACEK,EAACC,EAAUC,OAAAC,OAAA,CACTpB,GAAEmB,OAAAC,OAAAD,OAAAC,OAAA,CACAC,QAAS,QACTC,UAAW,OACXC,SAAU,WACVC,MAAO,MACPC,SAAU,SACVC,aAAc,WACT3B,GAAgBD,EAIjB,CAAA,EAHA,CACE6B,cAAe,SAGlBpB,GAELqB,UAAU,MACVC,IAAKpB,EACLqB,QAASf,EACTgB,OAAQf,EACRgB,aAAcjB,EACdkB,aAAcjB,EAAgB,eAChBL,EACdV,UAAW,CAAC,+BAAgCA,GAAWiC,OAAOC,SAASC,KAAK,MACxE5B,EAAa,CAAAZ,SAEjBqB,EAACoB,EAAKlB,OAAAC,OAAA,CAACkB,GAAI3B,EAAS4B,UAAU,KAAKC,UAAW/B,EAAagC,SAAatC,EAAU,CAAAP,SAChFqB,EAACyB,EAAWvB,OAAAC,OAAA,CACVpB,GAAEmB,OAAAC,OAAA,CACAG,SAAU,WACVC,MAAO,IACPmB,gBAAiB,kBACjBlB,SAAU,QACPzB,IAEDI,EAAI,CAAAR,SAEPA"}

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

@@ -1,2 +1,2 @@
-import{Card as r}from"./Card.js";import{getFocusRingStyle as o}from"../../components/focusring/focusring.js";import{getInteractiveStyle as e}from"../button/interactive.js";const t={defaultProps:{elevation:0,component:r},styleOverrides:{root:({theme:r,color:t,disabled:a,isSelected:i})=>Object.assign(Object.assign(Object.assign({backgroundColor:["grey","secondary"].includes(t)?r.palette.surface.primary:r.palette.background.primary,position:"relative",borderRadius:"8px",overflow:"visible",border:"1px solid transparent","&::after":Object.assign({content:'""',position:"absolute",maxWidth:"none",borderStyle:"solid",borderRadius:"inherit",pointerEvents:"none",zIndex:"1",inset:"-1px",borderWidth:"1px",borderColor:r.palette.onSurface.os100},!a&&i&&{inset:"-3px",borderWidth:"3px",borderColor:r.palette.brand.primary})},!a&&i&&{"& .FlowCard-Icon-root":{color:r.palette.common.white,backgroundColor:r.palette.brand.primary,borderColor:r.palette.brand.primary},"&:hover":{"&::after":{borderColor:r.palette.brandHover.primary}}}),!a&&Object.assign({"&:has(.MuiCardActionArea-root)":Object.assign({},e({"&::after":Object.assign({inset:"-1px",borderWidth:"1px",borderColor:r.palette.onSurface.os100},i&&{inset:"-3px",borderWidth:"3px",borderColor:r.palette.brand.primary}),"& .FlowCard-Icon-root":Object.assign(Object.assign({backgroundColor:r.palette.background.primary},"secondary"===t&&{backgroundColor:r.palette.surface.primary}),i&&{backgroundColor:r.palette.brand.primary,borderColor:r.palette.brand.primary}),"& .FlowCard-Icon-root .MuiSvgIcon-root":{"&:first-of-type":{display:"block"},"&:last-of-type":{display:"none"}}},{"&::after":Object.assign({inset:"-3px",borderWidth:"3px"},i&&{borderColor:r.palette.brandHover.primary}),"& .FlowCard-Icon-root":Object.assign(Object.assign({backgroundColor:r.palette.surface.primary},"secondary"===t&&{backgroundColor:r.palette.surface.secondary}),i&&{backgroundColor:r.palette.brandHover.primary,borderColor:r.palette.brandHover.primary}),"& .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)"))),a&&{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{t as flowCard};
+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 t={defaultProps:{elevation:0,component:r},styleOverrides:{root:({theme:r,color:t,disabled:a,isSelected:i})=>Object.assign(Object.assign(Object.assign({backgroundColor:"secondary"===t?r.palette.surface.primary:r.palette.background.primary,position:"relative",borderRadius:"8px",overflow:"visible",border:"1px solid transparent","&::after":Object.assign({content:'""',position:"absolute",maxWidth:"none",borderStyle:"solid",borderRadius:"inherit",pointerEvents:"none",zIndex:"1",inset:"-1px",borderWidth:"1px",borderColor:r.palette.onSurface.os100},!a&&i&&{inset:"-3px",borderWidth:"3px",borderColor:r.palette.brand.primary})},!a&&i&&{"& .FlowCard-Icon-root":{color:r.palette.common.white,backgroundColor:r.palette.brand.primary,borderColor:r.palette.brand.primary},"&:hover":{"&::after":{borderColor:r.palette.brandHover.primary}}}),!a&&Object.assign({"&:has(.MuiCardActionArea-root)":Object.assign({},e({"&::after":Object.assign({inset:"-1px",borderWidth:"1px",borderColor:r.palette.onSurface.os100},i&&{inset:"-3px",borderWidth:"3px",borderColor:r.palette.brand.primary}),"& .FlowCard-Icon-root":Object.assign(Object.assign({backgroundColor:r.palette.background.primary},"secondary"===t&&{backgroundColor:r.palette.surface.primary}),i&&{backgroundColor:r.palette.brand.primary,borderColor:r.palette.brand.primary}),"& .FlowCard-Icon-root .MuiSvgIcon-root":{"&:first-of-type":{display:"block"},"&:last-of-type":{display:"none"}}},{"&::after":Object.assign({inset:"-3px",borderWidth:"3px"},i&&{borderColor:r.palette.brandHover.primary}),"& .FlowCard-Icon-root":Object.assign(Object.assign({backgroundColor:r.palette.surface.primary},"secondary"===t&&{backgroundColor:r.palette.surface.secondary}),i&&{backgroundColor:r.palette.brandHover.primary,borderColor:r.palette.brandHover.primary}),"& .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)"))),a&&{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{t 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 { ~~Card~~ } 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: ~~Card~~,\n },\n styleOverrides: {\n root: ({ theme, color, disabled, isSelected }) => ({\n backgroundColor: ~~['grey',~~ 'secondary'~~].includes(color)\n~~ ? theme.palette.surface.primary\n : 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 },\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 },\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 // 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 '& .FlowCard-Icon-root .MuiSvgIcon-root': {\n '&:first-of-type': {\n display: 'none',\n },\n '&:last-of-type': {\n display: 'block',\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","~~Card~~","styleOverrides","root","theme","color","disabled","isSelected","Object","assign","backgroundColor","~~includes","~~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":"~~4KAMO~~,MAAMA,EAAyC,CACpDC,aAAc,CACZC,UAAW,EAEXC,UAAWC,GAEbC,eAAgB,CACdC,KAAM,EAAGC,QAAOC,QAAOC,WAAUC,gBAAiBC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAChDC,~~gBAAiB~~,~~CAAC~~,~~OAAQ~~,~~aAAaC~~,~~SAASN,GAC5CD,EAAMQ,~~QAAQC,QAAQC,~~QACtBV~~,~~EAAMQ~~,QAAQG,WAAWD,~~QAC7BE~~,SAAU,WACVC,aAAc,MACdC,SAAU,UAGVC,OAAQ,wBACR,~~WAAUX~~,OAAAC,OAAA,~~CACRW~~,QAAS,KACTJ,SAAU,WACVK,SAAU,OACVC,YAAa,QACbL,aAAc,UACdM,cAAe,OACfC,OAAQ,IAGRC,MAAO,OACPC,YAAa,MACbC,~~YAAavB~~,~~EAAMQ~~,QAAQgB,UAAUC,~~QAEhCvB~~,GACHC,GAAc,~~CAEZkB~~,MAAO,OACPC,YAAa,MACbC,~~YAAavB~~,~~EAAMQ~~,QAAQkB,MAAMhB,~~YAIlCR~~,GACHC,GAAc,CAEZ,wBAAyB,CACvBF,MAAOD,~~EAAMQ~~,QAAQmB,OAAOC,~~MAC5BtB~~,gBAAiBN,~~EAAMQ~~,QAAQkB,MAAMhB,QACrCa,~~YAAavB~~,~~EAAMQ~~,QAAQkB,MAAMhB,SAGnC,UAAW,CACT,WAAY,CACVa,~~YAAavB~~,~~EAAMQ~~,QAAQqB,WAAWnB,~~aAKzCR~~,kBACH,iCAAgCE,OAAAC,OAAA,CAAA,~~EAC3ByB~~,EACD,CACE,~~WAAU1B~~,OAAAC,OAAA,~~CACRgB~~,MAAO,OACPC,YAAa,MACbC,~~YAAavB~~,~~EAAMQ~~,QAAQgB,UAAUC,~~OAEjCtB~~,GAAc,~~CAChBkB~~,MAAO,OACPC,YAAa,MACbC,~~YAAavB~~,~~EAAMQ~~,QAAQkB,MAAMhB,UAIrC,~~wBAAuBN~~,OAAAC,OAAAD,OAAAC,OAAA,CACrBC,gBAAiBN,~~EAAMQ~~,QAAQG,WAAWD,SAC5B,~~cAAVT~~,GAAyB,CAC3BK,gBAAiBN,~~EAAMQ~~,QAAQC,QAAQC,~~UAErCP~~,GAAc,CAChBG,gBAAiBN,~~EAAMQ~~,QAAQkB,MAAMhB,QACrCa,~~YAAavB~~,~~EAAMQ~~,QAAQkB,MAAMhB,UAGrC,yCAA0C,CACxC,kBAAmB,CACjBqB,QAAS,SAEX,iBAAkB,CAChBA,QAAS,UAIf,CAEE,~~WAAU3B~~,OAAAC,OAAA,~~CACRgB~~,MAAO,OACPC,YAAa,~~OACTnB~~,GAAc,~~CAChBoB~~,~~YAAavB~~,~~EAAMQ~~,QAAQqB,WAAWnB,UAI1C,~~wBAAuBN~~,OAAAC,OAAAD,OAAAC,OAAA,CACrBC,gBAAiBN,~~EAAMQ~~,QAAQC,QAAQC,SACzB,~~cAAVT~~,GAAyB,CAC3BK,gBAAiBN,~~EAAMQ~~,QAAQC,QAAQuB,~~YAErC7B~~,GAAc,CAChBG,gBAAiBN,~~EAAMQ~~,QAAQqB,WAAWnB,QAC1Ca,~~YAAavB~~,~~EAAMQ~~,QAAQqB,WAAWnB,UAI1C,yCAA0C,CACxC,kBAAmB,CACjBqB,QAAS,QAEX,iBAAkB,CAChBA,QAAS,WAIf,KACA,KACA,qDAGDE,~~EACDjC~~,GACA,EACA,EACA,oGAIAE,GAAY,CACdI,gBAAiBN,~~EAAMQ~~,QAAQC,QAAQC,QACvCa,~~YAAavB~~,~~EAAMQ~~,~~QAAQN~~,~~SAAS8B~~,UACpCE,OAAQ,cACRC,WAAY,OACZhB,cAAe,OAEf,wBAAyB,~~CACvBb~~,gBAAiBN,~~EAAMQ~~,~~QAAQN~~,~~SAAS8B~~,~~UACxC/B~~,MAAOD,~~EAAMQ~~,~~QAAQN~~,~~SAASkC~~,UAGhC,2BAA4B,~~CAC1BnC~~,MAAOD,~~EAAMQ~~,~~QAAQN~~,~~SAASkC~~,UAGhC,QAAS,CACPC,QAAS,UAKjBC,SAAU,CACR,CACEC,MAAO,CAAEC,QAAQ,GACjBC,MAAO,~~EAAGzC~~,YAAO,~~CACf0C~~,~~UAAW1C~~,~~EAAM2C~~,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 }) => ({\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 },\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 },\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 // 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 '& .FlowCard-Icon-root .MuiSvgIcon-root': {\n '&:first-of-type': {\n display: 'none',\n },\n '&:last-of-type': {\n display: 'block',\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","Object","assign","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,gBAAiBC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAChDC,gBAA2B,cAAVL,EAAwBD,EAAMO,QAAQC,QAAQC,QAAUT,EAAMO,QAAQG,WAAWD,QAClGE,SAAU,WACVC,aAAc,MACdC,SAAU,UAGVC,OAAQ,wBACR,WAAUV,OAAAC,OAAA,CACRU,QAAS,KACTJ,SAAU,WACVK,SAAU,OACVC,YAAa,QACbL,aAAc,UACdM,cAAe,OACfC,OAAQ,IAGRC,MAAO,OACPC,YAAa,MACbC,YAAatB,EAAMO,QAAQgB,UAAUC,QAEhCtB,GACHC,GAAc,CAEZiB,MAAO,OACPC,YAAa,MACbC,YAAatB,EAAMO,QAAQkB,MAAMhB,YAIlCP,GACHC,GAAc,CAEZ,wBAAyB,CACvBF,MAAOD,EAAMO,QAAQmB,OAAOC,MAC5BrB,gBAAiBN,EAAMO,QAAQkB,MAAMhB,QACrCa,YAAatB,EAAMO,QAAQkB,MAAMhB,SAGnC,UAAW,CACT,WAAY,CACVa,YAAatB,EAAMO,QAAQqB,WAAWnB,aAKzCP,kBACH,iCAAgCE,OAAAC,OAAA,CAAA,EAC3BwB,EACD,CACE,WAAUzB,OAAAC,OAAA,CACRe,MAAO,OACPC,YAAa,MACbC,YAAatB,EAAMO,QAAQgB,UAAUC,OAEjCrB,GAAc,CAChBiB,MAAO,OACPC,YAAa,MACbC,YAAatB,EAAMO,QAAQkB,MAAMhB,UAIrC,wBAAuBL,OAAAC,OAAAD,OAAAC,OAAA,CACrBC,gBAAiBN,EAAMO,QAAQG,WAAWD,SAC5B,cAAVR,GAAyB,CAC3BK,gBAAiBN,EAAMO,QAAQC,QAAQC,UAErCN,GAAc,CAChBG,gBAAiBN,EAAMO,QAAQkB,MAAMhB,QACrCa,YAAatB,EAAMO,QAAQkB,MAAMhB,UAGrC,yCAA0C,CACxC,kBAAmB,CACjBqB,QAAS,SAEX,iBAAkB,CAChBA,QAAS,UAIf,CAEE,WAAU1B,OAAAC,OAAA,CACRe,MAAO,OACPC,YAAa,OACTlB,GAAc,CAChBmB,YAAatB,EAAMO,QAAQqB,WAAWnB,UAI1C,wBAAuBL,OAAAC,OAAAD,OAAAC,OAAA,CACrBC,gBAAiBN,EAAMO,QAAQC,QAAQC,SACzB,cAAVR,GAAyB,CAC3BK,gBAAiBN,EAAMO,QAAQC,QAAQuB,YAErC5B,GAAc,CAChBG,gBAAiBN,EAAMO,QAAQqB,WAAWnB,QAC1Ca,YAAatB,EAAMO,QAAQqB,WAAWnB,UAI1C,yCAA0C,CACxC,kBAAmB,CACjBqB,QAAS,QAEX,iBAAkB,CAChBA,QAAS,WAIf,KACA,KACA,qDAGDE,EACDhC,GACA,EACA,EACA,oGAIAE,GAAY,CACdI,gBAAiBN,EAAMO,QAAQC,QAAQC,QACvCa,YAAatB,EAAMO,QAAQL,SAAS6B,UACpCE,OAAQ,cACRC,WAAY,OACZhB,cAAe,OAEf,wBAAyB,CACvBZ,gBAAiBN,EAAMO,QAAQL,SAAS6B,UACxC9B,MAAOD,EAAMO,QAAQL,SAASiC,UAGhC,2BAA4B,CAC1BlC,MAAOD,EAAMO,QAAQL,SAASiC,UAGhC,QAAS,CACPC,QAAS,UAKjBC,SAAU,CACR,CACEC,MAAO,CAAEC,QAAQ,GACjBC,MAAO,EAAGxC,YAAO,CACfyC,UAAWzC,EAAM0C,YAAgB"}

package/materialui/checkbox/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { Checkbox } from '@mui/material';
2	+ export type { CheckboxProps } from '@mui/material';

package/materialui/chip/chip.theme.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-import { Components } from '@mui/material/styles/components';
+import { Components } from '@mui/material/styles';
 import { Theme } from '@mui/material';
 export declare const flowChip: Components<Theme>['MuiChip'];