npm - @skodaflow/web-library - Versions diffs - 8.1.0 → 8.3.0 - Mend

@skodaflow/web-library 8.1.0 → 8.3.0

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

Files changed (490) hide show

package/cjs/materialui/table/tablePagination.theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tablePagination.theme.js","sources":["../../../../../src/materialui/table/tablePagination.theme.tsx"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme, Box } from '@mui/material';\nimport { ArrowLeftIcon } from '@/src/components/icon/stroke/ArrowLeftIcon';\nimport { ArrowRightIcon } from '@/src/components/icon/stroke/ArrowRightIcon';\nimport { ChevronPreviousIcon } from '@/src/components/icon/stroke/ChevronPreviousIcon';\nimport { ChevronNextIcon } from '@/src/components/icon/stroke/ChevronNextIcon';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\nexport const flowTablePagination: Components<Theme>['MuiTablePagination'] = {\n defaultProps: {\n // not recommended properties, <Pagination /> component should be utilized instead\n showFirstButton: false,\n showLastButton: false,\n // adjust label\n // we are obtaining max page from the available params\n // - first page, calculated from 'from' and 'to'\n // - other pages, calculated from 'from' - 1 and diving by current page\n labelDisplayedRows: ({ from, to, count, page }) => (\n <>\n <Box component=\"strong\">{page + 1}</Box>\n <Box component=\"span\" className=\"divider\">{` / `}</Box>\n <Box component=\"span\">{Math.~~round~~(count / (page >= 1 ? (from - 1) / page : to - from + 1)) \|\| 1}</Box>\n </>\n ),\n // correct icons\n slots: {\n actions: {\n // navigation arrows\n previousButtonIcon: ArrowLeftIcon,\n nextButtonIcon: ArrowRightIcon,\n // first & last extra arrow (hidden by default)\n firstButtonIcon: ChevronPreviousIcon,\n lastButtonIcon: ChevronNextIcon,\n },\n },\n slotProps: {\n actions: {\n previousButton: {\n size: 'medium',\n className: 'MuiTablePagination-actions-previous',\n },\n nextButton: {\n size: 'medium',\n className: 'MuiTablePagination-actions-next',\n },\n firstButton: {\n size: 'medium',\n },\n lastButton: {\n size: 'medium',\n },\n },\n },\n },\n styleOverrides: {\n root: ({ theme }) => ({\n // we are outside table\n border: `1px solid ${theme.palette.surface.secondary}`,\n borderRadius: '8px',\n // part of <TableFooter /> and <TableRow />\n '&td': {\n border: 'none',\n borderRadius: '0',\n },\n }),\n // wrapper under root\n toolbar: ({ theme }) => ({\n position: 'relative',\n justifyContent: 'center',\n // mimic style from tableCell.theme\n [theme.breakpoints.up('md')]: {\n minHeight: '80px',\n // right padding also affect position of displayedRows\n padding: '4px 24px',\n },\n // responsive\n [theme.breakpoints.down('md')]: {\n // support multiple rows\n flexWrap: 'wrap',\n // adjust proportions\n minHeight: '0',\n padding: '8px 16px',\n },\n }),\n // first element on left side\n spacer: ({ theme }) => ({\n // make sure to keep most of the space on the left\n flexGrow: '1',\n flexBasis: 'auto',\n // in case text is provided\n ...theme.typography.body,\n // tiny responsive\n [theme.breakpoints.down('sm')]: {\n // take whole row\n flexBasis: '100%',\n textAlign: 'center',\n },\n }),\n // 'row per page:' text\n selectLabel: {\n margin: '0',\n },\n // input field for amount of rows\n input: ({ theme }) => ({\n margin: '0',\n padding: '0',\n borderRadius: '4px',\n ...theme.typography.body,\n ...getFocusRingStyle(theme, false, '0px', '&.Mui-focused'),\n [theme.breakpoints.up('xs')]: {\n fontWeight: '700',\n },\n '&& .MuiSelect-select': {\n padding: '4px 26px 4px 4px',\n },\n }),\n // label of current page, 1/10\n displayedRows: ({ theme, ownerState }) => ({\n // move into actions\n position: 'absolute',\n // IconButton size + padding\n right: `${(ownerState.showLastButton ? 44 * 2 : 44) + 24}px`,\n // this requires fixed size, also prevents jumping\n width: '90px',\n textAlign: 'center',\n whiteSpace: 'nowrap',\n // match size of IconButtons\n height: '44px',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n // proportions and style\n margin: '0',\n color: theme.palette.mode === 'dark' ? theme.palette.onSurface.os300 : theme.palette.onSurface.os700,\n strong: {\n color: theme.palette.text.primary,\n },\n '.divider': {\n fontWeight: '400',\n margin: '0 4px',\n },\n // responsive\n [theme.breakpoints.down('md')]: {\n // move to 2nd row (matches new padding from toolbar)\n bottom: '8px',\n // move to center\n right: '0',\n left: '0',\n margin: '0 auto',\n },\n }),\n // navigation arrows, < >\n actions: ({ theme }) => ({\n margin: '0',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-end',\n // make sure to keep most of the space on the right\n flexGrow: '1',\n '& .MuiTablePagination-actions-next': {\n // extra space for displayedRows\n marginLeft: '90px',\n },\n // responsive\n [theme.breakpoints.down('md')]: {\n // move to new row\n flexBasis: '100%',\n // center content\n justifyContent: 'center',\n },\n }),\n },\n};\n"],"names":["flowTablePagination","defaultProps","showFirstButton","showLastButton","labelDisplayedRows","from","to","count","page","_jsxs","_Fragment","children","_jsx","Box","component","className","Math","~~round~~","slots","actions","previousButtonIcon","ArrowLeftIcon","nextButtonIcon","ArrowRightIcon","firstButtonIcon","ChevronPreviousIcon","lastButtonIcon","ChevronNextIcon","slotProps","previousButton","size","nextButton","firstButton","lastButton","styleOverrides","root","theme","border","palette","surface","secondary","borderRadius","toolbar","position","justifyContent","breakpoints","up","minHeight","padding","down","flexWrap","spacer","flexGrow","flexBasis","typography","body","textAlign","selectLabel","margin","input","getFocusRingStyle","fontWeight","displayedRows","ownerState","right","width","whiteSpace","height","display","alignItems","color","mode","onSurface","os300","os700","strong","text","primary","bottom","left","marginLeft"],"mappings":"qXAQO,MAAMA,EAA+D,CAC1EC,aAAc,CAEZC,iBAAiB,EACjBC,gBAAgB,EAKhBC,mBAAoB,EAAGC,OAAMC,KAAIC,QAAOC,UACtCC,EAAAA,KAAAC,EAAAA,SAAA,CAAAC,SAAA,CACEC,EAAAA,IAACC,EAAAA,IAAG,CAACC,UAAU,SAAQH,SAAEH,EAAO,IAChCI,EAAAA,IAACC,MAAG,CAACC,UAAU,OAAOC,UAAU,mBAAW,QAC3CH,EAAAA,IAACC,EAAAA,IAAG,CAACC,UAAU,OAAMH,SAAEK,KAAKC,~~MAAMV~~,GAASC,GAAQ,GAAKH,EAAO,GAAKG,EAAOF,EAAKD,EAAO,KAAO,~~OAIlGa~~,MAAO,CACLC,QAAS,CAEPC,mBAAoBC,EAAAA,cACpBC,eAAgBC,EAAAA,eAEhBC,gBAAiBC,EAAAA,oBACjBC,eAAgBC,EAAAA,kBAGpBC,UAAW,CACTT,QAAS,CACPU,eAAgB,CACdC,KAAM,SACNf,UAAW,uCAEbgB,WAAY,CACVD,KAAM,SACNf,UAAW,mCAEbiB,YAAa,CACXF,KAAM,UAERG,WAAY,CACVH,KAAM,aAKdI,eAAgB,CACdC,KAAM,EAAGC,YAAO,CAEdC,OAAQ,aAAaD,EAAME,QAAQC,QAAQC,YAC3CC,aAAc,MAEd,MAAO,CACLJ,OAAQ,OACRI,aAAc,OAIlBC,QAAS,EAAGN,YAAO,CACjBO,SAAU,WACVC,eAAgB,SAEhB,CAACR,EAAMS,YAAYC,GAAG,OAAQ,CAC5BC,UAAW,OAEXC,QAAS,YAGX,CAACZ,EAAMS,YAAYI,KAAK,OAAQ,CAE9BC,SAAU,OAEVH,UAAW,IACXC,QAAS,cAIbG,OAAQ,EAAGf,YAAO,CAEhBgB,SAAU,IACVC,UAAW,UAERjB,EAAMkB,WAAWC,KAEpB,CAACnB,EAAMS,YAAYI,KAAK,OAAQ,CAE9BI,UAAW,OACXG,UAAW,YAIfC,YAAa,CACXC,OAAQ,KAGVC,MAAO,EAAGvB,YAAO,CACfsB,OAAQ,IACRV,QAAS,IACTP,aAAc,SACXL,EAAMkB,WAAWC,QACjBK,EAAAA,kBAAkBxB,GAAO,EAAO,MAAO,iBAC1C,CAACA,EAAMS,YAAYC,GAAG,OAAQ,CAC5Be,WAAY,OAEd,uBAAwB,CACtBb,QAAS,sBAIbc,cAAe,EAAG1B,QAAO2B,iBAAY,CAEnCpB,SAAU,WAEVqB,MAAsD,IAA3CD,EAAW5D,eAAiB,GAAS,IAAzC,KAEP8D,MAAO,OACPT,UAAW,SACXU,WAAY,SAEZC,OAAQ,OACRC,QAAS,OACTC,WAAY,SACZzB,eAAgB,SAEhBc,OAAQ,IACRY,MAA8B,SAAvBlC,EAAME,QAAQiC,KAAkBnC,EAAME,QAAQkC,UAAUC,MAAQrC,EAAME,QAAQkC,UAAUE,MAC/FC,OAAQ,CACNL,MAAOlC,EAAME,QAAQsC,KAAKC,SAE5B,WAAY,CACVhB,WAAY,MACZH,OAAQ,SAGV,CAACtB,EAAMS,YAAYI,KAAK,OAAQ,CAE9B6B,OAAQ,MAERd,MAAO,IACPe,KAAM,IACNrB,OAAQ,YAIZvC,QAAS,EAAGiB,YAAO,CACjBsB,OAAQ,IACRU,QAAS,OACTC,WAAY,SACZzB,eAAgB,WAEhBQ,SAAU,IACV,qCAAsC,CAEpC4B,WAAY,QAGd,CAAC5C,EAAMS,YAAYI,KAAK,OAAQ,CAE9BI,UAAW,OAEXT,eAAgB"}
1	+ {"version":3,"file":"tablePagination.theme.js","sources":["../../../../../src/materialui/table/tablePagination.theme.tsx"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme, Box } from '@mui/material';\nimport { ArrowLeftIcon } from '@/src/components/icon/stroke/ArrowLeftIcon';\nimport { ArrowRightIcon } from '@/src/components/icon/stroke/ArrowRightIcon';\nimport { ChevronPreviousIcon } from '@/src/components/icon/stroke/ChevronPreviousIcon';\nimport { ChevronNextIcon } from '@/src/components/icon/stroke/ChevronNextIcon';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\nexport const flowTablePagination: Components<Theme>['MuiTablePagination'] = {\n defaultProps: {\n // not recommended properties, <Pagination /> component should be utilized instead\n showFirstButton: false,\n showLastButton: false,\n // adjust label\n // we are obtaining max page from the available params\n // - first page, calculated from 'from' and 'to'\n // - other pages, calculated from 'from' - 1 and diving by current page\n labelDisplayedRows: ({ from, to, count, page }) => (\n <>\n <Box component=\"strong\">{page + 1}</Box>\n <Box component=\"span\" className=\"divider\">{` / `}</Box>\n <Box component=\"span\">{Math.ceil(count / (page >= 1 ? (from - 1) / page : to - from + 1)) \|\| 1}</Box>\n </>\n ),\n // correct icons\n slots: {\n actions: {\n // navigation arrows\n previousButtonIcon: ArrowLeftIcon,\n nextButtonIcon: ArrowRightIcon,\n // first & last extra arrow (hidden by default)\n firstButtonIcon: ChevronPreviousIcon,\n lastButtonIcon: ChevronNextIcon,\n },\n },\n slotProps: {\n actions: {\n previousButton: {\n size: 'medium',\n className: 'MuiTablePagination-actions-previous',\n },\n nextButton: {\n size: 'medium',\n className: 'MuiTablePagination-actions-next',\n },\n firstButton: {\n size: 'medium',\n },\n lastButton: {\n size: 'medium',\n },\n },\n },\n },\n styleOverrides: {\n root: ({ theme }) => ({\n // we are outside table\n border: `1px solid ${theme.palette.surface.secondary}`,\n borderRadius: '8px',\n // part of <TableFooter /> and <TableRow />\n '&td': {\n border: 'none',\n borderRadius: '0',\n },\n }),\n // wrapper under root\n toolbar: ({ theme }) => ({\n position: 'relative',\n justifyContent: 'center',\n // mimic style from tableCell.theme\n [theme.breakpoints.up('md')]: {\n minHeight: '80px',\n // right padding also affect position of displayedRows\n padding: '4px 24px',\n },\n // responsive\n [theme.breakpoints.down('md')]: {\n // support multiple rows\n flexWrap: 'wrap',\n // adjust proportions\n minHeight: '0',\n padding: '8px 16px',\n },\n }),\n // first element on left side\n spacer: ({ theme }) => ({\n // make sure to keep most of the space on the left\n flexGrow: '1',\n flexBasis: 'auto',\n // in case text is provided\n ...theme.typography.body,\n // tiny responsive\n [theme.breakpoints.down('sm')]: {\n // take whole row\n flexBasis: '100%',\n textAlign: 'center',\n },\n }),\n // 'row per page:' text\n selectLabel: {\n margin: '0',\n },\n // input field for amount of rows\n input: ({ theme }) => ({\n margin: '0',\n padding: '0',\n borderRadius: '4px',\n ...theme.typography.body,\n ...getFocusRingStyle(theme, false, '0px', '&.Mui-focused'),\n [theme.breakpoints.up('xs')]: {\n fontWeight: '700',\n },\n '&& .MuiSelect-select': {\n padding: '4px 26px 4px 4px',\n },\n }),\n // label of current page, 1/10\n displayedRows: ({ theme, ownerState }) => ({\n // move into actions\n position: 'absolute',\n // IconButton size + padding\n right: `${(ownerState.showLastButton ? 44 * 2 : 44) + 24}px`,\n // this requires fixed size, also prevents jumping\n width: '90px',\n textAlign: 'center',\n whiteSpace: 'nowrap',\n // match size of IconButtons\n height: '44px',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n // proportions and style\n margin: '0',\n color: theme.palette.mode === 'dark' ? theme.palette.onSurface.os300 : theme.palette.onSurface.os700,\n strong: {\n color: theme.palette.text.primary,\n },\n '.divider': {\n fontWeight: '400',\n margin: '0 4px',\n },\n // responsive\n [theme.breakpoints.down('md')]: {\n // move to 2nd row (matches new padding from toolbar)\n bottom: '8px',\n // move to center\n right: '0',\n left: '0',\n margin: '0 auto',\n },\n }),\n // navigation arrows, < >\n actions: ({ theme }) => ({\n margin: '0',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-end',\n // make sure to keep most of the space on the right\n flexGrow: '1',\n '& .MuiTablePagination-actions-next': {\n // extra space for displayedRows\n marginLeft: '90px',\n },\n // responsive\n [theme.breakpoints.down('md')]: {\n // move to new row\n flexBasis: '100%',\n // center content\n justifyContent: 'center',\n },\n }),\n },\n};\n"],"names":["flowTablePagination","defaultProps","showFirstButton","showLastButton","labelDisplayedRows","from","to","count","page","_jsxs","_Fragment","children","_jsx","Box","component","className","Math","ceil","slots","actions","previousButtonIcon","ArrowLeftIcon","nextButtonIcon","ArrowRightIcon","firstButtonIcon","ChevronPreviousIcon","lastButtonIcon","ChevronNextIcon","slotProps","previousButton","size","nextButton","firstButton","lastButton","styleOverrides","root","theme","border","palette","surface","secondary","borderRadius","toolbar","position","justifyContent","breakpoints","up","minHeight","padding","down","flexWrap","spacer","flexGrow","flexBasis","typography","body","textAlign","selectLabel","margin","input","getFocusRingStyle","fontWeight","displayedRows","ownerState","right","width","whiteSpace","height","display","alignItems","color","mode","onSurface","os300","os700","strong","text","primary","bottom","left","marginLeft"],"mappings":"qXAQO,MAAMA,EAA+D,CAC1EC,aAAc,CAEZC,iBAAiB,EACjBC,gBAAgB,EAKhBC,mBAAoB,EAAGC,OAAMC,KAAIC,QAAOC,UACtCC,EAAAA,KAAAC,EAAAA,SAAA,CAAAC,SAAA,CACEC,EAAAA,IAACC,EAAAA,IAAG,CAACC,UAAU,SAAQH,SAAEH,EAAO,IAChCI,EAAAA,IAACC,MAAG,CAACC,UAAU,OAAOC,UAAU,mBAAW,QAC3CH,EAAAA,IAACC,EAAAA,IAAG,CAACC,UAAU,OAAMH,SAAEK,KAAKC,KAAKV,GAASC,GAAQ,GAAKH,EAAO,GAAKG,EAAOF,EAAKD,EAAO,KAAO,OAIjGa,MAAO,CACLC,QAAS,CAEPC,mBAAoBC,EAAAA,cACpBC,eAAgBC,EAAAA,eAEhBC,gBAAiBC,EAAAA,oBACjBC,eAAgBC,EAAAA,kBAGpBC,UAAW,CACTT,QAAS,CACPU,eAAgB,CACdC,KAAM,SACNf,UAAW,uCAEbgB,WAAY,CACVD,KAAM,SACNf,UAAW,mCAEbiB,YAAa,CACXF,KAAM,UAERG,WAAY,CACVH,KAAM,aAKdI,eAAgB,CACdC,KAAM,EAAGC,YAAO,CAEdC,OAAQ,aAAaD,EAAME,QAAQC,QAAQC,YAC3CC,aAAc,MAEd,MAAO,CACLJ,OAAQ,OACRI,aAAc,OAIlBC,QAAS,EAAGN,YAAO,CACjBO,SAAU,WACVC,eAAgB,SAEhB,CAACR,EAAMS,YAAYC,GAAG,OAAQ,CAC5BC,UAAW,OAEXC,QAAS,YAGX,CAACZ,EAAMS,YAAYI,KAAK,OAAQ,CAE9BC,SAAU,OAEVH,UAAW,IACXC,QAAS,cAIbG,OAAQ,EAAGf,YAAO,CAEhBgB,SAAU,IACVC,UAAW,UAERjB,EAAMkB,WAAWC,KAEpB,CAACnB,EAAMS,YAAYI,KAAK,OAAQ,CAE9BI,UAAW,OACXG,UAAW,YAIfC,YAAa,CACXC,OAAQ,KAGVC,MAAO,EAAGvB,YAAO,CACfsB,OAAQ,IACRV,QAAS,IACTP,aAAc,SACXL,EAAMkB,WAAWC,QACjBK,EAAAA,kBAAkBxB,GAAO,EAAO,MAAO,iBAC1C,CAACA,EAAMS,YAAYC,GAAG,OAAQ,CAC5Be,WAAY,OAEd,uBAAwB,CACtBb,QAAS,sBAIbc,cAAe,EAAG1B,QAAO2B,iBAAY,CAEnCpB,SAAU,WAEVqB,MAAsD,IAA3CD,EAAW5D,eAAiB,GAAS,IAAzC,KAEP8D,MAAO,OACPT,UAAW,SACXU,WAAY,SAEZC,OAAQ,OACRC,QAAS,OACTC,WAAY,SACZzB,eAAgB,SAEhBc,OAAQ,IACRY,MAA8B,SAAvBlC,EAAME,QAAQiC,KAAkBnC,EAAME,QAAQkC,UAAUC,MAAQrC,EAAME,QAAQkC,UAAUE,MAC/FC,OAAQ,CACNL,MAAOlC,EAAME,QAAQsC,KAAKC,SAE5B,WAAY,CACVhB,WAAY,MACZH,OAAQ,SAGV,CAACtB,EAAMS,YAAYI,KAAK,OAAQ,CAE9B6B,OAAQ,MAERd,MAAO,IACPe,KAAM,IACNrB,OAAQ,YAIZvC,QAAS,EAAGiB,YAAO,CACjBsB,OAAQ,IACRU,QAAS,OACTC,WAAY,SACZzB,eAAgB,WAEhBQ,SAAU,IACV,qCAAsC,CAEpC4B,WAAY,QAGd,CAAC5C,EAAMS,YAAYI,KAAK,OAAQ,CAE9BI,UAAW,OAEXT,eAAgB"}

package/cjs/materialui/tabs/tabs.theme.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("./TabsScrollButton.js"),t=require("../../components/focusring/focusring.js"),r=require("../button/interactive.js");const o={defaultProps:{template:"underlined",scrollButtons:"auto",allowScrollButtonsMobile:!0,visibleScrollbar:!1,variant:"scrollable",slots:{scrollButtons:e.TabsScrollButton}},styleOverrides:{root:({ownerState:e})=>({minHeight:"0",alignItems:"center",gap:"0",...e.fullWidth||"fullWidth"===e.variant?{"& .MuiTab-root":{flexGrow:"1"}}:{},...e.centered?{justifyContent:"center"}:{},'&:not(:has(.MuiTab-root[aria-selected="true"]))':{"& .MuiTabs-indicator":{opacity:"0"}}}),flexContainer:({theme:e})=>({gap:"16px",[e.breakpoints.up("md")]:{gap:"28px"}}),indicator:({theme:e,ownerState:t})=>({maxWidth:"none",background:"transparent",display:"block",height:"3px",color:"dark"===e.palette.mode?e.palette.brand.secondary:e.palette.brand.primary,..."secondary"===t.indicatorColor&&{color:e.palette.text.primary},"&:before":{display:"block",content:'""',position:"absolute",left:"8px",right:"8px",top:"0",bottom:"0",backgroundColor:"currentColor"}}),scroller:({ownerState:e})=>({flexGrow:e.fullWidth||"fullWidth"===e.variant?"1":"0","&::-webkit-scrollbar:horizontal":{height:"24px"},"&::-webkit-scrollbar-thumb:horizontal, &::-webkit-scrollbar-track:horizontal":{borderWidth:"10px"}}),scrollButtons:({theme:e})=>({color:e.palette.text.primary,"&.Mui-disabled":{opacity:"1",color:e.palette.disabled.primary}})},variants:[{props:{template:"underlined"},style:({theme:e})=>({marginLeft:"-6px",marginRight:"-6px",maxWidth:"none","& .MuiTabs-scroller":{"&::-webkit-scrollbar:horizontal":{height:"16px"},"&::-webkit-scrollbar-thumb:horizontal, &::-webkit-scrollbar-track:horizontal":{borderWidth:"6px"}},"& .MuiTabs-flexContainer":{padding:"6px",gap:"0"},"& .MuiTabs-indicator":{bottom:"6px","&:before":{inset:"0"}},"& .MuiTab-root":{margin:"0",padding:"12px 24px",[e.breakpoints.down("md")]:{paddingTop:"10px",paddingBottom:"10px"},borderRadius:"0",color:"dark"===e.palette.mode?e.palette.onSurface.os300:e.palette.onSurface.os700,...e.typography.subheadline,[e.breakpoints.up("xs")]:{fontWeight:"300"},"&:after":{content:'""',position:"absolute",left:"0",right:"0",bottom:"0",height:"1px",backgroundColor:e.palette.onSurface.os500},"&:hover, &.Mui-focusVisible":{"&:after":{height:"2px"}},"&.Mui-selected":{color:"dark"===e.palette.mode?e.palette.brand.secondary:e.palette.brand.primary,backgroundColor:"dark"===e.palette.mode?e.palette.surface.primary:e.palette.transparent.primary},"&.Mui-disabled":{color:e.palette.disabled.tertiary},"&.Mui-focusVisible":{zIndex:"10",boxShadow:`0 0 0 2px ${e.palette.background.primary}`,"&:before":{inset:"-2px",borderRadius:"4px"}}}})},{props:{template:"buttons"},style:({theme:e})=>({"& .MuiTabs-flexContainer":{gap:"8px"},"& .MuiTabs-indicator":{display:"none"},"& .MuiTab-root":{border:"1px solid transparent",padding:"6px 16px",borderRadius:"1000px",transition:"all 0.3s ease-out",fontSize:"14px",fontWeight:"700",marginBottom:"2px",...t.updateFocusRingStyle("0px",!1),...r.getInteractiveStyle({backgroundColor:"transparent",color:e.palette.onSurface.os500},{backgroundColor:e.palette.surface.primary,color:e.palette.text.primary}),"&.Mui-selected":{...r.getInteractiveStyle({backgroundColor:e.palette.brand.quarternary,color:e.palette.text.primary,borderColor:e.palette.brand.primary},{backgroundColor:e.palette.brand.quarternary,color:e.palette.brand.primary,borderColor:e.palette.brand.primary})},[e.breakpoints.down("md")]:{"&, &.Mui-selected, & .FlowTab-selectedLabel":{fontWeight:"400"}}}})},{props:{template:"navigation"},style:({theme:e})=>({"& .MuiTabs-flexContainer":{gap:"4px"},paddingTop:"11px",[e.breakpoints.down("xl")]:{paddingTop:"13px"},[e.breakpoints.down("lg")]:{paddingTop:"8px"},"& .MuiTab-root":{marginBottom:"11px",[e.breakpoints.down("xl")]:{marginBottom:"13px"},[e.breakpoints.down("lg")]:{marginBottom:"8px"},...e.typography.list}})},{props:{template:"segmented"},style:({theme:e})=>({color:"dark"===e.palette.mode?e.palette.surface.primary:e.palette.transparent.secondary,"& .MuiTabs-scroller":{backgroundColor:"currentColor",borderRadius:"1000px"},"& .MuiTabs-flexContainer":{gap:"8px"},"& .MuiTabs-indicator":{color:"dark"===e.palette.mode?e.palette.surface.secondary:e.palette.common.white,height:"100%",zIndex:"10",borderRadius:"1000px",overflow:"hidden","&:before":{inset:"0",borderRadius:"inherit",border:`2px solid ${"dark"===e.palette.mode?e.palette.brand.secondary:e.palette.text.primary}`}},"& .MuiTab-root":{margin:"0",padding:"6px 16px",[e.breakpoints.up("md")]:{padding:"8px 16px"},borderRadius:"1000px",transition:"all 0.3s ease-out",gap:"10px",zIndex:"20","& .MuiSvgIcon-root":{fontSize:"20px",marginTop:"4px",marginBottom:"4px"},...e.typography.subheadline,color:e.palette.text.primary,[e.breakpoints.up("xs")]:{"&, &.Mui-selected, & .FlowTab-selectedLabel":{fontWeight:"400"}},"&:hover, &.Mui-focusVisible":{backgroundColor:e.palette.surface.primary},"&.Mui-selected":{color:"dark"===e.palette.mode?e.palette.brand.secondary:e.palette.text.primary,"&:hover, &.Mui-focusVisible":{backgroundColor:"transparent"}},"&.Mui-disabled":{color:e.palette.disabled.tertiary}}})}]};exports.flowTabs=o;
+"use strict";var e=require("./TabsScrollButton.js"),t=require("../../components/focusring/focusring.js"),r=require("../button/interactive.js"),o=require("../typography/typography.theme.js");const a={defaultProps:{template:"underlined",scrollButtons:"auto",allowScrollButtonsMobile:!0,visibleScrollbar:!1,variant:"scrollable",slots:{scrollButtons:e.TabsScrollButton}},styleOverrides:{root:({theme:e,ownerState:t})=>({minHeight:"0",alignItems:"center",gap:"0",...t.fullWidth||"fullWidth"===t.variant?{"& .MuiTab-root":{flexGrow:"1"}}:{},...t.centered?{justifyContent:"center"}:{},'&:not(:has(.MuiTab-root[aria-selected="true"]))':{"& .MuiTabs-indicator":{opacity:"0"}},"& .MuiTabs-list, & .MuiTabs-flexContainer":{gap:"16px",[e.breakpoints.up("md")]:{gap:"28px"}}}),indicator:({theme:e,ownerState:t})=>({maxWidth:"none",background:"transparent",display:"block",height:"3px",color:"dark"===e.palette.mode?e.palette.brand.secondary:e.palette.brand.primary,..."secondary"===t.indicatorColor&&{color:e.palette.text.primary},"&:before":{display:"block",content:'""',position:"absolute",left:"8px",right:"8px",top:"0",bottom:"0",backgroundColor:"currentColor"}}),scroller:({ownerState:e})=>({flexGrow:e.fullWidth||"fullWidth"===e.variant?"1":"0","&::-webkit-scrollbar:horizontal":{height:"24px"},"&::-webkit-scrollbar-thumb:horizontal, &::-webkit-scrollbar-track:horizontal":{borderWidth:"10px"}}),scrollButtons:({theme:e})=>({color:e.palette.text.primary,"&.Mui-disabled":{opacity:"1",color:e.palette.disabled.primary}})},variants:[{props:{template:"underlined"},style:({theme:e})=>({marginLeft:"-6px",marginRight:"-6px",maxWidth:"none","& .MuiTabs-scroller":{"&::-webkit-scrollbar:horizontal":{height:"16px"},"&::-webkit-scrollbar-thumb:horizontal, &::-webkit-scrollbar-track:horizontal":{borderWidth:"6px"}},"& .MuiTabs-list, & .MuiTabs-flexContainer":{padding:"6px",gap:"0"},"& .MuiTabs-indicator":{bottom:"6px","&:before":{inset:"0"}},"& .MuiTab-root":{margin:"0",padding:"12px 24px",[e.breakpoints.down("md")]:{paddingTop:"10px",paddingBottom:"10px"},borderRadius:"0",color:"dark"===e.palette.mode?e.palette.onSurface.os300:e.palette.onSurface.os700,...e.typography.subheadline,[e.breakpoints.up("xs")]:{fontWeight:"300"},"&:after":{content:'""',position:"absolute",left:"0",right:"0",bottom:"0",height:"1px",backgroundColor:e.palette.onSurface.os500},"&:hover, &.Mui-focusVisible":{"&:after":{height:"2px"}},"&.Mui-selected":{color:"dark"===e.palette.mode?e.palette.brand.secondary:e.palette.brand.primary,backgroundColor:"dark"===e.palette.mode?e.palette.surface.primary:e.palette.transparent.primary},"&.Mui-disabled":{color:e.palette.disabled.tertiary},"&.Mui-focusVisible":{zIndex:"10",boxShadow:`0 0 0 2px ${e.palette.background.primary}`,"&:before":{inset:"-2px",borderRadius:"4px"}}}})},{props:{template:"buttons"},style:({theme:e})=>({"& .MuiTabs-list, & .MuiTabs-flexContainer":{gap:"8px"},"& .MuiTabs-indicator":{display:"none"},"& .MuiTab-root":{border:"1px solid transparent",padding:"6px 16px",borderRadius:"1000px",transition:"all 0.3s ease-out",fontSize:"14px",fontWeight:"700",marginBottom:"2px",...t.updateFocusRingStyle("0px",!1),...r.getInteractiveStyle({backgroundColor:"transparent",color:e.palette.onSurface.os500},{backgroundColor:e.palette.surface.primary,color:e.palette.text.primary}),"&.Mui-selected":{...r.getInteractiveStyle({backgroundColor:e.palette.brand.quarternary,color:e.palette.text.primary,borderColor:e.palette.brand.primary},{backgroundColor:e.palette.brand.quarternary,color:e.palette.brand.primary,borderColor:e.palette.brand.primary})},[e.breakpoints.down("md")]:{"&, &.Mui-selected, & .FlowTab-selectedLabel":{fontWeight:"400"}}}})},{props:{template:"navigation"},style:({theme:e})=>({"& .MuiTabs-list, & .MuiTabs-flexContainer":{gap:"4px"},paddingTop:"11px",[e.breakpoints.down("xl")]:{paddingTop:"13px"},[e.breakpoints.down("lg")]:{paddingTop:"8px"},"& .MuiTab-root":{marginBottom:"11px",[e.breakpoints.down("xl")]:{marginBottom:"13px"},[e.breakpoints.down("lg")]:{marginBottom:"8px"},...e.typography.list}})},{props:{template:"segmented"},style:({theme:e})=>({color:"dark"===e.palette.mode?e.palette.surface.primary:e.palette.transparent.secondary,"& .MuiTabs-scroller":{backgroundColor:"currentColor",borderRadius:"1000px"},"& .MuiTabs-list, & .MuiTabs-flexContainer":{gap:"8px"},"& .MuiTabs-indicator":{color:"dark"===e.palette.mode?e.palette.surface.secondary:e.palette.common.white,height:"100%",zIndex:"10",borderRadius:"1000px",overflow:"hidden","&:before":{inset:"0",borderRadius:"inherit",border:`2px solid ${"dark"===e.palette.mode?e.palette.brand.secondary:e.palette.text.primary}`}},"& .MuiTab-root":{margin:"0",borderRadius:"1000px",transition:"all 0.3s ease-out",padding:"6px 16px",gap:"10px",zIndex:"20","& .MuiSvgIcon-root":{fontSize:"20px",marginTop:"4px",marginBottom:"4px"},color:e.palette.text.primary,...o.getTypography("subheadline","rtl"===e.direction,"small"),[e.breakpoints.up("md")]:{...o.getTypography("subheadline","rtl"===e.direction,"large"),padding:"8px 16px"},[e.breakpoints.up("xs")]:{"&, &.Mui-selected, & .FlowTab-selectedLabel":{fontWeight:"400"}},"&:hover, &.Mui-focusVisible":{backgroundColor:e.palette.surface.primary},"&.Mui-selected":{color:"dark"===e.palette.mode?e.palette.brand.secondary:e.palette.text.primary,"&:hover, &.Mui-focusVisible":{backgroundColor:"transparent"}},"&.Mui-disabled":{color:e.palette.disabled.tertiary}}})}]};exports.flowTabs=a;
 //# sourceMappingURL=tabs.theme.js.map

package/cjs/materialui/tabs/tabs.theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tabs.theme.js","sources":["../../../../../src/materialui/tabs/tabs.theme.tsx"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\nimport { TabsScrollButton } from './TabsScrollButton';\nimport { updateFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport const flowTabs: Components<Theme>['MuiTabs'] = {\n defaultProps: {\n template: 'underlined',\n // for the A11y reflow-4x-zoom-scroll show scrollButtons instead of scrollbar\n scrollButtons: 'auto',\n allowScrollButtonsMobile: true,\n visibleScrollbar: false,\n variant: 'scrollable',\n slots: {\n scrollButtons: TabsScrollButton,\n },\n },\n styleOverrides: {\n root: ({ ownerState }) => ({\n minHeight: '0',\n alignItems: 'center',\n // space between tabs and scroll buttons (FlowScrollButton already contains 4px)\n gap: '0',\n ...(ownerState.fullWidth \|\| ownerState.variant === 'fullWidth'\n ? {\n '& .MuiTab-root': {\n flexGrow: '1',\n },\n }\n : {}),\n // @mui omits centered property with variant scrollable,\n // therefore code bellow has no effect. In docs, we recommend utilizing sx property.\n ...(ownerState.centered ? { justifyContent: 'center' } : {}),\n // check if we don't have any tab selected\n '&:not(:has(.MuiTab-root[aria-selected=\"true\"]))': {\n // hide indicator\n '& .MuiTabs-indicator': {\n opacity: '0',\n },\n },\n }),\n flexContainer: ({ theme }) => ({\n gap: '16px',\n [theme.breakpoints.up('md')]: {\n gap: '28px',\n },\n }),\n indicator: ({ theme, ownerState }) => ({\n maxWidth: 'none',\n background: 'transparent',\n display: 'block',\n height: '3px',\n color: theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brand.primary,\n ...(ownerState.indicatorColor === 'secondary' && {\n color: theme.palette.text.primary,\n }),\n // actual indicator line\n '&:before': {\n display: 'block',\n content: '\"\"',\n position: 'absolute',\n left: '8px',\n right: '8px',\n top: '0',\n bottom: '0',\n backgroundColor: 'currentColor',\n },\n }),\n scroller: ({ ownerState }) => ({\n flexGrow: ownerState.fullWidth \|\| ownerState.variant === 'fullWidth' ? '1' : '0',\n // restyle horizontal scrollbar\n '&::-webkit-scrollbar:horizontal': {\n height: '24px',\n },\n '&::-webkit-scrollbar-thumb:horizontal, &::-webkit-scrollbar-track:horizontal': {\n borderWidth: '10px',\n },\n }),\n scrollButtons: ({ theme }) => ({\n color: theme.palette.text.primary,\n // do not hide disabled scroll buttons\n '&.Mui-disabled': {\n opacity: '1',\n color: theme.palette.disabled.primary,\n },\n }),\n },\n variants: [\n {\n props: { template: 'underlined' },\n style: ({ theme }) => ({\n // align with rest of the page, due to extra space\n marginLeft: '-6px',\n marginRight: '-6px',\n maxWidth: 'none',\n // scroll container\n '& .MuiTabs-scroller': {\n '&::-webkit-scrollbar:horizontal': {\n height: '16px',\n },\n '&::-webkit-scrollbar-thumb:horizontal, &::-webkit-scrollbar-track:horizontal': {\n borderWidth: '6px',\n },\n },\n // container\n '& .MuiTabs-flexContainer': {\n // extra space for the focus indicator\n padding: '6px',\n // remove gap between tabs\n gap: '0',\n },\n // indicator line\n '& .MuiTabs-indicator': {\n // move directly into tab border\n bottom: '6px',\n '&:before': {\n // make full-width\n inset: '0',\n },\n },\n // Tabs itself\n '& .MuiTab-root': {\n // remove space around tab in favor of padding\n margin: '0',\n // increase spacing\n padding: '12px 24px',\n // responsive\n [theme.breakpoints.down('md')]: {\n paddingTop: '10px',\n paddingBottom: '10px',\n },\n // style adjust\n borderRadius: '0',\n color: theme.palette.mode === 'dark' ? theme.palette.onSurface.os300 : theme.palette.onSurface.os700,\n // font\n ...theme.typography.subheadline,\n [theme.breakpoints.up('xs')]: {\n fontWeight: '300',\n },\n // bottom border\n '&:after': {\n content: '\"\"',\n position: 'absolute',\n left: '0',\n right: '0',\n bottom: '0',\n height: '1px',\n backgroundColor: theme.palette.onSurface.os500,\n },\n // hover effect\n '&:hover, &.Mui-focusVisible': {\n // increase size of the border\n '&:after': {\n height: '2px',\n },\n },\n // active\n '&.Mui-selected': {\n color: theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brand.primary,\n backgroundColor:\n theme.palette.mode === 'dark' ? theme.palette.surface.primary : theme.palette.transparent.primary,\n },\n // disabled\n '&.Mui-disabled': {\n color: theme.palette.disabled.tertiary,\n },\n // focused style\n '&.Mui-focusVisible': {\n // higher z-index than others\n zIndex: '10',\n // extra white border\n boxShadow: `0 0 0 2px ${theme.palette.background.primary}`,\n '&:before': {\n // move outside\n inset: '-2px',\n // add extra border radius\n borderRadius: '4px',\n },\n },\n },\n }),\n },\n {\n props: { template: 'buttons' },\n style: ({ theme }) => ({\n // container\n '& .MuiTabs-flexContainer': {\n // reduce gap between tabs\n gap: '8px',\n },\n // hide bottom line\n '& .MuiTabs-indicator': {\n display: 'none',\n },\n // restyle tabs to buttons\n '& .MuiTab-root': {\n border: '1px solid transparent',\n padding: '6px 16px',\n borderRadius: '1000px',\n transition: 'all 0.3s ease-out',\n fontSize: '14px',\n fontWeight: '700',\n marginBottom: '2px',\n ...updateFocusRingStyle('0px', false),\n ...getInteractiveStyle(\n {\n backgroundColor: 'transparent',\n color: theme.palette.onSurface.os500,\n },\n {\n backgroundColor: theme.palette.surface.primary,\n color: theme.palette.text.primary,\n },\n ),\n '&.Mui-selected': {\n ...getInteractiveStyle(\n {\n backgroundColor: theme.palette.brand.quarternary,\n color: theme.palette.text.primary,\n borderColor: theme.palette.brand.primary,\n },\n {\n backgroundColor: theme.palette.brand.quarternary,\n color: theme.palette.brand.primary,\n borderColor: theme.palette.brand.primary,\n },\n ),\n },\n // responsive\n [theme.breakpoints.down('md')]: {\n '&, &.Mui-selected, & .FlowTab-selectedLabel': {\n fontWeight: '400',\n },\n },\n },\n }),\n },\n {\n // variant used in the SecondaryNavigation\n props: { template: 'navigation' },\n style: ({ theme }) => ({\n // container\n '& .MuiTabs-flexContainer': {\n // reduce gap between tabs\n gap: '4px',\n },\n // manual align\n paddingTop: '11px',\n [theme.breakpoints.down('xl')]: {\n paddingTop: '13px',\n },\n [theme.breakpoints.down('lg')]: {\n paddingTop: '8px',\n },\n // restyle tabs typography\n '& .MuiTab-root': {\n marginBottom: '11px',\n [theme.breakpoints.down('xl')]: {\n marginBottom: '13px',\n },\n [theme.breakpoints.down('lg')]: {\n marginBottom: '8px',\n },\n ...theme.typography.list,\n },\n }),\n },\n {\n props: { template: 'segmented' },\n style: ({ theme }) => ({\n // used for background\n color: theme.palette.mode === 'dark' ? theme.palette.surface.primary : theme.palette.transparent.secondary,\n // container\n '& .MuiTabs-scroller': {\n backgroundColor: 'currentColor',\n borderRadius: '1000px',\n },\n '& .MuiTabs-flexContainer': {\n // reduce gap between tabs\n gap: '8px',\n },\n // restyle indicator to white bordered travelling background\n '& .MuiTabs-indicator': {\n color: theme.palette.mode === 'dark' ? theme.palette.surface.secondary : theme.palette.common.white,\n // proportion\n height: '100%',\n // z-index bellow <Tab />\n zIndex: '10',\n borderRadius: '1000px',\n // make sure border from :before is not visible when no tab is selected\n overflow: 'hidden',\n '&:before': {\n inset: '0',\n borderRadius: 'inherit',\n border: `2px solid ${theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.text.primary}`,\n },\n },\n // restyle tabs\n '& .MuiTab-root': {\n margin: '0',\n padding: '6px 16px',\n [theme.breakpoints.up('md')]: {\n padding: '8px 16px',\n },\n borderRadius: '1000px',\n transition: 'all 0.3s ease-out',\n // space between icon and text\n gap: '10px',\n // z-index above indicator\n zIndex: '20',\n // icon inside\n '& .MuiSvgIcon-root': {\n fontSize: '20px',\n marginTop: '4px',\n marginBottom: '4px',\n },\n // change typography\n ...theme.typography.subheadline,\n color: theme.palette.text.primary,\n [theme.breakpoints.up('xs')]: {\n '&, &.Mui-selected, & .FlowTab-selectedLabel': {\n fontWeight: '400',\n },\n },\n // hover and focus\n '&:hover, &.Mui-focusVisible': {\n backgroundColor: theme.palette.surface.primary,\n },\n // active\n '&.Mui-selected': {\n color: theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.text.primary,\n '&:hover, &.Mui-focusVisible': {\n backgroundColor: 'transparent',\n },\n },\n // disabled\n '&.Mui-disabled': {\n color: theme.palette.disabled.tertiary,\n },\n },\n }),\n },\n ],\n};\n"],"names":["flowTabs","defaultProps","template","scrollButtons","allowScrollButtonsMobile","visibleScrollbar","variant","slots","TabsScrollButton","styleOverrides","root","ownerState","minHeight","alignItems","gap","fullWidth","flexGrow","centered","justifyContent","opacity","flexContainer","theme","breakpoints","up","indicator","maxWidth","background","display","height","color","palette","mode","brand","secondary","primary","indicatorColor","text","content","position","left","right","top","bottom","backgroundColor","scroller","borderWidth","disabled","variants","props","style","marginLeft","marginRight","padding","inset","margin","down","paddingTop","paddingBottom","borderRadius","onSurface","os300","os700","typography","subheadline","fontWeight","os500","surface","transparent","tertiary","zIndex","boxShadow","border","transition","fontSize","marginBottom","updateFocusRingStyle","getInteractiveStyle","quarternary","borderColor","list","common","white","overflow","marginTop"],"mappings":"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"}
1	+ {"version":3,"file":"tabs.theme.js","sources":["../../../../../src/materialui/tabs/tabs.theme.tsx"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\nimport { TabsScrollButton } from './TabsScrollButton';\nimport { updateFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\nimport { getTypography } from '@/src/materialui/typography/typography.theme';\n\nexport const flowTabs: Components<Theme>['MuiTabs'] = {\n defaultProps: {\n template: 'underlined',\n // for the A11y reflow-4x-zoom-scroll show scrollButtons instead of scrollbar\n scrollButtons: 'auto',\n allowScrollButtonsMobile: true,\n visibleScrollbar: false,\n variant: 'scrollable',\n slots: {\n scrollButtons: TabsScrollButton,\n },\n },\n styleOverrides: {\n root: ({ theme, ownerState }) => ({\n minHeight: '0',\n alignItems: 'center',\n // space between tabs and scroll buttons (FlowScrollButton already contains 4px)\n gap: '0',\n ...(ownerState.fullWidth \|\| ownerState.variant === 'fullWidth'\n ? {\n '& .MuiTab-root': {\n flexGrow: '1',\n },\n }\n : {}),\n // @mui omits centered property with variant scrollable,\n // therefore code bellow has no effect. In docs, we recommend utilizing sx property.\n ...(ownerState.centered ? { justifyContent: 'center' } : {}),\n // check if we don't have any tab selected\n '&:not(:has(.MuiTab-root[aria-selected=\"true\"]))': {\n // hide indicator\n '& .MuiTabs-indicator': {\n opacity: '0',\n },\n },\n // container\n // note: once we stop supporting @mui v7, can be moved directly under list: {}\n '& .MuiTabs-list, & .MuiTabs-flexContainer': {\n gap: '16px',\n [theme.breakpoints.up('md')]: {\n gap: '28px',\n },\n },\n }),\n indicator: ({ theme, ownerState }) => ({\n maxWidth: 'none',\n background: 'transparent',\n display: 'block',\n height: '3px',\n color: theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brand.primary,\n ...(ownerState.indicatorColor === 'secondary' && {\n color: theme.palette.text.primary,\n }),\n // actual indicator line\n '&:before': {\n display: 'block',\n content: '\"\"',\n position: 'absolute',\n left: '8px',\n right: '8px',\n top: '0',\n bottom: '0',\n backgroundColor: 'currentColor',\n },\n }),\n scroller: ({ ownerState }) => ({\n flexGrow: ownerState.fullWidth \|\| ownerState.variant === 'fullWidth' ? '1' : '0',\n // restyle horizontal scrollbar\n '&::-webkit-scrollbar:horizontal': {\n height: '24px',\n },\n '&::-webkit-scrollbar-thumb:horizontal, &::-webkit-scrollbar-track:horizontal': {\n borderWidth: '10px',\n },\n }),\n scrollButtons: ({ theme }) => ({\n color: theme.palette.text.primary,\n // do not hide disabled scroll buttons\n '&.Mui-disabled': {\n opacity: '1',\n color: theme.palette.disabled.primary,\n },\n }),\n },\n variants: [\n {\n props: { template: 'underlined' },\n style: ({ theme }) => ({\n // align with rest of the page, due to extra space\n marginLeft: '-6px',\n marginRight: '-6px',\n maxWidth: 'none',\n // scroll container\n '& .MuiTabs-scroller': {\n '&::-webkit-scrollbar:horizontal': {\n height: '16px',\n },\n '&::-webkit-scrollbar-thumb:horizontal, &::-webkit-scrollbar-track:horizontal': {\n borderWidth: '6px',\n },\n },\n // container\n '& .MuiTabs-list, & .MuiTabs-flexContainer': {\n // extra space for the focus indicator\n padding: '6px',\n // remove gap between tabs\n gap: '0',\n },\n // indicator line\n '& .MuiTabs-indicator': {\n // move directly into tab border\n bottom: '6px',\n '&:before': {\n // make full-width\n inset: '0',\n },\n },\n // Tabs itself\n '& .MuiTab-root': {\n // remove space around tab in favor of padding\n margin: '0',\n // increase spacing\n padding: '12px 24px',\n // responsive\n [theme.breakpoints.down('md')]: {\n paddingTop: '10px',\n paddingBottom: '10px',\n },\n // style adjust\n borderRadius: '0',\n color: theme.palette.mode === 'dark' ? theme.palette.onSurface.os300 : theme.palette.onSurface.os700,\n // font\n ...theme.typography.subheadline,\n [theme.breakpoints.up('xs')]: {\n fontWeight: '300',\n },\n // bottom border\n '&:after': {\n content: '\"\"',\n position: 'absolute',\n left: '0',\n right: '0',\n bottom: '0',\n height: '1px',\n backgroundColor: theme.palette.onSurface.os500,\n },\n // hover effect\n '&:hover, &.Mui-focusVisible': {\n // increase size of the border\n '&:after': {\n height: '2px',\n },\n },\n // active\n '&.Mui-selected': {\n color: theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brand.primary,\n backgroundColor:\n theme.palette.mode === 'dark' ? theme.palette.surface.primary : theme.palette.transparent.primary,\n },\n // disabled\n '&.Mui-disabled': {\n color: theme.palette.disabled.tertiary,\n },\n // focused style\n '&.Mui-focusVisible': {\n // higher z-index than others\n zIndex: '10',\n // extra white border\n boxShadow: `0 0 0 2px ${theme.palette.background.primary}`,\n '&:before': {\n // move outside\n inset: '-2px',\n // add extra border radius\n borderRadius: '4px',\n },\n },\n },\n }),\n },\n {\n props: { template: 'buttons' },\n style: ({ theme }) => ({\n // container\n '& .MuiTabs-list, & .MuiTabs-flexContainer': {\n // reduce gap between tabs\n gap: '8px',\n },\n // hide bottom line\n '& .MuiTabs-indicator': {\n display: 'none',\n },\n // restyle tabs to buttons\n '& .MuiTab-root': {\n border: '1px solid transparent',\n padding: '6px 16px',\n borderRadius: '1000px',\n transition: 'all 0.3s ease-out',\n fontSize: '14px',\n fontWeight: '700',\n marginBottom: '2px',\n ...updateFocusRingStyle('0px', false),\n ...getInteractiveStyle(\n {\n backgroundColor: 'transparent',\n color: theme.palette.onSurface.os500,\n },\n {\n backgroundColor: theme.palette.surface.primary,\n color: theme.palette.text.primary,\n },\n ),\n '&.Mui-selected': {\n ...getInteractiveStyle(\n {\n backgroundColor: theme.palette.brand.quarternary,\n color: theme.palette.text.primary,\n borderColor: theme.palette.brand.primary,\n },\n {\n backgroundColor: theme.palette.brand.quarternary,\n color: theme.palette.brand.primary,\n borderColor: theme.palette.brand.primary,\n },\n ),\n },\n // responsive\n [theme.breakpoints.down('md')]: {\n '&, &.Mui-selected, & .FlowTab-selectedLabel': {\n fontWeight: '400',\n },\n },\n },\n }),\n },\n {\n // variant used in the SecondaryNavigation\n props: { template: 'navigation' },\n style: ({ theme }) => ({\n // container\n '& .MuiTabs-list, & .MuiTabs-flexContainer': {\n // reduce gap between tabs\n gap: '4px',\n },\n // manual align\n paddingTop: '11px',\n [theme.breakpoints.down('xl')]: {\n paddingTop: '13px',\n },\n [theme.breakpoints.down('lg')]: {\n paddingTop: '8px',\n },\n // restyle tabs typography\n '& .MuiTab-root': {\n marginBottom: '11px',\n [theme.breakpoints.down('xl')]: {\n marginBottom: '13px',\n },\n [theme.breakpoints.down('lg')]: {\n marginBottom: '8px',\n },\n ...theme.typography.list,\n },\n }),\n },\n {\n props: { template: 'segmented' },\n style: ({ theme }) => ({\n // used for background\n color: theme.palette.mode === 'dark' ? theme.palette.surface.primary : theme.palette.transparent.secondary,\n // container\n '& .MuiTabs-scroller': {\n backgroundColor: 'currentColor',\n borderRadius: '1000px',\n },\n '& .MuiTabs-list, & .MuiTabs-flexContainer': {\n // reduce gap between tabs\n gap: '8px',\n },\n // restyle indicator to white bordered travelling background\n '& .MuiTabs-indicator': {\n color: theme.palette.mode === 'dark' ? theme.palette.surface.secondary : theme.palette.common.white,\n // proportion\n height: '100%',\n // z-index bellow <Tab />\n zIndex: '10',\n borderRadius: '1000px',\n // make sure border from :before is not visible when no tab is selected\n overflow: 'hidden',\n '&:before': {\n inset: '0',\n borderRadius: 'inherit',\n border: `2px solid ${theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.text.primary}`,\n },\n },\n // restyle tabs\n '& .MuiTab-root': {\n margin: '0',\n borderRadius: '1000px',\n transition: 'all 0.3s ease-out',\n // proportions\n padding: '6px 16px',\n // space between icon and text\n gap: '10px',\n // z-index above indicator\n zIndex: '20',\n // icon inside\n '& .MuiSvgIcon-root': {\n fontSize: '20px',\n marginTop: '4px',\n marginBottom: '4px',\n },\n // change typography\n color: theme.palette.text.primary,\n ...getTypography('subheadline', theme.direction === 'rtl', 'small'),\n [theme.breakpoints.up('md')]: {\n ...getTypography('subheadline', theme.direction === 'rtl', 'large'),\n // update proportions\n padding: '8px 16px',\n },\n [theme.breakpoints.up('xs')]: {\n '&, &.Mui-selected, & .FlowTab-selectedLabel': {\n fontWeight: '400',\n },\n },\n // hover and focus\n '&:hover, &.Mui-focusVisible': {\n backgroundColor: theme.palette.surface.primary,\n },\n // active\n '&.Mui-selected': {\n color: theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.text.primary,\n '&:hover, &.Mui-focusVisible': {\n backgroundColor: 'transparent',\n },\n },\n // disabled\n '&.Mui-disabled': {\n color: theme.palette.disabled.tertiary,\n },\n },\n }),\n },\n ],\n};\n"],"names":["flowTabs","defaultProps","template","scrollButtons","allowScrollButtonsMobile","visibleScrollbar","variant","slots","TabsScrollButton","styleOverrides","root","theme","ownerState","minHeight","alignItems","gap","fullWidth","flexGrow","centered","justifyContent","opacity","breakpoints","up","indicator","maxWidth","background","display","height","color","palette","mode","brand","secondary","primary","indicatorColor","text","content","position","left","right","top","bottom","backgroundColor","scroller","borderWidth","disabled","variants","props","style","marginLeft","marginRight","padding","inset","margin","down","paddingTop","paddingBottom","borderRadius","onSurface","os300","os700","typography","subheadline","fontWeight","os500","surface","transparent","tertiary","zIndex","boxShadow","border","transition","fontSize","marginBottom","updateFocusRingStyle","getInteractiveStyle","quarternary","borderColor","list","common","white","overflow","marginTop","getTypography","direction"],"mappings":"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"}

package/cjs/materialui/textfield/FormHelperText.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("@mui/material"),l=require("../../components/icon/filled/WarningFilledIcon.js"),o=require("../../utils/useElementScrollable/useElementScrollable.js"),n=require("../../components/focusring/focusring.js");const s=r.forwardRef(({children:s,sx:i,className:a,truncate:c,...u},x)=>{const p=r.useRef(null);r.useImperativeHandle(x,()=>p.current);const[,d]=r.useState(0),{isScrollable:m,elementRef:f}=o.useElementScrollable("x",e=>d(e?.offsetWidth||0)),h=a?.includes("Mui-error")&&!1!==c&&(m||!!p?.current?.querySelector(".Flow-scrollable"));return e.jsx(t.Tooltip,{title:s,placement:"bottom-start",slotProps:{tooltip:{sx:{maxWidth:p?.current?.getBoundingClientRect()?.width?p.current.getBoundingClientRect().width-24+"px":"398px","& .FlowHelperTextContent-textRight":{display:"none"}}},arrow:{sx:{transform:"none !important",left:"17px !important"}}},...!h&&{open:!1},children:e.jsxs(t.Box,{component:"p",className:a,sx:i,...a?.includes("Mui-error")&&{role:"alert",sx:{"&&":{display:"flex",alignItems:"flex-start",justifyContent:"flex-start",...!1!==c&&{overflow:"visible"}},...i}},ref:p,...u,children:[a?.includes("Mui-error")&&e.jsx(t.ButtonBase,{sx:e=>({cursor:"default",borderRadius:"1px",ml:"2px",mr:"4px",...n.getFocusRingStyle(e,!0,"0px")}),"aria-label":"Error",className:"FlowHelperText-error-button-active",...!h&&{tabIndex:-1,className:"FlowHelperText-error-button"},children:e.jsx(l.WarningFilledIcon,{sx:{fontSize:"17px"}})}),e.jsx(t.Box,{sx:{display:"block",overflow:!1!==c?"hidden":"inherit",textOverflow:"inherit",whiteSpace:"inherit",flexGrow:"1"},component:"span","data-testid":"FormHelperText-content",ref:f,children:s})]})},h?"long-error-message":"disabled-tooltip")});exports.FormHelperText=s;
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("@mui/material"),l=require("../../utils/sxOverride/sxOverride.js"),o=require("../../components/icon/filled/WarningFilledIcon.js"),n=require("../../utils/useElementScrollable/useElementScrollable.js"),s=require("../../components/focusring/focusring.js");const i=r.forwardRef(({children:i,sx:a,className:c,truncate:u,...x},d)=>{const p=r.useRef(null);r.useImperativeHandle(d,()=>p.current);const[,m]=r.useState(0),{isScrollable:f,elementRef:h}=n.useElementScrollable("x",e=>m(e?.offsetWidth||0)),b=c?.includes("Mui-error")&&!1!==u&&(f||!!p?.current?.querySelector(".Flow-scrollable"));return e.jsx(t.Tooltip,{title:i,placement:"bottom-start",slotProps:{tooltip:{sx:{maxWidth:p?.current?.getBoundingClientRect()?.width?p.current.getBoundingClientRect().width-24+"px":"398px","& .FlowHelperTextContent-textRight":{display:"none"}}},arrow:{sx:{transform:"none !important",left:"17px !important"}}},...!b&&{open:!1},children:e.jsxs(t.Box,{component:"p",className:c,sx:a,...c?.includes("Mui-error")&&{role:"alert",sx:l.sxOverride({"&&":{display:"flex",alignItems:"flex-start",justifyContent:"flex-start",...!1!==u&&{overflow:"visible"}}},a)},ref:p,...x,children:[c?.includes("Mui-error")&&e.jsx(t.ButtonBase,{sx:e=>({cursor:"default",borderRadius:"1px",ml:"2px",mr:"4px",...s.getFocusRingStyle(e,!0,"0px")}),"aria-label":"Error",className:"FlowHelperText-error-button-active",...!b&&{tabIndex:-1,className:"FlowHelperText-error-button"},children:e.jsx(o.WarningFilledIcon,{sx:{fontSize:"17px"}})}),e.jsx(t.Box,{sx:{display:"block",overflow:!1!==u?"hidden":"inherit",textOverflow:"inherit",whiteSpace:"inherit",flexGrow:"1"},component:"span","data-testid":"FormHelperText-content",ref:h,children:i})]})},b?"long-error-message":"disabled-tooltip")});exports.FormHelperText=i;
 //# sourceMappingURL=FormHelperText.js.map

package/cjs/materialui/textfield/FormHelperText.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FormHelperText.js","sources":["../../../../../src/materialui/textfield/FormHelperText.tsx"],"sourcesContent":["import React, { FC, forwardRef, useImperativeHandle, useRef, useState } from 'react';\nimport { Box, FormHelperTextProps, Tooltip, ButtonBase } from '@mui/material';\nimport { WarningFilledIcon } from '@/src/components/icon/filled/WarningFilledIcon';\nimport { useElementScrollable } from '@/src/utils/useElementScrollable';\nimport { getFocusRingStyle } from '@/src/components/focusring';\n\n/*\n Custom extension of FormHelperText component to add interactive error icon\n */\nexport const FormHelperText: FC<FormHelperTextProps> = forwardRef(\n ({ children, sx, className, truncate, ...rest }, forwardedRef) => {\n const ref = useRef<HTMLParagraphElement>(null);\n useImperativeHandle(forwardedRef, () => ref.current);\n // changing width triggers re-render and updates max-width of tooltip that uses parent\n const [, setWidth] = useState(0);\n const { isScrollable, elementRef } = useElementScrollable('x', (el) => setWidth(el?.offsetWidth \|\| 0));\n const tooltipActive =\n // contains error\n className?.includes('Mui-error') &&\n // we are truncating\n truncate !== false &&\n // HelperText or HelperTextContent scrollable\n (isScrollable \|\| !!ref?.current?.querySelector('.Flow-scrollable'));\n\n return (\n <Tooltip\n title={children}\n placement=\"bottom-start\"\n slotProps={{\n tooltip: {\n sx: {\n // match size of helper text\n maxWidth: ref?.current?.getBoundingClientRect()?.width\n ? `${ref.current.getBoundingClientRect().width - 24}px`\n : '398px',\n // hide right side of HelperTextContent\n '& .FlowHelperTextContent-textRight': {\n display: 'none',\n },\n },\n },\n arrow: {\n sx: {\n // remove default transform\n transform: 'none !important',\n // align with icon\n left: '17px !important',\n },\n },\n }}\n key={tooltipActive ? 'long-error-message' : 'disabled-tooltip'}\n {...(!tooltipActive && {\n open: false,\n })}\n >\n <Box\n component=\"p\"\n className={className}\n sx={sx}\n {...(className?.includes('Mui-error') && {\n role: 'alert',\n sx: {\n '&&': {\n display: 'flex',\n alignItems: 'flex-start',\n justifyContent: 'flex-start',\n ...(truncate !== false && {\n // make sure interactive FocusRing from error is visible\n overflow: 'visible',\n }),\n },\n ~~...~~sx,\n },\n })}\n ref={ref}\n {...rest}\n >\n {className?.includes('Mui-error') && (\n <ButtonBase\n sx={(theme) => ({\n cursor: 'default',\n borderRadius: '1px',\n ml: '2px',\n mr: '4px',\n ...getFocusRingStyle(theme, true, '0px'),\n })}\n aria-label=\"Error\"\n className=\"FlowHelperText-error-button-active\"\n {...(!tooltipActive && { tabIndex: -1, className: 'FlowHelperText-error-button' })}\n >\n <WarningFilledIcon sx={{ fontSize: '17px' }} />\n </ButtonBase>\n )}\n <Box\n sx={{\n display: 'block',\n overflow: truncate !== false ? 'hidden' : 'inherit',\n textOverflow: 'inherit',\n whiteSpace: 'inherit',\n flexGrow: '1',\n }}\n component=\"span\"\n data-testid=\"FormHelperText-content\"\n ref={elementRef}\n >\n {children}\n </Box>\n </Box>\n </Tooltip>\n );\n },\n);\n"],"names":["FormHelperText","forwardRef","children","sx","className","truncate","rest","forwardedRef","ref","useRef","useImperativeHandle","current","setWidth","useState","isScrollable","elementRef","useElementScrollable","el","offsetWidth","tooltipActive","includes","querySelector","_jsx","Tooltip","title","placement","slotProps","tooltip","maxWidth","getBoundingClientRect","width","display","arrow","transform","left","open","_jsxs","Box","component","role","alignItems","justifyContent","overflow","ButtonBase","theme","cursor","borderRadius","ml","mr","getFocusRingStyle","tabIndex","WarningFilledIcon","fontSize","textOverflow","whiteSpace","flexGrow"],"mappings":"~~8RASaA~~,EAA0CC,EAAAA,WACrD,EAAGC,WAAUC,KAAIC,YAAWC,cAAaC,GAAQC,KAC/C,MAAMC,EAAMC,EAAAA,OAA6B,MACzCC,EAAAA,oBAAoBH,EAAc,IAAMC,EAAIG,SAE5C,OAASC,GAAYC,EAAAA,SAAS,IACxBC,aAAEA,EAAYC,WAAEA,GAAeC,EAAAA,qBAAqB,IAAMC,GAAOL,EAASK,GAAIC,aAAe,IAC7FC,EAEJf,GAAWgB,SAAS,eAEP,IAAbf,IAECS,KAAkBN,GAAKG,SAASU,cAAc,qBAEjD,OACEC,EAAAA,IAACC,EAAAA,QAAO,CACNC,MAAOtB,EACPuB,UAAU,eACVC,UAAW,CACTC,QAAS,CACPxB,GAAI,CAEFyB,SAAUpB,GAAKG,SAASkB,yBAAyBC,MAC1CtB,EAAIG,QAAQkB,wBAAwBC,MAAQ,GAA/C,KACA,QAEJ,qCAAsC,CACpCC,QAAS,UAIfC,MAAO,CACL7B,GAAI,CAEF8B,UAAW,kBAEXC,KAAM,yBAKNf,GAAiB,CACrBgB,MAAM,GACNjC,SAEFkC,EAAAA,KAACC,EAAAA,IAAG,CACFC,UAAU,IACVlC,UAAWA,EACXD,GAAIA,KACCC,GAAWgB,SAAS,cAAgB,CACvCmB,KAAM,QACNpC,~~GAAI~~,~~CACF~~,KAAM,~~CACJ4B~~,QAAS,~~OACTS~~,WAAY,aACZC,eAAgB,iBACC,~~IAAbpC~~,GAAsB,~~CAExBqC~~,SAAU,~~eAGXvC~~,~~IAGPK~~,IAAKA,KACDF,EAAIJ,SAAA,CAEPE,GAAWgB,SAAS,cACnBE,EAAAA,~~IAACqB~~,EAAAA,WAAU,~~CACTxC~~,~~GAAKyC~~,IAAK,CACRC,OAAQ,UACRC,aAAc,MACdC,GAAI,MACJC,GAAI,SACDC,oBAAkBL,GAAO,EAAM,sBAEzB,~~QACXxC~~,UAAU,yCACJe,GAAiB,~~CAAE+B~~,UAAU,~~EAAI9C~~,UAAW,wCAElDkB,EAAAA,~~IAAC6B~~,EAAAA,~~mBAAkBhD~~,GAAI,~~CAAEiD~~,SAAU,~~YAGvC9B~~,EAAAA,IAACe,EAAAA,IAAG,CACFlC,GAAI,CACF4B,QAAS,~~QACTW~~,UAAuB,~~IAAbrC~~,EAAqB,SAAW,~~UAC1CgD~~,aAAc,UACdC,WAAY,UACZC,SAAU,~~KAEZjB~~,UAAU,OAAM,cACJ,yBACZ9B,IAAKO,EAAUb,SAEdA,~~QAvDAiB~~,EAAgB,qBAAuB"}
1	+ {"version":3,"file":"FormHelperText.js","sources":["../../../../../src/materialui/textfield/FormHelperText.tsx"],"sourcesContent":["import React, { FC, forwardRef, useImperativeHandle, useRef, useState } from 'react';\nimport { Box, FormHelperTextProps, Tooltip, ButtonBase } from '@mui/material';\nimport { sxOverride } from '@/src/utils/sxOverride';\nimport { WarningFilledIcon } from '@/src/components/icon/filled/WarningFilledIcon';\nimport { useElementScrollable } from '@/src/utils/useElementScrollable';\nimport { getFocusRingStyle } from '@/src/components/focusring';\n\n/*\n Custom extension of FormHelperText component to add interactive error icon\n */\nexport const FormHelperText: FC<FormHelperTextProps> = forwardRef(\n ({ children, sx, className, truncate, ...rest }, forwardedRef) => {\n const ref = useRef<HTMLParagraphElement>(null);\n useImperativeHandle(forwardedRef, () => ref.current);\n // changing width triggers re-render and updates max-width of tooltip that uses parent\n const [, setWidth] = useState(0);\n const { isScrollable, elementRef } = useElementScrollable('x', (el) => setWidth(el?.offsetWidth \|\| 0));\n const tooltipActive =\n // contains error\n className?.includes('Mui-error') &&\n // we are truncating\n truncate !== false &&\n // HelperText or HelperTextContent scrollable\n (isScrollable \|\| !!ref?.current?.querySelector('.Flow-scrollable'));\n\n return (\n <Tooltip\n title={children}\n placement=\"bottom-start\"\n slotProps={{\n tooltip: {\n sx: {\n // match size of helper text\n maxWidth: ref?.current?.getBoundingClientRect()?.width\n ? `${ref.current.getBoundingClientRect().width - 24}px`\n : '398px',\n // hide right side of HelperTextContent\n '& .FlowHelperTextContent-textRight': {\n display: 'none',\n },\n },\n },\n arrow: {\n sx: {\n // remove default transform\n transform: 'none !important',\n // align with icon\n left: '17px !important',\n },\n },\n }}\n key={tooltipActive ? 'long-error-message' : 'disabled-tooltip'}\n {...(!tooltipActive && {\n open: false,\n })}\n >\n <Box\n component=\"p\"\n className={className}\n sx={sx}\n {...(className?.includes('Mui-error') && {\n role: 'alert',\n sx: sxOverride(\n {\n '&&': {\n display: 'flex',\n alignItems: 'flex-start',\n justifyContent: 'flex-start',\n ...(truncate !== false && {\n // make sure interactive FocusRing from error is visible\n overflow: 'visible',\n }),\n },\n },\n sx,\n ),\n })}\n ref={ref}\n {...rest}\n >\n {className?.includes('Mui-error') && (\n <ButtonBase\n sx={(theme) => ({\n cursor: 'default',\n borderRadius: '1px',\n ml: '2px',\n mr: '4px',\n ...getFocusRingStyle(theme, true, '0px'),\n })}\n aria-label=\"Error\"\n className=\"FlowHelperText-error-button-active\"\n {...(!tooltipActive && { tabIndex: -1, className: 'FlowHelperText-error-button' })}\n >\n <WarningFilledIcon sx={{ fontSize: '17px' }} />\n </ButtonBase>\n )}\n <Box\n sx={{\n display: 'block',\n overflow: truncate !== false ? 'hidden' : 'inherit',\n textOverflow: 'inherit',\n whiteSpace: 'inherit',\n flexGrow: '1',\n }}\n component=\"span\"\n data-testid=\"FormHelperText-content\"\n ref={elementRef}\n >\n {children}\n </Box>\n </Box>\n </Tooltip>\n );\n },\n);\n"],"names":["FormHelperText","forwardRef","children","sx","className","truncate","rest","forwardedRef","ref","useRef","useImperativeHandle","current","setWidth","useState","isScrollable","elementRef","useElementScrollable","el","offsetWidth","tooltipActive","includes","querySelector","_jsx","Tooltip","title","placement","slotProps","tooltip","maxWidth","getBoundingClientRect","width","display","arrow","transform","left","open","_jsxs","Box","component","role","sxOverride","alignItems","justifyContent","overflow","ButtonBase","theme","cursor","borderRadius","ml","mr","getFocusRingStyle","tabIndex","WarningFilledIcon","fontSize","textOverflow","whiteSpace","flexGrow"],"mappings":"gVAUaA,EAA0CC,EAAAA,WACrD,EAAGC,WAAUC,KAAIC,YAAWC,cAAaC,GAAQC,KAC/C,MAAMC,EAAMC,EAAAA,OAA6B,MACzCC,EAAAA,oBAAoBH,EAAc,IAAMC,EAAIG,SAE5C,OAASC,GAAYC,EAAAA,SAAS,IACxBC,aAAEA,EAAYC,WAAEA,GAAeC,EAAAA,qBAAqB,IAAMC,GAAOL,EAASK,GAAIC,aAAe,IAC7FC,EAEJf,GAAWgB,SAAS,eAEP,IAAbf,IAECS,KAAkBN,GAAKG,SAASU,cAAc,qBAEjD,OACEC,EAAAA,IAACC,EAAAA,QAAO,CACNC,MAAOtB,EACPuB,UAAU,eACVC,UAAW,CACTC,QAAS,CACPxB,GAAI,CAEFyB,SAAUpB,GAAKG,SAASkB,yBAAyBC,MAC1CtB,EAAIG,QAAQkB,wBAAwBC,MAAQ,GAA/C,KACA,QAEJ,qCAAsC,CACpCC,QAAS,UAIfC,MAAO,CACL7B,GAAI,CAEF8B,UAAW,kBAEXC,KAAM,yBAKNf,GAAiB,CACrBgB,MAAM,GACNjC,SAEFkC,EAAAA,KAACC,EAAAA,IAAG,CACFC,UAAU,IACVlC,UAAWA,EACXD,GAAIA,KACCC,GAAWgB,SAAS,cAAgB,CACvCmB,KAAM,QACNpC,GAAIqC,EAAAA,WACF,CACE,KAAM,CACJT,QAAS,OACTU,WAAY,aACZC,eAAgB,iBACC,IAAbrC,GAAsB,CAExBsC,SAAU,aAIhBxC,IAGJK,IAAKA,KACDF,EAAIJ,SAAA,CAEPE,GAAWgB,SAAS,cACnBE,EAAAA,IAACsB,EAAAA,WAAU,CACTzC,GAAK0C,IAAK,CACRC,OAAQ,UACRC,aAAc,MACdC,GAAI,MACJC,GAAI,SACDC,oBAAkBL,GAAO,EAAM,sBAEzB,QACXzC,UAAU,yCACJe,GAAiB,CAAEgC,UAAU,EAAI/C,UAAW,wCAElDkB,EAAAA,IAAC8B,EAAAA,mBAAkBjD,GAAI,CAAEkD,SAAU,YAGvC/B,EAAAA,IAACe,EAAAA,IAAG,CACFlC,GAAI,CACF4B,QAAS,QACTY,UAAuB,IAAbtC,EAAqB,SAAW,UAC1CiD,aAAc,UACdC,WAAY,UACZC,SAAU,KAEZlB,UAAU,OAAM,cACJ,yBACZ9B,IAAKO,EAAUb,SAEdA,QAzDAiB,EAAgB,qBAAuB"}

package/cjs/materialui/textfield/HelperTextContent.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("react"),l=require("@mui/material"),r=require("../../utils/useElementScrollable/useElementScrollable.js");const n=t.forwardRef(({children:t,sx:n,className:a,textLeft:s,textLeftProps:o,textRight:i,textRightProps:x,value:c,maxLength:p,...h},f)=>{const{sx:m,className:u,...w}=o||{},{sx:d,className:g,...j}=x||{},{isScrollable:b,elementRef:C}=r.useElementScrollable("x");return e.jsxs(l.Box,{sx:{display:"flex",gap:"12px",justifyContent:"space-between",alignItems:"flex-start",overflow:"inherit",whiteSpace:"inherit",textOverflow:"inherit",...n},component:"span",className:["FlowHelperTextContent-root",a].filter(Boolean).join(" "),ref:f,...h,children:[t,(s||i||!!p)&&e.jsx(l.Box,{sx:{overflow:"inherit",whiteSpace:"inherit",textOverflow:"inherit",...m},component:"span",className:["FlowHelperTextContent-textLeft",u,b?"Flow-scrollable":null].filter(Boolean).join(", "),ref:C,...w,children:s}),(i||!!p)&&e.jsx(l.Box,{sx:{whiteSpace:"nowrap",...d},component:"span",className:["FlowHelperTextContent-textRight",g].filter(Boolean).join(" "),..."string"==typeof i&&i.includes("/")&&{"aria-label":`Characters entered ${i}`},...p&&{"aria-label":`Characters entered ${c?.length||0} / ${p}`},...j,children:i||`${c?.length||0} / ${p}`})]})});exports.HelperTextContent=n;
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("@mui/material"),l=require("../../utils/sxOverride/sxOverride.js"),s=require("../../utils/useElementScrollable/useElementScrollable.js");const n=t.forwardRef(({children:t,sx:n,className:i,textLeft:a,textLeftProps:o,textRight:x,textRightProps:c,value:p,maxLength:h,...f},m)=>{const{sx:u,className:d,...w}=o||{},{sx:v,className:j,...g}=c||{},{isScrollable:b,elementRef:C}=s.useElementScrollable("x");return e.jsxs(r.Box,{sx:l.sxOverride({display:"flex",gap:"12px",justifyContent:"space-between",alignItems:"flex-start",overflow:"inherit",whiteSpace:"inherit",textOverflow:"inherit"},n),component:"span",className:["FlowHelperTextContent-root",i].filter(Boolean).join(" "),ref:m,...f,children:[t,(a||x||!!h)&&e.jsx(r.Box,{sx:l.sxOverride({overflow:"inherit",whiteSpace:"inherit",textOverflow:"inherit"},u),component:"span",className:["FlowHelperTextContent-textLeft",d,b?"Flow-scrollable":null].filter(Boolean).join(", "),ref:C,...w,children:a}),(x||!!h)&&e.jsx(r.Box,{sx:l.sxOverride({whiteSpace:"nowrap"},v),component:"span",className:["FlowHelperTextContent-textRight",j].filter(Boolean).join(" "),..."string"==typeof x&&x.includes("/")&&{"aria-label":`Characters entered ${x}`},...h&&{"aria-label":`Characters entered ${p?.length||0} / ${h}`},...g,children:x||`${p?.length||0} / ${h}`})]})});exports.HelperTextContent=n;
 //# sourceMappingURL=HelperTextContent.js.map

package/cjs/materialui/textfield/HelperTextContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HelperTextContent.js","sources":["../../../../../src/materialui/textfield/HelperTextContent.tsx"],"sourcesContent":["import React, { ReactNode, ElementType, forwardRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\nimport { useElementScrollable } from '@/src/utils/useElementScrollable';\n\nexport interface HelperTextContentProps extends BoxProps<ElementType> {\n /*\n Text on the left side\n /\n textLeft?: ReactNode;\n /\n Properties applied to text on the left side\n /\n textLeftProps?: BoxProps<ElementType>;\n /\n Text on the right side, expected to be characters count, e.g. '0 / 100'\n * It is recommended to also provide aria-label.\n /\n textRight?: ReactNode;\n /\n Properties applied to text on the right side\n /\n textRightProps?: BoxProps<ElementType>;\n /\n Input value\n /\n value?: string;\n /\n Input maxLength\n /\n maxLength?: number;\n}\n\n/\n Advanced content for the Field's HelperText\n \n <TextField helperText={<HelperTextContent textLeft='Helper text' textRight='0/100' />}>\n */\nexport const HelperTextContent: React.FC<HelperTextContentProps> = forwardRef(\n ({ children, sx, className, textLeft, textLeftProps, textRight, textRightProps, value, maxLength, ...rest }, ref) => {\n const { sx: textLeftSx, className: textLeftClassName, ...restTextLeft } = textLeftProps \|\| {};\n const { sx: textRightSx, className: textRightClassName, ...restTextRight } = textRightProps \|\| {};\n const { isScrollable, elementRef } = useElementScrollable('x');\n\n return (\n <Box\n sx={{\n display: 'flex',\n gap: '12px',\n justifyContent: 'space-between',\n alignItems: 'flex-start',\n // inherit truncate text from helperText to pass it down\n overflow: 'inherit',\n whiteSpace: 'inherit',\n textOverflow: 'inherit',\n ~~...~~sx,\n }}\n component=\"span\"\n className={['FlowHelperTextContent-root', className].filter(Boolean).join(' ')}\n ref={ref}\n {...rest}\n >\n {children}\n {(textLeft \|\| textRight \|\| !!maxLength) && (\n <Box\n sx={{\n // truncate text as helperText\n overflow: 'inherit',\n whiteSpace: 'inherit',\n textOverflow: 'inherit',\n ~~...~~textLeftSx,\n }}\n component=\"span\"\n className={['FlowHelperTextContent-textLeft', textLeftClassName, isScrollable ? 'Flow-scrollable' : null]\n .filter(Boolean)\n .join(', ')}\n ref={elementRef}\n {...restTextLeft}\n >\n {textLeft}\n </Box>\n )}\n {(textRight \|\| !!maxLength) && (\n <Box\n sx={{\n whiteSpace: 'nowrap'~~,\n ...~~textRightSx~~,\n~~ }}\n component=\"span\"\n className={['FlowHelperTextContent-textRight', textRightClassName].filter(Boolean).join(' ')}\n {...(typeof textRight === 'string' &&\n textRight.includes('/') && {\n ['aria-label']: `Characters entered ${textRight}`,\n })}\n {...(maxLength && {\n ['aria-label']: `Characters entered ${value?.length \|\| 0} / ${maxLength}`,\n })}\n {...restTextRight}\n >\n {textRight \|\| `${value?.length \|\| 0} / ${maxLength}`}\n </Box>\n )}\n </Box>\n );\n },\n);\n"],"names":["HelperTextContent","forwardRef","children","sx","className","textLeft","textLeftProps","textRight","textRightProps","value","maxLength","rest","ref","textLeftSx","textLeftClassName","restTextLeft","textRightSx","textRightClassName","restTextRight","isScrollable","elementRef","useElementScrollable","_jsxs","Box","display","gap","justifyContent","alignItems","overflow","whiteSpace","textOverflow","component","filter","Boolean","join","_jsx","includes","length"],"mappings":"~~oKAqCO~~,MAAMA,EAAsDC,EAAAA,WACjE,EAAGC,WAAUC,KAAIC,YAAWC,WAAUC,gBAAeC,YAAWC,iBAAgBC,QAAOC,eAAcC,GAAQC,KAC3G,MAAQT,GAAIU,EAAYT,UAAWU,KAAsBC,GAAiBT,GAAiB,CAAA,GACnFH,GAAIa,EAAaZ,UAAWa,KAAuBC,GAAkBV,GAAkB,CAAA,GACzFW,aAAEA,EAAYC,WAAEA,GAAeC,EAAAA,qBAAqB,KAE1D,OACEC,EAAAA,~~KAACC~~,~~MAAG~~,~~CACFpB~~,~~GAAI~~,~~CACFqB~~,QAAS,OACTC,IAAK,OACLC,eAAgB,gBAChBC,WAAY,aAEZC,SAAU,UACVC,WAAY,UACZC,aAAc,~~aACX3B~~,~~GAEL4B~~,UAAU,~~OACV3B~~,UAAW,CAAC,6BAA8BA,~~GAAW4B~~,OAAOC,SAASC,KAAK,~~KAC1EtB~~,IAAKA,KACDD,EAAIT,SAAA,CAEPA,GACCG,GAAYE,KAAeG,~~IAC3ByB~~,EAAAA,~~IAACZ~~,EAAAA,IAAG,CACFpB,~~GAAI~~,~~CAEFyB~~,SAAU,UACVC,WAAY,UACZC,aAAc,~~aACXjB~~,~~GAELkB~~,UAAU,~~OACV3B~~,UAAW,CAAC,iCAAkCU,EAAmBK,EAAe,kBAAoB,~~MACjGa~~,OAAOC,SACPC,KAAK,~~MACRtB~~,IAAKQ,KACDL,EAAYb,SAEfG,KAGHE,KAAeG,~~IACfyB~~,EAAAA,~~IAACZ~~,EAAAA,IAAG,CACFpB,~~GAAI~~,~~CACF0B~~,WAAY,~~YACTb~~,~~GAELe~~,UAAU,~~OACV3B~~,UAAW,CAAC,kCAAmCa,~~GAAoBe~~,OAAOC,SAASC,KAAK,QAC9D,~~iBAAd3B~~,GACVA,~~EAAU6B~~,SAAS,MAAQ,CACzB,aAAgB,~~sBAAsB7B~~,QAErCG,GAAa,CAChB,aAAgB,sBAAsBD,~~GAAO4B~~,QAAU,~~OAAO3B~~,QAE5DQ,EAAahB,SAEhBK,GAAa,GAAGE,~~GAAO4B~~,QAAU,~~OAAO3B~~"}
1	+ {"version":3,"file":"HelperTextContent.js","sources":["../../../../../src/materialui/textfield/HelperTextContent.tsx"],"sourcesContent":["import React, { ReactNode, ElementType, forwardRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\nimport { sxOverride } from '@/src/utils/sxOverride';\nimport { useElementScrollable } from '@/src/utils/useElementScrollable';\n\nexport interface HelperTextContentProps extends BoxProps<ElementType> {\n /*\n Text on the left side\n /\n textLeft?: ReactNode;\n /\n Properties applied to text on the left side\n /\n textLeftProps?: BoxProps<ElementType>;\n /\n Text on the right side, expected to be characters count, e.g. '0 / 100'\n * It is recommended to also provide aria-label.\n /\n textRight?: ReactNode;\n /\n Properties applied to text on the right side\n /\n textRightProps?: BoxProps<ElementType>;\n /\n Input value\n /\n value?: string;\n /\n Input maxLength\n /\n maxLength?: number;\n}\n\n/\n Advanced content for the Field's HelperText\n \n <TextField helperText={<HelperTextContent textLeft='Helper text' textRight='0/100' />}>\n */\nexport const HelperTextContent: React.FC<HelperTextContentProps> = forwardRef(\n ({ children, sx, className, textLeft, textLeftProps, textRight, textRightProps, value, maxLength, ...rest }, ref) => {\n const { sx: textLeftSx, className: textLeftClassName, ...restTextLeft } = textLeftProps \|\| {};\n const { sx: textRightSx, className: textRightClassName, ...restTextRight } = textRightProps \|\| {};\n const { isScrollable, elementRef } = useElementScrollable('x');\n\n return (\n <Box\n sx={sxOverride(\n {\n display: 'flex',\n gap: '12px',\n justifyContent: 'space-between',\n alignItems: 'flex-start',\n // inherit truncate text from helperText to pass it down\n overflow: 'inherit',\n whiteSpace: 'inherit',\n textOverflow: 'inherit',\n },\n sx,\n )}\n component=\"span\"\n className={['FlowHelperTextContent-root', className].filter(Boolean).join(' ')}\n ref={ref}\n {...rest}\n >\n {children}\n {(textLeft \|\| textRight \|\| !!maxLength) && (\n <Box\n sx={sxOverride(\n {\n // truncate text as helperText\n overflow: 'inherit',\n whiteSpace: 'inherit',\n textOverflow: 'inherit',\n },\n textLeftSx,\n )}\n component=\"span\"\n className={['FlowHelperTextContent-textLeft', textLeftClassName, isScrollable ? 'Flow-scrollable' : null]\n .filter(Boolean)\n .join(', ')}\n ref={elementRef}\n {...restTextLeft}\n >\n {textLeft}\n </Box>\n )}\n {(textRight \|\| !!maxLength) && (\n <Box\n sx={sxOverride({ whiteSpace: 'nowrap' }, textRightSx)}\n component=\"span\"\n className={['FlowHelperTextContent-textRight', textRightClassName].filter(Boolean).join(' ')}\n {...(typeof textRight === 'string' &&\n textRight.includes('/') && {\n ['aria-label']: `Characters entered ${textRight}`,\n })}\n {...(maxLength && {\n ['aria-label']: `Characters entered ${value?.length \|\| 0} / ${maxLength}`,\n })}\n {...restTextRight}\n >\n {textRight \|\| `${value?.length \|\| 0} / ${maxLength}`}\n </Box>\n )}\n </Box>\n );\n },\n);\n"],"names":["HelperTextContent","forwardRef","children","sx","className","textLeft","textLeftProps","textRight","textRightProps","value","maxLength","rest","ref","textLeftSx","textLeftClassName","restTextLeft","textRightSx","textRightClassName","restTextRight","isScrollable","elementRef","useElementScrollable","_jsxs","Box","sxOverride","display","gap","justifyContent","alignItems","overflow","whiteSpace","textOverflow","component","filter","Boolean","join","_jsx","includes","length"],"mappings":"sNAsCO,MAAMA,EAAsDC,EAAAA,WACjE,EAAGC,WAAUC,KAAIC,YAAWC,WAAUC,gBAAeC,YAAWC,iBAAgBC,QAAOC,eAAcC,GAAQC,KAC3G,MAAQT,GAAIU,EAAYT,UAAWU,KAAsBC,GAAiBT,GAAiB,CAAA,GACnFH,GAAIa,EAAaZ,UAAWa,KAAuBC,GAAkBV,GAAkB,CAAA,GACzFW,aAAEA,EAAYC,WAAEA,GAAeC,EAAAA,qBAAqB,KAE1D,OACEC,OAACC,EAAAA,KACCpB,GAAIqB,EAAAA,WACF,CACEC,QAAS,OACTC,IAAK,OACLC,eAAgB,gBAChBC,WAAY,aAEZC,SAAU,UACVC,WAAY,UACZC,aAAc,WAEhB5B,GAEF6B,UAAU,OACV5B,UAAW,CAAC,6BAA8BA,GAAW6B,OAAOC,SAASC,KAAK,KAC1EvB,IAAKA,KACDD,EAAIT,SAAA,CAEPA,GACCG,GAAYE,KAAeG,IAC3B0B,EAAAA,IAACb,EAAAA,IAAG,CACFpB,GAAIqB,EAAAA,WACF,CAEEK,SAAU,UACVC,WAAY,UACZC,aAAc,WAEhBlB,GAEFmB,UAAU,OACV5B,UAAW,CAAC,iCAAkCU,EAAmBK,EAAe,kBAAoB,MACjGc,OAAOC,SACPC,KAAK,MACRvB,IAAKQ,KACDL,EAAYb,SAEfG,KAGHE,KAAeG,IACf0B,EAAAA,IAACb,EAAAA,IAAG,CACFpB,GAAIqB,EAAAA,WAAW,CAAEM,WAAY,UAAYd,GACzCgB,UAAU,OACV5B,UAAW,CAAC,kCAAmCa,GAAoBgB,OAAOC,SAASC,KAAK,QAC9D,iBAAd5B,GACVA,EAAU8B,SAAS,MAAQ,CACzB,aAAgB,sBAAsB9B,QAErCG,GAAa,CAChB,aAAgB,sBAAsBD,GAAO6B,QAAU,OAAO5B,QAE5DQ,EAAahB,SAEhBK,GAAa,GAAGE,GAAO6B,QAAU,OAAO5B"}

package/cjs/materialui/textfield/filledInput.theme.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";exports.flowFilledInput={defaultProps:{},styleOverrides:{root:({theme:o})=>({"&, &:hover, &.Mui-disabled, &.Mui-focused":{color:"inherit",transition:"inherit",backgroundColor:"dark"===o.palette.mode?o.palette.surface.primary:o.palette.transparent.primary,"&:before":{transition:"inherit",borderBottomStyle:"solid",borderColor:"currentColor"},"&:after":{borderColor:"currentColor",transition:"none"}},"&.Mui-error:not(.Mui-disabled)":{"&:before, &:after":{color:o.palette.error.main}}}),input:({ownerState:o})=>({paddingTop:"24px",paddingBottom:"8px",...o.hiddenLabel&&{paddingTop:"18px",paddingBottom:"14px"},..."small"===o.size&&{paddingTop:"22px",paddingBottom:"4px",...o.hiddenLabel&&{paddingTop:"14px",paddingBottom:"12px"}},...o.multiline&&{paddingTop:"0",paddingBottom:"0"}}),multiline:({ownerState:o})=>({paddingTop:"24px",paddingBottom:"8px",...o.hiddenLabel&&{paddingTop:"18px",paddingBottom:"14px"},..."small"===o.size&&{paddingTop:"22px",paddingBottom:"4px",...o.hiddenLabel&&{paddingTop:"14px",paddingBottom:"12px"}}})}};
+"use strict";exports.flowFilledInput={defaultProps:{},styleOverrides:{root:({ownerState:o,theme:e})=>({borderTopLeftRadius:"4px",borderTopRightRadius:"4px","&:not(.Mui-disabled):not(.Mui-readOnly):hover":{"&:after":{transform:"scaleX(1) translateX(0)"}},"&, &:hover, &.Mui-disabled, &.Mui-focused":{color:"inherit",transition:"inherit",backgroundColor:"dark"===e.palette.mode?e.palette.surface.primary:e.palette.transparent.primary,..."secondary"===o.color&&{backgroundColor:"transparent"},"&:before":{transition:"inherit",borderBottomStyle:"solid",borderColor:"currentColor"},"&:after":{borderColor:"currentColor",transition:"none"}},"&.Mui-error:not(.Mui-disabled)":{"&:before, &:after":{color:e.palette.error.main}},"&.Mui-readOnly":{borderBottomLeftRadius:"4px",borderBottomRightRadius:"4px",..."secondary"===o.color?{backgroundColor:"dark"===e.palette.mode?e.palette.surface.primary:e.palette.transparent.primary,"&:before, &:after":{display:"none"}}:{backgroundColor:"transparent","&:after":{display:"none"}}}}),input:({ownerState:o})=>({paddingTop:"24px",paddingBottom:"8px",...o.hiddenLabel&&{paddingTop:"18px",paddingBottom:"14px"},..."small"===o.size&&{paddingTop:"22px",paddingBottom:"4px",...o.hiddenLabel&&{paddingTop:"14px",paddingBottom:"12px"}},...o.multiline&&{paddingTop:"0",paddingBottom:"0"}}),multiline:({ownerState:o})=>({paddingTop:"24px",paddingBottom:"8px",...o.hiddenLabel&&{paddingTop:"18px",paddingBottom:"14px"},..."small"===o.size&&{paddingTop:"22px",paddingBottom:"4px",...o.hiddenLabel&&{paddingTop:"14px",paddingBottom:"12px"}}})}};
 //# sourceMappingURL=filledInput.theme.js.map

package/cjs/materialui/textfield/filledInput.theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"filledInput.theme.js","sources":["../../../../../src/materialui/textfield/filledInput.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowFilledInput: Components<Theme>['MuiFilledInput'] = {\n defaultProps: {},\n styleOverrides: {\n root: ({ theme }) => ({\n '&, &:hover, &.Mui-disabled, &.Mui-focused': {\n color: 'inherit',\n transition: 'inherit',\n backgroundColor:\n theme.palette.mode === 'dark' ? theme.palette.surface.primary : theme.palette.transparent.primary,\n // underline\n '&:before': {\n transition: 'inherit',\n borderBottomStyle: 'solid',\n borderColor: 'currentColor',\n },\n // active underline\n '&:after': {\n borderColor: 'currentColor',\n // remove animated transition of appearing border\n transition: 'none',\n },\n },\n '&.Mui-error:not(.Mui-disabled)': {\n '&:before, &:after': {\n color: theme.palette.error.main,\n },\n },\n }),\n input: ({ ownerState }) => ({\n paddingTop: '24px',\n paddingBottom: '8px',\n ...(ownerState.hiddenLabel && {\n paddingTop: '18px',\n paddingBottom: '14px',\n }),\n ...(ownerState.size === 'small' && {\n paddingTop: '22px',\n paddingBottom: '4px',\n ...(ownerState.hiddenLabel && {\n paddingTop: '14px',\n paddingBottom: '12px',\n }),\n }),\n ...(ownerState.multiline && {\n paddingTop: '0',\n paddingBottom: '0',\n }),\n }),\n multiline: ({ ownerState }) => ({\n paddingTop: '24px',\n paddingBottom: '8px',\n ...(ownerState.hiddenLabel && {\n paddingTop: '18px',\n paddingBottom: '14px',\n }),\n ...(ownerState.size === 'small' && {\n paddingTop: '22px',\n paddingBottom: '4px',\n ...(ownerState.hiddenLabel && {\n paddingTop: '14px',\n paddingBottom: '12px',\n }),\n }),\n }),\n },\n};\n"],"names":["defaultProps","styleOverrides","root","theme","color","transition","backgroundColor","palette","mode","surface","primary","transparent","borderBottomStyle","borderColor","error","main","~~input~~","~~ownerState~~","paddingTop","paddingBottom","hiddenLabel","size","multiline"],"mappings":"qCAEoE,CAClEA,aAAc,CAAA,EACdC,eAAgB,CACdC,KAAM,EAAGC,YAAO,~~CACd~~,4CAA6C,CAC3CC,MAAO,UACPC,WAAY,UACZC,gBACyB,~~SAAvBH~~,~~EAAMI~~,QAAQC,~~KAAkBL~~,~~EAAMI~~,QAAQE,QAAQC,~~QAAUP~~,~~EAAMI~~,QAAQI,YAAYD,~~QAE5F~~,WAAY,~~CACVL~~,WAAY,UACZO,kBAAmB,QACnBC,YAAa,gBAGf,UAAW,CACTA,YAAa,eAEbR,WAAY,SAGhB,iCAAkC,CAChC,oBAAqB,CACnBD,~~MAAOD~~,~~EAAMI~~,QAAQO,MAAMC,~~SAIjCC~~,MAAO,~~EAAGC~~,iBAAY,~~CACpBC~~,WAAY,OACZC,cAAe,~~SACXF~~,~~EAAWG~~,aAAe,CAC5BF,WAAY,OACZC,cAAe,WAEO,~~UAApBF~~,~~EAAWI~~,MAAoB,CACjCH,WAAY,OACZC,cAAe,~~SACXF~~,~~EAAWG~~,aAAe,CAC5BF,WAAY,OACZC,cAAe,~~YAGfF~~,~~EAAWK~~,WAAa,CAC1BJ,WAAY,IACZC,cAAe,OAGnBG,UAAW,~~EAAGL~~,iBAAY,~~CACxBC~~,WAAY,OACZC,cAAe,~~SACXF~~,~~EAAWG~~,aAAe,CAC5BF,WAAY,OACZC,cAAe,WAEO,~~UAApBF~~,~~EAAWI~~,MAAoB,CACjCH,WAAY,OACZC,cAAe,~~SACXF~~,~~EAAWG~~,aAAe,CAC5BF,WAAY,OACZC,cAAe"}
1	+ {"version":3,"file":"filledInput.theme.js","sources":["../../../../../src/materialui/textfield/filledInput.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowFilledInput: Components<Theme>['MuiFilledInput'] = {\n defaultProps: {},\n styleOverrides: {\n root: ({ ownerState, theme }) => ({\n borderTopLeftRadius: '4px',\n borderTopRightRadius: '4px',\n '&:not(.Mui-disabled):not(.Mui-readOnly):hover': {\n // active underline\n '&:after': {\n transform: 'scaleX(1) translateX(0)',\n },\n },\n '&, &:hover, &.Mui-disabled, &.Mui-focused': {\n color: 'inherit',\n transition: 'inherit',\n backgroundColor:\n theme.palette.mode === 'dark' ? theme.palette.surface.primary : theme.palette.transparent.primary,\n // backgroundOff variant\n ...(ownerState.color === 'secondary' && {\n backgroundColor: 'transparent',\n }),\n // underline\n '&:before': {\n transition: 'inherit',\n borderBottomStyle: 'solid',\n borderColor: 'currentColor',\n },\n // active underline\n '&:after': {\n borderColor: 'currentColor',\n // remove animated transition of appearing border\n transition: 'none',\n },\n },\n '&.Mui-error:not(.Mui-disabled)': {\n '&:before, &:after': {\n color: theme.palette.error.main,\n },\n },\n // read-only mode\n '&.Mui-readOnly': {\n borderBottomLeftRadius: '4px',\n borderBottomRightRadius: '4px',\n // backgroundOff variant\n ...(ownerState.color === 'secondary'\n ? {\n backgroundColor:\n theme.palette.mode === 'dark' ? theme.palette.surface.primary : theme.palette.transparent.primary,\n // no active borders at all\n '&:before, &:after': {\n display: 'none',\n },\n }\n : {\n backgroundColor: 'transparent',\n // no active underline\n '&:after': {\n display: 'none',\n },\n }),\n },\n }),\n input: ({ ownerState }) => ({\n paddingTop: '24px',\n paddingBottom: '8px',\n ...(ownerState.hiddenLabel && {\n paddingTop: '18px',\n paddingBottom: '14px',\n }),\n ...(ownerState.size === 'small' && {\n paddingTop: '22px',\n paddingBottom: '4px',\n ...(ownerState.hiddenLabel && {\n paddingTop: '14px',\n paddingBottom: '12px',\n }),\n }),\n ...(ownerState.multiline && {\n paddingTop: '0',\n paddingBottom: '0',\n }),\n }),\n multiline: ({ ownerState }) => ({\n paddingTop: '24px',\n paddingBottom: '8px',\n ...(ownerState.hiddenLabel && {\n paddingTop: '18px',\n paddingBottom: '14px',\n }),\n ...(ownerState.size === 'small' && {\n paddingTop: '22px',\n paddingBottom: '4px',\n ...(ownerState.hiddenLabel && {\n paddingTop: '14px',\n paddingBottom: '12px',\n }),\n }),\n }),\n },\n};\n"],"names":["defaultProps","styleOverrides","root","ownerState","theme","borderTopLeftRadius","borderTopRightRadius","transform","color","transition","backgroundColor","palette","mode","surface","primary","transparent","borderBottomStyle","borderColor","error","main","borderBottomLeftRadius","borderBottomRightRadius","display","input","paddingTop","paddingBottom","hiddenLabel","size","multiline"],"mappings":"qCAEoE,CAClEA,aAAc,CAAA,EACdC,eAAgB,CACdC,KAAM,EAAGC,aAAYC,YAAO,CAC1BC,oBAAqB,MACrBC,qBAAsB,MACtB,gDAAiD,CAE/C,UAAW,CACTC,UAAW,4BAGf,4CAA6C,CAC3CC,MAAO,UACPC,WAAY,UACZC,gBACyB,SAAvBN,EAAMO,QAAQC,KAAkBR,EAAMO,QAAQE,QAAQC,QAAUV,EAAMO,QAAQI,YAAYD,WAEnE,cAArBX,EAAWK,OAAyB,CACtCE,gBAAiB,eAGnB,WAAY,CACVD,WAAY,UACZO,kBAAmB,QACnBC,YAAa,gBAGf,UAAW,CACTA,YAAa,eAEbR,WAAY,SAGhB,iCAAkC,CAChC,oBAAqB,CACnBD,MAAOJ,EAAMO,QAAQO,MAAMC,OAI/B,iBAAkB,CAChBC,uBAAwB,MACxBC,wBAAyB,SAEA,cAArBlB,EAAWK,MACX,CACEE,gBACyB,SAAvBN,EAAMO,QAAQC,KAAkBR,EAAMO,QAAQE,QAAQC,QAAUV,EAAMO,QAAQI,YAAYD,QAE5F,oBAAqB,CACnBQ,QAAS,SAGb,CACEZ,gBAAiB,cAEjB,UAAW,CACTY,QAAS,YAKrBC,MAAO,EAAGpB,iBAAY,CACpBqB,WAAY,OACZC,cAAe,SACXtB,EAAWuB,aAAe,CAC5BF,WAAY,OACZC,cAAe,WAEO,UAApBtB,EAAWwB,MAAoB,CACjCH,WAAY,OACZC,cAAe,SACXtB,EAAWuB,aAAe,CAC5BF,WAAY,OACZC,cAAe,YAGftB,EAAWyB,WAAa,CAC1BJ,WAAY,IACZC,cAAe,OAGnBG,UAAW,EAAGzB,iBAAY,CACxBqB,WAAY,OACZC,cAAe,SACXtB,EAAWuB,aAAe,CAC5BF,WAAY,OACZC,cAAe,WAEO,UAApBtB,EAAWwB,MAAoB,CACjCH,WAAY,OACZC,cAAe,SACXtB,EAAWuB,aAAe,CAC5BF,WAAY,OACZC,cAAe"}

package/cjs/materialui/textfield/inputAdornment.theme.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";exports.flowInputAdornment={styleOverrides:{root:{minWidth:"0",color:"inherit",flexShrink:"0",width:"24px",marginLeft:"0",marginRight:"0",justifyContent:"center","& .MuiSvgIcon-root":{fontSize:"20px"},"&.MuiInputAdornment-filled.MuiInputAdornment-positionStart:not(.MuiInputAdornment-hiddenLabel)":{marginTop:"0"},"&:has(.MuiIconButton-root)":{width:"auto"}},positionStart:{marginRight:"8px"},positionEnd:{marginLeft:"4px"}}};
+"use strict";exports.flowInputAdornment={styleOverrides:{root:{minWidth:"0",color:"inherit",flexShrink:"0",width:"24px",marginLeft:"0",marginRight:"0",justifyContent:"center","& .MuiSvgIcon-root, & .MuiIconButton-root .MuiSvgIcon-root":{fontSize:"20px"},"&.MuiInputAdornment-filled.MuiInputAdornment-positionStart:not(.MuiInputAdornment-hiddenLabel)":{marginTop:"0"},"&:has(.MuiIconButton-root), &:has(.MuiButton-root)":{width:"auto"}},positionStart:{marginRight:"8px"},positionEnd:{marginLeft:"4px"}}};
 //# sourceMappingURL=inputAdornment.theme.js.map

package/cjs/materialui/textfield/inputAdornment.theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"inputAdornment.theme.js","sources":["../../../../../src/materialui/textfield/inputAdornment.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowInputAdornment: Components<Theme>['MuiInputAdornment'] = {\n styleOverrides: {\n root: {\n minWidth: '0',\n color: 'inherit',\n flexShrink: '0',\n width: '24px',\n marginLeft: '0',\n marginRight: '0',\n justifyContent: 'center',\n // change size of icon\n '& .MuiSvgIcon-root': {\n fontSize: '20px',\n },\n '&.MuiInputAdornment-filled.MuiInputAdornment-positionStart:not(.MuiInputAdornment-hiddenLabel)': {\n marginTop: '0',\n },\n // contains icon button instead of just icon\n '&:has(.MuiIconButton-root)': {\n width: 'auto',\n },\n },\n positionStart: {\n marginRight: '8px',\n },\n positionEnd: {\n marginLeft: '4px',\n },\n },\n};\n"],"names":["styleOverrides","root","minWidth","color","flexShrink","width","marginLeft","marginRight","justifyContent","fontSize","marginTop","positionStart","positionEnd"],"mappings":"wCAE0E,CACxEA,eAAgB,CACdC,KAAM,CACJC,SAAU,IACVC,MAAO,UACPC,WAAY,IACZC,MAAO,OACPC,WAAY,IACZC,YAAa,IACbC,eAAgB,SAEhB,~~qBAAsB~~,~~CACpBC~~,SAAU,QAEZ,iGAAkG,CAChGC,UAAW,KAGb,~~6BAA8B~~,~~CAC5BL~~,MAAO,SAGXM,cAAe,CACbJ,YAAa,OAEfK,YAAa,CACXN,WAAY"}
1	+ {"version":3,"file":"inputAdornment.theme.js","sources":["../../../../../src/materialui/textfield/inputAdornment.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowInputAdornment: Components<Theme>['MuiInputAdornment'] = {\n styleOverrides: {\n root: {\n minWidth: '0',\n color: 'inherit',\n flexShrink: '0',\n width: '24px',\n marginLeft: '0',\n marginRight: '0',\n justifyContent: 'center',\n // change size of icon\n '& .MuiSvgIcon-root, & .MuiIconButton-root .MuiSvgIcon-root': {\n fontSize: '20px',\n },\n '&.MuiInputAdornment-filled.MuiInputAdornment-positionStart:not(.MuiInputAdornment-hiddenLabel)': {\n marginTop: '0',\n },\n // contains icon button instead of just icon\n '&:has(.MuiIconButton-root), &:has(.MuiButton-root)': {\n width: 'auto',\n },\n },\n positionStart: {\n marginRight: '8px',\n },\n positionEnd: {\n marginLeft: '4px',\n },\n },\n};\n"],"names":["styleOverrides","root","minWidth","color","flexShrink","width","marginLeft","marginRight","justifyContent","fontSize","marginTop","positionStart","positionEnd"],"mappings":"wCAE0E,CACxEA,eAAgB,CACdC,KAAM,CACJC,SAAU,IACVC,MAAO,UACPC,WAAY,IACZC,MAAO,OACPC,WAAY,IACZC,YAAa,IACbC,eAAgB,SAEhB,6DAA8D,CAC5DC,SAAU,QAEZ,iGAAkG,CAChGC,UAAW,KAGb,qDAAsD,CACpDL,MAAO,SAGXM,cAAe,CACbJ,YAAa,OAEfK,YAAa,CACXN,WAAY"}

package/cjs/materialui/textfield/inputBase.theme.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";exports.flowInputBase={defaultProps:{},styleOverrides:{root:({theme:e})=>({color:"inherit",caretColor:e.palette.brand.primary,[e.breakpoints.up("xs")]:{fontSize:"16px",lineHeight:"24px",fontWeight:"400"},"&.Mui-focused":{color:e.palette.text.primary},"&&":{"&:before":{borderColor:"currentColor"},"&:after":{borderColor:"currentColor"}}}),input:({theme:e})=>({height:"auto","&[type=password]":{fontFamily:"Arial"},"&::-webkit-input-placeholder":{opacity:"1",color:"dark"===e.palette.mode?e.palette.onSurface.os200:e.palette.onSurface.os600},"&.Mui-disabled":{WebkitTextFillColor:"unset","&::-webkit-input-placeholder":{color:"inherit"}}}),inputMultiline:{"&::-webkit-scrollbar-thumb":{height:"50%"}}}};
+"use strict";exports.flowInputBase={defaultProps:{},styleOverrides:{root:({theme:e})=>({color:"inherit",caretColor:e.palette.brand.primary,[e.breakpoints.up("xs")]:{fontSize:"16px",lineHeight:"24px",fontWeight:"400"},"&.Mui-focused":{color:e.palette.text.primary},"&&":{"&:before":{borderColor:"currentColor"},"&:after":{borderColor:"currentColor"}}}),input:({theme:e})=>({height:"auto","&[type=password]":{fontFamily:"Arial"},"&::-webkit-input-placeholder":{opacity:"1",color:"dark"===e.palette.mode?e.palette.onSurface.os200:e.palette.onSurface.os600},"&.Mui-disabled":{WebkitTextFillColor:"unset","&::-webkit-input-placeholder":{color:"inherit"}}})}};
 //# sourceMappingURL=inputBase.theme.js.map

package/cjs/materialui/textfield/inputBase.theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"inputBase.theme.js","sources":["../../../../../src/materialui/textfield/inputBase.theme.tsx"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowInputBase: Components<Theme>['MuiInputBase'] = {\n defaultProps: {},\n styleOverrides: {\n root: ({ theme }) => ({\n color: 'inherit',\n caretColor: theme.palette.brand.primary,\n [theme.breakpoints.up('xs')]: {\n fontSize: '16px',\n lineHeight: '24px',\n fontWeight: '400',\n },\n '&.Mui-focused': {\n color: theme.palette.text.primary,\n },\n '&&': {\n '&:before': {\n borderColor: 'currentColor',\n },\n '&:after': {\n borderColor: 'currentColor',\n },\n },\n }),\n input: ({ theme }) => ({\n height: 'auto',\n // change font for password field, SkodaNext font uses '>>>' instead '***' symbol for the password\n '&[type=password]': {\n fontFamily: 'Arial',\n },\n // placeholder\n '&::-webkit-input-placeholder': {\n opacity: '1',\n color: theme.palette.mode === 'dark' ? theme.palette.onSurface.os200 : theme.palette.onSurface.os600,\n },\n '&.Mui-disabled': {\n // remove default @mui style and use currentColor instead\n WebkitTextFillColor: 'unset',\n // placeholder\n '&::-webkit-input-placeholder': {\n color: 'inherit',\n },\n },\n }),\n ~~inputMultiline: {\n // increase size of thumb\n '&::-webkit-scrollbar-thumb': {\n height: '50%',\n },\n },\n~~ },\n};\n"],"names":["defaultProps","styleOverrides","root","theme","color","caretColor","palette","brand","primary","breakpoints","up","fontSize","lineHeight","fontWeight","text","borderColor","input","height","fontFamily","opacity","mode","onSurface","os200","os600","WebkitTextFillColor"~~,"inputMultiline"~~],"mappings":"mCAEgE,CAC9DA,aAAc,CAAA,EACdC,eAAgB,CACdC,KAAM,EAAGC,YAAO,CACdC,MAAO,UACPC,WAAYF,EAAMG,QAAQC,MAAMC,QAChC,CAACL,EAAMM,YAAYC,GAAG,OAAQ,CAC5BC,SAAU,OACVC,WAAY,OACZC,WAAY,OAEd,gBAAiB,CACfT,MAAOD,EAAMG,QAAQQ,KAAKN,SAE5B,KAAM,CACJ,WAAY,CACVO,YAAa,gBAEf,UAAW,CACTA,YAAa,mBAInBC,MAAO,EAAGb,YAAO,CACfc,OAAQ,OAER,mBAAoB,CAClBC,WAAY,SAGd,+BAAgC,CAC9BC,QAAS,IACTf,MAA8B,SAAvBD,EAAMG,QAAQc,KAAkBjB,EAAMG,QAAQe,UAAUC,MAAQnB,EAAMG,QAAQe,UAAUE,OAEjG,iBAAkB,CAEhBC,oBAAqB,QAErB,+BAAgC,CAC9BpB,MAAO~~,cAIbqB,eAAgB,CAEd,6BAA8B,CAC5BR,OAAQ~~"}
1	+ {"version":3,"file":"inputBase.theme.js","sources":["../../../../../src/materialui/textfield/inputBase.theme.tsx"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowInputBase: Components<Theme>['MuiInputBase'] = {\n defaultProps: {},\n styleOverrides: {\n root: ({ theme }) => ({\n color: 'inherit',\n caretColor: theme.palette.brand.primary,\n [theme.breakpoints.up('xs')]: {\n fontSize: '16px',\n lineHeight: '24px',\n fontWeight: '400',\n },\n '&.Mui-focused': {\n color: theme.palette.text.primary,\n },\n '&&': {\n '&:before': {\n borderColor: 'currentColor',\n },\n '&:after': {\n borderColor: 'currentColor',\n },\n },\n }),\n input: ({ theme }) => ({\n height: 'auto',\n // change font for password field, SkodaNext font uses '>>>' instead '***' symbol for the password\n '&[type=password]': {\n fontFamily: 'Arial',\n },\n // placeholder\n '&::-webkit-input-placeholder': {\n opacity: '1',\n color: theme.palette.mode === 'dark' ? theme.palette.onSurface.os200 : theme.palette.onSurface.os600,\n },\n '&.Mui-disabled': {\n // remove default @mui style and use currentColor instead\n WebkitTextFillColor: 'unset',\n // placeholder\n '&::-webkit-input-placeholder': {\n color: 'inherit',\n },\n },\n }),\n },\n};\n"],"names":["defaultProps","styleOverrides","root","theme","color","caretColor","palette","brand","primary","breakpoints","up","fontSize","lineHeight","fontWeight","text","borderColor","input","height","fontFamily","opacity","mode","onSurface","os200","os600","WebkitTextFillColor"],"mappings":"mCAEgE,CAC9DA,aAAc,CAAA,EACdC,eAAgB,CACdC,KAAM,EAAGC,YAAO,CACdC,MAAO,UACPC,WAAYF,EAAMG,QAAQC,MAAMC,QAChC,CAACL,EAAMM,YAAYC,GAAG,OAAQ,CAC5BC,SAAU,OACVC,WAAY,OACZC,WAAY,OAEd,gBAAiB,CACfT,MAAOD,EAAMG,QAAQQ,KAAKN,SAE5B,KAAM,CACJ,WAAY,CACVO,YAAa,gBAEf,UAAW,CACTA,YAAa,mBAInBC,MAAO,EAAGb,YAAO,CACfc,OAAQ,OAER,mBAAoB,CAClBC,WAAY,SAGd,+BAAgC,CAC9BC,QAAS,IACTf,MAA8B,SAAvBD,EAAMG,QAAQc,KAAkBjB,EAAMG,QAAQe,UAAUC,MAAQnB,EAAMG,QAAQe,UAAUE,OAEjG,iBAAkB,CAEhBC,oBAAqB,QAErB,+BAAgC,CAC9BpB,MAAO"}

package/cjs/materialui/textfield/inputLabel.theme.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";exports.flowInputLabel={defaultProps:{},styleOverrides:{root:({theme:t})=>({pointerEvents:"none",transition:"inherit",color:"inherit",[t.breakpoints.up("xs")]:{fontSize:"16px",lineHeight:"24px",fontWeight:"400"}}),filled:{transform:"translate(12px, 18px) scale(1)","&.MuiInputLabel-shrink":{transform:"translate(12px, 7px) scale(0.75)"},"&.MuiInputLabel-sizeSmall":{transform:"translate(12px, 13px) scale(1)","&.MuiInputLabel-shrink":{transform:"translate(12px, 7px) scale(0.75)"}},"&:has(+ .MuiInputBase-adornedStart .MuiInputAdornment-positionStart)":{transform:"translate(44px, 18px) scale(1)","&.MuiInputLabel-sizeSmall":{transform:"translate(44px, 13px) scale(1);"},"&.MuiInputLabel-shrink":{transform:"translate(44px, 7px) scale(0.75)"}}},outlined:{"&:has(+ .MuiInputBase-adornedStart .MuiInputAdornment-positionStart)":{transform:"translate(44px, 16px) scale(1);","&.MuiInputLabel-sizeSmall":{transform:"translate(44px, 9px) scale(1);"},"&.MuiInputLabel-shrink":{transform:"translate(14px, -9px) scale(0.75);"}}},standard:{"&:has(+ .MuiInputBase-adornedStart)":{transform:"translate(32px, 20px) scale(1);","&.MuiInputLabel-sizeSmall":{transform:"translate(32px, 18px) scale(1);"},"&.MuiInputLabel-shrink":{transform:"translate(0, -1.5px) scale(0.75)"}}}}};
+"use strict";exports.flowInputLabel={defaultProps:{},styleOverrides:{root:({theme:t,ownerState:a})=>({pointerEvents:"none",transition:"inherit",color:"inherit",[t.breakpoints.up("xs")]:{fontSize:"16px",lineHeight:"24px",fontWeight:"400"},..."static"===a["data-variant"]&&{...t.typography.caption1,position:"static","&, &&.MuiInputLabel-shrink":{transform:"none"},userSelect:"text",cursor:"auto",pointerEvents:"auto",transition:"none",padding:"0 8px 4px","&:not(.Mui-disabled):not(.Mui-error)":{color:t.palette.text.primary}}}),filled:t=>({transform:"translate(12px, 18px) scale(1)","&.MuiInputLabel-shrink":{transform:"translate(12px, 7px) scale(0.75)"},"&.MuiInputLabel-sizeSmall":{transform:"translate(12px, 13px) scale(1)","&.MuiInputLabel-shrink":{transform:"translate(12px, 7px) scale(0.75)"}},..."static"!==t["data-variant"]&&{"&:has(+ .MuiInputBase-adornedStart .MuiInputAdornment-positionStart)":{transform:"translate(44px, 18px) scale(1)","&.MuiInputLabel-sizeSmall":{transform:"translate(44px, 13px) scale(1);"},"&.MuiInputLabel-shrink":{transform:"translate(44px, 7px) scale(0.75)"}}}}),outlined:t=>({..."static"===t["data-variant"]?{"& + .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline legend":{width:"0"}}:{"&:has(+ .MuiInputBase-adornedStart .MuiInputAdornment-positionStart)":{transform:"translate(44px, 16px) scale(1);","&.MuiInputLabel-sizeSmall":{transform:"translate(44px, 9px) scale(1);"},"&.MuiInputLabel-shrink":{transform:"translate(14px, -9px) scale(0.75);"}}}}),standard:({ownerState:t})=>({..."static"===t["data-variant"]?{padding:"0","& + .MuiInputBase-root":{marginTop:"0"}}:{"&:has(+ .MuiInputBase-adornedStart)":{transform:"translate(32px, 20px) scale(1);","&.MuiInputLabel-sizeSmall":{transform:"translate(32px, 18px) scale(1);"},"&.MuiInputLabel-shrink":{transform:"translate(0, -1.5px) scale(0.75)"}}}})}};
 //# sourceMappingURL=inputLabel.theme.js.map

package/cjs/materialui/textfield/inputLabel.theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"inputLabel.theme.js","sources":["../../../../../src/materialui/textfield/inputLabel.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowInputLabel: Components<Theme>['MuiInputLabel'] = {\n defaultProps: {},\n styleOverrides: {\n root: ({ theme }) => ({\n // remove pointer events to prevent blur and focus formControl\n pointerEvents: 'none',\n transition: 'inherit',\n color: 'inherit',\n [theme.breakpoints.up('xs')]: {\n fontSize: '16px',\n lineHeight: '24px',\n fontWeight: '400',\n },\n }),\n filled: {\n transform: 'translate(12px, 18px) scale(1)',\n '&.MuiInputLabel-shrink': {\n transform: 'translate(12px, 7px) scale(0.75)',\n },\n '&.MuiInputLabel-sizeSmall': {\n transform: 'translate(12px, 13px) scale(1)',\n '&.MuiInputLabel-shrink': {\n transform: 'translate(12px, 7px) scale(0.75)',\n },\n },\n '&:has(+ .MuiInputBase-adornedStart .MuiInputAdornment-positionStart)': {\n transform: 'translate(44px, 18px) scale(1)',\n '&.MuiInputLabel-sizeSmall': {\n transform: 'translate(44px, 13px) scale(1);',\n },\n '&.MuiInputLabel-shrink': {\n transform: 'translate(44px, 7px) scale(0.75)',\n },\n },\n },\n outlined: {\n '&:has(+ .MuiInputBase-adornedStart .MuiInputAdornment-positionStart)': {\n transform: 'translate(44px, 16px) scale(1);',\n '&.MuiInputLabel-sizeSmall': {\n transform: 'translate(44px, 9px) scale(1);',\n },\n '&.MuiInputLabel-shrink': {\n transform: 'translate(14px, -9px) scale(0.75);',\n },\n },\n },\n standard: {\n '&:has(+ .MuiInputBase-adornedStart)': {\n transform: 'translate(32px, 20px) scale(1);',\n '&.MuiInputLabel-sizeSmall': {\n transform: 'translate(32px, 18px) scale(1);',\n },\n '&.MuiInputLabel-shrink': {\n transform: 'translate(0, -1.5px) scale(0.75)',\n },\n },\n },\n },\n};\n"],"names":["defaultProps","styleOverrides","root","theme","pointerEvents","transition","color","breakpoints","up","fontSize","lineHeight","fontWeight","~~filled~~","transform","outlined","standard"],"mappings":"oCAEkE,CAChEA,aAAc,CAAA,EACdC,eAAgB,CACdC,KAAM,EAAGC,~~YAAO~~,~~CAEdC~~,cAAe,OACfC,WAAY,UACZC,MAAO,UACP,~~CAACH~~,~~EAAMI~~,YAAYC,GAAG,OAAQ,CAC5BC,SAAU,OACVC,WAAY,OACZC,WAAY,~~SAGhBC~~,OAAQ,~~CACNC~~,UAAW,iCACX,yBAA0B,CACxBA,UAAW,oCAEb,4BAA6B,CAC3BA,UAAW,iCACX,yBAA0B,CACxBA,UAAW,~~qCAGf~~,uEAAwE,~~CACtEA~~,UAAW,iCACX,4BAA6B,CAC3BA,UAAW,mCAEb,yBAA0B,CACxBA,UAAW,~~sCAIjBC~~,~~SAAU~~,~~CACR~~,uEAAwE,~~CACtED~~,UAAW,kCACX,4BAA6B,CAC3BA,UAAW,kCAEb,yBAA0B,CACxBA,UAAW,~~wCAIjBE~~,SAAU,~~CACR~~,sCAAuC,~~CACrCF~~,UAAW,kCACX,4BAA6B,CAC3BA,UAAW,mCAEb,yBAA0B,CACxBA,UAAW"}
1	+ {"version":3,"file":"inputLabel.theme.js","sources":["../../../../../src/materialui/textfield/inputLabel.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowInputLabel: Components<Theme>['MuiInputLabel'] = {\n defaultProps: {},\n styleOverrides: {\n root: ({ theme, ownerState }) => ({\n // remove pointer events to prevent blur and focus formControl\n pointerEvents: 'none',\n transition: 'inherit',\n color: 'inherit',\n [theme.breakpoints.up('xs')]: {\n fontSize: '16px',\n lineHeight: '24px',\n fontWeight: '400',\n },\n ...(ownerState['data-variant'] === 'static' && {\n ...theme.typography.caption1,\n position: 'static',\n '&, &&.MuiInputLabel-shrink': {\n transform: 'none',\n },\n userSelect: 'text',\n cursor: 'auto',\n pointerEvents: 'auto',\n transition: 'none',\n padding: '0 8px 4px',\n // overwrite higher priority style from formLabel\n '&:not(.Mui-disabled):not(.Mui-error)': {\n color: theme.palette.text.primary,\n },\n }),\n }),\n filled: (ownerState) => ({\n transform: 'translate(12px, 18px) scale(1)',\n '&.MuiInputLabel-shrink': {\n transform: 'translate(12px, 7px) scale(0.75)',\n },\n '&.MuiInputLabel-sizeSmall': {\n transform: 'translate(12px, 13px) scale(1)',\n '&.MuiInputLabel-shrink': {\n transform: 'translate(12px, 7px) scale(0.75)',\n },\n },\n ...(ownerState['data-variant'] !== 'static' && {\n '&:has(+ .MuiInputBase-adornedStart .MuiInputAdornment-positionStart)': {\n transform: 'translate(44px, 18px) scale(1)',\n '&.MuiInputLabel-sizeSmall': {\n transform: 'translate(44px, 13px) scale(1);',\n },\n '&.MuiInputLabel-shrink': {\n transform: 'translate(44px, 7px) scale(0.75)',\n },\n },\n }),\n }),\n outlined: (ownerState) => ({\n ...(ownerState['data-variant'] === 'static'\n ? {\n // do not show 'border space' created by legend where normally labels go in\n '& + .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline legend': {\n width: '0',\n },\n }\n : {\n '&:has(+ .MuiInputBase-adornedStart .MuiInputAdornment-positionStart)': {\n transform: 'translate(44px, 16px) scale(1);',\n '&.MuiInputLabel-sizeSmall': {\n transform: 'translate(44px, 9px) scale(1);',\n },\n '&.MuiInputLabel-shrink': {\n transform: 'translate(14px, -9px) scale(0.75);',\n },\n },\n }),\n }),\n standard: ({ ownerState }) => ({\n ...(ownerState['data-variant'] === 'static'\n ? {\n padding: '0',\n '& + .MuiInputBase-root': {\n marginTop: '0',\n },\n }\n : {\n '&:has(+ .MuiInputBase-adornedStart)': {\n transform: 'translate(32px, 20px) scale(1);',\n '&.MuiInputLabel-sizeSmall': {\n transform: 'translate(32px, 18px) scale(1);',\n },\n '&.MuiInputLabel-shrink': {\n transform: 'translate(0, -1.5px) scale(0.75)',\n },\n },\n }),\n }),\n },\n};\n"],"names":["defaultProps","styleOverrides","root","theme","ownerState","pointerEvents","transition","color","breakpoints","up","fontSize","lineHeight","fontWeight","typography","caption1","position","transform","userSelect","cursor","padding","palette","text","primary","filled","outlined","width","standard","marginTop"],"mappings":"oCAEkE,CAChEA,aAAc,CAAA,EACdC,eAAgB,CACdC,KAAM,EAAGC,QAAOC,iBAAY,CAE1BC,cAAe,OACfC,WAAY,UACZC,MAAO,UACP,CAACJ,EAAMK,YAAYC,GAAG,OAAQ,CAC5BC,SAAU,OACVC,WAAY,OACZC,WAAY,UAEqB,WAA/BR,EAAW,iBAAgC,IAC1CD,EAAMU,WAAWC,SACpBC,SAAU,SACV,6BAA8B,CAC5BC,UAAW,QAEbC,WAAY,OACZC,OAAQ,OACRb,cAAe,OACfC,WAAY,OACZa,QAAS,YAET,uCAAwC,CACtCZ,MAAOJ,EAAMiB,QAAQC,KAAKC,YAIhCC,OAASnB,IAAU,CACjBY,UAAW,iCACX,yBAA0B,CACxBA,UAAW,oCAEb,4BAA6B,CAC3BA,UAAW,iCACX,yBAA0B,CACxBA,UAAW,wCAGoB,WAA/BZ,EAAW,iBAAgC,CAC7C,uEAAwE,CACtEY,UAAW,iCACX,4BAA6B,CAC3BA,UAAW,mCAEb,yBAA0B,CACxBA,UAAW,wCAKnBQ,SAAWpB,IAAU,IACgB,WAA/BA,EAAW,gBACX,CAEE,qEAAsE,CACpEqB,MAAO,MAGX,CACE,uEAAwE,CACtET,UAAW,kCACX,4BAA6B,CAC3BA,UAAW,kCAEb,yBAA0B,CACxBA,UAAW,0CAKvBU,SAAU,EAAGtB,iBAAY,IACY,WAA/BA,EAAW,gBACX,CACEe,QAAS,IACT,yBAA0B,CACxBQ,UAAW,MAGf,CACE,sCAAuC,CACrCX,UAAW,kCACX,4BAA6B,CAC3BA,UAAW,mCAEb,yBAA0B,CACxBA,UAAW"}

package/cjs/materialui/textfield/textField.theme.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";exports.flowTextField={defaultProps:{variant:"filled",minRows:2,maxRows:2,inputProps:({placeholder:e,label:t})=>({...!t&&e&&{"aria-label":e}})},styleOverrides:{root:{":has(.MuiInputAdornment-positionEnd)":{".MuiInputLabel-root":{paddingRight:"44px"}}}}};
+"use strict";exports.flowTextField={defaultProps:{variant:"filled",color:"primary",minRows:2,maxRows:2,slotProps:{htmlInput:({placeholder:o,label:t})=>({...!t&&o&&{"aria-label":o}})}},styleOverrides:{root:{":has(.MuiInputAdornment-positionEnd)":{".MuiInputLabel-root":{paddingRight:"44px"}}}}};
 //# sourceMappingURL=textField.theme.js.map

package/cjs/materialui/textfield/textField.theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"textField.theme.js","sources":["../../../../../src/materialui/textfield/textField.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowTextField: Components<Theme>['MuiTextField'] = {\n defaultProps: {\n variant: 'filled',\n minRows: 2,\n maxRows: 2,\n ~~// NOTE~~: ~~we are using deprecated @mui props instead of slotProps to allow projects to still use them as well~~\n ~~// additionally, AutoComplete breaks when we overwrite slotProps\n inputProps~~: ({ placeholder, label }) => ({\n // add aria-label for fields without label but with placeholder\n ...(!label &&\n placeholder && {\n ['aria-label']: placeholder,\n }),\n }),\n },\n styleOverrides: {\n root: {\n // prevent overlap with end input adornment icon\n ':has(.MuiInputAdornment-positionEnd)': {\n '.MuiInputLabel-root': {\n paddingRight: '44px',\n },\n },\n },\n },\n};\n"],"names":["defaultProps","variant","minRows","maxRows","~~inputProps~~","placeholder","label","styleOverrides","root","paddingRight"],"mappings":"mCAEgE,CAC9DA,aAAc,CACZC,QAAS,SACTC,QAAS,EACTC,QAAS,~~EAGTC~~,~~WAAY~~,EAAGC,cAAaC,YAAO,~~KAE5BA~~,GACHD,GAAe,CACb,aAAgBA,~~MAIxBE~~,eAAgB,CACdC,KAAM,CAEJ,uCAAwC,CACtC,sBAAuB,CACrBC,aAAc"}
1	+ {"version":3,"file":"textField.theme.js","sources":["../../../../../src/materialui/textfield/textField.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowTextField: Components<Theme>['MuiTextField'] = {\n defaultProps: {\n variant: 'filled',\n color: 'primary',\n minRows: 2,\n maxRows: 2,\n slotProps: {\n htmlInput: ({ placeholder, label }) => ({\n // add aria-label for fields without label but with placeholder\n ...(!label &&\n placeholder && {\n ['aria-label']: placeholder,\n }),\n }),\n },\n },\n styleOverrides: {\n root: {\n // prevent overlap with end input adornment icon\n ':has(.MuiInputAdornment-positionEnd)': {\n '.MuiInputLabel-root': {\n paddingRight: '44px',\n },\n },\n },\n },\n};\n"],"names":["defaultProps","variant","color","minRows","maxRows","slotProps","htmlInput","placeholder","label","styleOverrides","root","paddingRight"],"mappings":"mCAEgE,CAC9DA,aAAc,CACZC,QAAS,SACTC,MAAO,UACPC,QAAS,EACTC,QAAS,EACTC,UAAW,CACTC,UAAW,EAAGC,cAAaC,YAAO,KAE3BA,GACHD,GAAe,CACb,aAAgBA,OAK1BE,eAAgB,CACdC,KAAM,CAEJ,uCAAwC,CACtC,sBAAuB,CACrBC,aAAc"}

package/cjs/materialui/theme/paletteDark.theme.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("@skodaflow/web-tokens/src/tokens.json"),r=require("./paletteLight.theme.js");function t(e){return e&&e.__esModule?e:{default:e}}const a=t(e).default["flow-colors"],o={...r.paletteLight,mode:"dark",text:{...r.paletteLight.text,primary:a["on-surface0"],secondary:a["on-surface200"]},background:{...r.paletteLight.background,primary:a["on-surface900"],paper:a["on-surface900"]},surface:{...r.paletteLight.surface,primary:"#232425",secondary:a["on-surface600"]},divider:a["on-surface600"]};o.transparent.toString=()=>"transparent",exports.paletteDark=o;
+"use strict";var e=require("@skodaflow/web-tokens/src/tokens.json"),r=require("./paletteLight.theme.js");function t(e){return e&&e.__esModule?e:{default:e}}const a=t(e).default["flow-colors"],o={...r.paletteLight,mode:"dark",text:{...r.paletteLight.text,primary:a["on-surface0"],secondary:a["on-surface200"]},background:{...r.paletteLight.background,primary:a["on-surface900"],paper:a["on-surface900"]},surface:{...r.paletteLight.surface,primary:"#232425",secondary:a["on-surface600"]},divider:a["on-surface600"]};exports.paletteDark=o;
 //# sourceMappingURL=paletteDark.theme.js.map

package/cjs/materialui/theme/paletteDark.theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"paletteDark.theme.js","sources":["../../../../../src/materialui/theme/paletteDark.theme.ts"],"sourcesContent":["import { PaletteOptions } from '@mui/material/styles';\nimport tokens from '@skodaflow/web-tokens/src/tokens.json';\nimport { paletteLight } from './paletteLight.theme';\n\nconst tokenColors = tokens['flow-colors'];\n\nexport const paletteDark: PaletteOptions = {\n ...paletteLight,\n mode: 'dark',\n text: {\n ...paletteLight.text,\n // white\n primary: tokenColors['on-surface0'],\n secondary: tokenColors['on-surface200'],\n },\n background: {\n ...paletteLight.background,\n // dark grey\n primary: tokenColors['on-surface900'],\n paper: tokenColors['on-surface900'],\n },\n surface: {\n ...paletteLight.surface,\n primary: '#232425', // os850\n secondary: tokenColors['on-surface600'],\n },\n divider: tokenColors['on-surface600'],\n};\~~npaletteDark.transparent.toString = () => 'transparent';\~~n"],"names":["tokenColors","tokens","paletteDark","paletteLight","mode","text","primary","secondary","background","paper","surface","divider"~~,"transparent","toString"~~],"mappings":"4JAIA,MAAMA,OAAcC,QAAO,eAEdC,EAA8B,IACtCC,EAAAA,aACHC,KAAM,OACNC,KAAM,IACDF,EAAAA,aAAaE,KAEhBC,QAASN,EAAY,eACrBO,UAAWP,EAAY,kBAEzBQ,WAAY,IACPL,EAAAA,aAAaK,WAEhBF,QAASN,EAAY,iBACrBS,MAAOT,EAAY,kBAErBU,QAAS,IACJP,EAAAA,aAAaO,QAChBJ,QAAS,UACTC,UAAWP,EAAY,kBAEzBW,QAASX,EAAY~~,kBAEvBE,EAAYU,YAAYC,SAAW,IAAM~~"}
1	+ {"version":3,"file":"paletteDark.theme.js","sources":["../../../../../src/materialui/theme/paletteDark.theme.ts"],"sourcesContent":["import { PaletteOptions } from '@mui/material/styles';\nimport tokens from '@skodaflow/web-tokens/src/tokens.json';\nimport { paletteLight } from './paletteLight.theme';\n\nconst tokenColors = tokens['flow-colors'];\n\nexport const paletteDark: PaletteOptions = {\n ...paletteLight,\n mode: 'dark',\n text: {\n ...paletteLight.text,\n // white\n primary: tokenColors['on-surface0'],\n secondary: tokenColors['on-surface200'],\n },\n background: {\n ...paletteLight.background,\n // dark grey\n primary: tokenColors['on-surface900'],\n paper: tokenColors['on-surface900'],\n },\n surface: {\n ...paletteLight.surface,\n primary: '#232425', // os850\n secondary: tokenColors['on-surface600'],\n },\n divider: tokenColors['on-surface600'],\n};\n"],"names":["tokenColors","tokens","paletteDark","paletteLight","mode","text","primary","secondary","background","paper","surface","divider"],"mappings":"4JAIA,MAAMA,OAAcC,QAAO,eAEdC,EAA8B,IACtCC,EAAAA,aACHC,KAAM,OACNC,KAAM,IACDF,EAAAA,aAAaE,KAEhBC,QAASN,EAAY,eACrBO,UAAWP,EAAY,kBAEzBQ,WAAY,IACPL,EAAAA,aAAaK,WAEhBF,QAASN,EAAY,iBACrBS,MAAOT,EAAY,kBAErBU,QAAS,IACJP,EAAAA,aAAaO,QAChBJ,QAAS,UACTC,UAAWP,EAAY,kBAEzBW,QAASX,EAAY"}

package/cjs/materialui/theme/sxConfig.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { SxConfig } from '@mui/system';
2	+ export declare const flowSxConfig: SxConfig;

package/cjs/materialui/theme/sxConfig.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";var o=require("@mui/system");const r=(o,r)=>"grey"===r\|\|"object"==typeof o&&null!==o?r:o,e=Object.fromEntries(["color","bgcolor","backgroundColor","borderColor","borderTopColor","borderRightColor","borderBottomColor","borderLeftColor","outlineColor"].map(e=>[e,{...o.unstable_defaultSxConfig[e],transform:r}]));exports.flowSxConfig=e;
2	+ //# sourceMappingURL=sxConfig.js.map

package/cjs/materialui/theme/sxConfig.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"sxConfig.js","sources":["../../../../../src/materialui/theme/sxConfig.ts"],"sourcesContent":["import { unstable_defaultSxConfig as defaultSxConfig, SxConfig } from '@mui/system';\n\n/**\n * When a palette group object (e.g. `palette.transparent`) is resolved instead of a string,\n * fall back to the original user value so CSS keywords like `'transparent'` pass through as-is.\n * Preserves MUI's built-in grey fallback behaviour.\n * https://github.com/mui/material-ui/blob/master/packages/mui-system/src/palette/palette.js\n */\nconst paletteColorTransform = (value: unknown, userValue: unknown): unknown => {\n if (userValue === 'grey') return userValue;\n if (typeof value === 'object' && value !== null) return userValue;\n return value;\n};\n\nexport const flowSxConfig: SxConfig = Object.fromEntries(\n [\n 'color',\n 'bgcolor',\n 'backgroundColor',\n 'borderColor',\n 'borderTopColor',\n 'borderRightColor',\n 'borderBottomColor',\n 'borderLeftColor',\n 'outlineColor',\n ].map(prop => [prop, { ...defaultSxConfig[prop], transform: paletteColorTransform }])\n);\n"],"names":["paletteColorTransform","value","userValue","flowSxConfig","Object","fromEntries","map","prop","defaultSxConfig","transform"],"mappings":"0CAQA,MAAMA,EAAwB,CAACC,EAAgBC,IAC3B,SAAdA,GACiB,iBAAVD,GAAgC,OAAVA,EADAC,EAE1BD,EAGIE,EAAyBC,OAAOC,YAC3C,CACE,QACA,UACA,kBACA,cACA,iBACA,mBACA,oBACA,kBACA,gBACAC,IAAIC,GAAQ,CAACA,EAAM,IAAKC,2BAAgBD,GAAOE,UAAWT"}

package/cjs/materialui/theme/theme.extensions.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
 import { BoxProps, SvgIconProps, DialogProps, IconButtonProps, ChipProps } from '@mui/material';
 import { ComponentType, CSSProperties, ElementType } from 'react';
+import type { SpinnerProps } from '@/src/components/progress/Spinner';
 declare module '@mui/material/styles' {
     interface TypographyVariants {
         display: CSSProperties;
@@ -425,6 +426,15 @@ declare module '@mui/material/Card' {
          * @default false
          */
         disabled?: boolean;
+        /**
+         * Displays a loading spinner in place of the icon and blocks interactions
+         * @default false
+         */
+        loading?: boolean;
+        /**
+         * Properties applied to the loading Spinner component
+         */
+        loadingProps?: SpinnerProps;
     }
 }
 declare module '@mui/material/FormHelperText' {
@@ -436,6 +446,15 @@ declare module '@mui/material/FormHelperText' {
         truncate?: boolean;
     }
 }
+declare module '@mui/material/InputLabel' {
+    interface InputLabelOwnProps {
+        /**
+         * Setup a visual variant of the label
+         * @default 'standard'
+         */
+        'data-variant'?: 'standard' | 'static';
+    }
+}
 declare module '@mui/material/DialogTitle' {
     interface DialogTitleOwnProps {
         /**