npm - @skodaflow/web-library - Versions diffs - 8.3.1 → 8.4.0 - Mend

@skodaflow/web-library 8.3.1 → 8.4.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 (141) hide show

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

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as o}from"react/jsx-runtime";import{MenuList as t,Box as n,MenuItem as r,Checkbox as i,ListItemText as p}from"@mui/material";import{ChevronDownIcon as a}from"../../components/icon/stroke/ChevronDownIcon.js";import{CloseIcon as l}from"../../components/icon/stroke/CloseIcon.js";import{flowMenu as s}from"../menu/menu.theme.js";import{flowMenuItem as u}from"../menu/menuItem.theme.js";import{getInteractiveStyle as c}from"../button/interactive.js";const d={defaultProps:{onPointerDown:e=>{const o=e.currentTarget.querySelector(".MuiFormControl-root");o&&!o.contains(e.target)&&o.dispatchEvent(new PointerEvent("pointerdown",{bubbles:!0,cancelable:!0,pointerType:e.pointerType}))},popupIcon:e(a,{}),clearIcon:e(l,{}),noOptionsText:"No matching results",slots:{listbox:t},renderOption:({key:t,...n},a,l,s)=>o(r,{...n,children:[s?.multiple&&e(i,{checked:l.selected,tabIndex:-1}),e(p,{children:s.getOptionLabel(a)})]},t),renderValue:(o,t,r)=>{const i=Array.isArray(o)?o:[o];return i.map((o,t)=>{const p=r.getOptionLabel(o);return e(n,{component:"span",className:"FlowAutoComplete-value",children:`${p}${t+1===i.length?"":", "}`},`${o}`)})}},styleOverrides:{root:({theme:e})=>({"& .FlowAutoComplete-value + .MuiAutocomplete-input":{"&::-webkit-input-placeholder":{color:"transparent"}},"& .MuiFilledInput-root":{gap:e.spacing(.5),padding:"24px 12px 8px","&.MuiInputBase-hiddenLabel":{padding:"18px 12px 14px"},"&.MuiInputBase-sizeSmall":{padding:"22px 12px 4px","&.MuiInputBase-hiddenLabel":{padding:"14px 12px 12px"}},"&, &.MuiInputBase-sizeSmall, &.MuiInputBase-hiddenLabel, &.MuiInputBase-sizeSmall.MuiInputBase-hiddenLabel":{"& .MuiFilledInput-input":{padding:"0"}}}}),popupIndicator:{transition:"none",...c({color:"inherit",backgroundColor:"transparent"},{color:"inherit",backgroundColor:"transparent"}),"& .MuiSvgIcon-root":{fontSize:"17px",flexShrink:"0"}},clearIndicator:{visibility:"visible",transition:"none",...c({color:"inherit",backgroundColor:"transparent"},{color:"inherit",backgroundColor:"transparent"}),"& .MuiSvgIcon-root":{fontSize:"17px",flexShrink:"0"},"& + .MuiAutocomplete-popupIndicator":{display:"none"}},tag:{margin:"0","&.MuiChip-root":{padding:"0px 8px","& .MuiChip-deleteIcon":{"&, &:last-of-type":{marginLeft:"2px"}}}},popper:{"& .MuiAutocomplete-listbox":{padding:"0",maxHeight:"240px",overflow:"auto"}},paper:s.styleOverrides.paper,option:u.styleOverrides.root,noOptions:[u.styleOverrides.root,{pointerEvents:"none",cursor:"auto"}]}};export{d as flowAutocomplete};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{MenuList as n,MenuItem as o,Checkbox as i,ListItemText as p}from"@mui/material";import{ChevronDownIcon as r}from"../../components/icon/stroke/ChevronDownIcon.js";import{CloseIcon as a}from"../../components/icon/stroke/CloseIcon.js";import{flowMenu as u}from"../menu/menu.theme.js";import{flowMenuItem as l}from"../menu/menuItem.theme.js";import{getInteractiveStyle as s}from"../button/interactive.js";const d={defaultProps:{onPointerDown:e=>{const t=e.currentTarget.querySelector(".MuiFormControl-root");t&&!t.contains(e.target)&&t.dispatchEvent(new PointerEvent("pointerdown",{bubbles:!0,cancelable:!0,pointerType:e.pointerType}))},popupIcon:e(r,{}),clearIcon:e(a,{}),noOptionsText:"No matching results",slots:{listbox:n},slotProps:{chip:{onClick:e=>{e.currentTarget.querySelector(".MuiChip-deleteIcon")?.dispatchEvent(new MouseEvent("click",{bubbles:!0}))}}},renderOption:({key:n,...r},a,u,l)=>t(o,{...r,children:[l?.multiple&&e(i,{checked:u.selected,tabIndex:-1}),e(p,{children:l.getOptionLabel(a)})]},n)},styleOverrides:{root:({theme:e})=>({"& .MuiAutocomplete-tag + .MuiAutocomplete-input":{"&::-webkit-input-placeholder":{color:"transparent"}},"& .MuiFilledInput-root":{gap:e.spacing(.5),padding:"24px 12px 8px","&.MuiInputBase-hiddenLabel":{padding:"18px 12px 14px"},"&.MuiInputBase-sizeSmall":{padding:"22px 12px 4px","&.MuiInputBase-hiddenLabel":{padding:"14px 12px 12px"}},"&, &.MuiInputBase-sizeSmall, &.MuiInputBase-hiddenLabel, &.MuiInputBase-sizeSmall.MuiInputBase-hiddenLabel":{"& .MuiFilledInput-input":{padding:"0"}}},"& .MuiOutlinedInput-root":{gap:e.spacing(.5),padding:"16.5px 14px","&.MuiInputBase-sizeSmall":{padding:"8.5px 14px"},"&, &.MuiInputBase-sizeSmall":{"& .MuiOutlinedInput-input":{padding:"0"}}},"& .MuiInput-root":{gap:e.spacing(.5),padding:"4px 0 5px","&.MuiInputBase-sizeSmall":{padding:"1px 0 5px"},"&, &.MuiInputBase-sizeSmall":{"& .MuiInput-input":{padding:"0"}}}}),popupIndicator:{transition:"none",...s({color:"inherit",backgroundColor:"transparent"},{color:"inherit",backgroundColor:"transparent"}),"& .MuiSvgIcon-root":{fontSize:"17px",flexShrink:"0"}},clearIndicator:{visibility:"visible",transition:"none",...s({color:"inherit",backgroundColor:"transparent"},{color:"inherit",backgroundColor:"transparent"}),"& .MuiSvgIcon-root":{fontSize:"17px",flexShrink:"0"},"& + .MuiAutocomplete-popupIndicator":{display:"none"}},tag:{margin:"0","&.MuiChip-root":{border:"none",color:"inherit",padding:"0","&, &:hover, &.Mui-focusVisible, &:active":{backgroundColor:"transparent"},fontSize:"inherit",lineHeight:"inherit","& .MuiChip-label":{padding:"0"},"& .MuiChip-deleteIcon":{display:"none"},"&:has(~ .MuiAutocomplete-tag):after":{content:'","'},"&:not(:has(.MuiChip-deleteIcon))":{cursor:"auto"}}},popper:{"& .MuiAutocomplete-listbox":{padding:"0",maxHeight:"240px",overflow:"auto"}},paper:u.styleOverrides.paper,option:l.styleOverrides.root,noOptions:[l.styleOverrides.root,{pointerEvents:"none",cursor:"auto"}]}};export{d as flowAutocomplete};
 //# sourceMappingURL=autocomplete.theme.js.map

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, 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 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>{ownerState.getOptionLabel(option)}</ListItemText>\n </MenuItem>\n );\n },\n renderValue: (value, _getCustomizedItemProps, ownerState) => {\n const values = Array.isArray(value) ? value : [value];\n return values.map((v, idx) => {\n const label = ownerState.getOptionLabel(v);\n return (\n <Box key={`${v}`} component=\"span\" className=\"FlowAutoComplete-value\">\n {`${label}${idx + 1 === values.length ? '' : ', '}`}\n </Box>\n );\n });\n },\n },\n styleOverrides: {\n root: ({ theme }) => ({\n // when value is present\n '& .~~FlowAutoComplete~~-~~value~~ + .MuiAutocomplete-input': {\n // hide placeholder\n '&::-webkit-input-placeholder': {\n color: 'transparent',\n },\n },\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","key","rest","option","state","ownerState","_jsxs","MenuItem","multiple","Checkbox","checked","selected","tabIndex","ListItemText","getOptionLabel","~~renderValue","value","_getCustomizedItemProps","values","Array","isArray","map","v","idx","label","Box","component","className","children","length","~~styleOverrides","root","theme","color","gap","spacing","padding","popupIndicator","transition","getInteractiveStyle","backgroundColor","fontSize","flexShrink","clearIndicator","visibility","display","tag","margin","~~marginLeft~~","popper","maxHeight","overflow","paper","flowMenu","flowMenuItem","noOptions","pointerEvents"~~,"cursor"~~],"mappings":"~~mdAQO~~,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,EAAGC,SAAQC,GAAQC,EAAQC,EAAOC,IAE5CC,EAACC,EAAQ,IAAeL,YACrBG,GAAYG,~~UAAYhB~~,~~EAACiB~~,EAAQ,CAACC,QAASN,EAAMO,SAAUC,UAAU,~~IACtEpB~~,~~EAACqB~~,YAAcR,EAAWS,eAAeX,OAF5BF,~~GAMnBc~~,~~YAAa~~,~~CAACC~~,~~EAAOC~~,~~EAAyBZ~~,~~KAC5C~~,~~MAAMa~~,~~EAASC~~,~~MAAMC~~,~~QAAQJ~~,~~GAASA~~,~~EAAQ~~,~~CAACA~~,~~GAC/C~~,~~OAAOE~~,~~EAAOG~~,~~IAAI~~,~~CAACC~~,~~EAAGC~~,~~KACpB~~,~~MAAMC~~,~~EAAQnB~~,~~EAAWS~~,~~eAAeQ~~,~~GACxC~~,~~OACE9B~~,~~EAACiC~~,~~EAAG~~,~~CAAcC~~,~~UAAU~~,~~OAAOC~~,~~UAAU~~,~~yBAAwBC~~,~~SAClE~~,~~GAAGJ~~,~~IAAQD~~,~~EAAM~~,~~IAAML~~,~~EAAOW~~,~~OAAS~~,~~GAAK~~,~~QADrC~~,~~GAAGP~~,~~SAOrBQ~~,~~eAAgB~~,~~CACdC~~,~~KAAM~~,~~EAAGC~~,~~YAAO~~,~~CAEd~~,~~qDAAsD~~,~~CAEpD,+BAAgC~~,~~CAC9BC~~,~~MAAO~~,~~gBAIX~~,~~yBAA0B~~,~~CAExBC~~,IAAKF,EAAMG,QAAQ,IAEnBC,QAAS,~~gBAET~~,~~6BAA8B,CAC5BA,QAAS,kBAGX,~~2BAA4B,CAC1BA,QAAS,~~gBACT~~,~~6BAA8B~~,~~CAC5BA~~,~~QAAS~~,~~mBAIb~~,~~6GAA8G,CAC5G,0BAA2B,CACzBA,~~QAAS,SAMjBC,eAAgB,CAEdC,WAAY,UACTC,EACD,CAAEN,MAAO,UAAWO,gBAAiB,eACrC,CAAEP,MAAO,UAAWO,gBAAiB,gBAGvC,qBAAsB,CACpBC,SAAU,OACVC,WAAY,MAIhBC,eAAgB,CAEdC,WAAY,UAEZN,WAAY,UACTC,EACD,CAAEN,MAAO,UAAWO,gBAAiB,eACrC,CAAEP,MAAO,UAAWO,gBAAiB,gBAGvC,qBAAsB,CACpBC,SAAU,OACVC,WAAY,KAGd,sCAAuC,CAErCG,QAAS,SAIbC,IAAK,~~CAEHC~~,OAAQ,~~IACR~~,iBAAkB,~~CAEhBX~~,QAAS,~~UACT~~,~~wBAAyB~~,~~CACvB~~,~~oBAAqB~~,~~CACnBY~~,WAAY,~~UAMpBC~~,OAAQ,CAEN,6BAA8B,~~CAC5Bb~~,QAAS,~~IACTc~~,UAAW,QAEXC,SAAU,SAIdC,MAAOC,~~EAASvB~~,~~eAAesB~~,MAE/~~BjD~~,~~OAAQmD~~,~~EAAaxB~~,eAAeC,~~KAEpCwB~~,UAAW,CACTD,~~EAAaxB~~,eAAeC,KAC5B,~~CACEyB~~,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 { 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 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 slotProps: {\n chip: {\n // whole value removes itself with click, as its delete icon is hidden by the tag styling\n onClick: (e) => {\n // delete icon is an svg element without click(), dispatch the event manually\n e.currentTarget\n .querySelector('.MuiChip-deleteIcon')\n ?.dispatchEvent(new MouseEvent('click', { bubbles: true }));\n },\n },\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>{ownerState.getOptionLabel(option)}</ListItemText>\n </MenuItem>\n );\n },\n },\n styleOverrides: {\n root: ({ theme }) => ({\n // when value is present\n '& .MuiAutocomplete-tag + .MuiAutocomplete-input': {\n // hide placeholder\n '&::-webkit-input-placeholder': {\n color: 'transparent',\n },\n },\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 '& .MuiOutlinedInput-root': {\n // gap between tags and input\n gap: theme.spacing(0.5),\n // field proportions matched with textfield\n padding: '16.5px 14px',\n // small\n '&.MuiInputBase-sizeSmall': {\n padding: '8.5px 14px',\n },\n // moved padding from input to allow wrap with too many tags\n '&, &.MuiInputBase-sizeSmall': {\n '& .MuiOutlinedInput-input': {\n padding: '0',\n },\n },\n },\n '& .MuiInput-root': {\n // gap between tags and input\n gap: theme.spacing(0.5),\n // field proportions matched with textfield\n padding: '4px 0 5px',\n // small\n '&.MuiInputBase-sizeSmall': {\n padding: '1px 0 5px',\n },\n // moved padding from input to allow wrap with too many tags\n '&, &.MuiInputBase-sizeSmall': {\n '& .MuiInput-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 styled as plain comma-separated text to match Flow design,\n tag: {\n margin: '0',\n // higher specificity\n '&.MuiChip-root': {\n // remove chip style\n border: 'none',\n color: 'inherit',\n padding: '0',\n '&, &:hover, &.Mui-focusVisible, &:active': {\n backgroundColor: 'transparent',\n },\n // match input typography\n fontSize: 'inherit',\n lineHeight: 'inherit',\n '& .MuiChip-label': {\n padding: '0',\n },\n // hide delete icon as we use whole click\n '& .MuiChip-deleteIcon': {\n display: 'none',\n },\n // comma separator between values\n '&:has(~ .MuiAutocomplete-tag):after': {\n content: '\",\"',\n },\n // read-only values cannot be removed with click\n '&:not(:has(.MuiChip-deleteIcon))': {\n cursor: 'auto',\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","slotProps","chip","onClick","MouseEvent","renderOption","key","rest","option","state","ownerState","_jsxs","MenuItem","multiple","Checkbox","checked","selected","tabIndex","ListItemText","getOptionLabel","styleOverrides","root","theme","color","gap","spacing","padding","popupIndicator","transition","getInteractiveStyle","backgroundColor","fontSize","flexShrink","clearIndicator","visibility","display","tag","margin","border","lineHeight","content","cursor","popper","maxHeight","overflow","paper","flowMenu","flowMenuItem","noOptions","pointerEvents"],"mappings":"0cAQO,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,GAEXC,UAAW,CACTC,KAAM,CAEJC,QAAUtB,IAERA,EAAEE,cACCC,cAAc,wBACbG,cAAc,IAAIiB,WAAW,QAAS,CAAEf,SAAS,QAK3DgB,aAAc,EAAGC,SAAQC,GAAQC,EAAQC,EAAOC,IAE5CC,EAACC,EAAQ,IAAeL,YACrBG,GAAYG,UAAYpB,EAACqB,EAAQ,CAACC,QAASN,EAAMO,SAAUC,UAAU,IACtExB,EAACyB,YAAcR,EAAWS,eAAeX,OAF5BF,IAOrBc,eAAgB,CACdC,KAAM,EAAGC,YAAO,CAEd,kDAAmD,CAEjD,+BAAgC,CAC9BC,MAAO,gBAIX,yBAA0B,CAExBC,IAAKF,EAAMG,QAAQ,IAEnBC,QAAS,gBAET,6BAA8B,CAC5BA,QAAS,kBAGX,2BAA4B,CAC1BA,QAAS,gBACT,6BAA8B,CAC5BA,QAAS,mBAIb,6GAA8G,CAC5G,0BAA2B,CACzBA,QAAS,OAIf,2BAA4B,CAE1BF,IAAKF,EAAMG,QAAQ,IAEnBC,QAAS,cAET,2BAA4B,CAC1BA,QAAS,cAGX,8BAA+B,CAC7B,4BAA6B,CAC3BA,QAAS,OAIf,mBAAoB,CAElBF,IAAKF,EAAMG,QAAQ,IAEnBC,QAAS,YAET,2BAA4B,CAC1BA,QAAS,aAGX,8BAA+B,CAC7B,oBAAqB,CACnBA,QAAS,SAMjBC,eAAgB,CAEdC,WAAY,UACTC,EACD,CAAEN,MAAO,UAAWO,gBAAiB,eACrC,CAAEP,MAAO,UAAWO,gBAAiB,gBAGvC,qBAAsB,CACpBC,SAAU,OACVC,WAAY,MAIhBC,eAAgB,CAEdC,WAAY,UAEZN,WAAY,UACTC,EACD,CAAEN,MAAO,UAAWO,gBAAiB,eACrC,CAAEP,MAAO,UAAWO,gBAAiB,gBAGvC,qBAAsB,CACpBC,SAAU,OACVC,WAAY,KAGd,sCAAuC,CAErCG,QAAS,SAIbC,IAAK,CACHC,OAAQ,IAER,iBAAkB,CAEhBC,OAAQ,OACRf,MAAO,UACPG,QAAS,IACT,2CAA4C,CAC1CI,gBAAiB,eAGnBC,SAAU,UACVQ,WAAY,UACZ,mBAAoB,CAClBb,QAAS,KAGX,wBAAyB,CACvBS,QAAS,QAGX,sCAAuC,CACrCK,QAAS,OAGX,mCAAoC,CAClCC,OAAQ,UAKdC,OAAQ,CAEN,6BAA8B,CAC5BhB,QAAS,IACTiB,UAAW,QAEXC,SAAU,SAIdC,MAAOC,EAAS1B,eAAeyB,MAE/BrC,OAAQuC,EAAa3B,eAAeC,KAEpC2B,UAAW,CACTD,EAAa3B,eAAeC,KAC5B,CACE4B,cAAe,OACfR,OAAQ"}

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';\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","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 // small size values are also copied in SecondaryNavigationCta.tsx, keep them in sync\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 // small size value is also copied in SecondaryNavigationCta.tsx\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 // small size value is also copied in SecondaryNavigationCta.tsx\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","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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"}