@skodaflow/web-library 7.13.0 → 7.14.0

package/materialui/list/listItem.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"listItem.theme.js","sources":["../../../src/materialui/list/listItem.theme.ts"],"sourcesContent":[null],"names":["flowListItem","defaultProps","disablePadding","disableGutters","styleOverrides","root","padding","minHeight","margin","gap","paddingTop","paddingBottom","gutters","paddingLeft","paddingRight","marginLeft","maxWidth","marginRight","dense","marginTop","marginBottom"],"mappings":"AAGa,MAAAA,EAAiD,CAC5DC,aAAc,CACZC,gBAAgB,EAEhBC,gBAAgB,GAElBC,eAAgB,CACdC,KAAM,CACJC,QAAS,IACTC,UAAW,OAEXC,OAAQ,QAERC,IAAK,OAGPH,QAAS,CACPI,WAAY,MACZC,cAAe,OAGjBC,QAAS,CACPC,YAAa,MACbC,aAAc,MAEd,uBAAwB,CACtBN,OAAQ,SAGV,8BAA+B,CAC7BO,WAAY,OACZC,SAAU,QAEZ,yCAA0C,CACxCC,YAAa,OACbD,SAAU,QAIZ,6CAA8C,CAC5CD,WAAY,MAIhBG,MAAO,CACLC,UAAW,IACXC,aAAc,IACd,iCAAkC,CAChCb,UAAW"}
+{"version":3,"file":"listItem.theme.js","sources":["../../../src/materialui/list/listItem.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowListItem: Components<Theme>['MuiListItem'] = {\n  defaultProps: {\n    disablePadding: false,\n    // controls left and right padding\n    disableGutters: false,\n  },\n  styleOverrides: {\n    root: {\n      padding: '0',\n      minHeight: '56px',\n      // space between items\n      margin: '4px 0',\n      // space between children (e.g. icon/avatar and text)\n      gap: '8px',\n    },\n    // default top & bottom padding (due to disablePadding: false)\n    padding: {\n      paddingTop: '4px',\n      paddingBottom: '4px',\n    },\n    // default left & right padding (due to disableGutters: false)\n    gutters: {\n      paddingLeft: '4px',\n      paddingRight: '4px',\n      // divider after the item\n      '& + .MuiDivider-root': {\n        margin: '0 4px',\n      },\n      // extend button to cover whole ListItem\n      '& > .MuiListItemButton-root': {\n        marginLeft: '-4px',\n        maxWidth: 'none',\n      },\n      '& > .MuiListItemButton-root:last-child': {\n        marginRight: '-4px',\n        maxWidth: 'none',\n      },\n      // workaround to avoid using :first-child selector which\n      //  does not work with @emotion ssr\n      '& > *:not(style) + .MuiListItemButton-root': {\n        marginLeft: '0',\n      },\n    },\n    // <List dense />\n    dense: {\n      marginTop: '0',\n      marginBottom: '0',\n      '&, & > .MuiListItemButton-root': {\n        minHeight: '0',\n      },\n    },\n  },\n};\n"],"names":["flowListItem","defaultProps","disablePadding","disableGutters","styleOverrides","root","padding","minHeight","margin","gap","paddingTop","paddingBottom","gutters","paddingLeft","paddingRight","marginLeft","maxWidth","marginRight","dense","marginTop","marginBottom"],"mappings":"AAGa,MAAAA,EAAiD,CAC5DC,aAAc,CACZC,gBAAgB,EAEhBC,gBAAgB,GAElBC,eAAgB,CACdC,KAAM,CACJC,QAAS,IACTC,UAAW,OAEXC,OAAQ,QAERC,IAAK,OAGPH,QAAS,CACPI,WAAY,MACZC,cAAe,OAGjBC,QAAS,CACPC,YAAa,MACbC,aAAc,MAEd,uBAAwB,CACtBN,OAAQ,SAGV,8BAA+B,CAC7BO,WAAY,OACZC,SAAU,QAEZ,yCAA0C,CACxCC,YAAa,OACbD,SAAU,QAIZ,6CAA8C,CAC5CD,WAAY,MAIhBG,MAAO,CACLC,UAAW,IACXC,aAAc,IACd,iCAAkC,CAChCb,UAAW"}

package/materialui/list/listItemAvatar.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"listItemAvatar.theme.js","sources":["../../../src/materialui/list/listItemAvatar.theme.ts"],"sourcesContent":[null],"names":["flowListItemAvatar","defaultProps","styleOverrides","root","minWidth","borderRadius","border"],"mappings":"AAGa,MAAAA,EAA6D,CACxEC,aAAc,CAAE,EAChBC,eAAgB,CACdC,KAAM,CAEJC,SAAU,IAEV,oBAAqB,CAEnBC,aAAc,MACd,wBAAyB,CAEvBC,OAAQ"}
+{"version":3,"file":"listItemAvatar.theme.js","sources":["../../../src/materialui/list/listItemAvatar.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowListItemAvatar: Components<Theme>['MuiListItemAvatar'] = {\n  defaultProps: {},\n  styleOverrides: {\n    root: {\n      // remove default min-width 56px, we utilize gap for a space between elements\n      minWidth: '0',\n      // adjust avatar inside\n      '& .MuiAvatar-root': {\n        // rounded variant\n        borderRadius: '4px',\n        '&:has(.MuiAvatar-img)': {\n          // remove border\n          border: 'none',\n        },\n      },\n    },\n  },\n};\n"],"names":["flowListItemAvatar","defaultProps","styleOverrides","root","minWidth","borderRadius","border"],"mappings":"AAGa,MAAAA,EAA6D,CACxEC,aAAc,CAAE,EAChBC,eAAgB,CACdC,KAAM,CAEJC,SAAU,IAEV,oBAAqB,CAEnBC,aAAc,MACd,wBAAyB,CAEvBC,OAAQ"}

package/materialui/list/listItemButton.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"listItemButton.theme.js","sources":["../../../src/materialui/list/listItemButton.theme.ts"],"sourcesContent":[null],"names":["flowListItemButton","defaultProps","component","disableRipple","disableGutters","styleOverrides","root","theme","Object","assign","typography","body","position","borderRadius","padding","minHeight","gap","transition","getFocusRingStyle","getInteractiveStyle","backgroundColor","palette","surface","primary","secondary","opacity","color","disabled","tertiary","gutters","paddingLeft","paddingRight"],"mappings":"2IAKa,MAAAA,EAA6D,CACxEC,aAAc,CACZC,UAAW,SACXC,eAAe,EAEfC,gBAAgB,GAElBC,eAAgB,CACdC,KAAM,EAAGC,WAEJC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,GAAAF,EAAMG,WAAWC,MACpB,CAAAC,SAAU,WACVC,aAAc,IAEdC,QAAS,QACTC,UAAW,OAEXC,IAAK,MAELC,WAAY,SAETC,EAAkBX,GAAO,IACzBY,EACD,CAAEC,gBAAiB,eACnB,CAAEA,gBAAiBb,EAAMc,QAAQC,QAAQC,SACzC,CAAEH,gBAAiBb,EAAMc,QAAQC,QAAQE,aAC1C,CAED,iBAAkB,CAChBC,QAAS,IACT,6BAA8B,CAC5BC,MAAOnB,EAAMc,QAAQM,SAASC,aAIpCC,QAAS,CACPhB,aAAc,MAEdiB,YAAa,MACbC,aAAc"}
+{"version":3,"file":"listItemButton.theme.js","sources":["../../../src/materialui/list/listItemButton.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport const flowListItemButton: Components<Theme>['MuiListItemButton'] = {\n  defaultProps: {\n    component: 'button',\n    disableRipple: true,\n    // controls left and right padding\n    disableGutters: false,\n  },\n  styleOverrides: {\n    root: ({ theme }) => ({\n      // make sure to provide default typography due to browsers overwriting it with usage of button HTML tag\n      ...theme.typography.body,\n      position: 'relative',\n      borderRadius: '0',\n      // match size with ListItem\n      padding: '4px 0',\n      minHeight: '56px',\n      // space between children (e.g. icon/avatar and text)\n      gap: '8px',\n      // no smooth transition to immediately toggle background color\n      transition: 'none',\n      // focused style\n      ...getFocusRingStyle(theme, false),\n      ...getInteractiveStyle(\n        { backgroundColor: 'transparent' },\n        { backgroundColor: theme.palette.surface.primary },\n        { backgroundColor: theme.palette.surface.secondary },\n      ),\n      // disabled style\n      '&.Mui-disabled': {\n        opacity: '1',\n        '&, & .MuiListItemText-root': {\n          color: theme.palette.disabled.tertiary,\n        },\n      },\n    }),\n    gutters: {\n      borderRadius: '4px',\n      // match size with ListItem\n      paddingLeft: '4px',\n      paddingRight: '4px',\n    },\n  },\n};\n"],"names":["flowListItemButton","defaultProps","component","disableRipple","disableGutters","styleOverrides","root","theme","Object","assign","typography","body","position","borderRadius","padding","minHeight","gap","transition","getFocusRingStyle","getInteractiveStyle","backgroundColor","palette","surface","primary","secondary","opacity","color","disabled","tertiary","gutters","paddingLeft","paddingRight"],"mappings":"2IAKa,MAAAA,EAA6D,CACxEC,aAAc,CACZC,UAAW,SACXC,eAAe,EAEfC,gBAAgB,GAElBC,eAAgB,CACdC,KAAM,EAAGC,WAEJC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,GAAAF,EAAMG,WAAWC,MACpB,CAAAC,SAAU,WACVC,aAAc,IAEdC,QAAS,QACTC,UAAW,OAEXC,IAAK,MAELC,WAAY,SAETC,EAAkBX,GAAO,IACzBY,EACD,CAAEC,gBAAiB,eACnB,CAAEA,gBAAiBb,EAAMc,QAAQC,QAAQC,SACzC,CAAEH,gBAAiBb,EAAMc,QAAQC,QAAQE,aAC1C,CAED,iBAAkB,CAChBC,QAAS,IACT,6BAA8B,CAC5BC,MAAOnB,EAAMc,QAAQM,SAASC,aAIpCC,QAAS,CACPhB,aAAc,MAEdiB,YAAa,MACbC,aAAc"}

package/materialui/list/listItemIcon.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"listItemIcon.theme.js","sources":["../../../src/materialui/list/listItemIcon.theme.ts"],"sourcesContent":[null],"names":["flowListItemIcon","defaultProps","styleOverrides","root","theme","color","palette","mode","onSurface","os300","os700","minWidth","justifyContent","fontSize"],"mappings":"AAGa,MAAAA,EAAyD,CACpEC,aAAc,CAAE,EAChBC,eAAgB,CACdC,KAAM,EAAGC,YAAa,CACpBC,MAA8B,SAAvBD,EAAME,QAAQC,KAAkBH,EAAME,QAAQE,UAAUC,MAAQL,EAAME,QAAQE,UAAUE,MAE/FC,SAAU,OACVC,eAAgB,SAEhB,qBAAsB,CAEpBC,SAAU"}
+{"version":3,"file":"listItemIcon.theme.js","sources":["../../../src/materialui/list/listItemIcon.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowListItemIcon: Components<Theme>['MuiListItemIcon'] = {\n  defaultProps: {},\n  styleOverrides: {\n    root: ({ theme }) => ({\n      color: theme.palette.mode === 'dark' ? theme.palette.onSurface.os300 : theme.palette.onSurface.os700,\n      // match size of icon button\n      minWidth: '44px',\n      justifyContent: 'center',\n      // icon itself\n      '& .MuiSvgIcon-root': {\n        // lower size\n        fontSize: '18px',\n      },\n    }),\n  },\n};\n"],"names":["flowListItemIcon","defaultProps","styleOverrides","root","theme","color","palette","mode","onSurface","os300","os700","minWidth","justifyContent","fontSize"],"mappings":"AAGa,MAAAA,EAAyD,CACpEC,aAAc,CAAE,EAChBC,eAAgB,CACdC,KAAM,EAAGC,YAAa,CACpBC,MAA8B,SAAvBD,EAAME,QAAQC,KAAkBH,EAAME,QAAQE,UAAUC,MAAQL,EAAME,QAAQE,UAAUE,MAE/FC,SAAU,OACVC,eAAgB,SAEhB,qBAAsB,CAEpBC,SAAU"}

package/materialui/list/listItemSecondaryAction.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"listItemSecondaryAction.theme.js","sources":["../../../src/materialui/list/listItemSecondaryAction.theme.ts"],"sourcesContent":[null],"names":["flowListItemSecondaryAction","defaultProps","styleOverrides","root","position","transform"],"mappings":"AAGa,MAAAA,EAA+E,CAC1FC,aAAc,CAAE,EAChBC,eAAgB,CAEdC,KAAM,CAEJC,SAAU,SACVC,UAAW"}
+{"version":3,"file":"listItemSecondaryAction.theme.js","sources":["../../../src/materialui/list/listItemSecondaryAction.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowListItemSecondaryAction: Components<Theme>['MuiListItemSecondaryAction'] = {\n  defaultProps: {},\n  styleOverrides: {\n    // IconButton in <ListItem secondaryAction={...} />\n    root: {\n      // no longer absolute position as we are using flex\n      position: 'static',\n      transform: 'none',\n    },\n  },\n};\n"],"names":["flowListItemSecondaryAction","defaultProps","styleOverrides","root","position","transform"],"mappings":"AAGa,MAAAA,EAA+E,CAC1FC,aAAc,CAAE,EAChBC,eAAgB,CAEdC,KAAM,CAEJC,SAAU,SACVC,UAAW"}

package/materialui/list/listItemText.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"listItemText.theme.js","sources":["../../../src/materialui/list/listItemText.theme.ts"],"sourcesContent":[null],"names":["flowListItemText","defaultProps","inset","primaryTypographyProps","variant","secondaryTypographyProps","styleOverrides","root","theme","margin","color","palette","text","primary","flexGrow","flexShrink","maxWidth","textAlign","overflow","textOverflow","display","WebkitLineClamp","WebkitBoxOrient","secondary","padding"],"mappings":"AAGa,MAAAA,EAAyD,CACpEC,aAAc,CAEZC,OAAO,EAGPC,uBAAwB,CACtBC,QAAS,YAEXC,yBAA0B,CACxBD,QAAS,gBAWbE,eAAgB,CACdC,KAAM,EAAGC,YAAa,CACpBC,OAAQ,IACRC,MAAOF,EAAMG,QAAQC,KAAKC,QAE1B,4BAA6B,CAE3BC,SAAU,IAEVC,WAAY,IACZC,SAAU,OAEVC,UAAW,WAGfJ,QAAS,CAEPK,SAAU,SACVC,aAAc,WACdC,QAAS,cACTC,gBAAiB,IACjBC,gBAAiB,YAInBC,UAAW,CAETL,SAAU,SACVC,aAAc,WACdC,QAAS,cACTC,gBAAiB,IACjBC,gBAAiB,YAInBpB,MAAO,CACLsB,QAAS"}
+{"version":3,"file":"listItemText.theme.js","sources":["../../../src/materialui/list/listItemText.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowListItemText: Components<Theme>['MuiListItemText'] = {\n  defaultProps: {\n    // has no effect\n    inset: false,\n    // set default typography\n    // NOTE: we are using deprecated @mui props instead of slotProps to allow projects to still use them aswell\n    primaryTypographyProps: {\n      variant: 'caption2',\n    },\n    secondaryTypographyProps: {\n      variant: 'disclaimer1',\n    },\n    // slotProps: {\n    //   primary: {\n    //     variant: 'caption2',\n    //   },\n    //   secondary: {\n    //     variant: 'disclaimer1',\n    //   },\n    // },\n  },\n  styleOverrides: {\n    root: ({ theme }) => ({\n      margin: '0',\n      color: theme.palette.text.primary,\n      // next ListItemTexts in the ListItem\n      '& ~ .MuiListItemText-root': {\n        // no need to grow\n        flexGrow: '0',\n        // make sure text is always visible and does not shrink\n        flexShrink: '0',\n        maxWidth: '100%',\n        // align to right side\n        textAlign: 'right',\n      },\n    }),\n    primary: {\n      // restrict 2 lines\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      display: '-webkit-box',\n      WebkitLineClamp: '2',\n      WebkitBoxOrient: 'vertical',\n      // beware, due to important nested selector applying style\n      // here disallows overwrites via sx\n    },\n    secondary: {\n      // restrict 2 lines\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      display: '-webkit-box',\n      WebkitLineClamp: '2',\n      WebkitBoxOrient: 'vertical',\n      // beware, due to important nested selector applying style\n      // here disallows overwrites via sx\n    },\n    inset: {\n      padding: '0',\n    },\n  },\n};\n"],"names":["flowListItemText","defaultProps","inset","primaryTypographyProps","variant","secondaryTypographyProps","styleOverrides","root","theme","margin","color","palette","text","primary","flexGrow","flexShrink","maxWidth","textAlign","overflow","textOverflow","display","WebkitLineClamp","WebkitBoxOrient","secondary","padding"],"mappings":"AAGa,MAAAA,EAAyD,CACpEC,aAAc,CAEZC,OAAO,EAGPC,uBAAwB,CACtBC,QAAS,YAEXC,yBAA0B,CACxBD,QAAS,gBAWbE,eAAgB,CACdC,KAAM,EAAGC,YAAa,CACpBC,OAAQ,IACRC,MAAOF,EAAMG,QAAQC,KAAKC,QAE1B,4BAA6B,CAE3BC,SAAU,IAEVC,WAAY,IACZC,SAAU,OAEVC,UAAW,WAGfJ,QAAS,CAEPK,SAAU,SACVC,aAAc,WACdC,QAAS,cACTC,gBAAiB,IACjBC,gBAAiB,YAInBC,UAAW,CAETL,SAAU,SACVC,aAAc,WACdC,QAAS,cACTC,gBAAiB,IACjBC,gBAAiB,YAInBpB,MAAO,CACLsB,QAAS"}

package/materialui/list/listSubheader.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"listSubheader.theme.js","sources":["../../../src/materialui/list/listSubheader.theme.ts"],"sourcesContent":[null],"names":["flowListSubheader","defaultProps","disableGutters","styleOverrides","root","theme","Object","assign","padding","margin","marginTop","typography","body","color","palette","text","primary","gutters"],"mappings":"AAGa,MAAAA,EAA2D,CACtEC,aAAc,CAEZC,gBAAgB,GAElBC,eAAgB,CACdC,KAAM,EAAGC,WAAYC,OAAAC,OAAAD,OAAAC,OAAA,CACnBC,QAAS,IACTC,OAAQ,aACR,kBAAmB,CACjBC,UAAW,MAEVL,EAAMM,WAAWC,MACpB,CAAAC,MAAOR,EAAMS,QAAQC,KAAKC,UAE5BC,QAAS,CAEPT,QAAS"}
+{"version":3,"file":"listSubheader.theme.js","sources":["../../../src/materialui/list/listSubheader.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowListSubheader: Components<Theme>['MuiListSubheader'] = {\n  defaultProps: {\n    // controls left and right padding\n    disableGutters: false,\n  },\n  styleOverrides: {\n    root: ({ theme }) => ({\n      padding: '0',\n      margin: '16px 0 8px',\n      '&:first-of-type': {\n        marginTop: '0',\n      },\n      ...theme.typography.body,\n      color: theme.palette.text.primary,\n    }),\n    gutters: {\n      // match size of ListItem\n      padding: '0 4px',\n    },\n  },\n};\n"],"names":["flowListSubheader","defaultProps","disableGutters","styleOverrides","root","theme","Object","assign","padding","margin","marginTop","typography","body","color","palette","text","primary","gutters"],"mappings":"AAGa,MAAAA,EAA2D,CACtEC,aAAc,CAEZC,gBAAgB,GAElBC,eAAgB,CACdC,KAAM,EAAGC,WAAYC,OAAAC,OAAAD,OAAAC,OAAA,CACnBC,QAAS,IACTC,OAAQ,aACR,kBAAmB,CACjBC,UAAW,MAEVL,EAAMM,WAAWC,MACpB,CAAAC,MAAOR,EAAMS,QAAQC,KAAKC,UAE5BC,QAAS,CAEPT,QAAS"}

package/materialui/menu/menu.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu.theme.js","sources":["../../../src/materialui/menu/menu.theme.ts"],"sourcesContent":[null],"names":["flowMenu","defaultProps","styleOverrides","paper","borderRadius","boxShadow","list","maxWidth"],"mappings":"AAGa,MAAAA,EAAyC,CACpDC,aAAc,CAAE,EAChBC,eAAgB,CACdC,MAAO,CAELC,aAAc,IAEdC,UAAW,wCAIbC,KAAM,CACJC,SAAU"}
+{"version":3,"file":"menu.theme.js","sources":["../../../src/materialui/menu/menu.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowMenu: Components<Theme>['MuiMenu'] = {\n  defaultProps: {},\n  styleOverrides: {\n    paper: {\n      // square variant\n      borderRadius: '0',\n      // box shadow with custom spread\n      boxShadow: '0px 2px 25px 0px rgba(0, 0, 0, 0.15)',\n    },\n    // currently MuiMenuList cannot be extended through theme,\n    //  therefore we are styling it with MuiMenu\n    list: {\n      maxWidth: '100%',\n    },\n  },\n};\n"],"names":["flowMenu","defaultProps","styleOverrides","paper","borderRadius","boxShadow","list","maxWidth"],"mappings":"AAGa,MAAAA,EAAyC,CACpDC,aAAc,CAAE,EAChBC,eAAgB,CACdC,MAAO,CAELC,aAAc,IAEdC,UAAW,wCAIbC,KAAM,CACJC,SAAU"}

package/materialui/menu/menuItem.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"menuItem.theme.js","sources":["../../../src/materialui/menu/menuItem.theme.ts"],"sourcesContent":[null],"names":["flowMenuItem","defaultProps","tabIndex","styleOverrides","root","theme","Object","assign","padding","maxWidth","gap","color","palette","text","primary","breakpoints","up","fontSize","lineHeight","fontWeight","whiteSpace","textOverflow","overflow","display","position","getFocusRingStyle","borderRadius","getInteractiveStyle","backgroundColor","mode","onSurface","os800","background","surface","secondary","opacity","disabled","margin","minWidth","marginLeft"],"mappings":"2IAKa,MAAAA,EAAiD,CAC5DC,aAAc,CACZC,SAAU,GAEZC,eAAgB,CACdC,KAAM,EAAGC,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAEnBC,QAAS,OACTC,SAAU,OAEVC,IAAK,OAELC,MAAON,EAAMO,QAAQC,KAAKC,QAC1B,CAACT,EAAMU,YAAYC,GAAG,OAAQ,CAC5BC,SAAU,OACVC,WAAY,OACZC,WAAY,OAGdC,WAAY,SACZC,aAAc,WACdC,SAAU,SAEV,mDAAoD,CAClDL,SAAU,UACVC,WAAY,UACZC,WAAY,UACZR,MAAO,UAEPY,QAAS,SAGXC,SAAU,YACPC,EAAkBpB,GAAO,EAAO,QAAM,CACzC,YAAa,CACXqB,aAAc,SAEbC,EACD,CAEE,kDAAmD,CACjDC,gBACyB,SAAvBvB,EAAMO,QAAQiB,KAAkBxB,EAAMO,QAAQkB,UAAUC,MAAQ1B,EAAMO,QAAQoB,WAAWlB,UAG/F,CAAEc,gBAAiBvB,EAAMO,QAAQqB,QAAQnB,SACzC,CAAEc,gBAAiBvB,EAAMO,QAAQqB,QAAQC,WACzC,CAEE,yFAA0F,CACxFN,gBACyB,SAAvBvB,EAAMO,QAAQiB,KAAkBxB,EAAMO,QAAQkB,UAAUC,MAAQ1B,EAAMO,QAAQoB,WAAWlB,YAGhG,CAED,iBAAkB,CAChB,gCAAiC,CAE/BqB,QAAS,IACTxB,MAAON,EAAMO,QAAQwB,SAAStB,UAIlC,uBAAwB,CAEtBuB,OAAQ,KAGV,0BAA2B,CAEzB1B,MAAO,eAEP2B,SAAU,KAGZ,uCAAwC,CAEtCC,WAAY"}
+{"version":3,"file":"menuItem.theme.js","sources":["../../../src/materialui/menu/menuItem.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport const flowMenuItem: Components<Theme>['MuiMenuItem'] = {\n  defaultProps: {\n    tabIndex: 0,\n  },\n  styleOverrides: {\n    root: ({ theme }) => ({\n      // proportions\n      padding: '12px',\n      maxWidth: '100%',\n      // space between children (e.g. icon and text)\n      gap: '10px',\n      // custom font according to Figma\n      color: theme.palette.text.primary,\n      [theme.breakpoints.up('xs')]: {\n        fontSize: '16px',\n        lineHeight: '24px',\n        fontWeight: '400',\n      },\n      // 1 line ellipsis\n      whiteSpace: 'nowrap',\n      textOverflow: 'ellipsis',\n      overflow: 'hidden',\n      // overwrite style for ListItemText\n      '& .MuiListItemText-root .MuiListItemText-primary': {\n        fontSize: 'inherit',\n        lineHeight: 'inherit',\n        fontWeight: 'inherit',\n        color: 'inherit',\n        // also support just 1 line ellipsis\n        display: 'block',\n      },\n      // focus\n      position: 'relative',\n      ...getFocusRingStyle(theme, false, '2px'),\n      '&&:before': {\n        borderRadius: '4px',\n      },\n      ...getInteractiveStyle(\n        {\n          // with checkbox inside also apply default styling once selected\n          '&, &.Mui-selected:has(.PrivateSwitchBase-input)': {\n            backgroundColor:\n              theme.palette.mode === 'dark' ? theme.palette.onSurface.os800 : theme.palette.background.primary,\n          },\n        },\n        { backgroundColor: theme.palette.surface.primary },\n        { backgroundColor: theme.palette.surface.secondary },\n        {\n          // with checkbox correctly remove hover effect\n          '&.Mui-selected:has(.PrivateSwitchBase-input):hover:not(:active):not(.Mui-focusVisible)': {\n            backgroundColor:\n              theme.palette.mode === 'dark' ? theme.palette.onSurface.os800 : theme.palette.background.primary,\n          },\n        },\n      ),\n      // disabled state\n      '&.Mui-disabled': {\n        '&, & .MuiListItemText-primary': {\n          // remove default @mui styling\n          opacity: '1',\n          color: theme.palette.disabled.primary,\n        },\n      },\n      // divider inside\n      '& + .MuiDivider-root': {\n        // no extra margin\n        margin: '0',\n      },\n      // ListItemIcon wrapper inside\n      '& .MuiListItemIcon-root': {\n        // keep color from parent\n        color: 'currentColor',\n        // no longer need to match width with IconButton\n        minWidth: '0',\n      },\n      // Checkbox/Radio at the end\n      '& .PrivateSwitchBase-root:last-child': {\n        // extra space between text and switch\n        marginLeft: '25px',\n      },\n    }),\n  },\n};\n"],"names":["flowMenuItem","defaultProps","tabIndex","styleOverrides","root","theme","Object","assign","padding","maxWidth","gap","color","palette","text","primary","breakpoints","up","fontSize","lineHeight","fontWeight","whiteSpace","textOverflow","overflow","display","position","getFocusRingStyle","borderRadius","getInteractiveStyle","backgroundColor","mode","onSurface","os800","background","surface","secondary","opacity","disabled","margin","minWidth","marginLeft"],"mappings":"2IAKa,MAAAA,EAAiD,CAC5DC,aAAc,CACZC,SAAU,GAEZC,eAAgB,CACdC,KAAM,EAAGC,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAEnBC,QAAS,OACTC,SAAU,OAEVC,IAAK,OAELC,MAAON,EAAMO,QAAQC,KAAKC,QAC1B,CAACT,EAAMU,YAAYC,GAAG,OAAQ,CAC5BC,SAAU,OACVC,WAAY,OACZC,WAAY,OAGdC,WAAY,SACZC,aAAc,WACdC,SAAU,SAEV,mDAAoD,CAClDL,SAAU,UACVC,WAAY,UACZC,WAAY,UACZR,MAAO,UAEPY,QAAS,SAGXC,SAAU,YACPC,EAAkBpB,GAAO,EAAO,QAAM,CACzC,YAAa,CACXqB,aAAc,SAEbC,EACD,CAEE,kDAAmD,CACjDC,gBACyB,SAAvBvB,EAAMO,QAAQiB,KAAkBxB,EAAMO,QAAQkB,UAAUC,MAAQ1B,EAAMO,QAAQoB,WAAWlB,UAG/F,CAAEc,gBAAiBvB,EAAMO,QAAQqB,QAAQnB,SACzC,CAAEc,gBAAiBvB,EAAMO,QAAQqB,QAAQC,WACzC,CAEE,yFAA0F,CACxFN,gBACyB,SAAvBvB,EAAMO,QAAQiB,KAAkBxB,EAAMO,QAAQkB,UAAUC,MAAQ1B,EAAMO,QAAQoB,WAAWlB,YAGhG,CAED,iBAAkB,CAChB,gCAAiC,CAE/BqB,QAAS,IACTxB,MAAON,EAAMO,QAAQwB,SAAStB,UAIlC,uBAAwB,CAEtBuB,OAAQ,KAGV,0BAA2B,CAEzB1B,MAAO,eAEP2B,SAAU,KAGZ,uCAAwC,CAEtCC,WAAY"}

package/materialui/mobileStepper/mobileStepper.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"mobileStepper.theme.js","sources":["../../../src/materialui/mobileStepper/mobileStepper.theme.ts"],"sourcesContent":[null],"names":["flowMobileStepper","defaultProps","styleOverrides","root","display","alignItems","fontStyle","fontWeight","fontSize","lineHeight","gap","padding","whiteSpace","cursor","progress","theme","width","height","linearProgressClasses","colorPrimary","backgroundColor","palette","onSurface","os200","bar","brand","secondary"],"mappings":"sDAIa,MAAAA,EAA2D,CACtEC,aAAc,CAAE,EAChBC,eAAgB,CACdC,KAAM,CACJ,0BAA2B,CACzBC,QAAS,OACTC,WAAY,SACZC,UAAW,SACXC,WAAY,MACZC,SAAU,OACVC,WAAY,OACZC,IAAK,GACLC,QAAS,WACTC,WAAY,SACZ,UAAW,CACTC,OAAQ,aAIdC,SAAU,EAAGC,YAAa,CACxB,8BAA+B,CAC7BC,MAAO,QACPC,OAAQ,OAEV,CAAC,KAAKC,EAAsBC,gBAAiB,CAC3CC,gBAAiBL,EAAMM,QAAQC,UAAUC,OAE3C,CAAC,MAAML,EAAsBM,OAAQ,CACnCJ,gBAAiBL,EAAMM,QAAQI,MAAMC"}
+{"version":3,"file":"mobileStepper.theme.js","sources":["../../../src/materialui/mobileStepper/mobileStepper.theme.ts"],"sourcesContent":["import { linearProgressClasses } from '@mui/material';\nimport { Components } from '@mui/material/styles/components';\nimport { Theme } from '@mui/material';\n\nexport const flowMobileStepper: Components<Theme>['MuiMobileStepper'] = {\n  defaultProps: {},\n  styleOverrides: {\n    root: {\n      '&.MuiMobileStepper-root': {\n        display: 'flex',\n        alignItems: 'center',\n        fontStyle: 'normal',\n        fontWeight: '400',\n        fontSize: '16px',\n        lineHeight: '16px',\n        gap: 15,\n        padding: '10px 4px',\n        whiteSpace: 'nowrap',\n        '&:hover': {\n          cursor: 'pointer',\n        },\n      },\n    },\n    progress: ({ theme }) => ({\n      '&.MuiMobileStepper-progress': {\n        width: '182px',\n        height: '4px',\n      },\n      [`&.${linearProgressClasses.colorPrimary}`]: {\n        backgroundColor: theme.palette.onSurface.os200,\n      },\n      [`& .${linearProgressClasses.bar}`]: {\n        backgroundColor: theme.palette.brand.secondary,\n      },\n    }),\n  },\n};\n"],"names":["flowMobileStepper","defaultProps","styleOverrides","root","display","alignItems","fontStyle","fontWeight","fontSize","lineHeight","gap","padding","whiteSpace","cursor","progress","theme","width","height","linearProgressClasses","colorPrimary","backgroundColor","palette","onSurface","os200","bar","brand","secondary"],"mappings":"sDAIa,MAAAA,EAA2D,CACtEC,aAAc,CAAE,EAChBC,eAAgB,CACdC,KAAM,CACJ,0BAA2B,CACzBC,QAAS,OACTC,WAAY,SACZC,UAAW,SACXC,WAAY,MACZC,SAAU,OACVC,WAAY,OACZC,IAAK,GACLC,QAAS,WACTC,WAAY,SACZ,UAAW,CACTC,OAAQ,aAIdC,SAAU,EAAGC,YAAa,CACxB,8BAA+B,CAC7BC,MAAO,QACPC,OAAQ,OAEV,CAAC,KAAKC,EAAsBC,gBAAiB,CAC3CC,gBAAiBL,EAAMM,QAAQC,UAAUC,OAE3C,CAAC,MAAML,EAAsBM,OAAQ,CACnCJ,gBAAiBL,EAAMM,QAAQI,MAAMC"}

package/materialui/modal/modal.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.theme.js","sources":["../../../src/materialui/modal/modal.theme.ts"],"sourcesContent":[null],"names":["getFlowModal","breakpointsOptions","rtl","defaultProps","styleOverrides","root","theme","getFlowCssBaselineRoot","display","alignItems","justifyContent","borderRadius","position","overflow","background","palette","primary","margin","width","boxShadow","padding","top","right","border","cursor","fontSize"],"mappings":"4EAIa,MAAAA,EAAe,CAACC,EAAwCC,KAAiD,CACpHC,aAAc,CAAE,EAChBC,eAAgB,CACdC,KAAM,EAAGC,WAAY,CACnBC,GAAuB,EAAMN,EAAoBC,EAAKI,GACtD,CACEE,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChB,qBAAsB,CACpBC,aAAc,MACdC,SAAU,WACVC,SAAU,SACVC,WAAYR,EAAMS,QAAQD,WAAWE,QACrCC,OAAQ,YACRC,MAAO,OACPC,UAAW,oCACX,aAAc,CACZC,QAAS,MACTC,IAAK,OACLC,MAAO,OACPV,SAAU,WACVE,WAAY,cACZS,OAAQ,MACRC,OAAQ,UACR,eAAgB,CACdC,SAAU,OACVjB,QAAS"}
+{"version":3,"file":"modal.theme.js","sources":["../../../src/materialui/modal/modal.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { getFlowCssBaselineRoot } from '../themeProvider/baseline.theme';\nimport { BreakpointsOptions, Theme } from '@mui/material';\n\nexport const getFlowModal = (breakpointsOptions: BreakpointsOptions, rtl: boolean): Components<Theme>['MuiModal'] => ({\n  defaultProps: {},\n  styleOverrides: {\n    root: ({ theme }) => [\n      getFlowCssBaselineRoot(true, breakpointsOptions, rtl, theme),\n      {\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        '& .modal-container': {\n          borderRadius: '8px',\n          position: 'relative',\n          overflow: 'hidden',\n          background: theme.palette.background.primary,\n          margin: '32px 24px',\n          width: '100%',\n          boxShadow: '0px 24px 64px rgba(0, 0, 0, 0.15)',\n          '& > button': {\n            padding: '4px',\n            top: '14px',\n            right: '18px',\n            position: 'absolute',\n            background: 'transparent',\n            border: '0px',\n            cursor: 'pointer',\n            '& > .ballotx': {\n              fontSize: '26px',\n              display: 'inline',\n            },\n          },\n        },\n      },\n    ],\n  },\n});\n"],"names":["getFlowModal","breakpointsOptions","rtl","defaultProps","styleOverrides","root","theme","getFlowCssBaselineRoot","display","alignItems","justifyContent","borderRadius","position","overflow","background","palette","primary","margin","width","boxShadow","padding","top","right","border","cursor","fontSize"],"mappings":"4EAIa,MAAAA,EAAe,CAACC,EAAwCC,KAAiD,CACpHC,aAAc,CAAE,EAChBC,eAAgB,CACdC,KAAM,EAAGC,WAAY,CACnBC,GAAuB,EAAMN,EAAoBC,EAAKI,GACtD,CACEE,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChB,qBAAsB,CACpBC,aAAc,MACdC,SAAU,WACVC,SAAU,SACVC,WAAYR,EAAMS,QAAQD,WAAWE,QACrCC,OAAQ,YACRC,MAAO,OACPC,UAAW,oCACX,aAAc,CACZC,QAAS,MACTC,IAAK,OACLC,MAAO,OACPV,SAAU,WACVE,WAAY,cACZS,OAAQ,MACRC,OAAQ,UACR,eAAgB,CACdC,SAAU,OACVjB,QAAS"}

package/materialui/pagination/pagination.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.theme.js","sources":["../../../src/materialui/pagination/pagination.theme.ts"],"sourcesContent":[null],"names":["flowPaginationItem","defaultProps","styleOverrides","root","theme","backgroundColor","color","palette","text","primary","fontWeight","fontSize","letterSpacing","lineHeight","margin","minWidth","height","padding","position","borderRadius","transparent","disabled","opacity","flowPagination","ul","marginLeft","marginRight"],"mappings":"AAGa,MAAAA,EAA6D,CACxEC,aAAc,CAAE,EAChBC,eAAgB,CACdC,KAAM,EAAGC,YAAa,CACpB,2BAA4B,CAC1BC,gBAAiB,cACjBC,MAAOF,EAAMG,QAAQC,KAAKC,QAC1BC,WAAY,MACZC,SAAU,OACVC,cAAe,QACfC,WAAY,OACZC,OAAQ,EACRC,SAAU,OACVC,OAAQ,OACRC,QAAS,EACTC,SAAU,WACV,mCAAoC,CAClCD,QAAS,UACTE,aAAc,UAEhB,gCAAiC,CAC/BF,QAAS,UACTE,aAAc,UAEhB,+BAAgC,CAE9B,UAAW,CACTd,gBAAiB,gBAGrB,UAAW,CACTA,gBAAiBD,EAAMG,QAAQa,YAAYX,SAE7C,iBAAkB,CAChBJ,gBAAiBD,EAAMG,QAAQa,YAAYX,SAE7C,iBAAkB,CAChBH,MAAOF,EAAMG,QAAQc,SAASZ,QAC9Ba,QAAS,EACT,kBAAmB,CACjBhB,MAAOF,EAAMG,QAAQc,SAASZ,eAQ7Bc,EAAqD,CAChEtB,aAAc,CAAE,EAChBC,eAAgB,CACdC,KAAM,CAAE,EACRqB,GAAI,CACF,OAAQ,CACNV,OAAQ,SACR,gBAAiB,CACfW,WAAY,GAEd,eAAgB,CACdC,YAAa"}
+{"version":3,"file":"pagination.theme.js","sources":["../../../src/materialui/pagination/pagination.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowPaginationItem: Components<Theme>['MuiPaginationItem'] = {\n  defaultProps: {},\n  styleOverrides: {\n    root: ({ theme }) => ({\n      '&.MuiPaginationItem-root': {\n        backgroundColor: 'transparent',\n        color: theme.palette.text.primary,\n        fontWeight: '400',\n        fontSize: '16px',\n        letterSpacing: '0.2px',\n        lineHeight: '24px',\n        margin: 0,\n        minWidth: '34px',\n        height: '34px',\n        padding: 0,\n        position: 'relative',\n        '&.MuiPaginationItem-previousNext': {\n          padding: '0px 5px',\n          borderRadius: '1000px',\n        },\n        '&.MuiPaginationItem-firstLast': {\n          padding: '0px 5px',\n          borderRadius: '1000px',\n        },\n        '&.MuiPaginationItem-ellipsis': {\n          // for dots in pagination\n          '&:hover': {\n            backgroundColor: 'transparent',\n          },\n        },\n        '&:hover': {\n          backgroundColor: theme.palette.transparent.primary,\n        },\n        '&.Mui-selected': {\n          backgroundColor: theme.palette.transparent.primary,\n        },\n        '&.Mui-disabled': {\n          color: theme.palette.disabled.primary,\n          opacity: 1,\n          '& .MuiIcon-root': {\n            color: theme.palette.disabled.primary,\n          },\n        },\n      },\n    }),\n  },\n};\n\nexport const flowPagination: Components<Theme>['MuiPagination'] = {\n  defaultProps: {},\n  styleOverrides: {\n    root: {},\n    ul: {\n      '& li': {\n        margin: '0 10px',\n        '&:first-child': {\n          marginLeft: 0,\n        },\n        '&:last-child': {\n          marginRight: 0,\n        },\n      },\n    },\n  },\n};\n"],"names":["flowPaginationItem","defaultProps","styleOverrides","root","theme","backgroundColor","color","palette","text","primary","fontWeight","fontSize","letterSpacing","lineHeight","margin","minWidth","height","padding","position","borderRadius","transparent","disabled","opacity","flowPagination","ul","marginLeft","marginRight"],"mappings":"AAGa,MAAAA,EAA6D,CACxEC,aAAc,CAAE,EAChBC,eAAgB,CACdC,KAAM,EAAGC,YAAa,CACpB,2BAA4B,CAC1BC,gBAAiB,cACjBC,MAAOF,EAAMG,QAAQC,KAAKC,QAC1BC,WAAY,MACZC,SAAU,OACVC,cAAe,QACfC,WAAY,OACZC,OAAQ,EACRC,SAAU,OACVC,OAAQ,OACRC,QAAS,EACTC,SAAU,WACV,mCAAoC,CAClCD,QAAS,UACTE,aAAc,UAEhB,gCAAiC,CAC/BF,QAAS,UACTE,aAAc,UAEhB,+BAAgC,CAE9B,UAAW,CACTd,gBAAiB,gBAGrB,UAAW,CACTA,gBAAiBD,EAAMG,QAAQa,YAAYX,SAE7C,iBAAkB,CAChBJ,gBAAiBD,EAAMG,QAAQa,YAAYX,SAE7C,iBAAkB,CAChBH,MAAOF,EAAMG,QAAQc,SAASZ,QAC9Ba,QAAS,EACT,kBAAmB,CACjBhB,MAAOF,EAAMG,QAAQc,SAASZ,eAQ7Bc,EAAqD,CAChEtB,aAAc,CAAE,EAChBC,eAAgB,CACdC,KAAM,CAAE,EACRqB,GAAI,CACF,OAAQ,CACNV,OAAQ,SACR,gBAAiB,CACfW,WAAY,GAEd,eAAgB,CACdC,YAAa"}

package/materialui/paletteColors/palette.component.d.ts

@@ -1,6 +1,6 @@
 import { BoxProps } from '@mui/material';
 export interface PaletteColorProps extends BoxProps {
-    category: string;
+    category?: string;
     name: string;
     color: string;
     colorBox?: BoxProps;

package/materialui/paper/paper.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"paper.theme.js","sources":["../../../src/materialui/paper/paper.theme.ts"],"sourcesContent":[null],"names":["flowPaper","styleOverrides","root","theme","ownerState","Object","assign","keys","flowElevations","includes","variant","boxShadow","flowShadows","outlined","borderColor","palette","onSurface","os100"],"mappings":"8DAGa,MAAAA,EAA2C,CACtDC,eAAgB,CACdC,KAAM,EAAGC,QAAOC,gBAEXC,OAAAC,OAAA,CAAA,EAACD,OAAOE,KAAKC,GAAgBC,SAASL,EAAWM,UAAY,CAC9DC,UAAWR,EAAMS,YAAYR,EAAWM,WAG5CG,SAAU,EAAGV,YAAa,CACxBW,YAAaX,EAAMY,QAAQC,UAAUC"}
+{"version":3,"file":"paper.theme.js","sources":["../../../src/materialui/paper/paper.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\nimport { flowElevations } from '../theme/theme.elevations';\n\nexport const flowPaper: Components<Theme>['MuiPaper'] = {\n  styleOverrides: {\n    root: ({ theme, ownerState }) => ({\n      // Flow elevation shadow variants\n      ...(Object.keys(flowElevations).includes(ownerState.variant) && {\n        boxShadow: theme.flowShadows[ownerState.variant],\n      }),\n    }),\n    outlined: ({ theme }) => ({\n      borderColor: theme.palette.onSurface.os100,\n    }),\n  },\n};\n"],"names":["flowPaper","styleOverrides","root","theme","ownerState","Object","assign","keys","flowElevations","includes","variant","boxShadow","flowShadows","outlined","borderColor","palette","onSurface","os100"],"mappings":"8DAGa,MAAAA,EAA2C,CACtDC,eAAgB,CACdC,KAAM,EAAGC,QAAOC,gBAEXC,OAAAC,OAAA,CAAA,EAACD,OAAOE,KAAKC,GAAgBC,SAASL,EAAWM,UAAY,CAC9DC,UAAWR,EAAMS,YAAYR,EAAWM,WAG5CG,SAAU,EAAGV,YAAa,CACxBW,YAAaX,EAAMY,QAAQC,UAAUC"}

package/materialui/popover/popover.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.theme.js","sources":["../../../src/materialui/popover/popover.theme.ts"],"sourcesContent":[null],"names":["flowPopover","styleOverrides","paper","maxHeight","overflow"],"mappings":"AAEa,MAAAA,EAA+C,CAC1DC,eAAgB,CACdC,MAAO,CACLC,UAAW,IACXC,SAAU"}
+{"version":3,"file":"popover.theme.js","sources":["../../../src/materialui/popover/popover.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowPopover: Components<Theme>['MuiPopover'] = {\n  styleOverrides: {\n    paper: {\n      maxHeight: 240,\n      overflow: 'auto',\n    },\n  },\n};\n"],"names":["flowPopover","styleOverrides","paper","maxHeight","overflow"],"mappings":"AAEa,MAAAA,EAA+C,CAC1DC,eAAgB,CACdC,MAAO,CACLC,UAAW,IACXC,SAAU"}

package/materialui/radio/radio.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio.theme.js","sources":["../../../src/materialui/radio/radio.theme.ts"],"sourcesContent":[null],"names":["flowRadio","defaultProps","disableRipple","styleOverrides","root","theme","ownerState","padding","borderRadius","color","palette","text","primary","mode","brand","secondary","getFocusRingStyle","main","error","disabled","tertiary"],"mappings":"4EAGa,MAAAA,EAA2C,CACtDC,aAAc,CACZC,eAAe,GAEjBC,eAAgB,CACdC,KAAM,EAAGC,QAAOC,yEACdC,QAAS,IACTC,aAAc,QAEd,aAAc,CACZC,MAAOJ,EAAMK,QAAQC,KAAKC,SAG5B,gBAAiB,CACf,aAAc,CACZH,MAA8B,SAAvBJ,EAAMK,QAAQG,KAAkBR,EAAMK,QAAQI,MAAMC,UAAYV,EAAMK,QAAQI,MAAMF,WAI5FI,EAAkBX,GAAO,EAAO,QAEV,cAArBC,EAAWG,OAAyB,CACtC,gBAAiB,CACf,aAAc,CACZA,MAAOJ,EAAMK,QAAQK,UAAUE,SAIZ,UAArBX,EAAWG,OAAqB,CAClC,mBAAoB,CAClB,aAAc,CACZA,MAAOJ,EAAMK,QAAQQ,MAAMD,SAG/B,CAEF,iBAAkB,CAChBR,MAAOJ,EAAMK,QAAQS,SAASC"}
+{"version":3,"file":"radio.theme.js","sources":["../../../src/materialui/radio/radio.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\nexport const flowRadio: Components<Theme>['MuiRadio'] = {\n  defaultProps: {\n    disableRipple: true,\n  },\n  styleOverrides: {\n    root: ({ theme, ownerState }) => ({\n      padding: '0',\n      borderRadius: '200px',\n      // default unselected color\n      '&, &:hover': {\n        color: theme.palette.text.primary,\n      },\n      // 'primary' and other unsupported variants style ('success')\n      '&.Mui-checked': {\n        '&, &:hover': {\n          color: theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brand.primary,\n        },\n      },\n      // focus style\n      ...getFocusRingStyle(theme, false, '0px'),\n      // color variants\n      ...(ownerState.color === 'secondary' && {\n        '&.Mui-checked': {\n          '&, &:hover': {\n            color: theme.palette.secondary.main,\n          },\n        },\n      }),\n      ...(ownerState.color === 'error' && {\n        '&, &.Mui-checked': {\n          '&, &:hover': {\n            color: theme.palette.error.main,\n          },\n        },\n      }),\n      // disabled style\n      '&.Mui-disabled': {\n        color: theme.palette.disabled.tertiary,\n      },\n    }),\n  },\n};\n"],"names":["flowRadio","defaultProps","disableRipple","styleOverrides","root","theme","ownerState","padding","borderRadius","color","palette","text","primary","mode","brand","secondary","getFocusRingStyle","main","error","disabled","tertiary"],"mappings":"4EAGa,MAAAA,EAA2C,CACtDC,aAAc,CACZC,eAAe,GAEjBC,eAAgB,CACdC,KAAM,EAAGC,QAAOC,yEACdC,QAAS,IACTC,aAAc,QAEd,aAAc,CACZC,MAAOJ,EAAMK,QAAQC,KAAKC,SAG5B,gBAAiB,CACf,aAAc,CACZH,MAA8B,SAAvBJ,EAAMK,QAAQG,KAAkBR,EAAMK,QAAQI,MAAMC,UAAYV,EAAMK,QAAQI,MAAMF,WAI5FI,EAAkBX,GAAO,EAAO,QAEV,cAArBC,EAAWG,OAAyB,CACtC,gBAAiB,CACf,aAAc,CACZA,MAAOJ,EAAMK,QAAQK,UAAUE,SAIZ,UAArBX,EAAWG,OAAqB,CAClC,mBAAoB,CAClB,aAAc,CACZA,MAAOJ,EAAMK,QAAQQ,MAAMD,SAG/B,CAEF,iBAAkB,CAChBR,MAAOJ,EAAMK,QAAQS,SAASC"}

package/materialui/skeleton/skeleton.theme.js

@@ -1,2 +1,2 @@
-import s from"@skodaflow/web-tokens/src/tokens.json";const a=(a,r)=>{const e=s["flow-typography"].find((s=>s.name===`${r}-${a}`));return e?{height:e.style.lineHeight}:{}},r=(s,r)=>Object.assign(Object.assign({},a(s,"small")),{[r.breakpoints.up("md")]:Object.assign({},a(s,"medium")),[r.breakpoints.up("xl")]:Object.assign({},a(s,"large"))}),e=()=>({borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),t={defaultProps:{animation:"wave"},styleOverrides:{text:Object.assign({},{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),circular:{flexShrink:"0"},wave:({theme:s})=>Object.assign({backgroundColor:s.palette.onSurface.os100,"&:after":{background:`\n          linear-gradient(\n            90deg,\n            transparent,\n            ${s.palette.surface.secondary},\n            transparent\n          )\n        `}},"dark"===s.palette.mode&&{backgroundColor:s.palette.surface.secondary,"&:after":{background:`\n             linear-gradient(\n               90deg,\n               transparent,\n               ${s.palette.surface.primary},\n               transparent\n             )\n           `}})},variants:[{props:{variant:"display"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("display",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"600px"})},{props:{variant:"h1"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("h1",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"540px"})},{props:{variant:"h2"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("h2",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"510px"})},{props:{variant:"h3"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("h3",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"480px"})},{props:{variant:"h4"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("h4",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"450px"})},{props:{variant:"subheadline"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("subheadline",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"420px"})},{props:{variant:"body"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("body",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"480px"})},{props:{variant:"disclaimer"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("disclaimer",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"360px"})},{props:{variant:"disclaimer1"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("disclaimer1",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"360px"})},{props:{variant:"disclaimer2"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("disclaimer2",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"360px"})},{props:{variant:"caption1"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("caption1",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"300px"})},{props:{variant:"caption2"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("caption2",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"300px"})},{props:{variant:"list"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("list",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"600px"})}]};export{t as flowSkeleton,r as getResponsiveLineHeight,e as getTextVariantStyle,a as getTypographyLineHeight};
+import s from"@skodaflow/web-tokens/src/tokens.json";const a=(a,r)=>{const e=s["flow-typography"].find((s=>s.name===`${r}-${a}`));return e?{height:e.style.lineHeight}:{}},r=(s,r)=>Object.assign(Object.assign({},a(s,"small")),{[r.breakpoints.up("md")]:Object.assign({},a(s,"medium")),[r.breakpoints.up("xl")]:Object.assign({},a(s,"large"))}),e=()=>({borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),t={defaultProps:{animation:"wave","aria-label":"placeholder",role:"progressbar"},styleOverrides:{text:Object.assign({},{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),circular:{flexShrink:"0"},wave:({theme:s})=>Object.assign({backgroundColor:s.palette.onSurface.os100,"&:after":{background:`\n          linear-gradient(\n            90deg,\n            transparent,\n            ${s.palette.surface.secondary},\n            transparent\n          )\n        `}},"dark"===s.palette.mode&&{backgroundColor:s.palette.surface.secondary,"&:after":{background:`\n             linear-gradient(\n               90deg,\n               transparent,\n               ${s.palette.surface.primary},\n               transparent\n             )\n           `}})},variants:[{props:{variant:"display"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("display",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"600px"})},{props:{variant:"h1"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("h1",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"540px"})},{props:{variant:"h2"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("h2",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"510px"})},{props:{variant:"h3"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("h3",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"480px"})},{props:{variant:"h4"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("h4",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"450px"})},{props:{variant:"subheadline"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("subheadline",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"420px"})},{props:{variant:"body"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("body",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"480px"})},{props:{variant:"disclaimer"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("disclaimer",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"360px"})},{props:{variant:"disclaimer1"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("disclaimer1",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"360px"})},{props:{variant:"disclaimer2"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("disclaimer2",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"360px"})},{props:{variant:"caption1"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("caption1",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"300px"})},{props:{variant:"caption2"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("caption2",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"300px"})},{props:{variant:"list"},style:({theme:s})=>Object.assign(Object.assign(Object.assign({},r("list",s)),{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),{width:"600px"})}]};export{t as flowSkeleton,r as getResponsiveLineHeight,e as getTextVariantStyle,a as getTypographyLineHeight};
 //# sourceMappingURL=skeleton.theme.js.map

package/materialui/skeleton/skeleton.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.theme.js","sources":["../../../src/materialui/skeleton/skeleton.theme.ts"],"sourcesContent":[null],"names":["getTypographyLineHeight","element","size","typo","tokens","find","el","name","height","lineHeight","getResponsiveLineHeight","theme","Object","assign","breakpoints","up","getTextVariantStyle","borderRadius","transform","transformOrigin","flowSkeleton","defaultProps","animation","styleOverrides","text","circular","flexShrink","wave","backgroundColor","palette","onSurface","os100","background","surface","secondary","mode","primary","variants","props","variant","style","width"],"mappings":"2DAKaA,EAA0B,CAACC,EAAiBC,KACvD,MAAMC,EAAOC,EAAO,mBAAmBC,MAAMC,GAAOA,EAAGC,OAAS,GAAGL,KAAQD,MAC3E,OAAIE,EACK,CACLK,OAAQL,EAAY,MAAEM,YAGjB,CAAE,GAIAC,EAA0B,CAACT,EAAiBU,IACvDC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACKb,EAAwBC,EAAS,WACpC,CAACU,EAAMG,YAAYC,GAAG,OAAMH,OAAAC,OAAA,CAAA,EACvBb,EAAwBC,EAAS,WAEtC,CAACU,EAAMG,YAAYC,GAAG,wBACjBf,EAAwBC,EAAS,YAK7Be,EAAsB,KAAkB,CACnDC,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,UAGNC,EAAiD,CAC5DC,aAAc,CACZC,UAAW,QAEbC,eAAgB,CACdC,KAAIZ,OAAAC,OAAA,CAAA,EAZ6C,CACnDI,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,UAWfM,SAAU,CACRC,WAAY,KAEdC,KAAM,EAAGhB,WACPC,OAAAC,OAAA,CAAAe,gBAAiBjB,EAAMkB,QAAQC,UAAUC,MACzC,UAAW,CACTC,WAAY,2FAINrB,EAAMkB,QAAQI,QAAQC,+DAKH,SAAvBvB,EAAMkB,QAAQM,MAAmB,CACnCP,gBAAiBjB,EAAMkB,QAAQI,QAAQC,UACvC,UAAW,CACTF,WAAY,uGAILrB,EAAMkB,QAAQI,QAAQG,wEAQrCC,SAAU,CACR,CACEC,MAAO,CAAEC,QAAS,WAClBC,MAAO,EAAG7B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,UAAWC,IAjDO,CACnDM,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,UA+CX,CAAAsB,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,MAClBC,MAAO,EAAG7B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,KAAMC,IAzDY,CACnDM,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,UAuDX,CAAAsB,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,MAClBC,MAAO,EAAG7B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,KAAMC,IAjEY,CACnDM,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,UA+DX,CAAAsB,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,MAClBC,MAAO,EAAG7B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,KAAMC,IAzEY,CACnDM,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,UAuEX,CAAAsB,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,MAClBC,MAAO,EAAG7B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,KAAMC,IAjFY,CACnDM,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,UA+EX,CAAAsB,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,eAClBC,MAAO,EAAG7B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,cAAeC,IAzFG,CACnDM,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,UAuFX,CAAAsB,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,QAClBC,MAAO,EAAG7B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,OAAQC,IAjGU,CACnDM,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,UA+FX,CAAAsB,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,cAClBC,MAAO,EAAG7B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,aAAcC,IAzGI,CACnDM,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,UAuGX,CAAAsB,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,eAClBC,MAAO,EAAG7B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,cAAeC,IAjHG,CACnDM,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,UA+GX,CAAAsB,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,eAClBC,MAAO,EAAG7B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,cAAeC,IAzHG,CACnDM,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,UAuHX,CAAAsB,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,YAClBC,MAAO,EAAG7B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,WAAYC,IAjIM,CACnDM,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,UA+HX,CAAAsB,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,YAClBC,MAAO,EAAG7B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,WAAYC,IAzIM,CACnDM,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,UAuIX,CAAAsB,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,QAClBC,MAAO,EAAG7B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,OAAQC,IAjJU,CACnDM,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,UA+IX,CAAAsB,MAAO"}
+{"version":3,"file":"skeleton.theme.js","sources":["../../../src/materialui/skeleton/skeleton.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { CSSObject, Theme } from '@mui/material';\nimport tokens from '@skodaflow/web-tokens/src/tokens.json';\nimport { TypographySize } from '../theme/theme.typography';\n\nexport const getTypographyLineHeight = (element: string, size: TypographySize): CSSObject => {\n  const typo = tokens['flow-typography'].find((el) => el.name === `${size}-${element}`);\n  if (typo) {\n    return {\n      height: typo['style'].lineHeight,\n    };\n  } else {\n    return {};\n  }\n};\n\nexport const getResponsiveLineHeight = (element: string, theme: Theme): CSSObject => {\n  return {\n    ...getTypographyLineHeight(element, 'small'),\n    [theme.breakpoints.up('md')]: {\n      ...getTypographyLineHeight(element, 'medium'),\n    },\n    [theme.breakpoints.up('xl')]: {\n      ...getTypographyLineHeight(element, 'large'),\n    },\n  };\n};\n\nexport const getTextVariantStyle = (): CSSObject => ({\n  borderRadius: '4px',\n  // style taken from @mui, lowering size\n  transform: 'scale(1, 0.60)',\n  transformOrigin: '0 55%',\n});\n\nexport const flowSkeleton: Components<Theme>['MuiSkeleton'] = {\n  defaultProps: {\n    animation: 'wave',\n    ['aria-label']: 'placeholder',\n    role: 'progressbar',\n  },\n  styleOverrides: {\n    text: {\n      ...getTextVariantStyle(),\n    },\n    circular: {\n      flexShrink: '0',\n    },\n    wave: ({ theme }) => ({\n      backgroundColor: theme.palette.onSurface.os100,\n      '&:after': {\n        background: `\n          linear-gradient(\n            90deg,\n            transparent,\n            ${theme.palette.surface.secondary},\n            transparent\n          )\n        `,\n      },\n      ...(theme.palette.mode === 'dark' && {\n        backgroundColor: theme.palette.surface.secondary,\n        '&:after': {\n          background: `\n             linear-gradient(\n               90deg,\n               transparent,\n               ${theme.palette.surface.primary},\n               transparent\n             )\n           `,\n        },\n      }),\n    }),\n  },\n  variants: [\n    {\n      props: { variant: 'display' },\n      style: ({ theme }) => ({\n        ...getResponsiveLineHeight('display', theme),\n        ...getTextVariantStyle(),\n        width: '600px',\n      }),\n    },\n    {\n      props: { variant: 'h1' },\n      style: ({ theme }) => ({\n        ...getResponsiveLineHeight('h1', theme),\n        ...getTextVariantStyle(),\n        width: '540px',\n      }),\n    },\n    {\n      props: { variant: 'h2' },\n      style: ({ theme }) => ({\n        ...getResponsiveLineHeight('h2', theme),\n        ...getTextVariantStyle(),\n        width: '510px',\n      }),\n    },\n    {\n      props: { variant: 'h3' },\n      style: ({ theme }) => ({\n        ...getResponsiveLineHeight('h3', theme),\n        ...getTextVariantStyle(),\n        width: '480px',\n      }),\n    },\n    {\n      props: { variant: 'h4' },\n      style: ({ theme }) => ({\n        ...getResponsiveLineHeight('h4', theme),\n        ...getTextVariantStyle(),\n        width: '450px',\n      }),\n    },\n    {\n      props: { variant: 'subheadline' },\n      style: ({ theme }) => ({\n        ...getResponsiveLineHeight('subheadline', theme),\n        ...getTextVariantStyle(),\n        width: '420px',\n      }),\n    },\n    {\n      props: { variant: 'body' },\n      style: ({ theme }) => ({\n        ...getResponsiveLineHeight('body', theme),\n        ...getTextVariantStyle(),\n        width: '480px',\n      }),\n    },\n    {\n      props: { variant: 'disclaimer' },\n      style: ({ theme }) => ({\n        ...getResponsiveLineHeight('disclaimer', theme),\n        ...getTextVariantStyle(),\n        width: '360px',\n      }),\n    },\n    {\n      props: { variant: 'disclaimer1' },\n      style: ({ theme }) => ({\n        ...getResponsiveLineHeight('disclaimer1', theme),\n        ...getTextVariantStyle(),\n        width: '360px',\n      }),\n    },\n    {\n      props: { variant: 'disclaimer2' },\n      style: ({ theme }) => ({\n        ...getResponsiveLineHeight('disclaimer2', theme),\n        ...getTextVariantStyle(),\n        width: '360px',\n      }),\n    },\n    {\n      props: { variant: 'caption1' },\n      style: ({ theme }) => ({\n        ...getResponsiveLineHeight('caption1', theme),\n        ...getTextVariantStyle(),\n        width: '300px',\n      }),\n    },\n    {\n      props: { variant: 'caption2' },\n      style: ({ theme }) => ({\n        ...getResponsiveLineHeight('caption2', theme),\n        ...getTextVariantStyle(),\n        width: '300px',\n      }),\n    },\n    {\n      props: { variant: 'list' },\n      style: ({ theme }) => ({\n        ...getResponsiveLineHeight('list', theme),\n        ...getTextVariantStyle(),\n        width: '600px',\n      }),\n    },\n  ],\n};\n"],"names":["getTypographyLineHeight","element","size","typo","tokens","find","el","name","height","lineHeight","getResponsiveLineHeight","theme","Object","assign","breakpoints","up","getTextVariantStyle","borderRadius","transform","transformOrigin","flowSkeleton","defaultProps","animation","role","styleOverrides","text","circular","flexShrink","wave","backgroundColor","palette","onSurface","os100","background","surface","secondary","mode","primary","variants","props","variant","style","width"],"mappings":"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"}

package/materialui/slider/getSliderMarks.js.map

@@ -1 +1 @@
-{"version":3,"file":"getSliderMarks.js","sources":["../../../src/materialui/slider/getSliderMarks.ts"],"sourcesContent":[null],"names":["getSliderMarks","min","flowSlider","defaultProps","max","amount","skipFirstAndLast","Array","map","_","idx","percentage","value","Math","round","Number","EPSILON"],"mappings":"+CAUM,SAAUA,EACdC,EAA0BC,EAAWC,aAAaF,IAClDG,EAA0BF,EAAWC,aAAaC,IAClDC,EAAiB,GACjBC,GAA4B,GAE5B,MAAO,IAAI,IAAIC,MAAMF,IAASG,KAAI,CAACC,EAAGC,KAEpC,MAAMC,EAAaL,EAAoB,KAAOD,EAAS,IAAOK,EAAM,GAAM,KAAOL,EAAS,GAAMK,EAEhG,MAAO,CAAEE,MAAOC,KAAKC,MAAkE,KAA3DH,IAAeP,EAAMH,GAAO,KAAOA,EAAMc,OAAOC,UAAmB,IAAM,GAEzG"}
+{"version":3,"file":"getSliderMarks.js","sources":["../../../src/materialui/slider/getSliderMarks.ts"],"sourcesContent":["import { SliderProps } from '@mui/material';\nimport { flowSlider } from './slider.theme';\n\n/**\n * Generate * amount of marks for the slider\n *\n * Usage:\n *  const marks = getSliderMarks(min, max)\n *  <Slider marks={marks} />\n */\nexport function getSliderMarks(\n  min: SliderProps['min'] = flowSlider.defaultProps.min,\n  max: SliderProps['max'] = flowSlider.defaultProps.max,\n  amount: number = 12,\n  skipFirstAndLast: boolean = false,\n) {\n  return [...new Array(amount)].map((_, idx) => {\n    // obtain percentage of the current index\n    const percentage = skipFirstAndLast ? (100 / (amount + 1)) * (idx + 1) : (100 / (amount - 1)) * idx;\n    // calculate value include floating point fix\n    return { value: Math.round((percentage * ((max - min) / 100) + min + Number.EPSILON) * 1000) / 1000 };\n  });\n}\n"],"names":["getSliderMarks","min","flowSlider","defaultProps","max","amount","skipFirstAndLast","Array","map","_","idx","percentage","value","Math","round","Number","EPSILON"],"mappings":"+CAUM,SAAUA,EACdC,EAA0BC,EAAWC,aAAaF,IAClDG,EAA0BF,EAAWC,aAAaC,IAClDC,EAAiB,GACjBC,GAA4B,GAE5B,MAAO,IAAI,IAAIC,MAAMF,IAASG,KAAI,CAACC,EAAGC,KAEpC,MAAMC,EAAaL,EAAoB,KAAOD,EAAS,IAAOK,EAAM,GAAM,KAAOL,EAAS,GAAMK,EAEhG,MAAO,CAAEE,MAAOC,KAAKC,MAAkE,KAA3DH,IAAeP,EAAMH,GAAO,KAAOA,EAAMc,OAAOC,UAAmB,IAAM,GAEzG"}

package/materialui/slider/slider.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider.theme.js","sources":["../../../src/materialui/slider/slider.theme.ts"],"sourcesContent":[null],"names":["flowThumbWidth","flowThumbHeight","flowSlider","defaultProps","min","max","step","valueLabelDisplay","marks","styleOverrides","root","theme","ownerState","Object","assign","display","borderRadius","orientation","width","height","color","palette","disabled","primary","tertiary","backgroundColor","mode","onSurface","os900","os0","borderColor","rail","opacity","os500","transform","track","border","brand","secondary","mark","thumb","getFocusRingStyle","transition","boxShadow","background","outline","valueLabel","maxWidth","top","text","padding","breakpoints","up","fontSize","lineHeight","fontWeight"],"mappings":"4EAKO,MAAMA,EAAiB,GACjBC,EAAkB,GAElBC,EAA6C,CACxDC,aAAc,CAEZC,IAAK,EACLC,IAAK,IACLC,KAAM,EAENC,kBAAmB,OAEnBC,OAAO,GAETC,eAAgB,CACdC,KAAM,EAAGC,QAAOC,gBACdC,OAAAC,OAAAD,OAAAC,OAAA,CAAAC,QAAS,QACTC,aAAc,KACiB,aAA3BJ,EAAWK,YACX,CACEC,MAAO,MACPC,OAAQ,SAEV,CACEA,OAAQ,QACR,CAEN,iBAAkB,CAChB,oBAAqB,CACnBC,MAAOT,EAAMU,QAAQC,SAASC,SAEhC,qBAAsB,CACpBH,MAAOT,EAAMU,QAAQC,SAASE,UAEhC,oBAAqB,CACnBC,gBAAwC,SAAvBd,EAAMU,QAAQK,KAAkBf,EAAMU,QAAQM,UAAUC,MAAQjB,EAAMU,QAAQM,UAAUE,IACzG,yBAA0B,CACxBJ,gBACyB,SAAvBd,EAAMU,QAAQK,KAAkBf,EAAMU,QAAQM,UAAUC,MAAQjB,EAAMU,QAAQM,UAAUE,MAG9F,qBAAsB,CACpBC,YAAanB,EAAMU,QAAQC,SAASE,aAK1CO,KAAM,EAAGpB,YAAa,CACpBK,aAAc,MACdgB,QAAS,IACTZ,MAAOT,EAAMU,QAAQM,UAAUM,MAE/BC,UAAW,gCAGbC,MAAO,EAAGxB,YAAa,CACrBK,aAAc,MACdoB,OAAQ,OACRhB,MAA8B,SAAvBT,EAAMU,QAAQK,KAAkBf,EAAMU,QAAQgB,MAAMC,UAAY3B,EAAMU,QAAQgB,MAAMd,QAE3FW,UAAW,gCAGbK,KAAM,EAAG5B,YAAa,CACpBQ,OAAQ,MACRD,MAAO,MACPF,aAAc,MACdgB,QAAS,IACTP,gBAAwC,SAAvBd,EAAMU,QAAQK,KAAkBf,EAAMU,QAAQM,UAAUC,MAAQjB,EAAMU,QAAQM,UAAUE,IACzG,yBAA0B,CACxBJ,gBAAwC,SAAvBd,EAAMU,QAAQK,KAAkBf,EAAMU,QAAQM,UAAUC,MAAQjB,EAAMU,QAAQM,UAAUE,OAI7GW,MAAO,EAAG7B,QAAOC,2EACgB,aAA3BA,EAAWK,YACX,CACEC,MAAO,OACPC,OAAQ,QAEV,CACED,MAAO,OACPC,OAAQ,UAEdH,aAAc,OACdS,gBAAiBd,EAAMU,QAAQM,UAAUE,IACzCO,OAAQ,aAAazB,EAAMU,QAAQM,UAAUC,UAE1Ca,EAAkB9B,GAAO,EAAM,IAAE,CAEpC+B,WAAY,2BACZ,2BAA4B,CAC1BC,UAAW,QAEb,qBAAsB,CAEpBA,UAAW,aAAahC,EAAMU,QAAQuB,WAAWrB,UAEjD,eAAgB,CACdoB,UAAW,OACXE,QAAS,aAAalC,EAAMU,QAAQuB,WAAWrB,UAC/C,WAAY,CACVoB,UAAW,YAMnBG,WAAY,EAAGnC,YAAa,CAC1BoC,SAAU,OAEVC,IAAK,QAELvB,gBAAiBd,EAAMU,QAAQ4B,KAAK1B,QACpCH,MAAOT,EAAMU,QAAQuB,WAAWrB,QAChCP,aAAc,MACdkC,QAAS,WAET,CAACvC,EAAMwC,YAAYC,GAAG,OAAQ,CAC5BC,SAAU,OACVC,WAAY,OACZC,WAAY"}
+{"version":3,"file":"slider.theme.js","sources":["../../../src/materialui/slider/slider.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\n// make sure the value can be divided by 2\nexport const flowThumbWidth = 40;\nexport const flowThumbHeight = 20;\n\nexport const flowSlider: Components<Theme>['MuiSlider'] = {\n  defaultProps: {\n    // value properties\n    min: 0,\n    max: 100,\n    step: 1,\n    // display label with hover\n    valueLabelDisplay: 'auto',\n    // disable auto-generated marks, it is recommended to use ./getSliderMarks.ts function\n    marks: false,\n  },\n  styleOverrides: {\n    root: ({ theme, ownerState }) => ({\n      display: 'block',\n      borderRadius: '0',\n      ...(ownerState.orientation === 'vertical'\n        ? {\n            width: '6px',\n            height: '320px',\n          }\n        : {\n            height: '6px',\n          }),\n      // disabled state\n      '&.Mui-disabled': {\n        '& .MuiSlider-rail': {\n          color: theme.palette.disabled.primary,\n        },\n        '& .MuiSlider-track': {\n          color: theme.palette.disabled.tertiary,\n        },\n        '& .MuiSlider-mark': {\n          backgroundColor: theme.palette.mode === 'dark' ? theme.palette.onSurface.os900 : theme.palette.onSurface.os0,\n          '&.MuiSlider-markActive': {\n            backgroundColor:\n              theme.palette.mode === 'dark' ? theme.palette.onSurface.os900 : theme.palette.onSurface.os0,\n          },\n        },\n        '& .MuiSlider-thumb': {\n          borderColor: theme.palette.disabled.tertiary,\n        },\n      },\n    }),\n    // whole rail bellow the thumb\n    rail: ({ theme }) => ({\n      borderRadius: '6px',\n      opacity: '1',\n      color: theme.palette.onSurface.os500,\n      // add translate3d, in addition to translateY(-50%), to prevent overflowing borderRadius\n      transform: 'translate3d(0px, -50%, 0px)',\n    }),\n    // track marking selected segment\n    track: ({ theme }) => ({\n      borderRadius: '6px',\n      border: 'none',\n      color: theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brand.primary,\n      // add translate3d, in addition to translateY(-50%), to prevent overflowing borderRadius\n      transform: 'translate3d(0px, -50%, 0px)',\n    }),\n    // dot on the rail and track\n    mark: ({ theme }) => ({\n      height: '4px',\n      width: '4px',\n      borderRadius: '4px',\n      opacity: '1',\n      backgroundColor: theme.palette.mode === 'dark' ? theme.palette.onSurface.os900 : theme.palette.onSurface.os0,\n      '&.MuiSlider-markActive': {\n        backgroundColor: theme.palette.mode === 'dark' ? theme.palette.onSurface.os900 : theme.palette.onSurface.os0,\n      },\n    }),\n    // pointer\n    thumb: ({ theme, ownerState }) => ({\n      ...(ownerState.orientation === 'vertical'\n        ? {\n            width: `${flowThumbHeight}px`,\n            height: `${flowThumbWidth}px`,\n          }\n        : {\n            width: `${flowThumbWidth}px`,\n            height: `${flowThumbHeight}px`,\n          }),\n      borderRadius: `${flowThumbHeight}px`,\n      backgroundColor: theme.palette.onSurface.os0,\n      border: `1px solid ${theme.palette.onSurface.os900}`,\n      // focus style\n      ...getFocusRingStyle(theme, true, 1),\n      // extra shadow around\n      transition: 'box-shadow 0.3s ease-out',\n      '&, &:hover, &.Mui-active': {\n        boxShadow: `none`,\n      },\n      '&.Mui-focusVisible': {\n        // extra white border\n        boxShadow: `0 0 0 2px ${theme.palette.background.primary}`,\n        // hide focus during dragging\n        '&.Mui-active': {\n          boxShadow: 'none',\n          outline: `0px solid ${theme.palette.background.primary}`,\n          '&:before': {\n            boxShadow: 'none',\n          },\n        },\n      },\n    }),\n    // label above thumb\n    valueLabel: ({ theme }) => ({\n      maxWidth: 'none',\n      // increase space between thumb and tooltip\n      top: '-12px',\n      // style box\n      backgroundColor: theme.palette.text.primary,\n      color: theme.palette.background.primary,\n      borderRadius: '2px',\n      padding: '8px 12px',\n      // custom font-size\n      [theme.breakpoints.up('xs')]: {\n        fontSize: '12px',\n        lineHeight: '16px',\n        fontWeight: '400',\n      },\n    }),\n  },\n};\n"],"names":["flowThumbWidth","flowThumbHeight","flowSlider","defaultProps","min","max","step","valueLabelDisplay","marks","styleOverrides","root","theme","ownerState","Object","assign","display","borderRadius","orientation","width","height","color","palette","disabled","primary","tertiary","backgroundColor","mode","onSurface","os900","os0","borderColor","rail","opacity","os500","transform","track","border","brand","secondary","mark","thumb","getFocusRingStyle","transition","boxShadow","background","outline","valueLabel","maxWidth","top","text","padding","breakpoints","up","fontSize","lineHeight","fontWeight"],"mappings":"4EAKO,MAAMA,EAAiB,GACjBC,EAAkB,GAElBC,EAA6C,CACxDC,aAAc,CAEZC,IAAK,EACLC,IAAK,IACLC,KAAM,EAENC,kBAAmB,OAEnBC,OAAO,GAETC,eAAgB,CACdC,KAAM,EAAGC,QAAOC,gBACdC,OAAAC,OAAAD,OAAAC,OAAA,CAAAC,QAAS,QACTC,aAAc,KACiB,aAA3BJ,EAAWK,YACX,CACEC,MAAO,MACPC,OAAQ,SAEV,CACEA,OAAQ,QACR,CAEN,iBAAkB,CAChB,oBAAqB,CACnBC,MAAOT,EAAMU,QAAQC,SAASC,SAEhC,qBAAsB,CACpBH,MAAOT,EAAMU,QAAQC,SAASE,UAEhC,oBAAqB,CACnBC,gBAAwC,SAAvBd,EAAMU,QAAQK,KAAkBf,EAAMU,QAAQM,UAAUC,MAAQjB,EAAMU,QAAQM,UAAUE,IACzG,yBAA0B,CACxBJ,gBACyB,SAAvBd,EAAMU,QAAQK,KAAkBf,EAAMU,QAAQM,UAAUC,MAAQjB,EAAMU,QAAQM,UAAUE,MAG9F,qBAAsB,CACpBC,YAAanB,EAAMU,QAAQC,SAASE,aAK1CO,KAAM,EAAGpB,YAAa,CACpBK,aAAc,MACdgB,QAAS,IACTZ,MAAOT,EAAMU,QAAQM,UAAUM,MAE/BC,UAAW,gCAGbC,MAAO,EAAGxB,YAAa,CACrBK,aAAc,MACdoB,OAAQ,OACRhB,MAA8B,SAAvBT,EAAMU,QAAQK,KAAkBf,EAAMU,QAAQgB,MAAMC,UAAY3B,EAAMU,QAAQgB,MAAMd,QAE3FW,UAAW,gCAGbK,KAAM,EAAG5B,YAAa,CACpBQ,OAAQ,MACRD,MAAO,MACPF,aAAc,MACdgB,QAAS,IACTP,gBAAwC,SAAvBd,EAAMU,QAAQK,KAAkBf,EAAMU,QAAQM,UAAUC,MAAQjB,EAAMU,QAAQM,UAAUE,IACzG,yBAA0B,CACxBJ,gBAAwC,SAAvBd,EAAMU,QAAQK,KAAkBf,EAAMU,QAAQM,UAAUC,MAAQjB,EAAMU,QAAQM,UAAUE,OAI7GW,MAAO,EAAG7B,QAAOC,2EACgB,aAA3BA,EAAWK,YACX,CACEC,MAAO,OACPC,OAAQ,QAEV,CACED,MAAO,OACPC,OAAQ,UAEdH,aAAc,OACdS,gBAAiBd,EAAMU,QAAQM,UAAUE,IACzCO,OAAQ,aAAazB,EAAMU,QAAQM,UAAUC,UAE1Ca,EAAkB9B,GAAO,EAAM,IAAE,CAEpC+B,WAAY,2BACZ,2BAA4B,CAC1BC,UAAW,QAEb,qBAAsB,CAEpBA,UAAW,aAAahC,EAAMU,QAAQuB,WAAWrB,UAEjD,eAAgB,CACdoB,UAAW,OACXE,QAAS,aAAalC,EAAMU,QAAQuB,WAAWrB,UAC/C,WAAY,CACVoB,UAAW,YAMnBG,WAAY,EAAGnC,YAAa,CAC1BoC,SAAU,OAEVC,IAAK,QAELvB,gBAAiBd,EAAMU,QAAQ4B,KAAK1B,QACpCH,MAAOT,EAAMU,QAAQuB,WAAWrB,QAChCP,aAAc,MACdkC,QAAS,WAET,CAACvC,EAAMwC,YAAYC,GAAG,OAAQ,CAC5BC,SAAU,OACVC,WAAY,OACZC,WAAY"}

package/materialui/slider/sliderContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"sliderContainer.js","sources":["../../../src/materialui/slider/sliderContainer.tsx"],"sourcesContent":[null],"names":["SliderContainer","forwardRef","_a","ref","orientation","thumbSize","flowThumbWidth","sx","rest","__rest","_jsx","Box","Object","assign","py","height","top","bottom","marginBottom","borderTopLeftRadius","borderTopRightRadius","px","width","left","right","maxWidth","marginLeft","borderBottomRightRadius"],"mappings":"iMAkBa,MAAAA,EAA6CC,GACxD,CAACC,EAA0DC,KAA1D,IAAAC,YAAEA,EAAWC,UAAEA,EAAYC,EAAcC,GAAEA,GAAEL,EAAKM,EAAlDC,EAAAP,EAAA,CAAA,cAAA,YAAA,OACC,OACEQ,EAACC,EAAGC,OAAAC,OAAA,CACFV,IAAKA,EACLI,GAAEK,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACoB,aAAhBT,EACA,CACEU,GAAOT,EAAY,EAAf,KAEJ,oBAAqB,CACnBU,OAAQ,OACRC,IAAK,IAAIX,EAAY,MACrBY,OAAQ,IAAIZ,EAAY,OAG1B,qBAAsB,CACpBa,aAAc,IAAIb,EAAY,MAC9Bc,oBAAqB,IACrBC,qBAAsB,MAG1B,CACEC,GAAOhB,EAAY,EAAf,KAEJ,oBAAqB,CACnBiB,MAAO,OACPC,KAAM,IAAIlB,EAAY,MACtBmB,MAAO,IAAInB,EAAY,MACvBoB,SAAU,QAGZ,qBAAsB,CACpBC,WAAY,IAAIrB,EAAY,MAC5Be,qBAAsB,IACtBO,wBAAyB,OAG9BpB,IAEDC,GACJ"}
+{"version":3,"file":"sliderContainer.js","sources":["../../../src/materialui/slider/sliderContainer.tsx"],"sourcesContent":["import React, { forwardRef, ElementType } from 'react';\nimport { Box, BoxProps, SliderProps } from '@mui/material';\nimport { flowThumbWidth } from './slider.theme';\n\nexport interface SliderContainer extends BoxProps<ElementType> {\n  /**\n   * Slider orientation\n   */\n  orientation?: SliderProps['orientation'];\n  /**\n   * Size of the slider thumb\n   */\n  thumbSize?: number;\n}\n\n/**\n * Simple wrapper of <Slider /> that ensures that thumb does not overflow outside the container\n */\nexport const SliderContainer: React.FC<SliderContainer> = forwardRef(\n  ({ orientation, thumbSize = flowThumbWidth, sx, ...rest }, ref) => {\n    return (\n      <Box\n        ref={ref}\n        sx={{\n          ...(orientation === 'vertical'\n            ? {\n                py: `${thumbSize / 2}px`,\n                // increase the size of rail by size of thumb\n                '& .MuiSlider-rail': {\n                  height: 'auto',\n                  top: `-${thumbSize / 2}px`,\n                  bottom: `-${thumbSize / 2}px`,\n                },\n                // move track into increased rail size\n                '& .MuiSlider-track': {\n                  marginBottom: `-${thumbSize / 2}px`,\n                  borderTopLeftRadius: '0',\n                  borderTopRightRadius: '0',\n                },\n              }\n            : {\n                px: `${thumbSize / 2}px`,\n                // increase the size of rail by size of thumb\n                '& .MuiSlider-rail': {\n                  width: 'auto',\n                  left: `-${thumbSize / 2}px`,\n                  right: `-${thumbSize / 2}px`,\n                  maxWidth: 'none',\n                },\n                // move track into increased rail size\n                '& .MuiSlider-track': {\n                  marginLeft: `-${thumbSize / 2}px`,\n                  borderTopRightRadius: '0',\n                  borderBottomRightRadius: '0',\n                },\n              }),\n          ...sx,\n        }}\n        {...rest}\n      />\n    );\n  },\n);\n"],"names":["SliderContainer","forwardRef","_a","ref","orientation","thumbSize","flowThumbWidth","sx","rest","__rest","_jsx","Box","Object","assign","py","height","top","bottom","marginBottom","borderTopLeftRadius","borderTopRightRadius","px","width","left","right","maxWidth","marginLeft","borderBottomRightRadius"],"mappings":"iMAkBa,MAAAA,EAA6CC,GACxD,CAACC,EAA0DC,KAA1D,IAAAC,YAAEA,EAAWC,UAAEA,EAAYC,EAAcC,GAAEA,GAAEL,EAAKM,EAAlDC,EAAAP,EAAA,CAAA,cAAA,YAAA,OACC,OACEQ,EAACC,EAAGC,OAAAC,OAAA,CACFV,IAAKA,EACLI,GAAEK,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACoB,aAAhBT,EACA,CACEU,GAAOT,EAAY,EAAf,KAEJ,oBAAqB,CACnBU,OAAQ,OACRC,IAAK,IAAIX,EAAY,MACrBY,OAAQ,IAAIZ,EAAY,OAG1B,qBAAsB,CACpBa,aAAc,IAAIb,EAAY,MAC9Bc,oBAAqB,IACrBC,qBAAsB,MAG1B,CACEC,GAAOhB,EAAY,EAAf,KAEJ,oBAAqB,CACnBiB,MAAO,OACPC,KAAM,IAAIlB,EAAY,MACtBmB,MAAO,IAAInB,EAAY,MACvBoB,SAAU,QAGZ,qBAAsB,CACpBC,WAAY,IAAIrB,EAAY,MAC5Be,qBAAsB,IACtBO,wBAAyB,OAG9BpB,IAEDC,GACJ"}

package/materialui/slider/sliderValues.js

@@ -1,2 +1,2 @@
-import{__rest as e}from"tslib";import{jsxs as a,jsx as s,Fragment as l}from"react/jsx-runtime";import{forwardRef as r,useState as i,useCallback as o}from"react";import{Box as n,Typography as t,FilledInput as p}from"@mui/material";import{flowSlider as u}from"./slider.theme.js";import{getFocusRingStyle as b}from"../../components/focusring/focusring.js";const m=r(((r,i)=>{var{sx:o,children:t,value:p,valueProps:b,label:m,labelProps:d,valueLabelFormat:x,setValue:v,disabled:g,min:f=u.defaultProps.min,minLabel:P,minLabelProps:j,max:O=u.defaultProps.max,maxLabel:h,maxLabelProps:y,step:L=u.defaultProps.step,sliderValueProps:S,inputProps:V}=r,k=e(r,["sx","children","value","valueProps","label","labelProps","valueLabelFormat","setValue","disabled","min","minLabel","minLabelProps","max","maxLabel","maxLabelProps","step","sliderValueProps","inputProps"]);const C=Object.assign({disabled:g,min:f,max:O,step:L,valueLabelFormat:x,valueProps:b,inputProps:V},S);return a(n,Object.assign({ref:i,sx:Object.assign({display:"flex",alignItems:"flex-end",justifyContent:"space-between",gap:1},o)},k,{children:[Array.isArray(p)||!1===p&&(P||m)&&h?a(l,{children:[s(c,Object.assign({"aria-label":"Minimum value",value:!1!==p&&p[0],setValue:v?e=>v([e,p[1]]):void 0,label:P||m,labelProps:j||d},C,{max:p[1]})),s(c,Object.assign({"aria-label":"Maximum value",value:!1!==p&&p[1],setValue:v?e=>v([p[0],e]):void 0,label:h,labelProps:y},C,{min:p[0],sx:Object.assign({textAlign:"right"},null==C?void 0:C.sx)}))]}):s(c,Object.assign({"aria-label":"Current value",value:p,setValue:v,label:m,labelProps:d},C)),t]}))})),c=r(((l,r)=>{var{value:u,valueProps:m,label:c,labelProps:d,valueLabelFormat:x,setValue:v,min:g,max:f,step:P,inputProps:j,disabled:O,sx:h}=l,y=e(l,["value","valueProps","label","labelProps","valueLabelFormat","setValue","min","max","step","inputProps","disabled","sx"]);const L=d||{},{sx:S}=L,V=e(L,["sx"]),k=m||{},{sx:C}=k,F=e(k,["sx"]),w=j||{},{sx:A}=w,M=e(w,["sx"]),[I,z]=i(!1),B=o((e=>{const a=+(e||0);v(a<g?g:a>f?f:a)}),[g,f,v]),R=x?x(u):u;return a(n,Object.assign({ref:r,sx:Object.assign(Object.assign({minWidth:"82px"},(!c||!1===u)&&{pt:.5}),h),onClick:v&&!O?()=>z(!0):void 0},y,{children:[c&&s(t,Object.assign({},!1===u&&{variant:"disclaimer1"},{sx:Object.assign(Object.assign({display:"block"},!1===u?{color:e=>"dark"===e.palette.mode?"onSurface.os200":"onSurface.os700"}:{color:"onSurface.os500",fontSize:{xs:"12px"},lineHeight:{xs:"12px"},fontWeight:{xs:"400"},py:.5,px:1}),S)},V,{children:c})),I&&!O?s(p,Object.assign({autoFocus:!0,onBlur:()=>z(!1),value:u,onChange:e=>B(e.target.value),onKeyUp:()=>{},inputProps:{type:"number",step:P,min:g,"aria-valuemin":g,max:f,"aria-valuemax":f,"aria-valuenow":R},disableUnderline:!0,sx:e=>Object.assign(Object.assign({display:"block",borderRadius:"4px",py:"1px",px:1,border:1,borderColor:"onSurface.os500","&&, &:hover":{backgroundColor:"background.primary"},"& .MuiInputBase-input":Object.assign({fieldSizing:"content",textAlign:"inherit",p:0},e.typography[(null==F?void 0:F.variant)||"disclaimer1"])},b(e,!1,1,"&.Mui-focused")),A)},M)):!1!==u&&s(t,Object.assign({variant:"disclaimer1",sx:Object.assign(Object.assign({display:"block",px:1,whiteSpace:"nowrap",color:e=>"dark"===e.palette.mode?"onSurface.os200":"onSurface.os700"},v&&{px:1,py:"1px",border:1,borderColor:"onSurface.os500",borderRadius:"4px"}),C)},v&&{tabIndex:0,onFocus:()=>z(!0)},{"aria-valuenow":R,"aria-valuemax":f,"aria-valuemin":g},F,{children:R}))]}))}));export{c as SliderValue,m as SliderValues};
+import{__rest as e}from"tslib";import{jsxs as a,jsx as s,Fragment as l}from"react/jsx-runtime";import{forwardRef as r,useState as o,useCallback as i}from"react";import{Box as n,Typography as t,FilledInput as p}from"@mui/material";import{flowSlider as u}from"./slider.theme.js";import{getFocusRingStyle as b}from"../../components/focusring/focusring.js";const c=r(((r,o)=>{var{sx:i,children:t,value:p,valueProps:b,label:c,labelProps:m,valueLabelFormat:x,setValue:g,disabled:v,min:f=u.defaultProps.min,minLabel:P,minLabelProps:j,max:O=u.defaultProps.max,maxLabel:h,maxLabelProps:y,step:L=u.defaultProps.step,sliderValueProps:S,inputProps:k}=r,V=e(r,["sx","children","value","valueProps","label","labelProps","valueLabelFormat","setValue","disabled","min","minLabel","minLabelProps","max","maxLabel","maxLabelProps","step","sliderValueProps","inputProps"]);const F=Object.assign({disabled:v,min:f,max:O,step:L,valueLabelFormat:x,valueProps:b,inputProps:k},S);return a(n,Object.assign({ref:o,sx:Object.assign({display:"flex",alignItems:"flex-end",justifyContent:"space-between",gap:1},i)},V,{children:[Array.isArray(p)||!1===p&&(P||c)&&h?a(l,{children:[s(d,Object.assign({value:!1!==p&&p[0],setValue:g?e=>g([e,p[1]]):void 0,label:P||c,labelProps:j||m},F,{max:p[1]})),s(d,Object.assign({value:!1!==p&&p[1],setValue:g?e=>g([p[0],e]):void 0,label:h,labelProps:y},F,{min:p[0],sx:Object.assign({textAlign:"right"},null==F?void 0:F.sx)}))]}):s(d,Object.assign({value:p,setValue:g,label:c,labelProps:m},F)),t]}))})),d=r(((l,r)=>{var{value:u,valueProps:c,label:d,labelProps:m,valueLabelFormat:x,setValue:g,min:v,max:f,step:P,inputProps:j,disabled:O,sx:h}=l,y=e(l,["value","valueProps","label","labelProps","valueLabelFormat","setValue","min","max","step","inputProps","disabled","sx"]);const L=null!=m?m:{},{sx:S}=L,k=e(L,["sx"]),V=null!=c?c:{},{sx:F}=V,C=e(V,["sx"]),w=null!=j?j:{},{sx:A}=w,I=e(w,["sx"]),[z,B]=o(!1),M=i((e=>{const a=+(e||0);g(a<v?v:a>f?f:a)}),[v,f,g]),R=x?x(u):u;return a(n,Object.assign({ref:r,sx:Object.assign(Object.assign({minWidth:"82px"},(!d||!1===u)&&{pt:.5}),h),onClick:g&&!O?()=>B(!0):void 0},y,{children:[d&&s(t,Object.assign({},!1===u&&{variant:"disclaimer1"},{sx:Object.assign(Object.assign({display:"block"},!1===u?{color:e=>"dark"===e.palette.mode?"onSurface.os200":"onSurface.os700"}:{color:e=>"dark"===e.palette.mode?"onSurface.os300":"onSurface.os600",fontSize:{xs:"12px"},lineHeight:{xs:"12px"},fontWeight:{xs:"400"},py:.5,px:1}),S)},k,{children:d})),z&&!O?s(p,Object.assign({autoFocus:!0,onBlur:()=>B(!1),value:u,onChange:e=>M(e.target.value),onKeyUp:()=>{},inputProps:{type:"number",step:P,min:v,"aria-valuemin":v,max:f,"aria-valuemax":f,"aria-valuenow":R},disableUnderline:!0,sx:e=>{var a;return Object.assign(Object.assign(Object.assign({display:"block",borderRadius:"4px",py:"1px",px:1,border:1,borderColor:"onSurface.os500","&&, &:hover":{backgroundColor:"background.primary"},"& .MuiInputBase-input":Object.assign({fieldSizing:"content",textAlign:"inherit",p:0},e.typography[null!==(a=null==C?void 0:C.variant)&&void 0!==a?a:"disclaimer1"])},b(e,!1,1,"&.Mui-focused")),{"&&:before":{border:"none"}}),A)}},I)):!1!==u&&s(t,Object.assign({variant:"disclaimer1",sx:Object.assign(Object.assign({display:"block",px:1,whiteSpace:"nowrap",color:e=>"dark"===e.palette.mode?"onSurface.os200":"onSurface.os700"},g&&{px:1,py:"1px",border:1,borderColor:"onSurface.os500",borderRadius:"4px"}),F)},g&&{tabIndex:0,onFocus:()=>B(!0)},C,{children:R}))]}))}));export{d as SliderValue,c as SliderValues};
 //# sourceMappingURL=sliderValues.js.map

package/materialui/slider/sliderValues.js.map

@@ -1 +1 @@
-{"version":3,"file":"sliderValues.js","sources":["../../../src/materialui/slider/sliderValues.tsx"],"sourcesContent":[null],"names":["SliderValues","forwardRef","_a","ref","sx","children","value","valueProps","label","labelProps","valueLabelFormat","setValue","disabled","min","flowSlider","defaultProps","minLabel","minLabelProps","max","maxLabel","maxLabelProps","step","sliderValueProps","rawSliderValueProps","inputProps","rest","__rest","_jsxs","Box","Object","assign","display","alignItems","justifyContent","gap","Array","isArray","_Fragment","_jsx","SliderValue","newValue","undefined","textAlign","_b","labelSx","restLabel","_c","valueSx","restValue","_d","inputSx","restInput","editing","setEditing","useState","editValue","useCallback","inputValue","formattedValue","minWidth","pt","onClick","Typography","variant","color","theme","palette","mode","fontSize","xs","lineHeight","fontWeight","py","px","FilledInput","autoFocus","onBlur","onChange","e","target","onKeyUp","type","disableUnderline","borderRadius","border","borderColor","backgroundColor","fieldSizing","p","typography","getFocusRingStyle","whiteSpace","tabIndex","onFocus"],"mappings":"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"}
+{"version":3,"file":"sliderValues.js","sources":["../../../src/materialui/slider/sliderValues.tsx"],"sourcesContent":["import React, { forwardRef, ElementType, ReactNode, useState, useCallback } from 'react';\nimport { Box, BoxProps, SliderProps, Typography, TypographyProps, FilledInput, FilledInputProps } from '@mui/material';\nimport { flowSlider } from '@/src/materialui/slider/slider.theme';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\nexport interface SliderValuesProps extends BoxProps<ElementType> {\n  /**\n   * The value of the slider\n   */\n  value: SliderProps['value'] | false;\n  /**\n   * Properties applied to value wrapper\n   */\n  valueProps?: TypographyProps;\n  /**\n   * Label show above value\n   */\n  label?: ReactNode;\n  /**\n   * Properties applied to label wrapper\n   */\n  labelProps?: TypographyProps;\n  /**\n   * The format function the value label's value\n   */\n  valueLabelFormat?: SliderProps['valueLabelFormat'];\n  /**\n   * Provide this function to allow changing the slider value with inputs\n   */\n  setValue?: (newValue: unknown) => void;\n  /**\n   * Disable editing\n   */\n  disabled?: boolean;\n  /**\n   * The minimum allowed value of the slider\n   */\n  min?: SliderProps['min'];\n  /**\n   * Text shown above min selected value\n   */\n  minLabel?: ReactNode;\n  /**\n   * Properties applied to label wrapper\n   */\n  minLabelProps?: TypographyProps;\n  /**\n   * The maximum allowed value of the slider\n   */\n  max?: SliderProps['max'];\n  /**\n   * Text shown above max selected value\n   */\n  maxLabel?: ReactNode;\n  /**\n   * Properties applied to label wrapper\n   */\n  maxLabelProps?: TypographyProps;\n  /**\n   * The granularity with which the slider can step through values\n   */\n  step?: SliderProps['step'];\n  /**\n   * Properties applied to the root wrapper of each SliderValue\n   */\n  sliderValueProps?: BoxProps;\n  /**\n   * Properties applied to SliderValue input field\n   */\n  inputProps?: FilledInputProps;\n}\n\n/**\n * Wrapper that render one or two SliderValue components based on the Slider type\n */\nexport const SliderValues: React.FC<SliderValuesProps> = forwardRef(\n  (\n    {\n      sx,\n      children,\n      value,\n      valueProps,\n      label,\n      labelProps,\n      valueLabelFormat,\n      setValue,\n      disabled,\n      min = flowSlider.defaultProps.min,\n      minLabel,\n      minLabelProps,\n      max = flowSlider.defaultProps.max,\n      maxLabel,\n      maxLabelProps,\n      step = flowSlider.defaultProps.step,\n      sliderValueProps: rawSliderValueProps,\n      inputProps,\n      ...rest\n    },\n    ref,\n  ) => {\n    const sliderValueProps = {\n      disabled,\n      min,\n      max,\n      step,\n      valueLabelFormat,\n      valueProps,\n      inputProps,\n      ...rawSliderValueProps,\n    };\n\n    return (\n      <Box\n        ref={ref}\n        sx={{\n          display: 'flex',\n          alignItems: 'flex-end',\n          justifyContent: 'space-between',\n          gap: 1,\n          ...sx,\n        }}\n        {...rest}\n      >\n        {Array.isArray(value) || (value === false && (minLabel || label) && maxLabel) ? (\n          <>\n            <SliderValue\n              value={value !== false && value[0]}\n              setValue={setValue ? (newValue) => setValue([newValue, value[1]]) : undefined}\n              label={minLabel || label}\n              labelProps={minLabelProps || labelProps}\n              {...sliderValueProps}\n              max={value[1]}\n            />\n            <SliderValue\n              value={value !== false && value[1]}\n              setValue={setValue ? (newValue) => setValue([value[0], newValue]) : undefined}\n              label={maxLabel}\n              labelProps={maxLabelProps}\n              {...sliderValueProps}\n              min={value[0]}\n              sx={{ textAlign: 'right', ...sliderValueProps?.sx }}\n            />\n          </>\n        ) : (\n          <SliderValue value={value} setValue={setValue} label={label} labelProps={labelProps} {...sliderValueProps} />\n        )}\n        {children}\n      </Box>\n    );\n  },\n);\n\nexport interface SliderValueProps\n  extends Omit<SliderValuesProps, 'value' | 'minLabel' | 'minLabelProps' | 'maxLabel' | 'maxLabelProps'> {\n  /**\n   * The single value of the slider\n   */\n  value: number | false;\n  /**\n   * The single setValue for the slider value\n   */\n  setValue?: (newValue: number) => void;\n}\n\n/**\n * Display single value of slider, allows editing with input\n */\nexport const SliderValue: React.FC<SliderValueProps> = forwardRef(\n  (\n    {\n      value,\n      valueProps,\n      label,\n      labelProps,\n      valueLabelFormat,\n      setValue,\n      min,\n      max,\n      step,\n      inputProps,\n      disabled,\n      sx,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sx: labelSx, ...restLabel } = labelProps ?? {};\n    const { sx: valueSx, ...restValue } = valueProps ?? {};\n    const { sx: inputSx, ...restInput } = inputProps ?? {};\n    const [editing, setEditing] = useState(false);\n    const editValue = useCallback(\n      (inputValue: string) => {\n        const newValue = +(inputValue || 0);\n        if (newValue < min) {\n          setValue(min);\n        } else if (newValue > max) {\n          setValue(max);\n        } else {\n          setValue(newValue);\n        }\n      },\n      [min, max, setValue],\n    );\n    const formattedValue = valueLabelFormat ? valueLabelFormat(value) : value;\n\n    return (\n      <Box\n        ref={ref}\n        sx={{ minWidth: '82px', ...((!label || value === false) && { pt: 0.5 }), ...sx }}\n        onClick={setValue && !disabled ? () => setEditing(true) : undefined}\n        {...rest}\n      >\n        {label && (\n          <Typography\n            {...(value === false && {\n              variant: 'disclaimer1',\n            })}\n            sx={{\n              display: 'block',\n              ...(value === false\n                ? {\n                    color: (theme) => (theme.palette.mode === 'dark' ? 'onSurface.os200' : 'onSurface.os700'),\n                  }\n                : {\n                    // os600 instead of Figma's os500 to pass A11y contrast\n                    color: (theme) => (theme.palette.mode === 'dark' ? 'onSurface.os300' : 'onSurface.os600'),\n                    fontSize: { xs: '12px' },\n                    lineHeight: { xs: '12px' },\n                    fontWeight: { xs: '400' },\n                    py: 0.5,\n                    px: 1,\n                  }),\n              ...labelSx,\n            }}\n            {...restLabel}\n          >\n            {label}\n          </Typography>\n        )}\n        {editing && !disabled ? (\n          <FilledInput\n            autoFocus\n            onBlur={() => setEditing(false)}\n            value={value}\n            onChange={(e) => editValue(e.target.value)}\n            onKeyUp={() => {}}\n            inputProps={{\n              type: 'number',\n              step: step,\n              min: min,\n              ['aria-valuemin']: min,\n              max: max,\n              ['aria-valuemax']: max,\n              ['aria-valuenow']: formattedValue,\n            }}\n            disableUnderline\n            sx={(theme) => ({\n              display: 'block',\n              borderRadius: '4px',\n              py: '1px', // pixel perfect matching design\n              px: 1,\n              border: 1,\n              borderColor: 'onSurface.os500',\n              '&&, &:hover': {\n                backgroundColor: 'background.primary',\n              },\n              // input itself\n              '& .MuiInputBase-input': {\n                fieldSizing: 'content',\n                textAlign: 'inherit',\n                p: 0,\n                // matching typography style with value\n                ...theme.typography[restValue?.variant ?? 'disclaimer1'],\n              },\n              ...getFocusRingStyle(theme, false, 1, '&.Mui-focused'),\n              '&&:before': {\n                border: 'none',\n              },\n              ...inputSx,\n            })}\n            {...restInput}\n          />\n        ) : (\n          value !== false && (\n            <Typography\n              variant=\"disclaimer1\"\n              sx={{\n                display: 'block',\n                px: 1,\n                whiteSpace: 'nowrap',\n                color: (theme) => (theme.palette.mode === 'dark' ? 'onSurface.os200' : 'onSurface.os700'),\n                // editable\n                ...(setValue && {\n                  px: 1,\n                  py: '1px',\n                  border: 1,\n                  borderColor: 'onSurface.os500',\n                  borderRadius: '4px',\n                }),\n                ...valueSx,\n              }}\n              {...(setValue && {\n                // allow focus with keyboard navigation\n                tabIndex: 0,\n                onFocus: () => setEditing(true),\n              })}\n              {...restValue}\n            >\n              {formattedValue}\n            </Typography>\n          )\n        )}\n      </Box>\n    );\n  },\n);\n"],"names":["SliderValues","forwardRef","_a","ref","sx","children","value","valueProps","label","labelProps","valueLabelFormat","setValue","disabled","min","flowSlider","defaultProps","minLabel","minLabelProps","max","maxLabel","maxLabelProps","step","sliderValueProps","rawSliderValueProps","inputProps","rest","__rest","_jsxs","Box","Object","assign","display","alignItems","justifyContent","gap","Array","isArray","_jsx","SliderValue","newValue","undefined","textAlign","_b","labelSx","restLabel","_c","valueSx","restValue","_d","inputSx","restInput","editing","setEditing","useState","editValue","useCallback","inputValue","formattedValue","minWidth","pt","onClick","Typography","variant","color","theme","palette","mode","fontSize","xs","lineHeight","fontWeight","py","px","FilledInput","autoFocus","onBlur","onChange","e","target","onKeyUp","type","disableUnderline","borderRadius","border","borderColor","backgroundColor","fieldSizing","p","typography","getFocusRingStyle","whiteSpace","tabIndex","onFocus"],"mappings":"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"}

package/materialui/snackbar/snackbar.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"snackbar.theme.js","sources":["../../../src/materialui/snackbar/snackbar.theme.ts"],"sourcesContent":[null],"names":["flowSnackbar","styleOverrides","root","theme","breakpoints","up","maxWidth","minWidth"],"mappings":"AAGa,MAAAA,EAAiD,CAC5DC,eAAgB,CACdC,KAAM,EAAGC,YAAa,CACpB,CAACA,EAAMC,YAAYC,GAAG,OAAQ,CAE5BC,SAAU,oBACVC,SAAU"}
+{"version":3,"file":"snackbar.theme.js","sources":["../../../src/materialui/snackbar/snackbar.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowSnackbar: Components<Theme>['MuiSnackbar'] = {\n  styleOverrides: {\n    root: ({ theme }) => ({\n      [theme.breakpoints.up('sm')]: {\n        // responsive\n        maxWidth: `calc(100% - ${24 * 2}px)`,\n        minWidth: '320px',\n      },\n    }),\n  },\n};\n"],"names":["flowSnackbar","styleOverrides","root","theme","breakpoints","up","maxWidth","minWidth"],"mappings":"AAGa,MAAAA,EAAiD,CAC5DC,eAAgB,CACdC,KAAM,EAAGC,YAAa,CACpB,CAACA,EAAMC,YAAYC,GAAG,OAAQ,CAE5BC,SAAU,oBACVC,SAAU"}

package/materialui/snackbar/snackbarContent.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"snackbarContent.theme.js","sources":["../../../src/materialui/snackbar/snackbarContent.theme.ts"],"sourcesContent":[null],"names":["flowSnackbarContent","styleOverrides","root","flowAlert","message","action"],"mappings":"oDAKa,MAAAA,EAA+D,CAC1EC,eAAgB,CACdC,KAAMC,EAAUF,eAAeC,KAC/BE,QAASD,EAAUF,eAAeG,QAClCC,OAAQF,EAAUF,eAAeI"}
+{"version":3,"file":"snackbarContent.theme.js","sources":["../../../src/materialui/snackbar/snackbarContent.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { flowAlert } from '../alert/alert.theme';\nimport { ComponentsOverrides } from '@mui/material/styles/overrides';\n\nexport const flowSnackbarContent: Components<Theme>['MuiSnackbarContent'] = {\n  styleOverrides: {\n    root: flowAlert.styleOverrides.root,\n    message: flowAlert.styleOverrides.message,\n    action: flowAlert.styleOverrides.action,\n    // ignore missing properties of snackbar that are in the flowAlert\n  } as ComponentsOverrides<Theme>['MuiSnackbarContent'],\n};\n"],"names":["flowSnackbarContent","styleOverrides","root","flowAlert","message","action"],"mappings":"oDAKa,MAAAA,EAA+D,CAC1EC,eAAgB,CACdC,KAAMC,EAAUF,eAAeC,KAC/BE,QAASD,EAAUF,eAAeG,QAClCC,OAAQF,EAAUF,eAAeI"}

package/materialui/stepper/StepLabelIcon.d.ts

@@ -0,0 +1,13 @@
+export declare const flowStepIconClasses: {
+    root: string;
+    active: string;
+    completed: string;
+    error: string;
+    disabled: string;
+};
+export declare const FlowStepLabelIcon: ({ active, completed, error, ownerState }: {
+    active: any;
+    completed: any;
+    error: any;
+    ownerState: any;
+}) => import("react/jsx-runtime").JSX.Element;

package/materialui/stepper/StepLabelIcon.js

@@ -0,0 +1,2 @@
+import{__rest as r}from"tslib";import{jsx as o,jsxs as e}from"react/jsx-runtime";import{useMemo as t,useRef as n}from"react";import{Box as a}from"@mui/material";import{CheckIcon as i}from"../../components/icon/stroke/CheckIcon.js";import{CloseIcon as c}from"../../components/icon/stroke/CloseIcon.js";const l={root:"FlowStepIcon-root",active:"FlowStepIcon-active",completed:"FlowStepIcon-completed",error:"FlowStepIcon-error",disabled:"FlowStepIcon-disabled"},s=({active:r,completed:e,error:n,ownerState:a})=>{const{disabled:s}=null!=a?a:{},p=t((()=>n?c:e&&!r?i:null),[n,e,r]);return o(d,{className:[l.root,r&&l.active,e&&l.completed,n&&l.error,s&&l.disabled].filter(Boolean).join(" "),children:p&&o(p,{sx:{position:"absolute",fontSize:"inherit",color:"background.primary"}})})},d=t=>{var{children:i,className:c,sx:s}=t,d=r(t,["children","className","sx"]);const p=n(!1),m=n(c);return p.current||m.current===c||(p.current=!0),e(a,Object.assign({sx:Object.assign({display:"flex",height:"28px",width:"28px",alignItems:"center",justifyContent:"center",position:"relative",boxSizing:"border-box",fontSize:"16px","& .MuiSvgIcon-root":{zIndex:"5"},"@keyframes flowStepperActive":{"0%":{transform:"scale(1.5)",opacity:"0.8"},"100%":{transform:"scale(1)",opacity:"1"}},"@keyframes flowStepperCompleted":{"0%":{transform:"scale(.8)",opacity:"0.8"},"100%":{transform:"scale(1)",opacity:"1"}},[`& .${l.root}`]:{height:"100%",width:"100%",borderRadius:"40px",borderColor:"onSurface.os500",backgroundColor:"transparent",borderWidth:"2px",borderStyle:"solid",color:"transparent",minHeight:"20px",[`&.${l.completed}:not(.${l.active})`]:{color:"onSurface.os700",backgroundColor:r=>"dark"===r.palette.mode?"brand.secondary":"brand.primary",border:"none",height:"100%",width:"100%",animation:p.current?"flowStepperCompleted 0.4s":"none"},[`&.${l.error}, &.${l.error}.${l.completed}`]:{borderColor:"error.main",backgroundColor:"error.main"},[`&.${l.active}`]:{color:"onSurface.os700",height:"100%",width:"100%",marginRight:"0px",marginLeft:"0px",borderColor:r=>"dark"===r.palette.mode?"brand.secondary":"brand.primary","&::before":{content:'""',position:"absolute",borderRadius:"40px",backgroundColor:r=>"dark"===r.palette.mode?"brand.secondary":"brand.primary",inset:"5px",animation:p.current?"flowStepperActive 0.4s":"none",zIndex:"1"},[`&.${l.error}`]:{borderColor:"error.main","&::before":{backgroundColor:"transparent.transparent",border:3,inset:"2px",borderColor:"background.primary"}}}}},s)},d,{children:[i,o(a,{className:c})]}))};export{s as FlowStepLabelIcon,l as flowStepIconClasses};
+//# sourceMappingURL=StepLabelIcon.js.map

package/materialui/stepper/StepLabelIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepLabelIcon.js","sources":["../../../src/materialui/stepper/StepLabelIcon.tsx"],"sourcesContent":["import { useMemo, useRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\nimport { CheckIcon } from '@/src/components/icon/stroke/CheckIcon';\nimport { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\n\nexport const flowStepIconClasses = {\n  root: 'FlowStepIcon-root',\n  active: 'FlowStepIcon-active',\n  completed: 'FlowStepIcon-completed',\n  error: 'FlowStepIcon-error',\n  disabled: 'FlowStepIcon-disabled',\n};\n\nexport const FlowStepLabelIcon = ({ active, completed, error, ownerState }) => {\n  const { disabled } = ownerState ?? {};\n  // obtain icon based on the state\n  const IconComponent = useMemo(() => {\n    if (error) {\n      return CloseIcon;\n    } else if (completed && !active) {\n      return CheckIcon;\n    } else {\n      return null;\n    }\n  }, [error, completed, active]);\n\n  return (\n    <FlowStepIconRoot\n      className={[\n        flowStepIconClasses.root,\n        active && flowStepIconClasses.active,\n        completed && flowStepIconClasses.completed,\n        error && flowStepIconClasses.error,\n        disabled && flowStepIconClasses.disabled,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      {IconComponent && (\n        <IconComponent\n          sx={{\n            position: 'absolute',\n            fontSize: 'inherit',\n            color: 'background.primary',\n          }}\n        />\n      )}\n    </FlowStepIconRoot>\n  );\n};\n\nconst FlowStepIconRoot = ({ children, className, sx, ...restProps }: BoxProps) => {\n  // during first render (and first state) do not play animation\n  const animation = useRef(false);\n  const initialClassName = useRef(className);\n  if (!animation.current && initialClassName.current !== className) {\n    animation.current = true;\n  }\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        height: '28px',\n        width: '28px',\n        alignItems: 'center',\n        justifyContent: 'center',\n        position: 'relative',\n        boxSizing: 'border-box',\n        fontSize: '16px',\n        '& .MuiSvgIcon-root': {\n          zIndex: '5',\n        },\n        [`@keyframes flowStepperActive`]: {\n          '0%': {\n            transform: 'scale(1.5)',\n            opacity: '0.8',\n          },\n          '100%': {\n            transform: 'scale(1)',\n            opacity: '1',\n          },\n        },\n        [`@keyframes flowStepperCompleted`]: {\n          '0%': {\n            transform: 'scale(.8)',\n            opacity: '0.8',\n          },\n          '100%': {\n            transform: 'scale(1)',\n            opacity: '1',\n          },\n        },\n        // style is also applied in stepButton.theme.ts\n        [`& .${flowStepIconClasses.root}`]: {\n          height: '100%',\n          width: '100%',\n          borderRadius: '40px',\n          borderColor: 'onSurface.os500',\n          backgroundColor: 'transparent',\n          borderWidth: '2px',\n          borderStyle: 'solid',\n          color: 'transparent',\n          minHeight: '20px',\n          // completed\n          [`&.${flowStepIconClasses.completed}:not(.${flowStepIconClasses.active})`]: {\n            color: 'onSurface.os700',\n            backgroundColor: (theme) => (theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.primary'),\n            border: 'none',\n            height: '100%',\n            width: '100%',\n            animation: animation.current ? 'flowStepperCompleted 0.4s' : 'none',\n          },\n          // error\n          [`&.${flowStepIconClasses.error}, &.${flowStepIconClasses.error}.${flowStepIconClasses.completed}`]: {\n            borderColor: 'error.main',\n            backgroundColor: 'error.main',\n          },\n          // disabled style is applied from stepper.theme.ts as it has to be applied only for the non-linear variant\n          // active\n          [`&.${flowStepIconClasses.active}`]: {\n            color: 'onSurface.os700',\n            height: '100%',\n            width: '100%',\n            marginRight: '0px',\n            marginLeft: '0px',\n            borderColor: (theme) => (theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.primary'),\n            '&::before': {\n              content: '\"\"',\n              position: 'absolute',\n              borderRadius: '40px',\n              backgroundColor: (theme) => (theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.primary'),\n              inset: '5px',\n              animation: animation.current ? 'flowStepperActive 0.4s' : 'none',\n              zIndex: '1',\n            },\n            [`&.${flowStepIconClasses.error}`]: {\n              borderColor: 'error.main',\n              '&::before': {\n                backgroundColor: 'transparent.transparent',\n                border: 3,\n                inset: '2px',\n                borderColor: 'background.primary',\n              },\n            },\n          },\n        },\n        ...sx,\n      }}\n      {...restProps}\n    >\n      {children}\n      <Box className={className} />\n    </Box>\n  );\n};\n"],"names":["flowStepIconClasses","root","active","completed","error","disabled","FlowStepLabelIcon","ownerState","IconComponent","useMemo","CloseIcon","CheckIcon","_jsx","FlowStepIconRoot","className","filter","Boolean","join","children","sx","position","fontSize","color","_a","restProps","__rest","animation","useRef","initialClassName","current","_jsxs","Box","Object","assign","display","height","width","alignItems","justifyContent","boxSizing","zIndex","transform","opacity","borderRadius","borderColor","backgroundColor","borderWidth","borderStyle","minHeight","theme","palette","mode","border","marginRight","marginLeft","content","inset"],"mappings":"6SAKa,MAAAA,EAAsB,CACjCC,KAAM,oBACNC,OAAQ,sBACRC,UAAW,yBACXC,MAAO,qBACPC,SAAU,yBAGCC,EAAoB,EAAGJ,SAAQC,YAAWC,QAAOG,iBAC5D,MAAMF,SAAEA,GAAaE,QAAAA,EAAc,CAAE,EAE/BC,EAAgBC,GAAQ,IACxBL,EACKM,EACEP,IAAcD,EAChBS,EAEA,MAER,CAACP,EAAOD,EAAWD,IAEtB,OACEU,EAACC,EAAgB,CACfC,UAAW,CACTd,EAAoBC,KACpBC,GAAUF,EAAoBE,OAC9BC,GAAaH,EAAoBG,UACjCC,GAASJ,EAAoBI,MAC7BC,GAAYL,EAAoBK,UAE/BU,OAAOC,SACPC,KAAK,KAEPC,SAAAV,GACCI,EAACJ,EACC,CAAAW,GAAI,CACFC,SAAU,WACVC,SAAU,UACVC,MAAO,yBAII,EAIjBT,EAAoBU,QAAAL,SAAEA,EAAQJ,UAAEA,EAASK,GAAEA,KAAOK,EAA9BC,EAAAF,EAAA,CAAA,WAAA,YAAA,OAExB,MAAMG,EAAYC,GAAO,GACnBC,EAAmBD,EAAOb,GAKhC,OAJKY,EAAUG,SAAWD,EAAiBC,UAAYf,IACrDY,EAAUG,SAAU,GAIpBC,EAACC,EACCC,OAAAC,OAAA,CAAAd,kBACEe,QAAS,OACTC,OAAQ,OACRC,MAAO,OACPC,WAAY,SACZC,eAAgB,SAChBlB,SAAU,WACVmB,UAAW,aACXlB,SAAU,OACV,qBAAsB,CACpBmB,OAAQ,KAEV,+BAAkC,CAChC,KAAM,CACJC,UAAW,aACXC,QAAS,OAEX,OAAQ,CACND,UAAW,WACXC,QAAS,MAGb,kCAAqC,CACnC,KAAM,CACJD,UAAW,YACXC,QAAS,OAEX,OAAQ,CACND,UAAW,WACXC,QAAS,MAIb,CAAC,MAAM1C,EAAoBC,QAAS,CAClCkC,OAAQ,OACRC,MAAO,OACPO,aAAc,OACdC,YAAa,kBACbC,gBAAiB,cACjBC,YAAa,MACbC,YAAa,QACbzB,MAAO,cACP0B,UAAW,OAEX,CAAC,KAAKhD,EAAoBG,kBAAkBH,EAAoBE,WAAY,CAC1EoB,MAAO,kBACPuB,gBAAkBI,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,gBACjFC,OAAQ,OACRjB,OAAQ,OACRC,MAAO,OACPV,UAAWA,EAAUG,QAAU,4BAA8B,QAG/D,CAAC,KAAK7B,EAAoBI,YAAYJ,EAAoBI,SAASJ,EAAoBG,aAAc,CACnGyC,YAAa,aACbC,gBAAiB,cAInB,CAAC,KAAK7C,EAAoBE,UAAW,CACnCoB,MAAO,kBACPa,OAAQ,OACRC,MAAO,OACPiB,YAAa,MACbC,WAAY,MACZV,YAAcK,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,gBAC7E,YAAa,CACXI,QAAS,KACTnC,SAAU,WACVuB,aAAc,OACdE,gBAAkBI,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,gBACjFK,MAAO,MACP9B,UAAWA,EAAUG,QAAU,yBAA2B,OAC1DW,OAAQ,KAEV,CAAC,KAAKxC,EAAoBI,SAAU,CAClCwC,YAAa,aACb,YAAa,CACXC,gBAAiB,0BACjBO,OAAQ,EACRI,MAAO,MACPZ,YAAa,0BAKlBzB,IAEDK,EAAS,CAAAN,SAAA,CAEZA,EACDN,EAACmB,EAAG,CAACjB,UAAWA,OACZ"}

package/materialui/stepper/step.theme.d.ts

@@ -0,0 +1,2 @@
+import { Components, Theme } from '@mui/material/styles';
+export declare const flowStep: Components<Theme>['MuiStep'];

package/materialui/stepper/step.theme.js

@@ -0,0 +1,2 @@
+const t={styleOverrides:{root:{minWidth:"0"}}};export{t as flowStep};
+//# sourceMappingURL=step.theme.js.map

package/materialui/stepper/step.theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"step.theme.js","sources":["../../../src/materialui/stepper/step.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowStep: Components<Theme>['MuiStep'] = {\n  styleOverrides: {\n    root: {\n      // ensure content takes equal amount of space no matter content\n      minWidth: '0',\n    },\n  },\n};\n"],"names":["flowStep","styleOverrides","root","minWidth"],"mappings":"AAEa,MAAAA,EAAyC,CACpDC,eAAgB,CACdC,KAAM,CAEJC,SAAU"}

package/materialui/stepper/stepButton.theme.d.ts

@@ -0,0 +1,2 @@
+import { Components, Theme } from '@mui/material/styles';
+export declare const flowStepButton: Components<Theme>['MuiStepButton'];

package/materialui/stepper/stepButton.theme.js

@@ -0,0 +1,2 @@
+import{getFocusRingStyle as r}from"../../components/focusring/focusring.js";import{getInteractiveStyle as e}from"../button/interactive.js";import{flowStepIconClasses as o}from"./StepLabelIcon.js";const a={styleOverrides:{root:({theme:a})=>Object.assign(Object.assign({padding:"0",margin:"0"},r(a,!1,0,".Mui-focusVisible .MuiStepLabel-iconContainer")),e({[`& .${o.root}`]:{backgroundColor:"transparent",[`&.${o.completed}:not(.${o.active}):not(.${o.disabled})`]:{backgroundColor:"dark"===a.palette.mode?a.palette.brand.secondary:a.palette.brand.primary},[`&.${o.error}, &.${o.error}.${o.completed}`]:{borderColor:a.palette.error.main,backgroundColor:a.palette.error.main},[`&.${o.active}`]:{borderColor:"dark"===a.palette.mode?a.palette.brand.secondary:a.palette.brand.primary,"&::before":{backgroundColor:"dark"===a.palette.mode?a.palette.brand.secondary:a.palette.brand.primary},[`&.${o.error}`]:{borderColor:a.palette.error.main,"&::before":{backgroundColor:"transparent",borderColor:a.palette.background.primary}}}}},{[`& .${o.root}`]:{backgroundColor:a.palette.surface.secondary,[`&.${o.completed}:not(.${o.active})`]:{borderColor:a.palette.onSurface.os700,backgroundColor:"dark"===a.palette.mode?a.palette.brand.secondary:a.palette.brandHover.primary},[`&.${o.error}, &.${o.error}.${o.completed}`]:{backgroundColor:a.palette.error.main},[`&.${o.active}`]:{borderColor:"dark"===a.palette.mode?a.palette.brand.secondary:a.palette.brandHover.primary,"&::before":{backgroundColor:"dark"===a.palette.mode?a.palette.brand.secondary:a.palette.brandHover.primary},[`&.${o.error}`]:{borderColor:a.palette.error.main,"&::before":{backgroundColor:"transparent",borderColor:a.palette.background.primary}}}}}))}};export{a as flowStepButton};
+//# sourceMappingURL=stepButton.theme.js.map

package/materialui/stepper/stepButton.theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepButton.theme.js","sources":["../../../src/materialui/stepper/stepButton.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\nimport { flowStepIconClasses } from './StepLabelIcon';\n\nexport const flowStepButton: Components<Theme>['MuiStepButton'] = {\n  styleOverrides: {\n    root: ({ theme }) => ({\n      padding: '0',\n      margin: '0',\n      ...getFocusRingStyle(theme, false, 0, '.Mui-focusVisible .MuiStepLabel-iconContainer'),\n      // apply interactive styles on to flowStepIcon when hovered over StepButton\n      ...getInteractiveStyle(\n        {\n          [`& .${flowStepIconClasses.root}`]: {\n            // default\n            backgroundColor: 'transparent',\n            // completed\n            [`&.${flowStepIconClasses.completed}:not(.${flowStepIconClasses.active}):not(.${flowStepIconClasses.disabled})`]:\n              {\n                backgroundColor:\n                  theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brand.primary,\n              },\n            // error\n            [`&.${flowStepIconClasses.error}, &.${flowStepIconClasses.error}.${flowStepIconClasses.completed}`]: {\n              borderColor: theme.palette.error.main,\n              backgroundColor: theme.palette.error.main,\n            },\n            // active\n            [`&.${flowStepIconClasses.active}`]: {\n              borderColor: theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brand.primary,\n              '&::before': {\n                backgroundColor:\n                  theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brand.primary,\n              },\n              [`&.${flowStepIconClasses.error}`]: {\n                borderColor: theme.palette.error.main,\n                '&::before': {\n                  backgroundColor: 'transparent',\n                  borderColor: theme.palette.background.primary,\n                },\n              },\n            },\n          },\n        },\n        {\n          [`& .${flowStepIconClasses.root}`]: {\n            // default\n            backgroundColor: theme.palette.surface.secondary,\n            // completed\n            [`&.${flowStepIconClasses.completed}:not(.${flowStepIconClasses.active})`]: {\n              borderColor: theme.palette.onSurface.os700,\n              backgroundColor:\n                theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brandHover.primary,\n            },\n            // error\n            [`&.${flowStepIconClasses.error}, &.${flowStepIconClasses.error}.${flowStepIconClasses.completed}`]: {\n              backgroundColor: theme.palette.error.main,\n            },\n            // active\n            [`&.${flowStepIconClasses.active}`]: {\n              borderColor:\n                theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brandHover.primary,\n              '&::before': {\n                backgroundColor:\n                  theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brandHover.primary,\n              },\n              [`&.${flowStepIconClasses.error}`]: {\n                borderColor: theme.palette.error.main,\n                '&::before': {\n                  backgroundColor: 'transparent',\n                  borderColor: theme.palette.background.primary,\n                },\n              },\n            },\n          },\n        },\n      ),\n    }),\n  },\n};\n"],"names":["flowStepButton","styleOverrides","root","theme","Object","assign","padding","margin","getFocusRingStyle","getInteractiveStyle","flowStepIconClasses","backgroundColor","completed","active","disabled","palette","mode","brand","secondary","primary","error","borderColor","main","background","surface","onSurface","os700","brandHover"],"mappings":"oMAKa,MAAAA,EAAqD,CAChEC,eAAgB,CACdC,KAAM,EAAGC,WACPC,OAAAC,OAAAD,OAAAC,OAAA,CAAAC,QAAS,IACTC,OAAQ,KACLC,EAAkBL,GAAO,EAAO,EAAG,kDAEnCM,EACD,CACE,CAAC,MAAMC,EAAoBR,QAAS,CAElCS,gBAAiB,cAEjB,CAAC,KAAKD,EAAoBE,kBAAkBF,EAAoBG,gBAAgBH,EAAoBI,aAClG,CACEH,gBACyB,SAAvBR,EAAMY,QAAQC,KAAkBb,EAAMY,QAAQE,MAAMC,UAAYf,EAAMY,QAAQE,MAAME,SAG1F,CAAC,KAAKT,EAAoBU,YAAYV,EAAoBU,SAASV,EAAoBE,aAAc,CACnGS,YAAalB,EAAMY,QAAQK,MAAME,KACjCX,gBAAiBR,EAAMY,QAAQK,MAAME,MAGvC,CAAC,KAAKZ,EAAoBG,UAAW,CACnCQ,YAAoC,SAAvBlB,EAAMY,QAAQC,KAAkBb,EAAMY,QAAQE,MAAMC,UAAYf,EAAMY,QAAQE,MAAME,QACjG,YAAa,CACXR,gBACyB,SAAvBR,EAAMY,QAAQC,KAAkBb,EAAMY,QAAQE,MAAMC,UAAYf,EAAMY,QAAQE,MAAME,SAExF,CAAC,KAAKT,EAAoBU,SAAU,CAClCC,YAAalB,EAAMY,QAAQK,MAAME,KACjC,YAAa,CACXX,gBAAiB,cACjBU,YAAalB,EAAMY,QAAQQ,WAAWJ,aAMhD,CACE,CAAC,MAAMT,EAAoBR,QAAS,CAElCS,gBAAiBR,EAAMY,QAAQS,QAAQN,UAEvC,CAAC,KAAKR,EAAoBE,kBAAkBF,EAAoBG,WAAY,CAC1EQ,YAAalB,EAAMY,QAAQU,UAAUC,MACrCf,gBACyB,SAAvBR,EAAMY,QAAQC,KAAkBb,EAAMY,QAAQE,MAAMC,UAAYf,EAAMY,QAAQY,WAAWR,SAG7F,CAAC,KAAKT,EAAoBU,YAAYV,EAAoBU,SAASV,EAAoBE,aAAc,CACnGD,gBAAiBR,EAAMY,QAAQK,MAAME,MAGvC,CAAC,KAAKZ,EAAoBG,UAAW,CACnCQ,YACyB,SAAvBlB,EAAMY,QAAQC,KAAkBb,EAAMY,QAAQE,MAAMC,UAAYf,EAAMY,QAAQY,WAAWR,QAC3F,YAAa,CACXR,gBACyB,SAAvBR,EAAMY,QAAQC,KAAkBb,EAAMY,QAAQE,MAAMC,UAAYf,EAAMY,QAAQY,WAAWR,SAE7F,CAAC,KAAKT,EAAoBU,SAAU,CAClCC,YAAalB,EAAMY,QAAQK,MAAME,KACjC,YAAa,CACXX,gBAAiB,cACjBU,YAAalB,EAAMY,QAAQQ,WAAWJ"}

package/materialui/stepper/stepConnector.theme.d.ts

@@ -0,0 +1,2 @@
+import { Components, Theme } from '@mui/material/styles';
+export declare const flowStepConnector: Components<Theme>['MuiStepConnector'];

package/materialui/stepper/stepConnector.theme.js

@@ -0,0 +1,2 @@
+const e={styleOverrides:{line:({theme:e})=>({borderColor:e.palette.onSurface.os300,borderTopWidth:"2px"}),lineVertical:{borderLeftWidth:"2px"}}};export{e as flowStepConnector};
+//# sourceMappingURL=stepConnector.theme.js.map

package/materialui/stepper/stepConnector.theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepConnector.theme.js","sources":["../../../src/materialui/stepper/stepConnector.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowStepConnector: Components<Theme>['MuiStepConnector'] = {\n  styleOverrides: {\n    line: ({ theme }) => ({\n      borderColor: theme.palette.onSurface.os300,\n      borderTopWidth: '2px',\n    }),\n    lineVertical: {\n      borderLeftWidth: '2px',\n    },\n  },\n};\n"],"names":["flowStepConnector","styleOverrides","line","theme","borderColor","palette","onSurface","os300","borderTopWidth","lineVertical","borderLeftWidth"],"mappings":"AAEa,MAAAA,EAA2D,CACtEC,eAAgB,CACdC,KAAM,EAAGC,YAAa,CACpBC,YAAaD,EAAME,QAAQC,UAAUC,MACrCC,eAAgB,QAElBC,aAAc,CACZC,gBAAiB"}

package/materialui/stepper/stepContent.theme.d.ts

@@ -0,0 +1,2 @@
+import { Components, Theme } from '@mui/material/styles';
+export declare const flowStepContent: Components<Theme>['MuiStepContent'];

package/materialui/stepper/stepContent.theme.js

@@ -0,0 +1,2 @@
+const o={};export{o as flowStepContent};
+//# sourceMappingURL=stepContent.theme.js.map

package/materialui/stepper/stepContent.theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepContent.theme.js","sources":["../../../src/materialui/stepper/stepContent.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowStepContent: Components<Theme>['MuiStepContent'] = {\n  // stepContent is styled from stepper.theme.ts\n};\n"],"names":["flowStepContent"],"mappings":"AAEa,MAAAA,EAAuD"}

package/materialui/stepper/stepLabel.theme.d.ts

@@ -0,0 +1,2 @@
+import { Components, Theme } from '@mui/material/styles';
+export declare const flowStepLabel: Components<Theme>['MuiStepLabel'];

package/materialui/stepper/stepLabel.theme.js

@@ -0,0 +1,2 @@
+import{FlowStepLabelIcon as e}from"./StepLabelIcon.js";const t={defaultProps:{slots:{stepIcon:e}},styleOverrides:{vertical:({theme:e})=>({gap:e.spacing(1.25),"& .MuiStepContent-root":{paddingLeft:"26px"},"&:not(.MuiStepLabel-alternativeLabel)":{marginLeft:0}}),labelContainer:({theme:e})=>({color:e.palette.text.primary}),iconContainer:{position:"relative",borderRadius:"40px",padding:0},label:({theme:e})=>Object.assign(Object.assign({},e.typography.disclaimer),{"&&":{fontWeight:"300"},"&.Mui-error":{color:"currentColor"},"&.MuiStepLabel-alternativeLabel":{marginTop:"12px"},"&:not(.MuiStepLabel-alternativeLabel)":{marginLeft:"12px"}})}};export{t as flowStepLabel};
+//# sourceMappingURL=stepLabel.theme.js.map

package/materialui/stepper/stepLabel.theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepLabel.theme.js","sources":["../../../src/materialui/stepper/stepLabel.theme.tsx"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\nimport { FlowStepLabelIcon } from './StepLabelIcon';\n\nexport const flowStepLabel: Components<Theme>['MuiStepLabel'] = {\n  defaultProps: {\n    slots: {\n      stepIcon: FlowStepLabelIcon,\n    },\n  },\n  styleOverrides: {\n    vertical: ({ theme }) => ({\n      // default is 4px we need to shift it 6px bcs of design\n      gap: theme.spacing(1.25),\n      '& .MuiStepContent-root': {\n        // default is 20px, we need to add 6px because we shift the label 6px\n        paddingLeft: '26px',\n      },\n      '&:not(.MuiStepLabel-alternativeLabel)': {\n        marginLeft: 0,\n      },\n    }),\n    labelContainer: ({ theme }) => ({\n      color: theme.palette.text.primary,\n    }),\n    iconContainer: {\n      position: 'relative',\n      borderRadius: '40px',\n      padding: 0,\n    },\n    label: ({ theme }) => ({\n      ...theme.typography.disclaimer,\n      '&&': {\n        fontWeight: '300',\n      },\n      '&.Mui-error': {\n        color: 'currentColor',\n      },\n      '&.MuiStepLabel-alternativeLabel': {\n        marginTop: '12px',\n      },\n      '&:not(.MuiStepLabel-alternativeLabel)': {\n        marginLeft: '12px',\n      },\n    }),\n  },\n};\n"],"names":["flowStepLabel","defaultProps","slots","stepIcon","FlowStepLabelIcon","styleOverrides","vertical","theme","gap","spacing","paddingLeft","marginLeft","labelContainer","color","palette","text","primary","iconContainer","position","borderRadius","padding","label","Object","assign","typography","disclaimer","fontWeight","marginTop"],"mappings":"uDAGa,MAAAA,EAAmD,CAC9DC,aAAc,CACZC,MAAO,CACLC,SAAUC,IAGdC,eAAgB,CACdC,SAAU,EAAGC,YAAa,CAExBC,IAAKD,EAAME,QAAQ,MACnB,yBAA0B,CAExBC,YAAa,QAEf,wCAAyC,CACvCC,WAAY,KAGhBC,eAAgB,EAAGL,YAAa,CAC9BM,MAAON,EAAMO,QAAQC,KAAKC,UAE5BC,cAAe,CACbC,SAAU,WACVC,aAAc,OACdC,QAAS,GAEXC,MAAO,EAAGd,WACLe,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAhB,EAAMiB,WAAWC,YAAU,CAC9B,KAAM,CACJC,WAAY,OAEd,cAAe,CACbb,MAAO,gBAET,kCAAmC,CACjCc,UAAW,QAEb,wCAAyC,CACvChB,WAAY"}

package/materialui/stepper/stepper.theme.d.ts

@@ -1,3 +1,2 @@
 import { Components, Theme } from '@mui/material/styles';
-export declare const flowStepConnector: Components<Theme>['MuiStepConnector'];
-export declare const flowStepLabel: Components['MuiStepLabel'];
+export declare const flowStepper: Components<Theme>['MuiStepper'];

package/materialui/stepper/stepper.theme.js

@@ -1,2 +1,2 @@
-import{FlowStepIcon as e}from"./stepIcon/index.js";const o={styleOverrides:{line:({theme:e})=>({borderColor:"dark"===e.palette.mode?e.palette.grey[800]:e.palette.disabled.primary}),lineHorizontal:()=>({borderTopWidth:3,borderRadius:1.5}),horizontal:()=>({minWidth:10}),alternativeLabel:{top:9,left:"calc(-50% + 9px)",right:"calc(50% + 9px)"},completed:({theme:e})=>({"& .MuiStepConnector-line":{borderColor:e.palette.onSurface.os700}}),root:({theme:e})=>({top:10,"&.Mui-active":{"& .MuiStepConnector-line":{borderColor:e.palette.onSurface.os700}}})}},t={defaultProps:{StepIconComponent:e},styleOverrides:{root:{cursor:"pointer"}}};export{o as flowStepConnector,t as flowStepLabel};
+import{flowStepIconClasses as e}from"./StepLabelIcon.js";const t={defaultProps:{alternativeLabel:!0,size:"medium"},styleOverrides:{horizontal:{"& .MuiStepContent-root":{borderLeft:"none"},"&:not(.MuiStepper-alternativeLabel)":{alignItems:"flex-start","& .MuiStepConnector-root":{marginTop:"13px"}}},vertical:({theme:e,size:t})=>Object.assign({"& .MuiStep-alternativeLabel":{"& .MuiStepConnector-root":{display:"none"},"& .MuiStepContent-root":{paddingLeft:"0",marginLeft:"0",border:"none"}},"& .MuiStepContent-root":Object.assign({paddingLeft:"24px",marginLeft:"12px"},"small"!==t&&{borderLeft:`2px solid ${e.palette.onSurface.os300}`}),"& .MuiStepLabel-alternativeLabel":{alignItems:"flex-start",textAlign:"start"}},"small"===t&&{"& .MuiStepLabel-vertical":{padding:"0"},"& .MuiStepLabel-iconContainer":{"& > div":{minHeight:"20px"},"&.Mui-active > div":{height:"100%",maxHeight:"200px",minHeight:"20px"}}}),root:({size:t,theme:i})=>Object.assign({},"small"===t&&{[i.breakpoints.up("xl")]:{gap:i.spacing(.5)},"& .MuiStepConnector-root":{display:"none"},"& .MuiStepLabel-labelContainer":{display:"none"},"& .MuiStepLabel-root":{width:"100%"},"&:not(.MuiStepper-vertical) .MuiStepLabel-iconContainer.Mui-active > div":{width:"100%",maxWidth:"200px"},"&.MuiStepper-vertical:not(.MuiStepper-horizontal)":{"& .MuiStepLabel-iconContainer.Mui-active > div":{height:"60px"}},"& .MuiStep-root":{flexGrow:"0",flexBasis:"auto",paddingRight:i.spacing(.25),paddingLeft:i.spacing(.25),[`&:has(.${e.active})`]:{flexGrow:"1",maxWidth:"200px",minWidth:"20px"}},"& .MuiStepLabel-iconContainer":{width:"100%","&:not(.Mui-error) svg":{display:"none"}},"& .MuiStepLabel-iconContainer > div":{minWidth:"20px",width:"20px",height:"20px",minHeight:"20px",fontSize:"14px"},[`&&& .${e.root}.${e.active}::before`]:{inset:"0",borderWidth:"0",animation:"none"}}),nonLinear:({theme:t,size:i})=>({[`& .${e.root}.${e.disabled}`]:Object.assign(Object.assign({},"small"!==i&&{[`&:not(.${e.completed})::after`]:{content:'"!"',lineHeight:"24px",fontSize:"inherit",fontWeight:"800",color:t.palette.background.primary}}),{[`&:not(.${e.active})`]:{borderColor:t.palette.disabled.secondary,backgroundColor:t.palette.disabled.secondary},[`&:.${e.active}`]:{borderColor:t.palette.disabled.secondary,"&::before":{backgroundColor:t.palette.disabled.secondary}}})})}};export{t as flowStepper};
 //# sourceMappingURL=stepper.theme.js.map