@skodaflow/web-library 8.0.1 → 8.1.0

package/materialui/accordion/AccordionSummaryExpandWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionSummaryExpandWrapper.js","sources":["../../../src/materialui/accordion/AccordionSummaryExpandWrapper.tsx"],"sourcesContent":["import React, { FC, ElementType, forwardRef } from 'react';\nimport { Box, BoxProps, IconButton, useTheme, AccordionSummaryOwnerState } from '@mui/material';\n\n/**\n * AccordionSummary.slots.expandIconWrapper that replaces expand icon\n * Wrapper is used instead of expandIcon to gain access to ownerState\n */\nexport const FlowAccordionSummaryExpandWrapper: FC<\n  BoxProps<ElementType> & {\n    // @mui extend ownerState with expanded and disabled properties\n    // https://github.com/mui/material-ui/blob/master/packages/mui-material/src/AccordionSummary/AccordionSummary.js#L132\n    ownerState: AccordionSummaryOwnerState & { expanded: boolean; disabled: boolean; disableGutters: boolean };\n  }\n> = forwardRef(({ ownerState, children, ...rest }, ref) => {\n  const { expanded, disabled } = ownerState;\n  const theme = useTheme();\n\n  return (\n    <Box\n      component=\"span\"\n      sx={{\n        mr: '6px',\n        transform: 'rotate(0deg)',\n        transition: theme.transitions.create('transform', {\n          duration: theme.transitions.duration.shortest,\n        }),\n        '&.Mui-expanded': {\n          transform: 'rotate(180deg)',\n        },\n      }}\n      ref={ref}\n      {...rest}\n    >\n      <IconButton\n        aria-label=\"Toggle accordion\"\n        aria-expanded={expanded}\n        className=\"MuiAccordion-IconButton\"\n        color={theme.palette.mode === 'dark' ? 'white' : 'secondary'}\n        size=\"medium\"\n        disabled={disabled}\n      >\n        {children}\n      </IconButton>\n    </Box>\n  );\n});\n"],"names":["FlowAccordionSummaryExpandWrapper","forwardRef","_a","ref","ownerState","children","rest","__rest","expanded","disabled","theme","useTheme","_jsx","Box","Object","assign","component","sx","mr","transform","transition","transitions","create","duration","shortest","IconButton","className","color","palette","mode","size"],"mappings":"4KAOO,MAAMA,EAMTC,EAAW,CAACC,EAAmCC,SAAnCC,WAAEA,EAAUC,SAAEA,GAAQH,EAAKI,EAAIC,EAAAL,EAA/B,2BACd,MAAMM,SAAEA,EAAQC,SAAEA,GAAaL,EACzBM,EAAQC,IAEd,OACEC,EAACC,EAAGC,OAAAC,OAAA,CACFC,UAAU,OACVC,GAAI,CACFC,GAAI,MACJC,UAAW,eACXC,WAAYV,EAAMW,YAAYC,OAAO,YAAa,CAChDC,SAAUb,EAAMW,YAAYE,SAASC,WAEvC,iBAAkB,CAChBL,UAAW,mBAGfhB,IAAKA,GACDG,EAAI,CAAAD,SAERO,EAACa,EAAU,CAAA,aACE,mCACIjB,EACfkB,UAAU,0BACVC,MAA8B,SAAvBjB,EAAMkB,QAAQC,KAAkB,QAAU,YACjDC,KAAK,SACLrB,SAAUA,WAETJ"}
+{"version":3,"file":"AccordionSummaryExpandWrapper.js","sources":["../../../src/materialui/accordion/AccordionSummaryExpandWrapper.tsx"],"sourcesContent":["import React, { FC, ElementType, forwardRef } from 'react';\nimport { Box, BoxProps, IconButton, useTheme, AccordionSummaryOwnerState } from '@mui/material';\n\n/**\n * AccordionSummary.slots.expandIconWrapper that replaces expand icon\n * Wrapper is used instead of expandIcon to gain access to ownerState\n */\nexport const FlowAccordionSummaryExpandWrapper: FC<\n  BoxProps<ElementType> & {\n    // @mui extend ownerState with expanded and disabled properties\n    // https://github.com/mui/material-ui/blob/master/packages/mui-material/src/AccordionSummary/AccordionSummary.js#L132\n    ownerState: AccordionSummaryOwnerState & { expanded: boolean; disabled: boolean; disableGutters: boolean };\n  }\n> = forwardRef(({ ownerState, children, ...rest }, ref) => {\n  const { expanded, disabled } = ownerState;\n  const theme = useTheme();\n\n  return (\n    <Box\n      component=\"span\"\n      sx={{\n        mr: '6px',\n        transform: 'rotate(0deg)',\n        transition: theme.transitions.create('transform', {\n          duration: theme.transitions.duration.shortest,\n        }),\n        '&.Mui-expanded': {\n          transform: 'rotate(180deg)',\n        },\n      }}\n      ref={ref}\n      {...rest}\n    >\n      <IconButton\n        aria-label=\"Toggle accordion\"\n        aria-expanded={expanded}\n        className=\"MuiAccordion-IconButton\"\n        color={theme.palette.mode === 'dark' ? 'white' : 'secondary'}\n        size=\"medium\"\n        disabled={disabled}\n      >\n        {children}\n      </IconButton>\n    </Box>\n  );\n});\n"],"names":["FlowAccordionSummaryExpandWrapper","forwardRef","ownerState","children","rest","ref","expanded","disabled","theme","useTheme","_jsx","Box","component","sx","mr","transform","transition","transitions","create","duration","shortest","IconButton","className","color","palette","mode","size"],"mappings":"6IAOO,MAAMA,EAMTC,EAAW,EAAGC,aAAYC,cAAaC,GAAQC,KACjD,MAAMC,SAAEA,EAAQC,SAAEA,GAAaL,EACzBM,EAAQC,IAEd,OACEC,EAACC,EAAG,CACFC,UAAU,OACVC,GAAI,CACFC,GAAI,MACJC,UAAW,eACXC,WAAYR,EAAMS,YAAYC,OAAO,YAAa,CAChDC,SAAUX,EAAMS,YAAYE,SAASC,WAEvC,iBAAkB,CAChBL,UAAW,mBAGfV,IAAKA,KACDD,EAAID,SAERO,EAACW,EAAU,CAAA,aACE,mCACIf,EACfgB,UAAU,0BACVC,MAA8B,SAAvBf,EAAMgB,QAAQC,KAAkB,QAAU,YACjDC,KAAK,SACLnB,SAAUA,WAETJ"}

package/materialui/accordion/accordionSummary.theme.js

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{FlowAccordionSummaryExpandWrapper as o}from"./AccordionSummaryExpandWrapper.js";import{ChevronDownIcon as r}from"../../components/icon/stroke/ChevronDownIcon.js";const t={defaultProps:{tabIndex:-1,component:"div",role:void 0,"aria-expanded":void 0,expandIcon:e(r,{}),slots:{expandIconWrapper:o}},styleOverrides:{root:({theme:e})=>Object.assign(Object.assign({},e.typography.subheadline),{overflow:"hidden",userSelect:"text",padding:"12px 0","&.Mui-focusVisible":{backgroundColor:"transparent"},transition:"color 0.3s ease-out","&:hover":{color:"dark"===e.palette.mode?e.palette.onSurface.os300:e.palette.onSurface.os700,"& .MuiAccordion-IconButton":{backgroundColor:"dark"===e.palette.mode?e.palette.transparent.tertiary:e.palette.transparent.secondary}},"&.Mui-disabled":{opacity:"1","&, & .MuiAccordionSummary-expandIconWrapper":{color:e.palette.disabled.tertiary}}})}};export{t as flowAccordionSummary};
+import{jsx as o}from"react/jsx-runtime";import{FlowAccordionSummaryExpandWrapper as e}from"./AccordionSummaryExpandWrapper.js";import{ChevronDownIcon as r}from"../../components/icon/stroke/ChevronDownIcon.js";const t={defaultProps:{tabIndex:-1,component:"div",role:void 0,"aria-expanded":void 0,expandIcon:o(r,{}),slots:{expandIconWrapper:e}},styleOverrides:{root:({theme:o})=>({...o.typography.subheadline,overflow:"hidden",userSelect:"text",padding:"12px 0","&.Mui-focusVisible":{backgroundColor:"transparent"},transition:"color 0.3s ease-out","&:hover":{color:"dark"===o.palette.mode?o.palette.onSurface.os300:o.palette.onSurface.os700,"& .MuiAccordion-IconButton":{backgroundColor:"dark"===o.palette.mode?o.palette.transparent.tertiary:o.palette.transparent.secondary}},"&.Mui-disabled":{opacity:"1","&, & .MuiAccordionSummary-expandIconWrapper":{color:o.palette.disabled.tertiary}}})}};export{t as flowAccordionSummary};
 //# sourceMappingURL=accordionSummary.theme.js.map

package/materialui/accordion/accordionSummary.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordionSummary.theme.js","sources":["../../../src/materialui/accordion/accordionSummary.theme.tsx"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { FlowAccordionSummaryExpandWrapper } from './AccordionSummaryExpandWrapper';\nimport { ChevronDownIcon } from '@/src/components/icon/stroke/ChevronDownIcon';\n\nexport const flowAccordionSummary: Components<Theme>['MuiAccordionSummary'] = {\n  defaultProps: {\n    // prevent focusing AccordionSummary with tab, we focus IconButton inside\n    tabIndex: -1,\n    // changed to div to prevent Button in Button invalid html\n    component: 'div',\n    // removed unwanted a11y properties that are part of IconButton in wrapper\n    role: undefined,\n    ['aria-expanded']: undefined,\n    // change to Flow icon\n    expandIcon: <ChevronDownIcon />,\n    // extend wrapper with IconButton\n    slots: {\n      expandIconWrapper: FlowAccordionSummaryExpandWrapper,\n    },\n  },\n  styleOverrides: {\n    root: ({ theme }) => ({\n      ...theme.typography.subheadline,\n      // expanding/collapsing icon may cause overflow while transform rotation (45° angle)\n      overflow: 'hidden',\n      // allow selecting text\n      userSelect: 'text',\n      // proportions\n      padding: '12px 0',\n      // focused state\n      '&.Mui-focusVisible': {\n        backgroundColor: 'transparent',\n      },\n      // hover effect\n      transition: 'color 0.3s ease-out',\n      // no need to use interactive style as actual toggle is happening on the IconButton\n      '&:hover': {\n        // recolor text\n        color: theme.palette.mode === 'dark' ? theme.palette.onSurface.os300 : theme.palette.onSurface.os700,\n        // hover over IconButton\n        '& .MuiAccordion-IconButton': {\n          backgroundColor:\n            theme.palette.mode === 'dark' ? theme.palette.transparent.tertiary : theme.palette.transparent.secondary,\n        },\n      },\n      // disabled state\n      '&.Mui-disabled': {\n        opacity: '1',\n        '&, & .MuiAccordionSummary-expandIconWrapper': {\n          color: theme.palette.disabled.tertiary,\n        },\n      },\n    }),\n  },\n};\n"],"names":["flowAccordionSummary","defaultProps","tabIndex","component","role","undefined","expandIcon","_jsx","ChevronDownIcon","slots","expandIconWrapper","FlowAccordionSummaryExpandWrapper","styleOverrides","root","theme","Object","assign","typography","subheadline","overflow","userSelect","padding","backgroundColor","transition","color","palette","mode","onSurface","os300","os700","transparent","tertiary","secondary","opacity","disabled"],"mappings":"iNAKO,MAAMA,EAAiE,CAC5EC,aAAc,CAEZC,UAAU,EAEVC,UAAW,MAEXC,UAAMC,EACN,qBAAmBA,EAEnBC,WAAYC,EAACC,EAAe,IAE5BC,MAAO,CACLC,kBAAmBC,IAGvBC,eAAgB,CACdC,KAAM,EAAGC,WAAYC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAChBF,EAAMG,WAAWC,aAAW,CAE/BC,SAAU,SAEVC,WAAY,OAEZC,QAAS,SAET,qBAAsB,CACpBC,gBAAiB,eAGnBC,WAAY,sBAEZ,UAAW,CAETC,MAA8B,SAAvBV,EAAMW,QAAQC,KAAkBZ,EAAMW,QAAQE,UAAUC,MAAQd,EAAMW,QAAQE,UAAUE,MAE/F,6BAA8B,CAC5BP,gBACyB,SAAvBR,EAAMW,QAAQC,KAAkBZ,EAAMW,QAAQK,YAAYC,SAAWjB,EAAMW,QAAQK,YAAYE,YAIrG,iBAAkB,CAChBC,QAAS,IACT,8CAA+C,CAC7CT,MAAOV,EAAMW,QAAQS,SAASH"}
+{"version":3,"file":"accordionSummary.theme.js","sources":["../../../src/materialui/accordion/accordionSummary.theme.tsx"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { FlowAccordionSummaryExpandWrapper } from './AccordionSummaryExpandWrapper';\nimport { ChevronDownIcon } from '@/src/components/icon/stroke/ChevronDownIcon';\n\nexport const flowAccordionSummary: Components<Theme>['MuiAccordionSummary'] = {\n  defaultProps: {\n    // prevent focusing AccordionSummary with tab, we focus IconButton inside\n    tabIndex: -1,\n    // changed to div to prevent Button in Button invalid html\n    component: 'div',\n    // removed unwanted a11y properties that are part of IconButton in wrapper\n    role: undefined,\n    ['aria-expanded']: undefined,\n    // change to Flow icon\n    expandIcon: <ChevronDownIcon />,\n    // extend wrapper with IconButton\n    slots: {\n      expandIconWrapper: FlowAccordionSummaryExpandWrapper,\n    },\n  },\n  styleOverrides: {\n    root: ({ theme }) => ({\n      ...theme.typography.subheadline,\n      // expanding/collapsing icon may cause overflow while transform rotation (45° angle)\n      overflow: 'hidden',\n      // allow selecting text\n      userSelect: 'text',\n      // proportions\n      padding: '12px 0',\n      // focused state\n      '&.Mui-focusVisible': {\n        backgroundColor: 'transparent',\n      },\n      // hover effect\n      transition: 'color 0.3s ease-out',\n      // no need to use interactive style as actual toggle is happening on the IconButton\n      '&:hover': {\n        // recolor text\n        color: theme.palette.mode === 'dark' ? theme.palette.onSurface.os300 : theme.palette.onSurface.os700,\n        // hover over IconButton\n        '& .MuiAccordion-IconButton': {\n          backgroundColor:\n            theme.palette.mode === 'dark' ? theme.palette.transparent.tertiary : theme.palette.transparent.secondary,\n        },\n      },\n      // disabled state\n      '&.Mui-disabled': {\n        opacity: '1',\n        '&, & .MuiAccordionSummary-expandIconWrapper': {\n          color: theme.palette.disabled.tertiary,\n        },\n      },\n    }),\n  },\n};\n"],"names":["flowAccordionSummary","defaultProps","tabIndex","component","role","undefined","expandIcon","_jsx","ChevronDownIcon","slots","expandIconWrapper","FlowAccordionSummaryExpandWrapper","styleOverrides","root","theme","typography","subheadline","overflow","userSelect","padding","backgroundColor","transition","color","palette","mode","onSurface","os300","os700","transparent","tertiary","secondary","opacity","disabled"],"mappings":"iNAKO,MAAMA,EAAiE,CAC5EC,aAAc,CAEZC,UAAU,EAEVC,UAAW,MAEXC,UAAMC,EACN,qBAAmBA,EAEnBC,WAAYC,EAACC,EAAe,IAE5BC,MAAO,CACLC,kBAAmBC,IAGvBC,eAAgB,CACdC,KAAM,EAAGC,YAAO,IACXA,EAAMC,WAAWC,YAEpBC,SAAU,SAEVC,WAAY,OAEZC,QAAS,SAET,qBAAsB,CACpBC,gBAAiB,eAGnBC,WAAY,sBAEZ,UAAW,CAETC,MAA8B,SAAvBR,EAAMS,QAAQC,KAAkBV,EAAMS,QAAQE,UAAUC,MAAQZ,EAAMS,QAAQE,UAAUE,MAE/F,6BAA8B,CAC5BP,gBACyB,SAAvBN,EAAMS,QAAQC,KAAkBV,EAAMS,QAAQK,YAAYC,SAAWf,EAAMS,QAAQK,YAAYE,YAIrG,iBAAkB,CAChBC,QAAS,IACT,8CAA+C,CAC7CT,MAAOR,EAAMS,QAAQS,SAASH"}

package/materialui/alert/alert.theme.js

@@ -1,2 +1,2 @@
-import{jsx as e,Fragment as i}from"react/jsx-runtime";import{CircleCheckFilledIcon as o}from"../../components/icon/filled/CircleCheckFilledIcon.js";import{CircleExclamationFilledIcon as t}from"../../components/icon/filled/CircleExclamationFilledIcon.js";import{WarningFilledIcon as n}from"../../components/icon/filled/WarningFilledIcon.js";import{CloseIcon as a}from"../../components/icon/stroke/CloseIcon.js";import{Label as r}from"../../components/label/Label.js";const l={defaultProps:{severity:"info",variant:"filled",iconMapping:{info:e(i,{}),success:e(o,{}),warning:e(t,{}),error:e(n,{}),notification:e(r,{type:"indicator",variant:"neutral"})},slotProps:{closeIcon:{fontSize:"extraSmall"}},slots:{closeIcon:a}},styleOverrides:{root:({theme:e,ownerState:i})=>Object.assign({display:"flex",alignItems:"stretch",justifyContent:"flex-start",flexWrap:"nowrap",textAlign:"left",backgroundColor:e.palette.onSurface.os900,color:e.palette.common.white,boxShadow:e.flowShadows.xs,[e.breakpoints.up("md")]:{minWidth:"0",boxShadow:e.flowShadows.m},[e.breakpoints.up("xl")]:{boxShadow:e.flowShadows.xl},borderRadius:"4px",padding:"8px 16px",minWidth:"0",width:"auto",maxWidth:"544px","&:has(.MuiAlert-message .MuiAlertTitle-root), &:has(.MuiAlert-message .MuiTypography-caption1)":{"& .MuiAlert-icon":{alignSelf:"flex-start"}}},"notification"===i.severity&&{backgroundColor:e.palette.background.primary,color:e.palette.text.primary}),outlined:{border:"none"},icon:({theme:e,ownerState:i})=>Object.assign(Object.assign(Object.assign({alignSelf:"center",display:"block",flexShrink:"0",position:"relative",opacity:"1",padding:"0",margin:"0",marginRight:"8px"},"info"===i.severity&&{display:"none"}),"notification"===i.severity&&{lineHeight:"14px"}),{"& .MuiSvgIcon-root":Object.assign(Object.assign(Object.assign({display:"block",fontSize:"18px"},"success"===i.severity&&{color:e.palette.brand.secondary}),"warning"===i.severity&&{color:e.palette.warning.main}),"error"===i.severity&&{color:e.palette.error.main})}),message:({theme:e})=>Object.assign(Object.assign({alignSelf:"center",flexGrow:"1"},e.typography.disclaimer1),{padding:"0",overflow:"hidden",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:"2","&:has(.MuiAlertTitle-root), &:has(.MuiTypography-caption1)":{WebkitLineClamp:"3"},[e.breakpoints.down("md")]:{WebkitLineClamp:"3","&:has(.MuiAlertTitle-root), &:has(.MuiTypography-caption1)":{WebkitLineClamp:"4"}}}),action:({theme:e})=>({flexShrink:"0",alignItems:"center",padding:"0",margin:"0",paddingLeft:"8px",marginLeft:"16px",marginRight:"-4px",borderLeft:`1px solid ${e.palette.onSurface.os600}`})}};export{l as flowAlert};
+import{jsx as e,Fragment as o}from"react/jsx-runtime";import{CircleCheckFilledIcon as i}from"../../components/icon/filled/CircleCheckFilledIcon.js";import{CircleExclamationFilledIcon as t}from"../../components/icon/filled/CircleExclamationFilledIcon.js";import{WarningFilledIcon as r}from"../../components/icon/filled/WarningFilledIcon.js";import{CloseIcon as n}from"../../components/icon/stroke/CloseIcon.js";import{Label as a}from"../../components/label/Label.js";const l={defaultProps:{severity:"info",variant:"filled",iconMapping:{info:e(o,{}),success:e(i,{}),warning:e(t,{}),error:e(r,{}),notification:e(a,{type:"indicator",variant:"neutral"})},slotProps:{closeIcon:{fontSize:"extraSmall"}},slots:{closeIcon:n}},styleOverrides:{root:({theme:e,ownerState:o})=>({display:"flex",alignItems:"stretch",justifyContent:"flex-start",flexWrap:"nowrap",textAlign:"left",backgroundColor:e.palette.onSurface.os900,color:e.palette.common.white,boxShadow:e.flowShadows.xs,[e.breakpoints.up("md")]:{minWidth:"0",boxShadow:e.flowShadows.m},[e.breakpoints.up("xl")]:{boxShadow:e.flowShadows.xl},borderRadius:"4px",padding:"8px 16px",minWidth:"0",width:"auto",maxWidth:"544px","&:has(.MuiAlert-message .MuiAlertTitle-root), &:has(.MuiAlert-message .MuiTypography-caption1)":{"& .MuiAlert-icon":{alignSelf:"flex-start"}},..."notification"===o.severity&&{backgroundColor:e.palette.background.primary,color:e.palette.text.primary}}),outlined:{border:"none"},icon:({theme:e,ownerState:o})=>({alignSelf:"center",display:"block",flexShrink:"0",position:"relative",opacity:"1",padding:"0",margin:"0",marginRight:"8px",..."info"===o.severity&&{display:"none"},..."notification"===o.severity&&{lineHeight:"14px"},"& .MuiSvgIcon-root":{display:"block",fontSize:"18px",..."success"===o.severity&&{color:e.palette.brand.secondary},..."warning"===o.severity&&{color:e.palette.warning.main},..."error"===o.severity&&{color:e.palette.error.main}}}),message:({theme:e})=>({alignSelf:"center",flexGrow:"1",...e.typography.disclaimer1,padding:"0",overflow:"hidden",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:"2","&:has(.MuiAlertTitle-root), &:has(.MuiTypography-caption1)":{WebkitLineClamp:"3"},[e.breakpoints.down("md")]:{WebkitLineClamp:"3","&:has(.MuiAlertTitle-root), &:has(.MuiTypography-caption1)":{WebkitLineClamp:"4"}}}),action:({theme:e})=>({flexShrink:"0",alignItems:"center",padding:"0",margin:"0",paddingLeft:"8px",marginLeft:"16px",marginRight:"-4px",borderLeft:`1px solid ${e.palette.onSurface.os600}`})}};export{l as flowAlert};
 //# sourceMappingURL=alert.theme.js.map

package/materialui/alert/alert.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert.theme.js","sources":["../../../src/materialui/alert/alert.theme.tsx"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { CircleCheckFilledIcon } from '@/src/components/icon/filled/CircleCheckFilledIcon';\nimport { CircleExclamationFilledIcon } from '@/src/components/icon/filled/CircleExclamationFilledIcon';\nimport { WarningFilledIcon } from '@/src/components/icon/filled/WarningFilledIcon';\nimport { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\nimport { Label } from '@/src/components/label';\n\nexport const flowAlert: Components<Theme>['MuiAlert'] = {\n  defaultProps: {\n    severity: 'info',\n    variant: 'filled',\n    iconMapping: {\n      info: <></>,\n      success: <CircleCheckFilledIcon />,\n      warning: <CircleExclamationFilledIcon />,\n      error: <WarningFilledIcon />,\n      notification: <Label type=\"indicator\" variant=\"neutral\" />,\n    },\n    slotProps: {\n      closeIcon: { fontSize: 'extraSmall' },\n    },\n    slots: {\n      closeIcon: CloseIcon,\n    },\n  },\n  styleOverrides: {\n    // main wrapper\n    root: ({ theme, ownerState }) => ({\n      display: 'flex',\n      alignItems: 'stretch',\n      justifyContent: 'flex-start',\n      flexWrap: 'nowrap',\n      // specify default text align to prevent overwriting from parent\n      textAlign: 'left',\n      // style for all variants\n      backgroundColor: theme.palette.onSurface.os900,\n      color: theme.palette.common.white,\n      boxShadow: theme.flowShadows.xs,\n      [theme.breakpoints.up('md')]: {\n        minWidth: '0',\n        boxShadow: theme.flowShadows.m,\n      },\n      [theme.breakpoints.up('xl')]: {\n        boxShadow: theme.flowShadows.xl,\n      },\n      // proportions\n      borderRadius: '4px',\n      padding: '8px 16px',\n      minWidth: '0',\n      width: 'auto',\n      maxWidth: '544px',\n      // detect if AlertTitle (or previous title) is present in message\n      '&:has(.MuiAlert-message .MuiAlertTitle-root), &:has(.MuiAlert-message .MuiTypography-caption1)': {\n        '& .MuiAlert-icon': {\n          alignSelf: 'flex-start',\n        },\n      },\n      ...(ownerState.severity === 'notification' && {\n        backgroundColor: theme.palette.background.primary,\n        color: theme.palette.text.primary,\n      }),\n    }),\n    // unsupported variant\n    outlined: {\n      border: 'none',\n    },\n    // holder of icon on left side\n    icon: ({ theme, ownerState }) => ({\n      alignSelf: 'center',\n      display: 'block',\n      flexShrink: '0',\n      position: 'relative',\n      opacity: '1',\n      // proportions\n      padding: '0',\n      margin: '0',\n      marginRight: '8px',\n      // style of each variant\n      ...(ownerState.severity === 'info' && { display: 'none' }),\n      ...(ownerState.severity === 'notification' && { lineHeight: '14px' }),\n      // icons inside\n      '& .MuiSvgIcon-root': {\n        display: 'block',\n        fontSize: '18px',\n        ...(ownerState.severity === 'success' && { color: theme.palette.brand.secondary }),\n        ...(ownerState.severity === 'warning' && { color: theme.palette.warning.main }),\n        ...(ownerState.severity === 'error' && { color: theme.palette.error.main }),\n      },\n    }),\n    // holder of AlertTitle and message in the center\n    message: ({ theme }) => ({\n      alignSelf: 'center',\n      // fill remaining space\n      flexGrow: '1',\n      // proper typography\n      ...theme.typography.disclaimer1,\n      // proportions\n      padding: '0',\n      // multi-line ellipsis\n      overflow: 'hidden',\n      display: '-webkit-box',\n      WebkitBoxOrient: 'vertical',\n      WebkitLineClamp: '2',\n      // detect if AlertTitle (or previous title) is present\n      '&:has(.MuiAlertTitle-root), &:has(.MuiTypography-caption1)': {\n        WebkitLineClamp: '3',\n      },\n      [theme.breakpoints.down('md')]: {\n        WebkitLineClamp: '3',\n        '&:has(.MuiAlertTitle-root), &:has(.MuiTypography-caption1)': {\n          WebkitLineClamp: '4',\n        },\n      },\n    }),\n    // holder of action button on right side\n    action: ({ theme }) => ({\n      flexShrink: '0',\n      alignItems: 'center',\n      // proportions\n      padding: '0',\n      margin: '0',\n      paddingLeft: '8px',\n      marginLeft: '16px',\n      marginRight: '-4px',\n      // divider between message and actions\n      borderLeft: `1px solid ${theme.palette.onSurface.os600}`,\n    }),\n  },\n};\n"],"names":["flowAlert","defaultProps","severity","variant","iconMapping","info","_jsx","_Fragment","success","CircleCheckFilledIcon","warning","CircleExclamationFilledIcon","error","WarningFilledIcon","notification","Label","type","slotProps","closeIcon","fontSize","slots","CloseIcon","styleOverrides","root","theme","ownerState","Object","assign","display","alignItems","justifyContent","flexWrap","textAlign","backgroundColor","palette","onSurface","os900","color","common","white","boxShadow","flowShadows","xs","breakpoints","up","minWidth","m","xl","borderRadius","padding","width","maxWidth","alignSelf","background","primary","text","outlined","border","icon","flexShrink","position","opacity","margin","marginRight","lineHeight","brand","secondary","main","message","flexGrow","typography","disclaimer1","overflow","WebkitBoxOrient","WebkitLineClamp","down","action","paddingLeft","marginLeft","borderLeft","os600"],"mappings":"kdAQO,MAAMA,EAA2C,CACtDC,aAAc,CACZC,SAAU,OACVC,QAAS,SACTC,YAAa,CACXC,KAAMC,EAAAC,EAAA,IACNC,QAASF,EAACG,EAAqB,IAC/BC,QAASJ,EAACK,EAA2B,IACrCC,MAAON,EAACO,EAAiB,IACzBC,aAAcR,EAACS,EAAK,CAACC,KAAK,YAAYb,QAAQ,aAEhDc,UAAW,CACTC,UAAW,CAAEC,SAAU,eAEzBC,MAAO,CACLF,UAAWG,IAGfC,eAAgB,CAEdC,KAAM,EAAGC,QAAOC,gBAAiBC,OAAAC,OAAA,CAC/BC,QAAS,OACTC,WAAY,UACZC,eAAgB,aAChBC,SAAU,SAEVC,UAAW,OAEXC,gBAAiBT,EAAMU,QAAQC,UAAUC,MACzCC,MAAOb,EAAMU,QAAQI,OAAOC,MAC5BC,UAAWhB,EAAMiB,YAAYC,GAC7B,CAAClB,EAAMmB,YAAYC,GAAG,OAAQ,CAC5BC,SAAU,IACVL,UAAWhB,EAAMiB,YAAYK,GAE/B,CAACtB,EAAMmB,YAAYC,GAAG,OAAQ,CAC5BJ,UAAWhB,EAAMiB,YAAYM,IAG/BC,aAAc,MACdC,QAAS,WACTJ,SAAU,IACVK,MAAO,OACPC,SAAU,QAEV,iGAAkG,CAChG,mBAAoB,CAClBC,UAAW,gBAGa,iBAAxB3B,EAAWvB,UAA+B,CAC5C+B,gBAAiBT,EAAMU,QAAQmB,WAAWC,QAC1CjB,MAAOb,EAAMU,QAAQqB,KAAKD,UAI9BE,SAAU,CACRC,OAAQ,QAGVC,KAAM,EAAGlC,QAAOC,gBAAiBC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAC/ByB,UAAW,SACXxB,QAAS,QACT+B,WAAY,IACZC,SAAU,WACVC,QAAS,IAETZ,QAAS,IACTa,OAAQ,IACRC,YAAa,OAEe,SAAxBtC,EAAWvB,UAAuB,CAAE0B,QAAS,SACrB,iBAAxBH,EAAWvB,UAA+B,CAAE8D,WAAY,SAAS,CAErE,qBAAoBtC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAClBC,QAAS,QACTT,SAAU,QACkB,YAAxBM,EAAWvB,UAA0B,CAAEmC,MAAOb,EAAMU,QAAQ+B,MAAMC,YAC1C,YAAxBzC,EAAWvB,UAA0B,CAAEmC,MAAOb,EAAMU,QAAQxB,QAAQyD,OAC5C,UAAxB1C,EAAWvB,UAAwB,CAAEmC,MAAOb,EAAMU,QAAQtB,MAAMuD,SAIxEC,QAAS,EAAG5C,WAAYE,OAAAC,OAAAD,OAAAC,OAAA,CACtByB,UAAW,SAEXiB,SAAU,KAEP7C,EAAM8C,WAAWC,aAAW,CAE/BtB,QAAS,IAETuB,SAAU,SACV5C,QAAS,cACT6C,gBAAiB,WACjBC,gBAAiB,IAEjB,6DAA8D,CAC5DA,gBAAiB,KAEnB,CAAClD,EAAMmB,YAAYgC,KAAK,OAAQ,CAC9BD,gBAAiB,IACjB,6DAA8D,CAC5DA,gBAAiB,QAKvBE,OAAQ,EAAGpD,YAAO,CAChBmC,WAAY,IACZ9B,WAAY,SAEZoB,QAAS,IACTa,OAAQ,IACRe,YAAa,MACbC,WAAY,OACZf,YAAa,OAEbgB,WAAY,aAAavD,EAAMU,QAAQC,UAAU6C"}
+{"version":3,"file":"alert.theme.js","sources":["../../../src/materialui/alert/alert.theme.tsx"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { CircleCheckFilledIcon } from '@/src/components/icon/filled/CircleCheckFilledIcon';\nimport { CircleExclamationFilledIcon } from '@/src/components/icon/filled/CircleExclamationFilledIcon';\nimport { WarningFilledIcon } from '@/src/components/icon/filled/WarningFilledIcon';\nimport { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\nimport { Label } from '@/src/components/label';\n\nexport const flowAlert: Components<Theme>['MuiAlert'] = {\n  defaultProps: {\n    severity: 'info',\n    variant: 'filled',\n    iconMapping: {\n      info: <></>,\n      success: <CircleCheckFilledIcon />,\n      warning: <CircleExclamationFilledIcon />,\n      error: <WarningFilledIcon />,\n      notification: <Label type=\"indicator\" variant=\"neutral\" />,\n    },\n    slotProps: {\n      closeIcon: { fontSize: 'extraSmall' },\n    },\n    slots: {\n      closeIcon: CloseIcon,\n    },\n  },\n  styleOverrides: {\n    // main wrapper\n    root: ({ theme, ownerState }) => ({\n      display: 'flex',\n      alignItems: 'stretch',\n      justifyContent: 'flex-start',\n      flexWrap: 'nowrap',\n      // specify default text align to prevent overwriting from parent\n      textAlign: 'left',\n      // style for all variants\n      backgroundColor: theme.palette.onSurface.os900,\n      color: theme.palette.common.white,\n      boxShadow: theme.flowShadows.xs,\n      [theme.breakpoints.up('md')]: {\n        minWidth: '0',\n        boxShadow: theme.flowShadows.m,\n      },\n      [theme.breakpoints.up('xl')]: {\n        boxShadow: theme.flowShadows.xl,\n      },\n      // proportions\n      borderRadius: '4px',\n      padding: '8px 16px',\n      minWidth: '0',\n      width: 'auto',\n      maxWidth: '544px',\n      // detect if AlertTitle (or previous title) is present in message\n      '&:has(.MuiAlert-message .MuiAlertTitle-root), &:has(.MuiAlert-message .MuiTypography-caption1)': {\n        '& .MuiAlert-icon': {\n          alignSelf: 'flex-start',\n        },\n      },\n      ...(ownerState.severity === 'notification' && {\n        backgroundColor: theme.palette.background.primary,\n        color: theme.palette.text.primary,\n      }),\n    }),\n    // unsupported variant\n    outlined: {\n      border: 'none',\n    },\n    // holder of icon on left side\n    icon: ({ theme, ownerState }) => ({\n      alignSelf: 'center',\n      display: 'block',\n      flexShrink: '0',\n      position: 'relative',\n      opacity: '1',\n      // proportions\n      padding: '0',\n      margin: '0',\n      marginRight: '8px',\n      // style of each variant\n      ...(ownerState.severity === 'info' && { display: 'none' }),\n      ...(ownerState.severity === 'notification' && { lineHeight: '14px' }),\n      // icons inside\n      '& .MuiSvgIcon-root': {\n        display: 'block',\n        fontSize: '18px',\n        ...(ownerState.severity === 'success' && { color: theme.palette.brand.secondary }),\n        ...(ownerState.severity === 'warning' && { color: theme.palette.warning.main }),\n        ...(ownerState.severity === 'error' && { color: theme.palette.error.main }),\n      },\n    }),\n    // holder of AlertTitle and message in the center\n    message: ({ theme }) => ({\n      alignSelf: 'center',\n      // fill remaining space\n      flexGrow: '1',\n      // proper typography\n      ...theme.typography.disclaimer1,\n      // proportions\n      padding: '0',\n      // multi-line ellipsis\n      overflow: 'hidden',\n      display: '-webkit-box',\n      WebkitBoxOrient: 'vertical',\n      WebkitLineClamp: '2',\n      // detect if AlertTitle (or previous title) is present\n      '&:has(.MuiAlertTitle-root), &:has(.MuiTypography-caption1)': {\n        WebkitLineClamp: '3',\n      },\n      [theme.breakpoints.down('md')]: {\n        WebkitLineClamp: '3',\n        '&:has(.MuiAlertTitle-root), &:has(.MuiTypography-caption1)': {\n          WebkitLineClamp: '4',\n        },\n      },\n    }),\n    // holder of action button on right side\n    action: ({ theme }) => ({\n      flexShrink: '0',\n      alignItems: 'center',\n      // proportions\n      padding: '0',\n      margin: '0',\n      paddingLeft: '8px',\n      marginLeft: '16px',\n      marginRight: '-4px',\n      // divider between message and actions\n      borderLeft: `1px solid ${theme.palette.onSurface.os600}`,\n    }),\n  },\n};\n"],"names":["flowAlert","defaultProps","severity","variant","iconMapping","info","_jsx","_Fragment","success","CircleCheckFilledIcon","warning","CircleExclamationFilledIcon","error","WarningFilledIcon","notification","Label","type","slotProps","closeIcon","fontSize","slots","CloseIcon","styleOverrides","root","theme","ownerState","display","alignItems","justifyContent","flexWrap","textAlign","backgroundColor","palette","onSurface","os900","color","common","white","boxShadow","flowShadows","xs","breakpoints","up","minWidth","m","xl","borderRadius","padding","width","maxWidth","alignSelf","background","primary","text","outlined","border","icon","flexShrink","position","opacity","margin","marginRight","lineHeight","brand","secondary","main","message","flexGrow","typography","disclaimer1","overflow","WebkitBoxOrient","WebkitLineClamp","down","action","paddingLeft","marginLeft","borderLeft","os600"],"mappings":"kdAQO,MAAMA,EAA2C,CACtDC,aAAc,CACZC,SAAU,OACVC,QAAS,SACTC,YAAa,CACXC,KAAMC,EAAAC,EAAA,IACNC,QAASF,EAACG,EAAqB,IAC/BC,QAASJ,EAACK,EAA2B,IACrCC,MAAON,EAACO,EAAiB,IACzBC,aAAcR,EAACS,EAAK,CAACC,KAAK,YAAYb,QAAQ,aAEhDc,UAAW,CACTC,UAAW,CAAEC,SAAU,eAEzBC,MAAO,CACLF,UAAWG,IAGfC,eAAgB,CAEdC,KAAM,EAAGC,QAAOC,iBAAY,CAC1BC,QAAS,OACTC,WAAY,UACZC,eAAgB,aAChBC,SAAU,SAEVC,UAAW,OAEXC,gBAAiBP,EAAMQ,QAAQC,UAAUC,MACzCC,MAAOX,EAAMQ,QAAQI,OAAOC,MAC5BC,UAAWd,EAAMe,YAAYC,GAC7B,CAAChB,EAAMiB,YAAYC,GAAG,OAAQ,CAC5BC,SAAU,IACVL,UAAWd,EAAMe,YAAYK,GAE/B,CAACpB,EAAMiB,YAAYC,GAAG,OAAQ,CAC5BJ,UAAWd,EAAMe,YAAYM,IAG/BC,aAAc,MACdC,QAAS,WACTJ,SAAU,IACVK,MAAO,OACPC,SAAU,QAEV,iGAAkG,CAChG,mBAAoB,CAClBC,UAAW,kBAGa,iBAAxBzB,EAAWvB,UAA+B,CAC5C6B,gBAAiBP,EAAMQ,QAAQmB,WAAWC,QAC1CjB,MAAOX,EAAMQ,QAAQqB,KAAKD,WAI9BE,SAAU,CACRC,OAAQ,QAGVC,KAAM,EAAGhC,QAAOC,iBAAY,CAC1ByB,UAAW,SACXxB,QAAS,QACT+B,WAAY,IACZC,SAAU,WACVC,QAAS,IAETZ,QAAS,IACTa,OAAQ,IACRC,YAAa,SAEe,SAAxBpC,EAAWvB,UAAuB,CAAEwB,QAAS,WACrB,iBAAxBD,EAAWvB,UAA+B,CAAE4D,WAAY,QAE5D,qBAAsB,CACpBpC,QAAS,QACTP,SAAU,UACkB,YAAxBM,EAAWvB,UAA0B,CAAEiC,MAAOX,EAAMQ,QAAQ+B,MAAMC,cAC1C,YAAxBvC,EAAWvB,UAA0B,CAAEiC,MAAOX,EAAMQ,QAAQtB,QAAQuD,SAC5C,UAAxBxC,EAAWvB,UAAwB,CAAEiC,MAAOX,EAAMQ,QAAQpB,MAAMqD,SAIxEC,QAAS,EAAG1C,YAAO,CACjB0B,UAAW,SAEXiB,SAAU,OAEP3C,EAAM4C,WAAWC,YAEpBtB,QAAS,IAETuB,SAAU,SACV5C,QAAS,cACT6C,gBAAiB,WACjBC,gBAAiB,IAEjB,6DAA8D,CAC5DA,gBAAiB,KAEnB,CAAChD,EAAMiB,YAAYgC,KAAK,OAAQ,CAC9BD,gBAAiB,IACjB,6DAA8D,CAC5DA,gBAAiB,QAKvBE,OAAQ,EAAGlD,YAAO,CAChBiC,WAAY,IACZ9B,WAAY,SAEZoB,QAAS,IACTa,OAAQ,IACRe,YAAa,MACbC,WAAY,OACZf,YAAa,OAEbgB,WAAY,aAAarD,EAAMQ,QAAQC,UAAU6C"}

package/materialui/appbar/toolbar.theme.js

@@ -1,2 +1,2 @@
-import{getGutters as e}from"../container/container.theme.js";const t={defaultProps:{disableGutters:!0},styleOverrides:{root:({theme:e})=>({position:"static",display:"flex",alignItems:"center",justifyContent:"space-between",gap:e.spacing(2),margin:"0 auto",width:"100%",paddingLeft:"16px",paddingRight:"16px",[e.breakpoints.up("xs")]:{minHeight:"0"}}),gutters:({theme:t})=>({[t.breakpoints.up("xs")]:e("xs"),[t.breakpoints.up("sm")]:e("sm"),[t.breakpoints.up("md")]:e("md"),[t.breakpoints.up("lg")]:e("lg"),[t.breakpoints.up("xl")]:Object.assign(Object.assign({},e("xl")),{maxWidth:t.breakpoints.values.xl})}),dense:{padding:"0"}}};export{t as flowToolbar};
+import{getGutters as e}from"../container/container.theme.js";const t={defaultProps:{disableGutters:!0},styleOverrides:{root:({theme:e})=>({position:"static",display:"flex",alignItems:"center",justifyContent:"space-between",gap:e.spacing(2),margin:"0 auto",width:"100%",paddingLeft:"16px",paddingRight:"16px",[e.breakpoints.up("xs")]:{minHeight:"0"}}),gutters:({theme:t})=>({[t.breakpoints.up("xs")]:e("xs"),[t.breakpoints.up("sm")]:e("sm"),[t.breakpoints.up("md")]:e("md"),[t.breakpoints.up("lg")]:e("lg"),[t.breakpoints.up("xl")]:{...e("xl"),maxWidth:t.breakpoints.values.xl}}),dense:{padding:"0"}}};export{t as flowToolbar};
 //# sourceMappingURL=toolbar.theme.js.map

package/materialui/appbar/toolbar.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"toolbar.theme.js","sources":["../../../src/materialui/appbar/toolbar.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { getGutters } from '@/src/materialui/container/container.theme';\n\nexport const flowToolbar: Components<Theme>['MuiToolbar'] = {\n  defaultProps: {\n    disableGutters: true,\n  },\n  styleOverrides: {\n    root: ({ theme }) => ({\n      // in order for HeaderNavigationHero to fill full width, we are setting position to static from relative\n      position: 'static',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      gap: theme.spacing(2),\n      margin: '0 auto',\n      width: '100%',\n      // default gutters\n      paddingLeft: '16px',\n      paddingRight: '16px',\n      // height controlled by appbar\n      [theme.breakpoints.up('xs')]: {\n        minHeight: '0',\n      },\n    }),\n    // same proportions as container\n    gutters: ({ theme }) => ({\n      [theme.breakpoints.up('xs')]: getGutters('xs'),\n      [theme.breakpoints.up('sm')]: getGutters('sm'),\n      [theme.breakpoints.up('md')]: getGutters('md'),\n      [theme.breakpoints.up('lg')]: getGutters('lg'),\n      [theme.breakpoints.up('xl')]: {\n        ...getGutters('xl'),\n        // container maxWidthXl\n        maxWidth: theme.breakpoints.values.xl,\n      },\n    }),\n    dense: {\n      // remove gutters completely\n      padding: '0',\n    },\n  },\n};\n"],"names":["flowToolbar","defaultProps","disableGutters","styleOverrides","root","theme","position","display","alignItems","justifyContent","gap","spacing","margin","width","paddingLeft","paddingRight","breakpoints","up","minHeight","gutters","getGutters","Object","assign","maxWidth","values","xl","dense","padding"],"mappings":"6DAIO,MAAMA,EAA+C,CAC1DC,aAAc,CACZC,gBAAgB,GAElBC,eAAgB,CACdC,KAAM,EAAGC,YAAO,CAEdC,SAAU,SACVC,QAAS,OACTC,WAAY,SACZC,eAAgB,gBAChBC,IAAKL,EAAMM,QAAQ,GACnBC,OAAQ,SACRC,MAAO,OAEPC,YAAa,OACbC,aAAc,OAEd,CAACV,EAAMW,YAAYC,GAAG,OAAQ,CAC5BC,UAAW,OAIfC,QAAS,EAAGd,YAAO,CACjB,CAACA,EAAMW,YAAYC,GAAG,OAAQG,EAAW,MACzC,CAACf,EAAMW,YAAYC,GAAG,OAAQG,EAAW,MACzC,CAACf,EAAMW,YAAYC,GAAG,OAAQG,EAAW,MACzC,CAACf,EAAMW,YAAYC,GAAG,OAAQG,EAAW,MACzC,CAACf,EAAMW,YAAYC,GAAG,OAAMI,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACvBF,EAAW,OAAK,CAEnBG,SAAUlB,EAAMW,YAAYQ,OAAOC,OAGvCC,MAAO,CAELC,QAAS"}
+{"version":3,"file":"toolbar.theme.js","sources":["../../../src/materialui/appbar/toolbar.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { getGutters } from '@/src/materialui/container/container.theme';\n\nexport const flowToolbar: Components<Theme>['MuiToolbar'] = {\n  defaultProps: {\n    disableGutters: true,\n  },\n  styleOverrides: {\n    root: ({ theme }) => ({\n      // in order for HeaderNavigationHero to fill full width, we are setting position to static from relative\n      position: 'static',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      gap: theme.spacing(2),\n      margin: '0 auto',\n      width: '100%',\n      // default gutters\n      paddingLeft: '16px',\n      paddingRight: '16px',\n      // height controlled by appbar\n      [theme.breakpoints.up('xs')]: {\n        minHeight: '0',\n      },\n    }),\n    // same proportions as container\n    gutters: ({ theme }) => ({\n      [theme.breakpoints.up('xs')]: getGutters('xs'),\n      [theme.breakpoints.up('sm')]: getGutters('sm'),\n      [theme.breakpoints.up('md')]: getGutters('md'),\n      [theme.breakpoints.up('lg')]: getGutters('lg'),\n      [theme.breakpoints.up('xl')]: {\n        ...getGutters('xl'),\n        // container maxWidthXl\n        maxWidth: theme.breakpoints.values.xl,\n      },\n    }),\n    dense: {\n      // remove gutters completely\n      padding: '0',\n    },\n  },\n};\n"],"names":["flowToolbar","defaultProps","disableGutters","styleOverrides","root","theme","position","display","alignItems","justifyContent","gap","spacing","margin","width","paddingLeft","paddingRight","breakpoints","up","minHeight","gutters","getGutters","maxWidth","values","xl","dense","padding"],"mappings":"6DAIO,MAAMA,EAA+C,CAC1DC,aAAc,CACZC,gBAAgB,GAElBC,eAAgB,CACdC,KAAM,EAAGC,YAAO,CAEdC,SAAU,SACVC,QAAS,OACTC,WAAY,SACZC,eAAgB,gBAChBC,IAAKL,EAAMM,QAAQ,GACnBC,OAAQ,SACRC,MAAO,OAEPC,YAAa,OACbC,aAAc,OAEd,CAACV,EAAMW,YAAYC,GAAG,OAAQ,CAC5BC,UAAW,OAIfC,QAAS,EAAGd,YAAO,CACjB,CAACA,EAAMW,YAAYC,GAAG,OAAQG,EAAW,MACzC,CAACf,EAAMW,YAAYC,GAAG,OAAQG,EAAW,MACzC,CAACf,EAAMW,YAAYC,GAAG,OAAQG,EAAW,MACzC,CAACf,EAAMW,YAAYC,GAAG,OAAQG,EAAW,MACzC,CAACf,EAAMW,YAAYC,GAAG,OAAQ,IACzBG,EAAW,MAEdC,SAAUhB,EAAMW,YAAYM,OAAOC,MAGvCC,MAAO,CAELC,QAAS"}

package/materialui/autocomplete/autocomplete.theme.js

@@ -1,2 +1,2 @@
-import{__rest as e}from"tslib";import{jsx as o,jsxs as n}from"react/jsx-runtime";import{MenuList as t,Box as r,MenuItem as i,Checkbox as p,ListItemText as a}from"@mui/material";import{ChevronDownIcon as s}from"../../components/icon/stroke/ChevronDownIcon.js";import{CloseIcon as l}from"../../components/icon/stroke/CloseIcon.js";import{flowMenu as u}from"../menu/menu.theme.js";import{flowMenuItem as c}from"../menu/menuItem.theme.js";import{getInteractiveStyle as d}from"../button/interactive.js";const m={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:o(s,{}),clearIcon:o(l,{}),noOptionsText:"No matching results",slots:{listbox:t},renderOption:(t,r,s,l)=>{var u,{key:c}=t,d=e(t,["key"]);return n(i,Object.assign({},d,{children:[(null==l?void 0:l.multiple)&&o(p,{checked:s.selected,tabIndex:-1}),o(a,{children:null!==(u=null==r?void 0:r.label)&&void 0!==u?u:r})]}),c)},renderTags:e=>(Array.isArray(e)?e:[e]).map((n,t)=>o(r,{component:"span",children:`${n}${(Array.isArray(e)?e:[e]).length!==t+1?", ":""}`},n))},styleOverrides:{root:({theme:e})=>({"& .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:Object.assign(Object.assign({transition:"none"},d({color:"inherit",backgroundColor:"transparent"},{color:"inherit",backgroundColor:"transparent"})),{"& .MuiSvgIcon-root":{fontSize:"17px",flexShrink:"0"}}),clearIndicator:Object.assign(Object.assign({visibility:"visible",transition:"none"},d({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:u.styleOverrides.paper,option:c.styleOverrides.root,noOptions:[c.styleOverrides.root,{pointerEvents:"none",cursor:"auto"}]}};export{m as flowAutocomplete};
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import{MenuList as n,Box as t,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 s}from"../../components/icon/stroke/CloseIcon.js";import{flowMenu as l}from"../menu/menu.theme.js";import{flowMenuItem as u}from"../menu/menuItem.theme.js";import{getInteractiveStyle as d}from"../button/interactive.js";const c={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(s,{}),noOptionsText:"No matching results",slots:{listbox:n},renderOption:({key:n,...t},a,s,l)=>o(r,{...t,children:[l?.multiple&&e(i,{checked:s.selected,tabIndex:-1}),e(p,{children:a?.label??a})]},n),renderTags:o=>(Array.isArray(o)?o:[o]).map((n,r)=>e(t,{component:"span",children:`${n}${(Array.isArray(o)?o:[o]).length!==r+1?", ":""}`},n))},styleOverrides:{root:({theme:e})=>({"& .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",...d({color:"inherit",backgroundColor:"transparent"},{color:"inherit",backgroundColor:"transparent"}),"& .MuiSvgIcon-root":{fontSize:"17px",flexShrink:"0"}},clearIndicator:{visibility:"visible",transition:"none",...d({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:l.styleOverrides.paper,option:u.styleOverrides.root,noOptions:[u.styleOverrides.root,{pointerEvents:"none",cursor:"auto"}]}};export{c as flowAutocomplete};
 //# sourceMappingURL=autocomplete.theme.js.map

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

@@ -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 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"}
+{"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","key","rest","option","state","ownerState","_jsxs","MenuItem","multiple","Checkbox","checked","selected","tabIndex","ListItemText","children","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":"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,EAAY,CAAAC,SAAEX,GAAQY,OAASZ,MAFnBF,GAOnBe,WAAaC,IACVC,MAAMC,QAAQF,GAASA,EAAQ,CAACA,IAAQG,IAAI,CAACC,EAAGC,IAC/C9B,EAAC+B,EAAG,CAASC,UAAU,OAAMV,SAC1B,GAAGO,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,eAAgB,CAEdC,WAAY,UACTC,EACD,CAAEC,MAAO,UAAWC,gBAAiB,eACrC,CAAED,MAAO,UAAWC,gBAAiB,gBAGvC,qBAAsB,CACpBC,SAAU,OACVC,WAAY,MAIhBC,eAAgB,CAEdC,WAAY,UAEZP,WAAY,UACTC,EACD,CAAEC,MAAO,UAAWC,gBAAiB,eACrC,CAAED,MAAO,UAAWC,gBAAiB,gBAGvC,qBAAsB,CACpBC,SAAU,OACVC,WAAY,KAGd,sCAAuC,CAErCG,QAAS,SAIbC,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/B7C,OAAQ+C,EAAaxB,eAAeC,KAEpCwB,UAAW,CACTD,EAAaxB,eAAeC,KAC5B,CACEyB,cAAe,OACfC,OAAQ"}

package/materialui/avatar/avatar.theme.js

@@ -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,updateFocusRingStyle as o}from"../../components/focusring/focusring.js";import{getInteractiveStyle as i}from"../button/interactive.js";const a={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(Object.assign(Object.assign({},r(e,!0,0)),{"&:has(.MuiAvatar-img)":Object.assign({},(!t.border||"auto"===t.border)&&Object.assign({},o(1)))}),"on"===t.border&&Object.assign({},o(1))),{":after":{display:"block",content:'""',position:"absolute",inset:"0",borderRadius:"inherit",backgroundColor:e.palette.transparent.primary,transition:"opacity 0.3s ease-out",opacity:"0"}}),i({"&: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{a as flowAvatar};
+import{jsx as r}from"react/jsx-runtime";import{UserFilledIcon as e}from"../../components/icon/filled/UserFilledIcon.js";import{updateFocusRingStyle as t,getFocusRingStyle as o}from"../../components/focusring/focusring.js";import{getInteractiveStyle as i}from"../button/interactive.js";const a={defaultProps:{variant:"circular",size:"md",children:r(e,{})},styleOverrides:{root:({theme:r,ownerState:e})=>({overflow:"visible",color:r.palette.brand.tertiary,backgroundColor:r.palette.brand.quarternary,"&:has(.MuiAvatar-img)":{color:r.palette.onSurface.os500,backgroundColor:r.palette.surface.primary,...(!e.border||"auto"===e.border)&&{border:"1px solid currentColor"}},letterSpacing:"0.02em",fontWeight:"700",..."on"===e.border&&{border:"1px solid currentColor"},...e.disabled&&{"&, &:has(.MuiAvatar-img)":{color:r.palette.disabled.tertiary,backgroundColor:r.palette.surface.secondary}},"& .MuiAvatar-img":{borderRadius:"inherit",...e.disabled&&{opacity:"0.65"}},"&.MuiButtonBase-root":{...o(r,!0,0),"&:has(.MuiAvatar-img)":{...(!e.border||"auto"===e.border)&&{...t(1)}},..."on"===e.border&&{...t(1)},":after":{display:"block",content:'""',position:"absolute",inset:"0",borderRadius:"inherit",backgroundColor:r.palette.transparent.primary,transition:"opacity 0.3s ease-out",opacity:"0"},...i({"&: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{a as flowAvatar};
 //# sourceMappingURL=avatar.theme.js.map

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

@@ -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, updateFocusRingStyle } 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        '&:has(.MuiAvatar-img)': {\n          ...((!ownerState.border || ownerState.border === 'auto') && {\n            ...updateFocusRingStyle(1),\n          }),\n        },\n        ...(ownerState.border === 'on' && {\n          ...updateFocusRingStyle(1),\n        }),\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","updateFocusRingStyle","display","content","position","inset","transparent","transition","getInteractiveStyle","rounded","variants","props","style","width","height","lineHeight","fontSize"],"mappings":"6RAMO,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,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAEjBmB,EAAkBtB,GAAO,EAAM,IAAE,CACpC,wBAAuBE,OAAAC,OAAA,KACfF,EAAWc,QAAgC,SAAtBd,EAAWc,0BACjCQ,EAAqB,OAGF,OAAtBtB,EAAWc,QAAeb,OAAAC,OAAA,CAAA,EACzBoB,EAAqB,KACxB,CAEF,SAAU,CACRC,QAAS,QACTC,QAAS,KACTC,SAAU,WACVC,MAAO,IACPP,aAAc,UACdX,gBAAiBT,EAAMM,QAAQsB,YAAYd,QAC3Ce,WAAY,wBACZR,QAAS,OAGRS,EACD,CACE,UAAW,CACTT,QAAS,MAGb,CACE,UAAW,CACTA,QAAS,UAMnBU,QAAS,CAEPX,aAAc,QAGlBY,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"}
+{"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, updateFocusRingStyle } 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        '&:has(.MuiAvatar-img)': {\n          ...((!ownerState.border || ownerState.border === 'auto') && {\n            ...updateFocusRingStyle(1),\n          }),\n        },\n        ...(ownerState.border === 'on' && {\n          ...updateFocusRingStyle(1),\n        }),\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","overflow","color","palette","brand","tertiary","backgroundColor","quarternary","onSurface","os500","surface","primary","border","letterSpacing","fontWeight","disabled","secondary","borderRadius","opacity","getFocusRingStyle","updateFocusRingStyle","display","content","position","inset","transparent","transition","getInteractiveStyle","rounded","variants","props","style","width","height","lineHeight","fontSize"],"mappings":"6RAMO,MAAMA,EAA6C,CACxDC,aAAc,CACZC,QAAS,WACTC,KAAM,KAENC,SAAUC,EAACC,EAAc,KAE3BC,eAAgB,CACdC,KAAM,EAAGC,QAAOC,iBAAY,CAC1BC,SAAU,UACVC,MAAOH,EAAMI,QAAQC,MAAMC,SAC3BC,gBAAiBP,EAAMI,QAAQC,MAAMG,YACrC,wBAAyB,CACvBL,MAAOH,EAAMI,QAAQK,UAAUC,MAC/BH,gBAAiBP,EAAMI,QAAQO,QAAQC,aACjCX,EAAWY,QAAgC,SAAtBZ,EAAWY,SAAsB,CAC1DA,OAAQ,2BAIZC,cAAe,SACfC,WAAY,SAEc,OAAtBd,EAAWY,QAAmB,CAChCA,OAAQ,6BAGNZ,EAAWe,UAAY,CACzB,2BAA4B,CAC1Bb,MAAOH,EAAMI,QAAQY,SAASV,SAC9BC,gBAAiBP,EAAMI,QAAQO,QAAQM,YAI3C,mBAAoB,CAClBC,aAAc,aAEVjB,EAAWe,UAAY,CACzBG,QAAS,SAIb,uBAAwB,IAEnBC,EAAkBpB,GAAO,EAAM,GAClC,wBAAyB,MACjBC,EAAWY,QAAgC,SAAtBZ,EAAWY,SAAsB,IACvDQ,EAAqB,QAGF,OAAtBpB,EAAWY,QAAmB,IAC7BQ,EAAqB,IAG1B,SAAU,CACRC,QAAS,QACTC,QAAS,KACTC,SAAU,WACVC,MAAO,IACPP,aAAc,UACdX,gBAAiBP,EAAMI,QAAQsB,YAAYd,QAC3Ce,WAAY,wBACZR,QAAS,QAGRS,EACD,CACE,UAAW,CACTT,QAAS,MAGb,CACE,UAAW,CACTA,QAAS,UAMnBU,QAAS,CAEPX,aAAc,QAGlBY,SAAU,CAER,CACEC,MAAO,CAAErC,KAAM,MACfsC,MAAO,CACLC,MAAO,OACPC,OAAQ,OACRC,WAAY,OACZC,SAAU,SAGd,CACEL,MAAO,CAAErC,KAAM,MACfsC,MAAO,CACLC,MAAO,OACPC,OAAQ,OACRC,WAAY,OACZC,SAAU,SAGd,CACEL,MAAO,CAAErC,KAAM,MACfsC,MAAO,CACLC,MAAO,OACPC,OAAQ,OACRC,WAAY,OACZC,SAAU"}

package/materialui/badge/badge.theme.js

@@ -1,2 +1,2 @@
-import{__rest as i}from"tslib";const t="-2px",a={defaultProps:{color:"error",slotProps:{root:{"aria-label":null},badge:t=>{var{invisible:a}=t,r=i(t,["invisible"]);return Object.assign(Object.assign({},a?{"aria-hidden":!0}:{"aria-live":"polite","aria-atomic":!0}),r["aria-label"]&&{"aria-label":r["aria-label"]})}}},styleOverrides:{standard:{height:"16px",minWidth:"16px",fontSize:"10px",fontWeight:"bold",borderRadius:"20px",padding:"0 4px"},dot:{height:"12px",width:"12px",borderRadius:"50%"},anchorOriginTopRightRectangular:{top:t,right:t},anchorOriginTopLeftRectangular:{top:t,left:t},anchorOriginBottomRightRectangular:{bottom:t,right:t},anchorOriginBottomLeftRectangular:{bottom:t,left:t}}};export{a as flowBadge};
+const t="-2px",a={defaultProps:{color:"error",slotProps:{root:{"aria-label":null},badge:({invisible:t,...a})=>({...t?{"aria-hidden":!0}:{"aria-live":"polite","aria-atomic":!0},...a["aria-label"]&&{"aria-label":a["aria-label"]}})}},styleOverrides:{standard:{height:"16px",minWidth:"16px",fontSize:"10px",fontWeight:"bold",borderRadius:"20px",padding:"0 4px"},dot:{height:"12px",width:"12px",borderRadius:"50%"},anchorOriginTopRightRectangular:{top:t,right:t},anchorOriginTopLeftRectangular:{top:t,left:t},anchorOriginBottomRightRectangular:{bottom:t,right:t},anchorOriginBottomLeftRectangular:{bottom:t,left:t}}};export{a as flowBadge};
 //# sourceMappingURL=badge.theme.js.map

package/materialui/badge/badge.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge.theme.js","sources":["../../../src/materialui/badge/badge.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\n// 0px is default from @mui\nconst distance = '-2px';\n\nexport const flowBadge: Components<Theme>['MuiBadge'] = {\n  defaultProps: {\n    color: 'error',\n    slotProps: {\n      root: {\n        // disable aria-label, we place it on the badge instead\n        ['aria-label']: null,\n      },\n      badge: ({ invisible, ...rest }) => ({\n        ...(invisible\n          ? {\n              ['aria-hidden']: true,\n            }\n          : {\n              ['aria-live']: 'polite',\n              ['aria-atomic']: true,\n            }),\n        // pass aria-label to badge from parent\n        ...(rest['aria-label'] && {\n          ['aria-label']: rest['aria-label'],\n        }),\n      }),\n    },\n  },\n  styleOverrides: {\n    standard: {\n      height: '16px',\n      minWidth: '16px',\n      fontSize: '10px',\n      fontWeight: 'bold',\n      borderRadius: '20px',\n      padding: '0 4px',\n    },\n    dot: {\n      height: '12px',\n      width: '12px',\n      borderRadius: '50%',\n    },\n    anchorOriginTopRightRectangular: {\n      top: distance,\n      right: distance,\n    },\n    anchorOriginTopLeftRectangular: {\n      top: distance,\n      left: distance,\n    },\n    anchorOriginBottomRightRectangular: {\n      bottom: distance,\n      right: distance,\n    },\n    anchorOriginBottomLeftRectangular: {\n      bottom: distance,\n      left: distance,\n    },\n  },\n};\n"],"names":["distance","flowBadge","defaultProps","color","slotProps","root","badge","_a","invisible","rest","__rest","Object","assign","styleOverrides","standard","height","minWidth","fontSize","fontWeight","borderRadius","padding","dot","width","anchorOriginTopRightRectangular","top","right","anchorOriginTopLeftRectangular","left","anchorOriginBottomRightRectangular","bottom","anchorOriginBottomLeftRectangular"],"mappings":"+BAGA,MAAMA,EAAW,OAEJC,EAA2C,CACtDC,aAAc,CACZC,MAAO,QACPC,UAAW,CACTC,KAAM,CAEJ,aAAgB,MAElBC,MAAQC,IAAA,IAAAC,UAAEA,GAASD,EAAKE,EAAIC,EAAAH,EAApB,eAA2B,OAAAI,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAC7BJ,EACA,CACE,eAAiB,GAEnB,CACE,YAAe,SACf,eAAiB,IAGnBC,EAAK,eAAiB,CACxB,aAAgBA,EAAK,mBAK7BI,eAAgB,CACdC,SAAU,CACRC,OAAQ,OACRC,SAAU,OACVC,SAAU,OACVC,WAAY,OACZC,aAAc,OACdC,QAAS,SAEXC,IAAK,CACHN,OAAQ,OACRO,MAAO,OACPH,aAAc,OAEhBI,gCAAiC,CAC/BC,IAAKxB,EACLyB,MAAOzB,GAET0B,+BAAgC,CAC9BF,IAAKxB,EACL2B,KAAM3B,GAER4B,mCAAoC,CAClCC,OAAQ7B,EACRyB,MAAOzB,GAET8B,kCAAmC,CACjCD,OAAQ7B,EACR2B,KAAM3B"}
+{"version":3,"file":"badge.theme.js","sources":["../../../src/materialui/badge/badge.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\n// 0px is default from @mui\nconst distance = '-2px';\n\nexport const flowBadge: Components<Theme>['MuiBadge'] = {\n  defaultProps: {\n    color: 'error',\n    slotProps: {\n      root: {\n        // disable aria-label, we place it on the badge instead\n        ['aria-label']: null,\n      },\n      badge: ({ invisible, ...rest }) => ({\n        ...(invisible\n          ? {\n              ['aria-hidden']: true,\n            }\n          : {\n              ['aria-live']: 'polite',\n              ['aria-atomic']: true,\n            }),\n        // pass aria-label to badge from parent\n        ...(rest['aria-label'] && {\n          ['aria-label']: rest['aria-label'],\n        }),\n      }),\n    },\n  },\n  styleOverrides: {\n    standard: {\n      height: '16px',\n      minWidth: '16px',\n      fontSize: '10px',\n      fontWeight: 'bold',\n      borderRadius: '20px',\n      padding: '0 4px',\n    },\n    dot: {\n      height: '12px',\n      width: '12px',\n      borderRadius: '50%',\n    },\n    anchorOriginTopRightRectangular: {\n      top: distance,\n      right: distance,\n    },\n    anchorOriginTopLeftRectangular: {\n      top: distance,\n      left: distance,\n    },\n    anchorOriginBottomRightRectangular: {\n      bottom: distance,\n      right: distance,\n    },\n    anchorOriginBottomLeftRectangular: {\n      bottom: distance,\n      left: distance,\n    },\n  },\n};\n"],"names":["distance","flowBadge","defaultProps","color","slotProps","root","badge","invisible","rest","styleOverrides","standard","height","minWidth","fontSize","fontWeight","borderRadius","padding","dot","width","anchorOriginTopRightRectangular","top","right","anchorOriginTopLeftRectangular","left","anchorOriginBottomRightRectangular","bottom","anchorOriginBottomLeftRectangular"],"mappings":"AAGA,MAAMA,EAAW,OAEJC,EAA2C,CACtDC,aAAc,CACZC,MAAO,QACPC,UAAW,CACTC,KAAM,CAEJ,aAAgB,MAElBC,MAAO,EAAGC,eAAcC,MAAM,IACxBD,EACA,CACE,eAAiB,GAEnB,CACE,YAAe,SACf,eAAiB,MAGnBC,EAAK,eAAiB,CACxB,aAAgBA,EAAK,mBAK7BC,eAAgB,CACdC,SAAU,CACRC,OAAQ,OACRC,SAAU,OACVC,SAAU,OACVC,WAAY,OACZC,aAAc,OACdC,QAAS,SAEXC,IAAK,CACHN,OAAQ,OACRO,MAAO,OACPH,aAAc,OAEhBI,gCAAiC,CAC/BC,IAAKpB,EACLqB,MAAOrB,GAETsB,+BAAgC,CAC9BF,IAAKpB,EACLuB,KAAMvB,GAERwB,mCAAoC,CAClCC,OAAQzB,EACRqB,MAAOrB,GAET0B,kCAAmC,CACjCD,OAAQzB,EACRuB,KAAMvB"}

package/materialui/breadcrumbs/breadcrumbs.theme.js

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{getFocusRingStyle as t}from"../../components/focusring/focusring.js";const o={defaultProps:{separator:e("span",{"aria-hidden":"true",children:"/"}),maxItems:99,"aria-label":"breadcrumb"},styleOverrides:{root:()=>({overflowX:"auto",display:"flex",flexDirection:"row-reverse"}),ol:{display:"flex",alignItems:"center",justifyContent:"flex-start",flexWrap:"nowrap",whiteSpace:"nowrap",flexGrow:"1",padding:"4px 0"},li:({theme:e})=>({".MuiLink-root, .MuiTypography-root":Object.assign(Object.assign(Object.assign(Object.assign({},e.typography.list),{display:"inline-flex",position:"relative",borderRadius:"4px",color:"dark"===e.palette.mode?e.palette.onSurface.os200:e.palette.onSurface.os700,margin:"2px",padding:"0 2px"}),t(e,!1,"0px")),{"&.Mui-focusVisible":{outline:"none"}}),".MuiLink-root:hover":{color:e.palette.text.primary,textDecoration:"underline",textDecorationThickness:"1px",textUnderlineOffset:"2px"},"&:last-of-type":{".MuiLink-root, .MuiTypography-root":{fontWeight:"700",color:e.palette.text.primary}}}),separator:({theme:e})=>Object.assign(Object.assign({},e.typography.list),{color:"dark"===e.palette.mode?e.palette.onSurface.os200:e.palette.onSurface.os700,margin:"0 4px"})}};export{o as flowBreadCrumbs};
+import{jsx as e}from"react/jsx-runtime";import{getFocusRingStyle as t}from"../../components/focusring/focusring.js";const o={defaultProps:{separator:e("span",{"aria-hidden":"true",children:"/"}),maxItems:99,"aria-label":"breadcrumb"},styleOverrides:{root:()=>({overflowX:"auto",display:"flex",flexDirection:"row-reverse"}),ol:{display:"flex",alignItems:"center",justifyContent:"flex-start",flexWrap:"nowrap",whiteSpace:"nowrap",flexGrow:"1",padding:"4px 0"},li:({theme:e})=>({".MuiLink-root, .MuiTypography-root":{...e.typography.list,display:"inline-flex",position:"relative",borderRadius:"4px",color:"dark"===e.palette.mode?e.palette.onSurface.os200:e.palette.onSurface.os700,margin:"2px",padding:"0 2px",...t(e,!1,"0px"),"&.Mui-focusVisible":{outline:"none"}},".MuiLink-root:hover":{color:e.palette.text.primary,textDecoration:"underline",textDecorationThickness:"1px",textUnderlineOffset:"2px"},"&:last-of-type":{".MuiLink-root, .MuiTypography-root":{fontWeight:"700",color:e.palette.text.primary}}}),separator:({theme:e})=>({...e.typography.list,color:"dark"===e.palette.mode?e.palette.onSurface.os200:e.palette.onSurface.os700,margin:"0 4px"})}};export{o as flowBreadCrumbs};
 //# sourceMappingURL=breadcrumbs.theme.js.map

package/materialui/breadcrumbs/breadcrumbs.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbs.theme.js","sources":["../../../src/materialui/breadcrumbs/breadcrumbs.theme.tsx"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\nexport const flowBreadCrumbs: Components<Theme>['MuiBreadcrumbs'] = {\n  defaultProps: {\n    separator: <span aria-hidden=\"true\">{'/'}</span>,\n    maxItems: 99,\n    'aria-label': 'breadcrumb',\n  },\n  styleOverrides: {\n    root: () => ({\n      // do not wrap and show scrollbar\n      overflowX: 'auto',\n      // force scrollbar to start at the end\n      display: 'flex',\n      flexDirection: 'row-reverse',\n    }),\n    ol: {\n      // breadcrumbs next to each other\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'flex-start',\n      flexWrap: 'nowrap',\n      whiteSpace: 'nowrap',\n      flexGrow: '1',\n      padding: '4px 0',\n    },\n    li: ({ theme }) => ({\n      '.MuiLink-root, .MuiTypography-root': {\n        ...theme.typography.list,\n        display: 'inline-flex',\n        position: 'relative',\n        borderRadius: '4px',\n        color: theme.palette.mode === 'dark' ? theme.palette.onSurface.os200 : theme.palette.onSurface.os700,\n        // extra space around link for the focus border\n        margin: '2px',\n        padding: '0 2px',\n        ...getFocusRingStyle(theme, false, '0px'),\n        '&.Mui-focusVisible': {\n          outline: 'none',\n        },\n      },\n      '.MuiLink-root:hover': {\n        color: theme.palette.text.primary,\n        textDecoration: 'underline',\n        textDecorationThickness: '1px',\n        textUnderlineOffset: '2px',\n      },\n      // last element (active)\n      '&:last-of-type': {\n        '.MuiLink-root, .MuiTypography-root': {\n          fontWeight: '700',\n          color: theme.palette.text.primary,\n        },\n      },\n    }),\n    // element between clickable and non-clickable breadcrumbs '/'\n    separator: ({ theme }) => ({\n      ...theme.typography.list,\n      color: theme.palette.mode === 'dark' ? theme.palette.onSurface.os200 : theme.palette.onSurface.os700,\n      margin: '0 4px',\n    }),\n  },\n};\n"],"names":["flowBreadCrumbs","defaultProps","separator","_jsx","children","maxItems","styleOverrides","root","overflowX","display","flexDirection","ol","alignItems","justifyContent","flexWrap","whiteSpace","flexGrow","padding","li","theme","Object","assign","typography","list","position","borderRadius","color","palette","mode","onSurface","os200","os700","margin","getFocusRingStyle","outline","text","primary","textDecoration","textDecorationThickness","textUnderlineOffset","fontWeight"],"mappings":"oHAGO,MAAMA,EAAuD,CAClEC,aAAc,CACZC,UAAWC,EAAA,OAAA,CAAA,cAAkB,OAAMC,SAAE,MACrCC,SAAU,GACV,aAAc,cAEhBC,eAAgB,CACdC,KAAM,KAAA,CAEJC,UAAW,OAEXC,QAAS,OACTC,cAAe,gBAEjBC,GAAI,CAEFF,QAAS,OACTG,WAAY,SACZC,eAAgB,aAChBC,SAAU,SACVC,WAAY,SACZC,SAAU,IACVC,QAAS,SAEXC,GAAI,EAAGC,YAAO,CACZ,qCAAoCC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAC/BF,EAAMG,WAAWC,MAAI,CACxBd,QAAS,cACTe,SAAU,WACVC,aAAc,MACdC,MAA8B,SAAvBP,EAAMQ,QAAQC,KAAkBT,EAAMQ,QAAQE,UAAUC,MAAQX,EAAMQ,QAAQE,UAAUE,MAE/FC,OAAQ,MACRf,QAAS,UACNgB,EAAkBd,GAAO,EAAO,QAAM,CACzC,qBAAsB,CACpBe,QAAS,UAGb,sBAAuB,CACrBR,MAAOP,EAAMQ,QAAQQ,KAAKC,QAC1BC,eAAgB,YAChBC,wBAAyB,MACzBC,oBAAqB,OAGvB,iBAAkB,CAChB,qCAAsC,CACpCC,WAAY,MACZd,MAAOP,EAAMQ,QAAQQ,KAAKC,YAKhClC,UAAW,EAAGiB,WAAYC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACrBF,EAAMG,WAAWC,OACpBG,MAA8B,SAAvBP,EAAMQ,QAAQC,KAAkBT,EAAMQ,QAAQE,UAAUC,MAAQX,EAAMQ,QAAQE,UAAUE,MAC/FC,OAAQ"}
+{"version":3,"file":"breadcrumbs.theme.js","sources":["../../../src/materialui/breadcrumbs/breadcrumbs.theme.tsx"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\nexport const flowBreadCrumbs: Components<Theme>['MuiBreadcrumbs'] = {\n  defaultProps: {\n    separator: <span aria-hidden=\"true\">{'/'}</span>,\n    maxItems: 99,\n    'aria-label': 'breadcrumb',\n  },\n  styleOverrides: {\n    root: () => ({\n      // do not wrap and show scrollbar\n      overflowX: 'auto',\n      // force scrollbar to start at the end\n      display: 'flex',\n      flexDirection: 'row-reverse',\n    }),\n    ol: {\n      // breadcrumbs next to each other\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'flex-start',\n      flexWrap: 'nowrap',\n      whiteSpace: 'nowrap',\n      flexGrow: '1',\n      padding: '4px 0',\n    },\n    li: ({ theme }) => ({\n      '.MuiLink-root, .MuiTypography-root': {\n        ...theme.typography.list,\n        display: 'inline-flex',\n        position: 'relative',\n        borderRadius: '4px',\n        color: theme.palette.mode === 'dark' ? theme.palette.onSurface.os200 : theme.palette.onSurface.os700,\n        // extra space around link for the focus border\n        margin: '2px',\n        padding: '0 2px',\n        ...getFocusRingStyle(theme, false, '0px'),\n        '&.Mui-focusVisible': {\n          outline: 'none',\n        },\n      },\n      '.MuiLink-root:hover': {\n        color: theme.palette.text.primary,\n        textDecoration: 'underline',\n        textDecorationThickness: '1px',\n        textUnderlineOffset: '2px',\n      },\n      // last element (active)\n      '&:last-of-type': {\n        '.MuiLink-root, .MuiTypography-root': {\n          fontWeight: '700',\n          color: theme.palette.text.primary,\n        },\n      },\n    }),\n    // element between clickable and non-clickable breadcrumbs '/'\n    separator: ({ theme }) => ({\n      ...theme.typography.list,\n      color: theme.palette.mode === 'dark' ? theme.palette.onSurface.os200 : theme.palette.onSurface.os700,\n      margin: '0 4px',\n    }),\n  },\n};\n"],"names":["flowBreadCrumbs","defaultProps","separator","_jsx","children","maxItems","styleOverrides","root","overflowX","display","flexDirection","ol","alignItems","justifyContent","flexWrap","whiteSpace","flexGrow","padding","li","theme","typography","list","position","borderRadius","color","palette","mode","onSurface","os200","os700","margin","getFocusRingStyle","outline","text","primary","textDecoration","textDecorationThickness","textUnderlineOffset","fontWeight"],"mappings":"oHAGO,MAAMA,EAAuD,CAClEC,aAAc,CACZC,UAAWC,EAAA,OAAA,CAAA,cAAkB,OAAMC,SAAE,MACrCC,SAAU,GACV,aAAc,cAEhBC,eAAgB,CACdC,KAAM,KAAA,CAEJC,UAAW,OAEXC,QAAS,OACTC,cAAe,gBAEjBC,GAAI,CAEFF,QAAS,OACTG,WAAY,SACZC,eAAgB,aAChBC,SAAU,SACVC,WAAY,SACZC,SAAU,IACVC,QAAS,SAEXC,GAAI,EAAGC,YAAO,CACZ,qCAAsC,IACjCA,EAAMC,WAAWC,KACpBZ,QAAS,cACTa,SAAU,WACVC,aAAc,MACdC,MAA8B,SAAvBL,EAAMM,QAAQC,KAAkBP,EAAMM,QAAQE,UAAUC,MAAQT,EAAMM,QAAQE,UAAUE,MAE/FC,OAAQ,MACRb,QAAS,WACNc,EAAkBZ,GAAO,EAAO,OACnC,qBAAsB,CACpBa,QAAS,SAGb,sBAAuB,CACrBR,MAAOL,EAAMM,QAAQQ,KAAKC,QAC1BC,eAAgB,YAChBC,wBAAyB,MACzBC,oBAAqB,OAGvB,iBAAkB,CAChB,qCAAsC,CACpCC,WAAY,MACZd,MAAOL,EAAMM,QAAQQ,KAAKC,YAKhChC,UAAW,EAAGiB,YAAO,IAChBA,EAAMC,WAAWC,KACpBG,MAA8B,SAAvBL,EAAMM,QAAQC,KAAkBP,EAAMM,QAAQE,UAAUC,MAAQT,EAAMM,QAAQE,UAAUE,MAC/FC,OAAQ"}

package/materialui/button/button.theme.js

@@ -1,2 +1,2 @@
-import{updateFocusRingStyle as o,getFocusRingStyle as e}from"../../components/focusring/focusring.js";import{getInteractiveStyle as r}from"./interactive.js";const t={defaultProps:{disableRipple:!0,disableElevation:!0,variant:"contained"},styleOverrides:{root:({theme:o,ownerState:r})=>Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({position:"relative",boxShadow:"none",textRendering:"geometricPrecision",outline:"none",minWidth:"44px",padding:"14px 24px",flexShrink:"0"},o.typography.button),{"& .MuiButton-icon":{marginTop:"-2px",marginBottom:"-2px","& .MuiSvgIcon-root":{fontSize:"20px"},"& .FlowSpinner-root":{marginTop:"-2px",marginBottom:"-2px"}}}),"small"===r.size&&{padding:"8px 14px",fontSize:"14px",lineHeight:"16px","& .MuiButton-icon":{marginTop:"-2px",marginBottom:"-2px","& .MuiSvgIcon-root":{fontSize:"17px"}}}),"large"===r.size&&{padding:"15px 25px",fontSize:"18px",lineHeight:"20px","& .MuiButton-icon":{marginTop:"-2px",marginBottom:"-2px","& .MuiSvgIcon-root":{fontSize:"22px"}}}),{backgroundClip:"padding-box",transition:"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",borderRadius:"1000px","&:hover":{boxShadow:"none"},"&&:active":{boxShadow:"none"}}),e(o)),{"&.Mui-disabled":{opacity:"1"}}),startIcon:({ownerState:o})=>Object.assign(Object.assign({flexShrink:"0",marginRight:"10px",marginLeft:"0"},"small"===o.size&&{marginRight:"5px"}),"large"===o.size&&{marginRight:"15px"}),endIcon:({ownerState:o})=>Object.assign(Object.assign({flexShrink:"0",marginRight:"0",marginLeft:"10px"},"small"===o.size&&{marginLeft:"5px"}),"large"===o.size&&{marginLeft:"15px"}),contained:({theme:o,ownerState:e})=>Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},("primary"===e.color||"success"===e.color)&&Object.assign({},r({backgroundColor:o.palette.brand.secondary,color:o.palette.onSurface.os900},{backgroundColor:o.palette.brandHover.secondary,color:o.palette.onSurface.os900}))),"secondary"===e.color&&Object.assign({},r({backgroundColor:o.palette.secondary.main,color:o.palette.onSurface.os0},{backgroundColor:o.palette.onSurface.os600,color:o.palette.onSurface.os0}))),"white"===e.color&&Object.assign({},r({backgroundColor:"transparent",color:o.palette.onSurface.os0},{backgroundColor:o.palette.transparent.tertiary,color:o.palette.onSurface.os0}))),"error"===e.color&&Object.assign({},r({backgroundColor:o.palette.error.main,color:o.palette.onSurface.os0},{backgroundColor:o.palette.error.dark,color:o.palette.onSurface.os0}))),"warning"===e.color&&Object.assign({},r({backgroundColor:o.palette.warning.main,color:o.palette.onSurface.os0},{backgroundColor:o.palette.warning.dark,color:o.palette.onSurface.os0}))),"info"===e.color&&Object.assign({},r({backgroundColor:o.palette.info.main,color:o.palette.onSurface.os0},{backgroundColor:o.palette.info.dark,color:o.palette.onSurface.os0}))),"inherit"===e.color&&Object.assign({},r({backgroundColor:o.palette.transparent.secondary,color:"currentColor"},{backgroundColor:o.palette.surface.primary}))),{"&.Mui-disabled":Object.assign({color:o.palette.disabled.tertiary,backgroundColor:o.palette.disabled.secondary},"dark"===o.palette.mode&&{backgroundColor:o.palette.onSurface.os800})}),text:({theme:o,ownerState:e})=>Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},r({backgroundColor:"transparent"},{backgroundColor:["white","inherit"].includes(e.color)?o.palette.transparent.tertiary:o.palette.transparent.secondary})),("primary"===e.color||"success"===e.color)&&{color:o.palette.brand.secondary}),"secondary"===e.color&&{color:o.palette.text.primary}),"white"===e.color&&{color:o.palette.onSurface.os0}),{"&.Mui-disabled":{color:o.palette.disabled.primary}}),outlined:({theme:e,ownerState:t})=>Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({"&, &:hover, &.Mui-disabled":{borderWidth:"2px"}},o(2)),{borderStyle:"solid",padding:"12px 22px"}),"small"===t.size&&Object.assign(Object.assign({"&, &:hover, &.Mui-disabled":{borderWidth:"1px"}},o(1)),{padding:"7px 13px"})),"large"===t.size&&{padding:"13px 23px"}),("primary"===t.color||"success"===t.color)&&Object.assign({},r({backgroundColor:"transparent",color:e.palette.brand.secondary,borderColor:e.palette.brand.secondary},{backgroundColor:e.palette.transparent.secondary,color:e.palette.brand.secondary}))),"secondary"===t.color&&Object.assign({},r({backgroundColor:"transparent",color:e.palette.text.primary,borderColor:e.palette.text.primary},{backgroundColor:e.palette.transparent.secondary,color:e.palette.text.primary}))),"white"===t.color&&Object.assign({},r({backgroundColor:"transparent",color:e.palette.onSurface.os0,borderColor:e.palette.onSurface.os0},{backgroundColor:e.palette.transparent.tertiary,color:e.palette.onSurface.os0}))),"error"===t.color&&Object.assign({},r({backgroundColor:"transparent",color:e.palette.error.main,borderColor:e.palette.error.main},{backgroundColor:e.palette.transparent.secondary,color:e.palette.error.main}))),"warning"===t.color&&Object.assign({},r({backgroundColor:"transparent",color:e.palette.warning.main,borderColor:e.palette.warning.main},{backgroundColor:e.palette.transparent.secondary,color:e.palette.warning.main}))),"info"===t.color&&Object.assign({},r({backgroundColor:"transparent",color:e.palette.info.main,borderColor:e.palette.info.main},{backgroundColor:e.palette.transparent.secondary,color:e.palette.info.main}))),"inherit"===t.color&&Object.assign({},r({backgroundColor:"transparent",color:"currentColor",borderColor:"currentColor"},{backgroundColor:e.palette.transparent.secondary}))),{"&.Mui-disabled":{borderColor:e.palette.disabled.primary,color:e.palette.disabled.primary}})},variants:[{props:{color:"surface"},style:({theme:e})=>Object.assign(Object.assign(Object.assign({border:`1px solid ${"dark"===e.palette.mode?e.palette.transparent.quarternary:e.palette.onSurface.os100}`},o(1)),r({backgroundColor:e.palette.surface.primary,color:e.palette.text.primary},{backgroundColor:e.palette.surface.secondary,color:e.palette.text.primary})),{"&.Mui-disabled":{backgroundColor:e.palette.surface.secondary,borderColor:e.palette.surface.secondary,color:e.palette.disabled.primary}})},{props:{variant:"contained",color:"surface"},style:()=>({padding:"13px 23px"})},{props:{variant:"contained",color:"surface",size:"small"},style:()=>({padding:"7px 13px"})},{props:{variant:"contained",color:"surface",size:"large"},style:()=>({padding:"14px 24px"})},{props:{variant:"outlined",color:"surface"},style:()=>Object.assign({borderWidth:2},o(2))},{props:{variant:"text",color:"surface"},style:()=>Object.assign({borderWidth:0,backgroundColor:"transparent"},o())},{props:{variant:"navigation"},style:({theme:o})=>Object.assign(Object.assign({padding:"0",fontSize:"14px",borderRadius:"2px",letterSpacing:"0.02em",fontWeight:"400",lineHeight:"20px","& .MuiButton-icon":{transition:"transform 0.3s ease-out","& .MuiSvgIcon-root":{fontSize:"17px"}},"& .MuiButton-startIcon":{marginRight:"6px"},"& .MuiButton-endIcon":{marginLeft:"6px"},"&::before":{inset:"-4px -8px"}},r({backgroundColor:"transparent",color:"dark"===o.palette.mode?o.palette.onSurface.os0:o.palette.onSurface.os900,"& .MuiButton-startIcon":{transform:"translateX(0px)"},"& .MuiButton-endIcon":{transform:"translateX(0px)"}},{backgroundColor:"transparent",color:"dark"===o.palette.mode?o.palette.onSurface.os300:o.palette.onSurface.os700,"& .MuiButton-startIcon":{transform:"translateX(-8px)"},"& .MuiButton-endIcon":{transform:"translateX(8px)"}})),{"&.Mui-disabled":{color:o.palette.disabled.tertiary}})},{props:{variant:"navigation",color:"primary"},style:({theme:o})=>Object.assign({},r({color:o.palette.primary.main},{color:o.palette.brandHover.primary}))},{props:{variant:"navigation",color:"surface"},style:{border:"none","&&::before":{inset:"-4px -8px"}}},{props:{variant:"navigation",color:"white"},style:({theme:o})=>Object.assign({},r({color:o.palette.onSurface.os0},{color:o.palette.onSurface.os300}))},{props:{variant:"navigation",color:"error"},style:({theme:o})=>Object.assign({},r({color:o.palette.error.main},{color:o.palette.error.dark}))},{props:{variant:"shortcut"},style:({theme:o})=>Object.assign(Object.assign({borderRadius:"3px",padding:"2px 8px",textAlign:"left",fontWeight:"300",fontSize:"16px",lineHeight:"24px",letterSpacing:"0.02em","&&":{textDecoration:"underline",textDecorationColor:"currentColor",textDecorationThickness:"1px",textUnderlineOffset:"2px"},"&& .MuiButton-icon":{transition:"transform 0.3s ease-out"}},r({backgroundColor:"transparent",color:o.palette.text.primary,"& .MuiButton-icon":{transform:"scale(1.0)"}},{backgroundColor:"transparent",color:"dark"===o.palette.mode?o.palette.onSurface.os300:o.palette.onSurface.os700,"& .MuiButton-icon":{transform:"scale(1.1)"}})),{[o.breakpoints.down("md")]:{fontSize:"14px","& .MuiButton-icon":{"& .MuiSvgIcon-root":{fontSize:"18px"}}},"&.Mui-disabled":{color:o.palette.disabled.tertiary}})},{props:{variant:"shortcut",fullWidth:!0},style:{justifyContent:"flex-start",textAlign:"left"}},{props:{variant:"shortcut",color:"inherit"},style:Object.assign({},r({color:"currentColor"},{color:"currentColor"}))}]};export{t as flowButton};
+import{updateFocusRingStyle as o,getFocusRingStyle as r}from"../../components/focusring/focusring.js";import{getInteractiveStyle as e}from"./interactive.js";const t={defaultProps:{disableRipple:!0,disableElevation:!0,variant:"contained"},styleOverrides:{root:({theme:o,ownerState:e})=>({position:"relative",boxShadow:"none",textRendering:"geometricPrecision",outline:"none",minWidth:"44px",padding:"14px 24px",flexShrink:"0",...o.typography.button,"& .MuiButton-icon":{marginTop:"-2px",marginBottom:"-2px","& .MuiSvgIcon-root":{fontSize:"20px"},"& .FlowSpinner-root":{marginTop:"-2px",marginBottom:"-2px"}},..."small"===e.size&&{padding:"8px 14px",fontSize:"14px",lineHeight:"16px","& .MuiButton-icon":{marginTop:"-2px",marginBottom:"-2px","& .MuiSvgIcon-root":{fontSize:"17px"}}},..."large"===e.size&&{padding:"15px 25px",fontSize:"18px",lineHeight:"20px","& .MuiButton-icon":{marginTop:"-2px",marginBottom:"-2px","& .MuiSvgIcon-root":{fontSize:"22px"}}},backgroundClip:"padding-box",transition:"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",borderRadius:"1000px","&:hover":{boxShadow:"none"},"&&:active":{boxShadow:"none"},...r(o),"&.Mui-disabled":{opacity:"1"}}),startIcon:({ownerState:o})=>({flexShrink:"0",marginRight:"10px",marginLeft:"0",..."small"===o.size&&{marginRight:"5px"},..."large"===o.size&&{marginRight:"15px"}}),endIcon:({ownerState:o})=>({flexShrink:"0",marginRight:"0",marginLeft:"10px",..."small"===o.size&&{marginLeft:"5px"},..."large"===o.size&&{marginLeft:"15px"}}),contained:({theme:o,ownerState:r})=>({...("primary"===r.color||"success"===r.color)&&{...e({backgroundColor:o.palette.brand.secondary,color:o.palette.onSurface.os900},{backgroundColor:o.palette.brandHover.secondary,color:o.palette.onSurface.os900})},..."secondary"===r.color&&{...e({backgroundColor:o.palette.secondary.main,color:o.palette.onSurface.os0},{backgroundColor:o.palette.onSurface.os600,color:o.palette.onSurface.os0})},..."white"===r.color&&{...e({backgroundColor:"transparent",color:o.palette.onSurface.os0},{backgroundColor:o.palette.transparent.tertiary,color:o.palette.onSurface.os0})},..."error"===r.color&&{...e({backgroundColor:o.palette.error.main,color:o.palette.onSurface.os0},{backgroundColor:o.palette.error.dark,color:o.palette.onSurface.os0})},..."warning"===r.color&&{...e({backgroundColor:o.palette.warning.main,color:o.palette.onSurface.os0},{backgroundColor:o.palette.warning.dark,color:o.palette.onSurface.os0})},..."info"===r.color&&{...e({backgroundColor:o.palette.info.main,color:o.palette.onSurface.os0},{backgroundColor:o.palette.info.dark,color:o.palette.onSurface.os0})},..."inherit"===r.color&&{...e({backgroundColor:o.palette.transparent.secondary,color:"currentColor"},{backgroundColor:o.palette.surface.primary})},"&.Mui-disabled":{color:o.palette.disabled.tertiary,backgroundColor:o.palette.disabled.secondary,..."dark"===o.palette.mode&&{backgroundColor:o.palette.onSurface.os800}}}),text:({theme:o,ownerState:r})=>({...e({backgroundColor:"transparent"},{backgroundColor:["white","inherit"].includes(r.color)?o.palette.transparent.tertiary:o.palette.transparent.secondary}),...("primary"===r.color||"success"===r.color)&&{color:o.palette.brand.secondary},..."secondary"===r.color&&{color:o.palette.text.primary},..."white"===r.color&&{color:o.palette.onSurface.os0},"&.Mui-disabled":{color:o.palette.disabled.primary}}),outlined:({theme:r,ownerState:t})=>({"&, &:hover, &.Mui-disabled":{borderWidth:"2px"},...o(2),borderStyle:"solid",padding:"12px 22px",..."small"===t.size&&{"&, &:hover, &.Mui-disabled":{borderWidth:"1px"},...o(1),padding:"7px 13px"},..."large"===t.size&&{padding:"13px 23px"},...("primary"===t.color||"success"===t.color)&&{...e({backgroundColor:"transparent",color:r.palette.brand.secondary,borderColor:r.palette.brand.secondary},{backgroundColor:r.palette.transparent.secondary,color:r.palette.brand.secondary})},..."secondary"===t.color&&{...e({backgroundColor:"transparent",color:r.palette.text.primary,borderColor:r.palette.text.primary},{backgroundColor:r.palette.transparent.secondary,color:r.palette.text.primary})},..."white"===t.color&&{...e({backgroundColor:"transparent",color:r.palette.onSurface.os0,borderColor:r.palette.onSurface.os0},{backgroundColor:r.palette.transparent.tertiary,color:r.palette.onSurface.os0})},..."error"===t.color&&{...e({backgroundColor:"transparent",color:r.palette.error.main,borderColor:r.palette.error.main},{backgroundColor:r.palette.transparent.secondary,color:r.palette.error.main})},..."warning"===t.color&&{...e({backgroundColor:"transparent",color:r.palette.warning.main,borderColor:r.palette.warning.main},{backgroundColor:r.palette.transparent.secondary,color:r.palette.warning.main})},..."info"===t.color&&{...e({backgroundColor:"transparent",color:r.palette.info.main,borderColor:r.palette.info.main},{backgroundColor:r.palette.transparent.secondary,color:r.palette.info.main})},..."inherit"===t.color&&{...e({backgroundColor:"transparent",color:"currentColor",borderColor:"currentColor"},{backgroundColor:r.palette.transparent.secondary})},"&.Mui-disabled":{borderColor:r.palette.disabled.primary,color:r.palette.disabled.primary}})},variants:[{props:{color:"surface"},style:({theme:r})=>({border:`1px solid ${"dark"===r.palette.mode?r.palette.transparent.quarternary:r.palette.onSurface.os100}`,...o(1),...e({backgroundColor:r.palette.surface.primary,color:r.palette.text.primary},{backgroundColor:r.palette.surface.secondary,color:r.palette.text.primary}),"&.Mui-disabled":{backgroundColor:r.palette.surface.secondary,borderColor:r.palette.surface.secondary,color:r.palette.disabled.primary}})},{props:{variant:"contained",color:"surface"},style:()=>({padding:"13px 23px"})},{props:{variant:"contained",color:"surface",size:"small"},style:()=>({padding:"7px 13px"})},{props:{variant:"contained",color:"surface",size:"large"},style:()=>({padding:"14px 24px"})},{props:{variant:"outlined",color:"surface"},style:()=>({borderWidth:2,...o(2)})},{props:{variant:"text",color:"surface"},style:()=>({borderWidth:0,backgroundColor:"transparent",...o()})},{props:{variant:"navigation"},style:({theme:o})=>({padding:"0",fontSize:"14px",borderRadius:"2px",letterSpacing:"0.02em",fontWeight:"400",lineHeight:"20px","& .MuiButton-icon":{transition:"transform 0.3s ease-out","& .MuiSvgIcon-root":{fontSize:"17px"}},"& .MuiButton-startIcon":{marginRight:"6px"},"& .MuiButton-endIcon":{marginLeft:"6px"},"&::before":{inset:"-4px -8px"},...e({backgroundColor:"transparent",color:"dark"===o.palette.mode?o.palette.onSurface.os0:o.palette.onSurface.os900,"& .MuiButton-startIcon":{transform:"translateX(0px)"},"& .MuiButton-endIcon":{transform:"translateX(0px)"}},{backgroundColor:"transparent",color:"dark"===o.palette.mode?o.palette.onSurface.os300:o.palette.onSurface.os700,"& .MuiButton-startIcon":{transform:"translateX(-8px)"},"& .MuiButton-endIcon":{transform:"translateX(8px)"}}),"&.Mui-disabled":{color:o.palette.disabled.tertiary}})},{props:{variant:"navigation",color:"primary"},style:({theme:o})=>({...e({color:o.palette.primary.main},{color:o.palette.brandHover.primary})})},{props:{variant:"navigation",color:"surface"},style:{border:"none","&&::before":{inset:"-4px -8px"}}},{props:{variant:"navigation",color:"white"},style:({theme:o})=>({...e({color:o.palette.onSurface.os0},{color:o.palette.onSurface.os300})})},{props:{variant:"navigation",color:"error"},style:({theme:o})=>({...e({color:o.palette.error.main},{color:o.palette.error.dark})})},{props:{variant:"shortcut"},style:({theme:o})=>({borderRadius:"3px",padding:"2px 8px",textAlign:"left",fontWeight:"300",fontSize:"16px",lineHeight:"24px",letterSpacing:"0.02em","&&":{textDecoration:"underline",textDecorationColor:"currentColor",textDecorationThickness:"1px",textUnderlineOffset:"2px"},"&& .MuiButton-icon":{transition:"transform 0.3s ease-out"},...e({backgroundColor:"transparent",color:o.palette.text.primary,"& .MuiButton-icon":{transform:"scale(1.0)"}},{backgroundColor:"transparent",color:"dark"===o.palette.mode?o.palette.onSurface.os300:o.palette.onSurface.os700,"& .MuiButton-icon":{transform:"scale(1.1)"}}),[o.breakpoints.down("md")]:{fontSize:"14px","& .MuiButton-icon":{"& .MuiSvgIcon-root":{fontSize:"18px"}}},"&.Mui-disabled":{color:o.palette.disabled.tertiary}})},{props:{variant:"shortcut",fullWidth:!0},style:{justifyContent:"flex-start",textAlign:"left"}},{props:{variant:"shortcut",color:"inherit"},style:{...e({color:"currentColor"},{color:"currentColor"})}}]};export{t as flowButton};
 //# sourceMappingURL=button.theme.js.map

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

@@ -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","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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"}
+{"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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"}

package/materialui/button/interactive.js

@@ -1,2 +1,2 @@
-const e=(e,t,i,s,c=".Mui-focusVisible")=>Object.assign(Object.assign({},e),{[`&:hover, &${c}, &.Mui-selected, &.Mui-selected:hover, &.Mui-selected${c}, &[aria-selected="true"], &[aria-selected="true"]:hover, &[aria-selected="true"]${c}`]:Object.assign({},t),'&:active, &.Mui-selected:active, &[aria-selected="true"]:active':Object.assign({},i||e),"@media (pointer: coarse)":Object.assign(Object.assign({[`&:hover:not(:active):not(${c}):not(.Mui-selected):not([aria-selected="true"])`]:Object.assign({},e)},!i&&{'&:active, &.Mui-selected:active, &[aria-selected="true"]:active':Object.assign({},t)}),s)});export{e as getInteractiveStyle};
+const e=(e,t,i,c,a=".Mui-focusVisible")=>({...e,[`&:hover, &${a}, &.Mui-selected, &.Mui-selected:hover, &.Mui-selected${a}, &[aria-selected="true"], &[aria-selected="true"]:hover, &[aria-selected="true"]${a}`]:{...t},'&:active, &.Mui-selected:active, &[aria-selected="true"]:active':{...i||e},"@media (pointer: coarse)":{[`&:hover:not(:active):not(${a}):not(.Mui-selected):not([aria-selected="true"])`]:{...e},...!i&&{'&:active, &.Mui-selected:active, &[aria-selected="true"]:active':{...t}},...c}});export{e as getInteractiveStyle};
 //# sourceMappingURL=interactive.js.map

package/materialui/button/interactive.js.map

@@ -1 +1 @@
-{"version":3,"file":"interactive.js","sources":["../../../src/materialui/button/interactive.ts"],"sourcesContent":["import { CSSObject } from '@mui/material';\n\n/**\n * Style for interactive elements like list and buttons. Usage in theme as:\n *  ...getInteractiveStyle(\n *   { backgroundColor: 'transparent' },\n *   { backgroundColor: theme.palette.surface.primary },\n *   { backgroundColor: theme.palette.surface.secondary },\n *  ),\n *\n * @param defaultStyle - default applied style\n * @param hoverStyle - style applied on hover, focus, and selected (desktop only)\n * @param clickedStyle - (optional) style applied with click, defaults to defaultStyle\n * @param mobileStyle - (optional) extra style applied on mobile\n * @param focusSelector - focus visible selector\n */\nexport const getInteractiveStyle = (\n  defaultStyle: CSSObject,\n  hoverStyle: CSSObject,\n  clickedStyle?: CSSObject,\n  mobileStyle?: CSSObject,\n  focusSelector = '.Mui-focusVisible',\n): CSSObject => ({\n  ...defaultStyle,\n  // hover, focus, selected\n  [`&:hover, &${focusSelector}, &.Mui-selected, &.Mui-selected:hover, &.Mui-selected${focusSelector}, &[aria-selected=\"true\"], &[aria-selected=\"true\"]:hover, &[aria-selected=\"true\"]${focusSelector}`]:\n    {\n      ...hoverStyle,\n    },\n  // click effect\n  '&:active, &.Mui-selected:active, &[aria-selected=\"true\"]:active': {\n    ...(clickedStyle || defaultStyle),\n  },\n  // mobile behavior (detected by pointer to include most of the devices)\n  '@media (pointer: coarse)': {\n    // remove hover state\n    [`&:hover:not(:active):not(${focusSelector}):not(.Mui-selected):not([aria-selected=\"true\"])`]: {\n      ...defaultStyle,\n    },\n    // in case of no clickedStyle, use hover style\n    ...(!clickedStyle && {\n      '&:active, &.Mui-selected:active, &[aria-selected=\"true\"]:active': {\n        ...hoverStyle,\n      },\n    }),\n    // optional extra styling\n    ...mobileStyle,\n  },\n});\n"],"names":["getInteractiveStyle","defaultStyle","hoverStyle","clickedStyle","mobileStyle","focusSelector","Object","assign"],"mappings":"MAgBaA,EAAsB,CACjCC,EACAC,EACAC,EACAC,EACAC,EAAgB,qDAEbJ,GAAY,CAEf,CAAC,aAAaI,0DAAsEA,qFAAiGA,KAAgBC,OAAAC,OAAA,CAAA,EAE9LL,GAGP,kEAAiEI,OAAAC,OAAA,CAAA,EAC3DJ,GAAgBF,GAGtB,2BAA0BK,OAAAC,OAAAD,OAAAC,OAAA,CAExB,CAAC,4BAA4BF,qDAAgEC,OAAAC,OAAA,GACxFN,KAGAE,GAAgB,CACnB,kEAAiEG,OAAAC,OAAA,CAAA,EAC5DL,KAIJE"}
+{"version":3,"file":"interactive.js","sources":["../../../src/materialui/button/interactive.ts"],"sourcesContent":["import { CSSObject } from '@mui/material';\n\n/**\n * Style for interactive elements like list and buttons. Usage in theme as:\n *  ...getInteractiveStyle(\n *   { backgroundColor: 'transparent' },\n *   { backgroundColor: theme.palette.surface.primary },\n *   { backgroundColor: theme.palette.surface.secondary },\n *  ),\n *\n * @param defaultStyle - default applied style\n * @param hoverStyle - style applied on hover, focus, and selected (desktop only)\n * @param clickedStyle - (optional) style applied with click, defaults to defaultStyle\n * @param mobileStyle - (optional) extra style applied on mobile\n * @param focusSelector - focus visible selector\n */\nexport const getInteractiveStyle = (\n  defaultStyle: CSSObject,\n  hoverStyle: CSSObject,\n  clickedStyle?: CSSObject,\n  mobileStyle?: CSSObject,\n  focusSelector = '.Mui-focusVisible',\n): CSSObject => ({\n  ...defaultStyle,\n  // hover, focus, selected\n  [`&:hover, &${focusSelector}, &.Mui-selected, &.Mui-selected:hover, &.Mui-selected${focusSelector}, &[aria-selected=\"true\"], &[aria-selected=\"true\"]:hover, &[aria-selected=\"true\"]${focusSelector}`]:\n    {\n      ...hoverStyle,\n    },\n  // click effect\n  '&:active, &.Mui-selected:active, &[aria-selected=\"true\"]:active': {\n    ...(clickedStyle || defaultStyle),\n  },\n  // mobile behavior (detected by pointer to include most of the devices)\n  '@media (pointer: coarse)': {\n    // remove hover state\n    [`&:hover:not(:active):not(${focusSelector}):not(.Mui-selected):not([aria-selected=\"true\"])`]: {\n      ...defaultStyle,\n    },\n    // in case of no clickedStyle, use hover style\n    ...(!clickedStyle && {\n      '&:active, &.Mui-selected:active, &[aria-selected=\"true\"]:active': {\n        ...hoverStyle,\n      },\n    }),\n    // optional extra styling\n    ...mobileStyle,\n  },\n});\n"],"names":["getInteractiveStyle","defaultStyle","hoverStyle","clickedStyle","mobileStyle","focusSelector"],"mappings":"AAgBO,MAAMA,EAAsB,CACjCC,EACAC,EACAC,EACAC,EACAC,EAAgB,uBAAmB,IAEhCJ,EAEH,CAAC,aAAaI,0DAAsEA,qFAAiGA,KACnL,IACKH,GAGP,kEAAmE,IAC7DC,GAAgBF,GAGtB,2BAA4B,CAE1B,CAAC,4BAA4BI,qDAAkE,IAC1FJ,OAGAE,GAAgB,CACnB,kEAAmE,IAC9DD,OAIJE"}