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

@skodaflow/web-library 8.1.0 → 8.2.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 (398) hide show

package/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/materialui/textfield/FormHelperText.js CHANGED Viewed

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

package/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":"~~idASaA~~,EAA0CC,EACrD,EAAGC,WAAUC,KAAIC,YAAWC,cAAaC,GAAQC,KAC/C,MAAMC,EAAMC,EAA6B,MACzCC,EAAoBH,EAAc,IAAMC,EAAIG,SAE5C,OAASC,GAAYC,EAAS,IACxBC,aAAEA,EAAYC,WAAEA,GAAeC,EAAqB,IAAMC,GAAOL,EAASK,GAAIC,aAAe,IAC7FC,EAEJf,GAAWgB,SAAS,eAEP,IAAbf,IAECS,KAAkBN,GAAKG,SAASU,cAAc,qBAEjD,OACEC,EAACC,EAAO,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,EAACC,EAAG,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,~~EAACqB~~,EAAU,~~CACTxC~~,~~GAAKyC~~,IAAK,CACRC,OAAQ,UACRC,aAAc,MACdC,GAAI,MACJC,GAAI,SACDC,EAAkBL,GAAO,EAAM,sBAEzB,~~QACXxC~~,UAAU,yCACJe,GAAiB,~~CAAE+B~~,UAAU,~~EAAI9C~~,UAAW,wCAElDkB,~~EAAC6B~~,~~GAAkBhD~~,GAAI,~~CAAEiD~~,SAAU,~~YAGvC9B~~,EAACe,EAAG,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":"mhBAUaA,EAA0CC,EACrD,EAAGC,WAAUC,KAAIC,YAAWC,cAAaC,GAAQC,KAC/C,MAAMC,EAAMC,EAA6B,MACzCC,EAAoBH,EAAc,IAAMC,EAAIG,SAE5C,OAASC,GAAYC,EAAS,IACxBC,aAAEA,EAAYC,WAAEA,GAAeC,EAAqB,IAAMC,GAAOL,EAASK,GAAIC,aAAe,IAC7FC,EAEJf,GAAWgB,SAAS,eAEP,IAAbf,IAECS,KAAkBN,GAAKG,SAASU,cAAc,qBAEjD,OACEC,EAACC,EAAO,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,EAACC,EAAG,CACFC,UAAU,IACVlC,UAAWA,EACXD,GAAIA,KACCC,GAAWgB,SAAS,cAAgB,CACvCmB,KAAM,QACNpC,GAAIqC,EACF,CACE,KAAM,CACJT,QAAS,OACTU,WAAY,aACZC,eAAgB,iBACC,IAAbrC,GAAsB,CAExBsC,SAAU,aAIhBxC,IAGJK,IAAKA,KACDF,EAAIJ,SAAA,CAEPE,GAAWgB,SAAS,cACnBE,EAACsB,EAAU,CACTzC,GAAK0C,IAAK,CACRC,OAAQ,UACRC,aAAc,MACdC,GAAI,MACJC,GAAI,SACDC,EAAkBL,GAAO,EAAM,sBAEzB,QACXzC,UAAU,yCACJe,GAAiB,CAAEgC,UAAU,EAAI/C,UAAW,wCAElDkB,EAAC8B,GAAkBjD,GAAI,CAAEkD,SAAU,YAGvC/B,EAACe,EAAG,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/materialui/textfield/HelperTextContent.js CHANGED Viewed

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

package/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":"~~yNAqCO~~,MAAMA,EAAsDC,EACjE,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,EAAqB,KAE1D,OACEC,EAACC,~~EAAG~~,~~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~~,~~EAACZ~~,EAAG,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~~,~~EAACZ~~,EAAG,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":"2RAsCO,MAAMA,EAAsDC,EACjE,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,EAAqB,KAE1D,OACEC,EAACC,GACCpB,GAAIqB,EACF,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,EAACb,EAAG,CACFpB,GAAIqB,EACF,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,EAACb,EAAG,CACFpB,GAAIqB,EAAW,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/materialui/textfield/filledInput.theme.js CHANGED Viewed

@@ -1,2 +1,2 @@
-const o={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"}}})}};export{o as flowFilledInput};
+const o={defaultProps:{},styleOverrides:{root:({ownerState:o,theme:r})=>({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"===r.palette.mode?r.palette.surface.primary:r.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:r.palette.error.main}},"&.Mui-readOnly":{borderBottomLeftRadius:"4px",borderBottomRightRadius:"4px",..."secondary"===o.color?{backgroundColor:"dark"===r.palette.mode?r.palette.surface.primary:r.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"}}})}};export{o as flowFilledInput};
 //# sourceMappingURL=filledInput.theme.js.map

package/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":["flowFilledInput","defaultProps","styleOverrides","root","theme","color","transition","backgroundColor","palette","mode","surface","primary","transparent","borderBottomStyle","borderColor","error","main","~~input~~","~~ownerState~~","paddingTop","paddingBottom","hiddenLabel","size","multiline"],"mappings":"AAEO,MAAMA,EAAuD,CAClEC,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":["flowFilledInput","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":"AAEO,MAAMA,EAAuD,CAClEC,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/materialui/textfield/inputAdornment.theme.js CHANGED Viewed

@@ -1,2 +1,2 @@
-const t={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"}}};export{t as flowInputAdornment};
+const t={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"}}};export{t as flowInputAdornment};
 //# sourceMappingURL=inputAdornment.theme.js.map

package/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":["flowInputAdornment","styleOverrides","root","minWidth","color","flexShrink","width","marginLeft","marginRight","justifyContent","fontSize","marginTop","positionStart","positionEnd"],"mappings":"AAEO,MAAMA,EAA6D,CACxEC,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":["flowInputAdornment","styleOverrides","root","minWidth","color","flexShrink","width","marginLeft","marginRight","justifyContent","fontSize","marginTop","positionStart","positionEnd"],"mappings":"AAEO,MAAMA,EAA6D,CACxEC,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/materialui/textfield/inputBase.theme.js CHANGED Viewed

@@ -1,2 +1,2 @@
-const e={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%"}}}};export{e as flowInputBase};
+const e={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"}}})}};export{e as flowInputBase};
 //# sourceMappingURL=inputBase.theme.js.map

package/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":["flowInputBase","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":"AAEO,MAAMA,EAAmD,CAC9DC,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":["flowInputBase","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":"AAEO,MAAMA,EAAmD,CAC9DC,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/materialui/textfield/inputLabel.theme.js CHANGED Viewed

@@ -1,2 +1,2 @@
-const t={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)"}}}}};export{t as flowInputLabel};
+const t={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:{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)"}}}}};export{t as flowInputLabel};
 //# sourceMappingURL=inputLabel.theme.js.map

package/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":["flowInputLabel","defaultProps","styleOverrides","root","theme","pointerEvents","transition","color","breakpoints","up","fontSize","lineHeight","fontWeight","~~filled~~","transform","outlined","standard"],"mappings":"AAEO,MAAMA,EAAqD,CAChEC,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: {\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":["flowInputLabel","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","standard"],"mappings":"AAEO,MAAMA,EAAqD,CAChEC,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,OAAQ,CACNP,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,sCAIjBQ,SAAU,CACR,uEAAwE,CACtER,UAAW,kCACX,4BAA6B,CAC3BA,UAAW,kCAEb,yBAA0B,CACxBA,UAAW,wCAIjBS,SAAU,CACR,sCAAuC,CACrCT,UAAW,kCACX,4BAA6B,CAC3BA,UAAW,mCAEb,yBAA0B,CACxBA,UAAW"}

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

@@ -1,2 +1,2 @@
-const o={defaultProps:{variant:"filled",minRows:2,maxRows:2,inputProps:({placeholder:o,label:t})=>({...!t&&o&&{"aria-label":o}})},styleOverrides:{root:{":has(.MuiInputAdornment-positionEnd)":{".MuiInputLabel-root":{paddingRight:"44px"}}}}};export{o as flowTextField};
+const o={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"}}}}};export{o as flowTextField};
 //# sourceMappingURL=textField.theme.js.map

package/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":["flowTextField","defaultProps","variant","minRows","maxRows","~~inputProps~~","placeholder","label","styleOverrides","root","paddingRight"],"mappings":"AAEO,MAAMA,EAAmD,CAC9DC,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":["flowTextField","defaultProps","variant","color","minRows","maxRows","slotProps","htmlInput","placeholder","label","styleOverrides","root","paddingRight"],"mappings":"AAEO,MAAMA,EAAmD,CAC9DC,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/materialui/theme/sxConfig.d.ts ADDED Viewed

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

package/materialui/theme/sxConfig.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{unstable_defaultSxConfig as o}from"@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[e],transform:r}]));export{e as flowSxConfig};
2	+ //# sourceMappingURL=sxConfig.js.map

package/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":"uDAQA,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,EAAgBD,GAAOE,UAAWT"}

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

@@ -436,6 +436,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 {
         /**

package/materialui/theme/theme.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{createTheme as e}from"@mui/material";import{flowMixins as t}from"./mixins.js";import{flowAccordion as i}from"../accordion/accordion.theme.js";import{flowAlert as r}from"../alert/alert.theme.js";import{flowAlertTitle as o}from"../alert/alertTitle.theme.js";import{flowAvatar as m}from"../avatar/avatar.theme.js";import{flowAvatarGroup as a}from"../avatar/avatarGroup.theme.js";import{flowAccordionSummary as p}from"../accordion/accordionSummary.theme.js";import{flowAccordionDetails as s}from"../accordion/accordionDetails.theme.js";import{flowAccordionActions as l}from"../accordion/accordionActions.theme.js";import{flowAppBar as u}from"../appbar/appbar.theme.js";import{flowToolbar as n}from"../appbar/toolbar.theme.js";import{flowAutocomplete as c}from"../autocomplete/autocomplete.theme.js";import{flowBackdrop as d}from"../backdrop/backdrop.theme.js";import{flowBadge as f}from"../badge/badge.theme.js";import{getFlowScopedCssBaseline as h,getFlowCssBaseline as M}from"../themeProvider/baseline.theme.js";import{flowBreadCrumbs as j}from"../breadcrumbs/breadcrumbs.theme.js";import{flowButton as k}from"../button/button.theme.js";import{flowButtonBase as b}from"../button/buttonBase.theme.js";import{flowLink as g}from"../link/link.theme.js";import{flowCheckbox as T}from"../checkbox/checkbox.theme.js";import{flowChip as C}from"../chip/chip.theme.js";import{flowDialog as I}from"../dialog/dialog.theme.js";import{flowDialogActions as P}from"../dialog/dialogActions.theme.js";import{flowDialogContent as x}from"../dialog/dialogContent.theme.js";import{flowDialogContentText as D}from"../dialog/dialogContentText.theme.js";import{flowDialogTitle as S}from"../dialog/dialogTitle.theme.js";import{flowDivider as A}from"../divider/divider.theme.js";import{flowDrawer as B}from"../drawer/drawer.theme.js";import{flowFilledInput as L}from"../textfield/filledInput.theme.js";import{flowOutlinedInput as v}from"../textfield/outlinedInput.theme.js";import{flowFormControl as y}from"../textfield/formControl.theme.js";import{flowFormControlLabel as w}from"../textfield/formControlLabel.theme.js";import{flowFormHelperText as F}from"../textfield/formHelperText.theme.js";import{flowFormLabel as H}from"../textfield/formLabel.theme.js";import{flowInput as R}from"../textfield/input.theme.js";import{flowInputAdornment as O}from"../textfield/inputAdornment.theme.js";import{flowInputBase as z}from"../textfield/inputBase.theme.js";import{flowInputLabel as G}from"../textfield/inputLabel.theme.js";import{flowRadio as Y}from"../radio/radio.theme.js";import{flowSelect as q}from"../textfield/select.theme.js";import{flowSlider as E}from"../slider/slider.theme.js";import{flowSwitch as J}from"../switch/switch.theme.js";import{flowTextField as K}from"../textfield/textField.theme.js";import{flowSvgIcon as N}from"../svgIcon/svgIcon.theme.js";import{flowIconButton as Q}from"../iconButton/iconButton.theme.js";import{flowLinearProgress as U}from"../linearprogress/linearprogress.theme.js";import{flowCircularProgress as V}from"../circularprogress/circularprogress.theme.js";import{flowContainer as W}from"../container/container.theme.js";import{flowList as X}from"../list/list.theme.js";import{flowListItem as Z}from"../list/listItem.theme.js";import{flowListItemButton as $}from"../list/listItemButton.theme.js";import{flowListItemText as _}from"../list/listItemText.theme.js";import{flowListItemIcon as ee}from"../list/listItemIcon.theme.js";import{flowListItemAvatar as te}from"../list/listItemAvatar.theme.js";import{flowListItemSecondaryAction as ie}from"../list/listItemSecondaryAction.theme.js";import{flowListSubheader as re}from"../list/listSubheader.theme.js";import{flowMenu as oe}from"../menu/menu.theme.js";import{flowMenuItem as me}from"../menu/menuItem.theme.js";import{getFlowModal as ae}from"../modal/modal.theme.js";import{flowPagination as pe}from"../pagination/pagination.theme.js";import{flowPaginationItem as se}from"../pagination/paginationItem.theme.js";import{flowPaper as le}from"../paper/paper.theme.js";import{flowPopover as ue}from"../popover/popover.theme.js";import{flowRating as ne}from"../rating/rating.theme.js";import{flowSkeleton as ce}from"../skeleton/skeleton.theme.js";import{flowSnackbar as de}from"../snackbar/snackbar.theme.js";import{flowSnackbarContent as fe}from"../snackbar/snackbarContent.theme.js";import{flowStepper as he}from"../stepper/stepper.theme.js";import{flowStep as Me}from"../stepper/step.theme.js";import{flowStepButton as je}from"../stepper/stepButton.theme.js";import{flowStepConnector as ke}from"../stepper/stepConnector.theme.js";import{flowStepLabel as be}from"../stepper/stepLabel.theme.js";import{flowStepContent as ge}from"../stepper/stepContent.theme.js";import{flowTab as Te}from"../tabs/tab.theme.js";import{flowTabs as Ce}from"../tabs/tabs.theme.js";import{flowTooltip as Ie}from"../tooltip/tooltip.theme.js";import{flowCard as Pe}from"../card/card.theme.js";import{flowCardContent as xe}from"../card/cardContent.theme.js";import{flowCardHeader as De}from"../card/cardHeader.theme.js";import{flowCardActionArea as Se}from"../card/cardActionArea.theme.js";import{flowTableContainer as Ae}from"../table/tableContainer.theme.js";import{flowTable as Be}from"../table/table.theme.js";import{flowTableHead as Le}from"../table/tableHead.theme.js";import{flowTableBody as ve}from"../table/tableBody.theme.js";import{flowTableRow as ye}from"../table/tableRow.theme.js";import{flowTableCell as we}from"../table/tableCell.theme.js";import{flowTableSortLabel as Fe}from"../table/tableSortLabel.theme.js";import{flowTablePagination as He}from"../table/tablePagination.theme.js";import{flowFab as Re}from"../fab/fab.theme.js";import{paletteLight as Oe}from"./paletteLight.theme.js";import{paletteDark as ze}from"./paletteDark.theme.js";import{flowBreakpoints as Ge}from"./theme.breakpoints.js";import{flowElevations as Ye}from"./theme.elevations.js";import{flowZIndex as qe}from"./theme.zIndex.js";import{flowStaticDatePicker as Ee,flowDesktopDatePicker as Je,flowDatePicker as Ke}from"../datepicker/datepicker.theme.js";import{flowStaticTimePicker as Ne,flowDesktopTimePicker as Qe,flowTimePicker as Ue}from"../datepicker/timepicker.theme.js";import{flowStaticDateTimePicker as Ve,flowDesktopDateTimePicker as We,flowDateTimePicker as Xe}from"../datepicker/datetimepicker.theme.js";import{flowDateCalendar as Ze}from"../datepicker/datecalendar.theme.js";import{flowPickersFilledInput as $e,flowPickersOutlinedInput as _e,flowPickersInput as et,flowPickersInputBase as tt,flowPickersTextField as it}from"../datepicker/pickerstextfield.theme.js";import{flowPickerPopper as rt}from"../datepicker/pickerpopper.theme.js";import{flowPickersLayout as ot}from"../datepicker/pickerslayout.theme.js";import{flowPickersDay as mt}from"../datepicker/pickersday.theme.js";import{flowDayCalendar as at}from"../datepicker/daycalendar.theme.js";import{flowMonthCalendar as pt}from"../datepicker/monthcalendar.theme.js";import{flowYearCalendar as st}from"../datepicker/yearcalendar.theme.js";import{flowTimeClock as lt}from"../datepicker/timeclock.theme.js";import{flowDigitalClock as ut}from"../datepicker/digitalclock.theme.js";import{flowMultiSectionDigitalClock as nt}from"../datepicker/multisectiondigitalclock.theme.js";import{flowMobileDatePicker as ct}from"../datepicker/mobiledatepicker.theme.js";import{flowMobileTimePicker as dt}from"../datepicker/mobiletimepicker.theme.js";import{flowMobileDateTimePicker as ft}from"../datepicker/mobiledatetimepicker.theme.js";import{flowDatePickerToolbar as ht}from"../datepicker/datepickertoolbar.theme.js";import{flowTimePickerToolbar as Mt}from"../datepicker/timepickertoolbar.theme.js";import{flowDateTimePickerToolbar as jt}from"../datepicker/datetimepickertoolbar.theme.js";import{getTypographyOptions as kt}from"../typography/typography.theme.js";import"@mui/x-date-pickers/themeAugmentation";function bt({mode:bt="light",direction:gt="ltr",breakpointsOptions:Tt=Ge}){return e({breakpoints:Tt,mixins:t,palette:"dark"===bt?ze:Oe,direction:gt,typography:kt(Tt,"rtl"===gt),flowShadows:Ye,zIndex:qe,components:{MuiAlert:r,MuiAlertTitle:o,MuiAvatar:m,MuiAvatarGroup:a,MuiAppBar:u,MuiToolbar:n,MuiContainer:W,MuiCssBaseline:M(Tt,"rtl"===gt),MuiScopedCssBaseline:h(Tt,"rtl"===gt),MuiButtonBase:b,MuiButton:k,MuiIconButton:Q,MuiSvgIcon:N,MuiLink:g,MuiLinearProgress:U,MuiCircularProgress:V,MuiSwitch:J,MuiCheckbox:T,MuiRadio:Y,MuiSlider:E,MuiTooltip:Ie,MuiDivider:A,MuiBadge:f,MuiChip:C,MuiPaper:le,MuiTextField:K,MuiSelect:q,MuiMenu:oe,MuiMenuItem:me,MuiTab:Te,MuiTabs:Ce,MuiCard:Pe,MuiCardContent:xe,MuiCardHeader:De,MuiCardActionArea:Se,MuiPaginationItem:se,MuiPagination:pe,MuiRating:ne,MuiSnackbar:de,MuiSnackbarContent:fe,MuiModal:ae(Tt,"rtl"===gt),MuiBackdrop:d,MuiDrawer:B,MuiAccordion:i,MuiAccordionSummary:p,MuiAccordionDetails:s,MuiAccordionActions:l,MuiInputBase:z,MuiInputLabel:G,MuiInput:R,MuiFormControl:y,MuiFilledInput:L,MuiOutlinedInput:v,MuiFormLabel:H,MuiFormControlLabel:w,MuiInputAdornment:O,MuiFormHelperText:F,MuiDialogActions:P,MuiDialog:I,MuiDialogContent:x,MuiDialogContentText:D,MuiDialogTitle:S,MuiList:X,MuiListItem:Z,MuiListItemButton:$,MuiListItemText:_,MuiListItemIcon:ee,MuiListItemAvatar:te,MuiListItemSecondaryAction:ie,MuiListSubheader:re,MuiPopover:ue,MuiAutocomplete:c,MuiBreadcrumbs:j,MuiSkeleton:ce,MuiStepper:he,MuiStep:Me,MuiStepButton:je,MuiStepConnector:ke,MuiStepLabel:be,MuiStepContent:ge,MuiTableContainer:Ae,MuiTable:Be,MuiTableHead:Le,MuiTableBody:ve,MuiTableRow:ye,MuiTableCell:we,MuiTableSortLabel:Fe,MuiTablePagination:He,MuiFab:Re,MuiDatePicker:Ke,MuiTimePicker:Ue,MuiDateTimePicker:Xe,MuiDateCalendar:Ze,MuiPickersTextField:it,MuiPickersInputBase:tt,MuiPickersInput:et,MuiPickersOutlinedInput:_e,MuiPickersFilledInput:$e,MuiPickerPopper:rt,MuiPickersDay:mt,MuiDayCalendar:at,MuiMonthCalendar:pt,MuiYearCalendar:st,MuiTimeClock:lt,MuiDigitalClock:ut,MuiMultiSectionDigitalClock:nt,MuiMobileDatePicker:ct,MuiMobileDateTimePicker:ft,MuiMobileTimePicker:dt,MuiDatePickerToolbar:ht,MuiDateTimePickerToolbar:jt,MuiTimePickerToolbar:Mt,MuiDesktopDatePicker:Je,MuiDesktopTimePicker:Qe,MuiDesktopDateTimePicker:We,MuiStaticDatePicker:Ee,MuiStaticTimePicker:Ne,MuiStaticDateTimePicker:Ve,MuiPickersLayout:ot}})}const gt=bt({}),Tt=bt({mode:"dark"}),Ct=bt({direction:"rtl"}),It=bt({direction:"rtl",mode:"dark"});export{bt as createSkodaTheme,Tt as darkTheme,It as rtlDarkTheme,Ct as rtlTheme,gt as theme};
+import{createTheme as e}from"@mui/material";import{flowSxConfig as t}from"./sxConfig.js";import{flowMixins as i}from"./mixins.js";import{flowAccordion as r}from"../accordion/accordion.theme.js";import{flowAlert as o}from"../alert/alert.theme.js";import{flowAlertTitle as m}from"../alert/alertTitle.theme.js";import{flowAvatar as a}from"../avatar/avatar.theme.js";import{flowAvatarGroup as p}from"../avatar/avatarGroup.theme.js";import{flowAccordionSummary as s}from"../accordion/accordionSummary.theme.js";import{flowAccordionDetails as l}from"../accordion/accordionDetails.theme.js";import{flowAccordionActions as n}from"../accordion/accordionActions.theme.js";import{flowAppBar as u}from"../appbar/appbar.theme.js";import{flowToolbar as c}from"../appbar/toolbar.theme.js";import{flowAutocomplete as d}from"../autocomplete/autocomplete.theme.js";import{flowBackdrop as f}from"../backdrop/backdrop.theme.js";import{flowBadge as h}from"../badge/badge.theme.js";import{getFlowScopedCssBaseline as M,getFlowCssBaseline as j}from"../themeProvider/baseline.theme.js";import{flowBreadCrumbs as k}from"../breadcrumbs/breadcrumbs.theme.js";import{flowButton as b}from"../button/button.theme.js";import{flowButtonBase as g}from"../button/buttonBase.theme.js";import{flowLink as C}from"../link/link.theme.js";import{flowCheckbox as T}from"../checkbox/checkbox.theme.js";import{flowChip as I}from"../chip/chip.theme.js";import{flowDialog as x}from"../dialog/dialog.theme.js";import{flowDialogActions as P}from"../dialog/dialogActions.theme.js";import{flowDialogContent as D}from"../dialog/dialogContent.theme.js";import{flowDialogContentText as S}from"../dialog/dialogContentText.theme.js";import{flowDialogTitle as A}from"../dialog/dialogTitle.theme.js";import{flowDivider as B}from"../divider/divider.theme.js";import{flowDrawer as L}from"../drawer/drawer.theme.js";import{flowFilledInput as v}from"../textfield/filledInput.theme.js";import{flowOutlinedInput as y}from"../textfield/outlinedInput.theme.js";import{flowFormControl as w}from"../textfield/formControl.theme.js";import{flowFormControlLabel as F}from"../textfield/formControlLabel.theme.js";import{flowFormHelperText as H}from"../textfield/formHelperText.theme.js";import{flowFormLabel as R}from"../textfield/formLabel.theme.js";import{flowInput as O}from"../textfield/input.theme.js";import{flowInputAdornment as z}from"../textfield/inputAdornment.theme.js";import{flowInputBase as G}from"../textfield/inputBase.theme.js";import{flowInputLabel as Y}from"../textfield/inputLabel.theme.js";import{flowRadio as _}from"../radio/radio.theme.js";import{flowSelect as q}from"../textfield/select.theme.js";import{flowSlider as E}from"../slider/slider.theme.js";import{flowSwitch as J}from"../switch/switch.theme.js";import{flowTextField as K}from"../textfield/textField.theme.js";import{flowSvgIcon as N}from"../svgIcon/svgIcon.theme.js";import{flowIconButton as Q}from"../iconButton/iconButton.theme.js";import{flowLinearProgress as U}from"../linearprogress/linearprogress.theme.js";import{flowCircularProgress as V}from"../circularprogress/circularprogress.theme.js";import{flowContainer as W}from"../container/container.theme.js";import{flowList as X}from"../list/list.theme.js";import{flowListItem as Z}from"../list/listItem.theme.js";import{flowListItemButton as $}from"../list/listItemButton.theme.js";import{flowListItemText as ee}from"../list/listItemText.theme.js";import{flowListItemIcon as te}from"../list/listItemIcon.theme.js";import{flowListItemAvatar as ie}from"../list/listItemAvatar.theme.js";import{flowListItemSecondaryAction as re}from"../list/listItemSecondaryAction.theme.js";import{flowListSubheader as oe}from"../list/listSubheader.theme.js";import{flowMenu as me}from"../menu/menu.theme.js";import{flowMenuItem as ae}from"../menu/menuItem.theme.js";import{getFlowModal as pe}from"../modal/modal.theme.js";import{flowPagination as se}from"../pagination/pagination.theme.js";import{flowPaginationItem as le}from"../pagination/paginationItem.theme.js";import{flowPaper as ne}from"../paper/paper.theme.js";import{flowPopover as ue}from"../popover/popover.theme.js";import{flowRating as ce}from"../rating/rating.theme.js";import{flowSkeleton as de}from"../skeleton/skeleton.theme.js";import{flowSnackbar as fe}from"../snackbar/snackbar.theme.js";import{flowSnackbarContent as he}from"../snackbar/snackbarContent.theme.js";import{flowStepper as Me}from"../stepper/stepper.theme.js";import{flowStep as je}from"../stepper/step.theme.js";import{flowStepButton as ke}from"../stepper/stepButton.theme.js";import{flowStepConnector as be}from"../stepper/stepConnector.theme.js";import{flowStepLabel as ge}from"../stepper/stepLabel.theme.js";import{flowStepContent as Ce}from"../stepper/stepContent.theme.js";import{flowTab as Te}from"../tabs/tab.theme.js";import{flowTabs as Ie}from"../tabs/tabs.theme.js";import{flowTooltip as xe}from"../tooltip/tooltip.theme.js";import{flowCard as Pe}from"../card/card.theme.js";import{flowCardContent as De}from"../card/cardContent.theme.js";import{flowCardHeader as Se}from"../card/cardHeader.theme.js";import{flowCardActionArea as Ae}from"../card/cardActionArea.theme.js";import{flowTableContainer as Be}from"../table/tableContainer.theme.js";import{flowTable as Le}from"../table/table.theme.js";import{flowTableHead as ve}from"../table/tableHead.theme.js";import{flowTableBody as ye}from"../table/tableBody.theme.js";import{flowTableRow as we}from"../table/tableRow.theme.js";import{flowTableCell as Fe}from"../table/tableCell.theme.js";import{flowTableSortLabel as He}from"../table/tableSortLabel.theme.js";import{flowTablePagination as Re}from"../table/tablePagination.theme.js";import{flowFab as Oe}from"../fab/fab.theme.js";import{paletteLight as ze}from"./paletteLight.theme.js";import{paletteDark as Ge}from"./paletteDark.theme.js";import{flowBreakpoints as Ye}from"./theme.breakpoints.js";import{flowElevations as _e}from"./theme.elevations.js";import{flowZIndex as qe}from"./theme.zIndex.js";import{flowStaticDatePicker as Ee,flowDesktopDatePicker as Je,flowDatePicker as Ke}from"../datepicker/datepicker.theme.js";import{flowStaticTimePicker as Ne,flowDesktopTimePicker as Qe,flowTimePicker as Ue}from"../datepicker/timepicker.theme.js";import{flowStaticDateTimePicker as Ve,flowDesktopDateTimePicker as We,flowDateTimePicker as Xe}from"../datepicker/datetimepicker.theme.js";import{flowDateCalendar as Ze}from"../datepicker/datecalendar.theme.js";import{flowPickersFilledInput as $e,flowPickersOutlinedInput as et,flowPickersInput as tt,flowPickersInputBase as it,flowPickersTextField as rt}from"../datepicker/pickerstextfield.theme.js";import{flowPickerPopper as ot}from"../datepicker/pickerpopper.theme.js";import{flowPickersLayout as mt}from"../datepicker/pickerslayout.theme.js";import{flowPickersDay as at}from"../datepicker/pickersday.theme.js";import{flowDayCalendar as pt}from"../datepicker/daycalendar.theme.js";import{flowMonthCalendar as st}from"../datepicker/monthcalendar.theme.js";import{flowYearCalendar as lt}from"../datepicker/yearcalendar.theme.js";import{flowTimeClock as nt}from"../datepicker/timeclock.theme.js";import{flowDigitalClock as ut}from"../datepicker/digitalclock.theme.js";import{flowMultiSectionDigitalClock as ct}from"../datepicker/multisectiondigitalclock.theme.js";import{flowMobileDatePicker as dt}from"../datepicker/mobiledatepicker.theme.js";import{flowMobileTimePicker as ft}from"../datepicker/mobiletimepicker.theme.js";import{flowMobileDateTimePicker as ht}from"../datepicker/mobiledatetimepicker.theme.js";import{flowDatePickerToolbar as Mt}from"../datepicker/datepickertoolbar.theme.js";import{flowTimePickerToolbar as jt}from"../datepicker/timepickertoolbar.theme.js";import{flowDateTimePickerToolbar as kt}from"../datepicker/datetimepickertoolbar.theme.js";import{getTypographyOptions as bt}from"../typography/typography.theme.js";import"@mui/x-date-pickers/themeAugmentation";function gt({mode:gt="light",direction:Ct="ltr",breakpointsOptions:Tt=Ye}){return e({breakpoints:Tt,mixins:i,palette:"dark"===gt?Ge:ze,direction:Ct,typography:bt(Tt,"rtl"===Ct),flowShadows:_e,zIndex:qe,unstable_sxConfig:t,components:{MuiAlert:o,MuiAlertTitle:m,MuiAvatar:a,MuiAvatarGroup:p,MuiAppBar:u,MuiToolbar:c,MuiContainer:W,MuiCssBaseline:j(Tt,"rtl"===Ct),MuiScopedCssBaseline:M(Tt,"rtl"===Ct),MuiButtonBase:g,MuiButton:b,MuiIconButton:Q,MuiSvgIcon:N,MuiLink:C,MuiLinearProgress:U,MuiCircularProgress:V,MuiSwitch:J,MuiCheckbox:T,MuiRadio:_,MuiSlider:E,MuiTooltip:xe,MuiDivider:B,MuiBadge:h,MuiChip:I,MuiPaper:ne,MuiTextField:K,MuiSelect:q,MuiMenu:me,MuiMenuItem:ae,MuiTab:Te,MuiTabs:Ie,MuiCard:Pe,MuiCardContent:De,MuiCardHeader:Se,MuiCardActionArea:Ae,MuiPaginationItem:le,MuiPagination:se,MuiRating:ce,MuiSnackbar:fe,MuiSnackbarContent:he,MuiModal:pe(Tt,"rtl"===Ct),MuiBackdrop:f,MuiDrawer:L,MuiAccordion:r,MuiAccordionSummary:s,MuiAccordionDetails:l,MuiAccordionActions:n,MuiInputBase:G,MuiInputLabel:Y,MuiInput:O,MuiFormControl:w,MuiFilledInput:v,MuiOutlinedInput:y,MuiFormLabel:R,MuiFormControlLabel:F,MuiInputAdornment:z,MuiFormHelperText:H,MuiDialogActions:P,MuiDialog:x,MuiDialogContent:D,MuiDialogContentText:S,MuiDialogTitle:A,MuiList:X,MuiListItem:Z,MuiListItemButton:$,MuiListItemText:ee,MuiListItemIcon:te,MuiListItemAvatar:ie,MuiListItemSecondaryAction:re,MuiListSubheader:oe,MuiPopover:ue,MuiAutocomplete:d,MuiBreadcrumbs:k,MuiSkeleton:de,MuiStepper:Me,MuiStep:je,MuiStepButton:ke,MuiStepConnector:be,MuiStepLabel:ge,MuiStepContent:Ce,MuiTableContainer:Be,MuiTable:Le,MuiTableHead:ve,MuiTableBody:ye,MuiTableRow:we,MuiTableCell:Fe,MuiTableSortLabel:He,MuiTablePagination:Re,MuiFab:Oe,MuiDatePicker:Ke,MuiTimePicker:Ue,MuiDateTimePicker:Xe,MuiDateCalendar:Ze,MuiPickersTextField:rt,MuiPickersInputBase:it,MuiPickersInput:tt,MuiPickersOutlinedInput:et,MuiPickersFilledInput:$e,MuiPickerPopper:ot,MuiPickerDay:at,MuiDayCalendar:pt,MuiMonthCalendar:st,MuiYearCalendar:lt,MuiTimeClock:nt,MuiDigitalClock:ut,MuiMultiSectionDigitalClock:ct,MuiMobileDatePicker:dt,MuiMobileDateTimePicker:ht,MuiMobileTimePicker:ft,MuiDatePickerToolbar:Mt,MuiDateTimePickerToolbar:kt,MuiTimePickerToolbar:jt,MuiDesktopDatePicker:Je,MuiDesktopTimePicker:Qe,MuiDesktopDateTimePicker:We,MuiStaticDatePicker:Ee,MuiStaticTimePicker:Ne,MuiStaticDateTimePicker:Ve,MuiPickersLayout:mt}})}const Ct=gt({}),Tt=gt({mode:"dark"}),It=gt({direction:"rtl"}),xt=gt({direction:"rtl",mode:"dark"});export{gt as createSkodaTheme,Tt as darkTheme,xt as rtlDarkTheme,It as rtlTheme,Ct as theme};
 //# sourceMappingURL=theme.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"theme.js","sources":["../../../src/materialui/theme/theme.ts"],"sourcesContent":["import { PaletteMode, BreakpointsOptions, Direction, createTheme } from '@mui/material';\nimport { flowMixins } from './mixins';\nimport { flowAccordion } from '../accordion/accordion.theme';\nimport { flowAlert } from '../alert/alert.theme';\nimport { flowAlertTitle } from '../alert/alertTitle.theme';\nimport { flowAvatar } from '../avatar/avatar.theme';\nimport { flowAvatarGroup } from '../avatar/avatarGroup.theme';\nimport { flowAccordionSummary } from '../accordion/accordionSummary.theme';\nimport { flowAccordionDetails } from '../accordion/accordionDetails.theme';\nimport { flowAccordionActions } from '../accordion/accordionActions.theme';\nimport { flowAppBar } from '../appbar/appbar.theme';\nimport { flowToolbar } from '../appbar/toolbar.theme';\nimport { flowAutocomplete } from '../autocomplete/autocomplete.theme';\nimport { flowBackdrop } from '../backdrop/backdrop.theme';\nimport { flowBadge } from '../badge/badge.theme';\nimport { getFlowScopedCssBaseline, getFlowCssBaseline } from '../themeProvider/baseline.theme';\nimport { flowBreadCrumbs } from '../breadcrumbs/breadcrumbs.theme';\nimport { flowButton } from '../button/button.theme';\nimport { flowButtonBase } from '../button/buttonBase.theme';\nimport { flowLink } from '../link/link.theme';\nimport { flowCheckbox } from '../checkbox/checkbox.theme';\nimport { flowChip } from '../chip/chip.theme';\nimport { flowDialog } from '../dialog/dialog.theme';\nimport { flowDialogActions } from '../dialog/dialogActions.theme';\nimport { flowDialogContent } from '../dialog/dialogContent.theme';\nimport { flowDialogContentText } from '../dialog/dialogContentText.theme';\nimport { flowDialogTitle } from '../dialog/dialogTitle.theme';\nimport { flowDivider } from '../divider/divider.theme';\nimport { flowDrawer } from '../drawer/drawer.theme';\nimport { flowFilledInput } from '../textfield/filledInput.theme';\nimport { flowOutlinedInput } from '../textfield/outlinedInput.theme';\nimport { flowFormControl } from '../textfield/formControl.theme';\nimport { flowFormControlLabel } from '../textfield/formControlLabel.theme';\nimport { flowFormHelperText } from '../textfield/formHelperText.theme';\nimport { flowFormLabel } from '../textfield/formLabel.theme';\nimport { flowInput } from '../textfield/input.theme';\nimport { flowInputAdornment } from '../textfield/inputAdornment.theme';\nimport { flowInputBase } from '../textfield/inputBase.theme';\nimport { flowInputLabel } from '../textfield/inputLabel.theme';\nimport { flowRadio } from '../radio/radio.theme';\nimport { flowSelect } from '../textfield/select.theme';\nimport { flowSlider } from '../slider/slider.theme';\nimport { flowSwitch } from '../switch/switch.theme';\nimport { flowTextField } from '../textfield/textField.theme';\nimport { flowSvgIcon } from '../svgIcon/svgIcon.theme';\nimport { flowIconButton } from '../iconButton/iconButton.theme';\nimport { flowLinearProgress } from '../linearprogress/linearprogress.theme';\nimport { flowCircularProgress } from '../circularprogress/circularprogress.theme';\nimport { flowContainer } from '../container/container.theme';\nimport { flowList } from '../list/list.theme';\nimport { flowListItem } from '../list/listItem.theme';\nimport { flowListItemButton } from '../list/listItemButton.theme';\nimport { flowListItemText } from '../list/listItemText.theme';\nimport { flowListItemIcon } from '../list/listItemIcon.theme';\nimport { flowListItemAvatar } from '../list/listItemAvatar.theme';\nimport { flowListItemSecondaryAction } from '../list/listItemSecondaryAction.theme';\nimport { flowListSubheader } from '../list/listSubheader.theme';\nimport { flowMenu } from '../menu/menu.theme';\nimport { flowMenuItem } from '../menu/menuItem.theme';\nimport { getFlowModal } from '../modal/modal.theme';\nimport { flowPagination } from '../pagination/pagination.theme';\nimport { flowPaginationItem } from '../pagination/paginationItem.theme';\nimport { flowPaper } from '../paper/paper.theme';\nimport { flowPopover } from '../popover/popover.theme';\nimport { flowRating } from '../rating/rating.theme';\nimport { flowSkeleton } from '../skeleton/skeleton.theme';\nimport { flowSnackbar } from '../snackbar/snackbar.theme';\nimport { flowSnackbarContent } from '../snackbar/snackbarContent.theme';\nimport { flowStepper } from '../stepper/stepper.theme';\nimport { flowStep } from '../stepper/step.theme';\nimport { flowStepButton } from '../stepper/stepButton.theme';\nimport { flowStepConnector } from '../stepper/stepConnector.theme';\nimport { flowStepLabel } from '../stepper/stepLabel.theme';\nimport { flowStepContent } from '../stepper/stepContent.theme';\nimport { flowTab } from '../tabs/tab.theme';\nimport { flowTabs } from '../tabs/tabs.theme';\nimport { flowTooltip } from '../tooltip/tooltip.theme';\nimport { flowCard } from '../card/card.theme';\nimport { flowCardContent } from '../card/cardContent.theme';\nimport { flowCardHeader } from '../card/cardHeader.theme';\nimport { flowCardActionArea } from '../card/cardActionArea.theme';\nimport { flowTableContainer } from '../table/tableContainer.theme';\nimport { flowTable } from '../table/table.theme';\nimport { flowTableHead } from '../table/tableHead.theme';\nimport { flowTableBody } from '../table/tableBody.theme';\nimport { flowTableRow } from '../table/tableRow.theme';\nimport { flowTableCell } from '../table/tableCell.theme';\nimport { flowTableSortLabel } from '../table/tableSortLabel.theme';\nimport { flowTablePagination } from '../table/tablePagination.theme';\nimport { flowFab } from '../fab/fab.theme';\nimport { paletteLight } from './paletteLight.theme';\nimport { paletteDark } from './paletteDark.theme';\nimport { flowBreakpoints } from './theme.breakpoints';\nimport { flowElevations } from './theme.elevations';\nimport { flowZIndex } from './theme.zIndex';\nimport { flowDatePicker, flowDesktopDatePicker, flowStaticDatePicker } from '../datepicker/datepicker.theme';\nimport { flowTimePicker, flowDesktopTimePicker, flowStaticTimePicker } from '../datepicker/timepicker.theme';\nimport {\n flowDateTimePicker,\n flowDesktopDateTimePicker,\n flowStaticDateTimePicker,\n} from '../datepicker/datetimepicker.theme';\nimport { flowDateCalendar } from '../datepicker/datecalendar.theme';\nimport {\n flowPickersFilledInput,\n flowPickersInput,\n flowPickersInputBase,\n flowPickersOutlinedInput,\n flowPickersTextField,\n} from '../datepicker/pickerstextfield.theme';\nimport { flowPickerPopper } from '../datepicker/pickerpopper.theme';\nimport { flowPickersLayout } from '../datepicker/pickerslayout.theme';\nimport { flowPickersDay } from '../datepicker/pickersday.theme';\nimport { flowDayCalendar } from '../datepicker/daycalendar.theme';\nimport { flowMonthCalendar } from '../datepicker/monthcalendar.theme';\nimport { flowYearCalendar } from '../datepicker/yearcalendar.theme';\nimport { flowTimeClock } from '../datepicker/timeclock.theme';\nimport { flowDigitalClock } from '../datepicker/digitalclock.theme';\nimport { flowMultiSectionDigitalClock } from '../datepicker/multisectiondigitalclock.theme';\nimport { flowMobileDatePicker } from '../datepicker/mobiledatepicker.theme';\nimport { flowMobileTimePicker } from '../datepicker/mobiletimepicker.theme';\nimport { flowMobileDateTimePicker } from '../datepicker/mobiledatetimepicker.theme';\nimport { flowDatePickerToolbar } from '../datepicker/datepickertoolbar.theme';\nimport { flowTimePickerToolbar } from '../datepicker/timepickertoolbar.theme';\nimport { flowDateTimePickerToolbar } from '../datepicker/datetimepickertoolbar.theme';\nimport './theme.extensions';\nimport { getTypographyOptions } from '../typography/typography.theme';\nimport '@mui/x-date-pickers/themeAugmentation';\n\nexport function createSkodaTheme({\n mode = 'light',\n direction = 'ltr',\n breakpointsOptions = flowBreakpoints,\n}: {\n mode?: PaletteMode;\n direction?: Direction;\n breakpointsOptions?: BreakpointsOptions;\n}) {\n return createTheme({\n breakpoints: breakpointsOptions,\n mixins: flowMixins,\n palette: mode === 'dark' ? paletteDark : paletteLight,\n direction: direction,\n typography: getTypographyOptions(breakpointsOptions, direction === 'rtl'),\n flowShadows: flowElevations,\n zIndex: flowZIndex,\n components: {\n MuiAlert: flowAlert,\n MuiAlertTitle: flowAlertTitle,\n MuiAvatar: flowAvatar,\n MuiAvatarGroup: flowAvatarGroup,\n MuiAppBar: flowAppBar,\n MuiToolbar: flowToolbar,\n MuiContainer: flowContainer,\n MuiCssBaseline: getFlowCssBaseline(breakpointsOptions, direction === 'rtl'),\n MuiScopedCssBaseline: getFlowScopedCssBaseline(breakpointsOptions, direction === 'rtl'),\n MuiButtonBase: flowButtonBase,\n MuiButton: flowButton,\n MuiIconButton: flowIconButton,\n MuiSvgIcon: flowSvgIcon,\n MuiLink: flowLink,\n MuiLinearProgress: flowLinearProgress,\n MuiCircularProgress: flowCircularProgress,\n MuiSwitch: flowSwitch,\n MuiCheckbox: flowCheckbox,\n MuiRadio: flowRadio,\n MuiSlider: flowSlider,\n MuiTooltip: flowTooltip,\n MuiDivider: flowDivider,\n MuiBadge: flowBadge,\n MuiChip: flowChip,\n MuiPaper: flowPaper,\n MuiTextField: flowTextField,\n MuiSelect: flowSelect,\n MuiMenu: flowMenu,\n MuiMenuItem: flowMenuItem,\n MuiTab: flowTab,\n MuiTabs: flowTabs,\n MuiCard: flowCard,\n MuiCardContent: flowCardContent,\n MuiCardHeader: flowCardHeader,\n MuiCardActionArea: flowCardActionArea,\n MuiPaginationItem: flowPaginationItem,\n MuiPagination: flowPagination,\n MuiRating: flowRating,\n MuiSnackbar: flowSnackbar,\n MuiSnackbarContent: flowSnackbarContent,\n MuiModal: getFlowModal(breakpointsOptions, direction === 'rtl'),\n MuiBackdrop: flowBackdrop,\n MuiDrawer: flowDrawer,\n MuiAccordion: flowAccordion,\n MuiAccordionSummary: flowAccordionSummary,\n MuiAccordionDetails: flowAccordionDetails,\n MuiAccordionActions: flowAccordionActions,\n MuiInputBase: flowInputBase,\n MuiInputLabel: flowInputLabel,\n MuiInput: flowInput,\n MuiFormControl: flowFormControl,\n MuiFilledInput: flowFilledInput,\n MuiOutlinedInput: flowOutlinedInput,\n MuiFormLabel: flowFormLabel,\n MuiFormControlLabel: flowFormControlLabel,\n MuiInputAdornment: flowInputAdornment,\n MuiFormHelperText: flowFormHelperText,\n MuiDialogActions: flowDialogActions,\n MuiDialog: flowDialog,\n MuiDialogContent: flowDialogContent,\n MuiDialogContentText: flowDialogContentText,\n MuiDialogTitle: flowDialogTitle,\n MuiList: flowList,\n MuiListItem: flowListItem,\n MuiListItemButton: flowListItemButton,\n MuiListItemText: flowListItemText,\n MuiListItemIcon: flowListItemIcon,\n MuiListItemAvatar: flowListItemAvatar,\n MuiListItemSecondaryAction: flowListItemSecondaryAction,\n MuiListSubheader: flowListSubheader,\n MuiPopover: flowPopover,\n MuiAutocomplete: flowAutocomplete,\n MuiBreadcrumbs: flowBreadCrumbs,\n MuiSkeleton: flowSkeleton,\n MuiStepper: flowStepper,\n MuiStep: flowStep,\n MuiStepButton: flowStepButton,\n MuiStepConnector: flowStepConnector,\n MuiStepLabel: flowStepLabel,\n MuiStepContent: flowStepContent,\n MuiTableContainer: flowTableContainer,\n MuiTable: flowTable,\n MuiTableHead: flowTableHead,\n MuiTableBody: flowTableBody,\n MuiTableRow: flowTableRow,\n MuiTableCell: flowTableCell,\n MuiTableSortLabel: flowTableSortLabel,\n MuiTablePagination: flowTablePagination,\n MuiFab: flowFab,\n MuiDatePicker: flowDatePicker,\n MuiTimePicker: flowTimePicker,\n MuiDateTimePicker: flowDateTimePicker,\n MuiDateCalendar: flowDateCalendar,\n MuiPickersTextField: flowPickersTextField,\n MuiPickersInputBase: flowPickersInputBase,\n MuiPickersInput: flowPickersInput,\n MuiPickersOutlinedInput: flowPickersOutlinedInput,\n MuiPickersFilledInput: flowPickersFilledInput,\n MuiPickerPopper: flowPickerPopper,\n MuiPickersDay: flowPickersDay,\n MuiDayCalendar: flowDayCalendar,\n MuiMonthCalendar: flowMonthCalendar,\n MuiYearCalendar: flowYearCalendar,\n MuiTimeClock: flowTimeClock,\n MuiDigitalClock: flowDigitalClock,\n MuiMultiSectionDigitalClock: flowMultiSectionDigitalClock,\n MuiMobileDatePicker: flowMobileDatePicker,\n MuiMobileDateTimePicker: flowMobileDateTimePicker,\n MuiMobileTimePicker: flowMobileTimePicker,\n MuiDatePickerToolbar: flowDatePickerToolbar,\n MuiDateTimePickerToolbar: flowDateTimePickerToolbar,\n MuiTimePickerToolbar: flowTimePickerToolbar,\n MuiDesktopDatePicker: flowDesktopDatePicker,\n MuiDesktopTimePicker: flowDesktopTimePicker,\n MuiDesktopDateTimePicker: flowDesktopDateTimePicker,\n MuiStaticDatePicker: flowStaticDatePicker,\n MuiStaticTimePicker: flowStaticTimePicker,\n MuiStaticDateTimePicker: flowStaticDateTimePicker,\n MuiPickersLayout: flowPickersLayout,\n },\n });\n}\n\nexport const theme = createSkodaTheme({});\nexport const darkTheme = createSkodaTheme({ mode: 'dark' });\nexport const rtlTheme = createSkodaTheme({ direction: 'rtl' });\nexport const rtlDarkTheme = createSkodaTheme({ direction: 'rtl', mode: 'dark' });\n"],"names":["createSkodaTheme","mode","direction","breakpointsOptions","flowBreakpoints","createTheme","breakpoints","mixins","flowMixins","palette","paletteDark","paletteLight","typography","getTypographyOptions","flowShadows","flowElevations","zIndex","flowZIndex","components","MuiAlert","flowAlert","MuiAlertTitle","flowAlertTitle","MuiAvatar","flowAvatar","MuiAvatarGroup","flowAvatarGroup","MuiAppBar","flowAppBar","MuiToolbar","flowToolbar","MuiContainer","flowContainer","MuiCssBaseline","getFlowCssBaseline","MuiScopedCssBaseline","getFlowScopedCssBaseline","MuiButtonBase","flowButtonBase","MuiButton","flowButton","MuiIconButton","flowIconButton","MuiSvgIcon","flowSvgIcon","MuiLink","flowLink","MuiLinearProgress","flowLinearProgress","MuiCircularProgress","flowCircularProgress","MuiSwitch","flowSwitch","MuiCheckbox","flowCheckbox","MuiRadio","flowRadio","MuiSlider","flowSlider","MuiTooltip","flowTooltip","MuiDivider","flowDivider","MuiBadge","flowBadge","MuiChip","flowChip","MuiPaper","flowPaper","MuiTextField","flowTextField","MuiSelect","flowSelect","MuiMenu","flowMenu","MuiMenuItem","flowMenuItem","MuiTab","flowTab","MuiTabs","flowTabs","MuiCard","flowCard","MuiCardContent","flowCardContent","MuiCardHeader","flowCardHeader","MuiCardActionArea","flowCardActionArea","MuiPaginationItem","flowPaginationItem","MuiPagination","flowPagination","MuiRating","flowRating","MuiSnackbar","flowSnackbar","MuiSnackbarContent","flowSnackbarContent","MuiModal","getFlowModal","MuiBackdrop","flowBackdrop","MuiDrawer","flowDrawer","MuiAccordion","flowAccordion","MuiAccordionSummary","flowAccordionSummary","MuiAccordionDetails","flowAccordionDetails","MuiAccordionActions","flowAccordionActions","MuiInputBase","flowInputBase","MuiInputLabel","flowInputLabel","MuiInput","flowInput","MuiFormControl","flowFormControl","MuiFilledInput","flowFilledInput","MuiOutlinedInput","flowOutlinedInput","MuiFormLabel","flowFormLabel","MuiFormControlLabel","flowFormControlLabel","MuiInputAdornment","flowInputAdornment","MuiFormHelperText","flowFormHelperText","MuiDialogActions","flowDialogActions","MuiDialog","flowDialog","MuiDialogContent","flowDialogContent","MuiDialogContentText","flowDialogContentText","MuiDialogTitle","flowDialogTitle","MuiList","flowList","MuiListItem","flowListItem","MuiListItemButton","flowListItemButton","MuiListItemText","flowListItemText","MuiListItemIcon","flowListItemIcon","MuiListItemAvatar","flowListItemAvatar","MuiListItemSecondaryAction","flowListItemSecondaryAction","MuiListSubheader","flowListSubheader","MuiPopover","flowPopover","MuiAutocomplete","flowAutocomplete","MuiBreadcrumbs","flowBreadCrumbs","MuiSkeleton","flowSkeleton","MuiStepper","flowStepper","MuiStep","flowStep","MuiStepButton","flowStepButton","MuiStepConnector","flowStepConnector","MuiStepLabel","flowStepLabel","MuiStepContent","flowStepContent","MuiTableContainer","flowTableContainer","MuiTable","flowTable","MuiTableHead","flowTableHead","MuiTableBody","flowTableBody","MuiTableRow","flowTableRow","MuiTableCell","flowTableCell","MuiTableSortLabel","flowTableSortLabel","MuiTablePagination","flowTablePagination","MuiFab","flowFab","MuiDatePicker","flowDatePicker","MuiTimePicker","flowTimePicker","MuiDateTimePicker","flowDateTimePicker","MuiDateCalendar","flowDateCalendar","MuiPickersTextField","flowPickersTextField","MuiPickersInputBase","flowPickersInputBase","MuiPickersInput","flowPickersInput","MuiPickersOutlinedInput","flowPickersOutlinedInput","MuiPickersFilledInput","flowPickersFilledInput","MuiPickerPopper","flowPickerPopper","MuiPickersDay","flowPickersDay","MuiDayCalendar","flowDayCalendar","MuiMonthCalendar","flowMonthCalendar","MuiYearCalendar","flowYearCalendar","MuiTimeClock","flowTimeClock","MuiDigitalClock","flowDigitalClock","MuiMultiSectionDigitalClock","flowMultiSectionDigitalClock","MuiMobileDatePicker","flowMobileDatePicker","MuiMobileDateTimePicker","flowMobileDateTimePicker","MuiMobileTimePicker","flowMobileTimePicker","MuiDatePickerToolbar","flowDatePickerToolbar","MuiDateTimePickerToolbar","flowDateTimePickerToolbar","MuiTimePickerToolbar","flowTimePickerToolbar","MuiDesktopDatePicker","flowDesktopDatePicker","MuiDesktopTimePicker","flowDesktopTimePicker","MuiDesktopDateTimePicker","flowDesktopDateTimePicker","MuiStaticDatePicker","flowStaticDatePicker","MuiStaticTimePicker","flowStaticTimePicker","MuiStaticDateTimePicker","flowStaticDateTimePicker","MuiPickersLayout","flowPickersLayout","theme","darkTheme","rtlTheme","rtlDarkTheme"],"mappings":"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"}
1	+ {"version":3,"file":"theme.js","sources":["../../../src/materialui/theme/theme.ts"],"sourcesContent":["import { PaletteMode, BreakpointsOptions, Direction, createTheme } from '@mui/material';\nimport { flowSxConfig } from './sxConfig';\nimport { flowMixins } from './mixins';\nimport { flowAccordion } from '../accordion/accordion.theme';\nimport { flowAlert } from '../alert/alert.theme';\nimport { flowAlertTitle } from '../alert/alertTitle.theme';\nimport { flowAvatar } from '../avatar/avatar.theme';\nimport { flowAvatarGroup } from '../avatar/avatarGroup.theme';\nimport { flowAccordionSummary } from '../accordion/accordionSummary.theme';\nimport { flowAccordionDetails } from '../accordion/accordionDetails.theme';\nimport { flowAccordionActions } from '../accordion/accordionActions.theme';\nimport { flowAppBar } from '../appbar/appbar.theme';\nimport { flowToolbar } from '../appbar/toolbar.theme';\nimport { flowAutocomplete } from '../autocomplete/autocomplete.theme';\nimport { flowBackdrop } from '../backdrop/backdrop.theme';\nimport { flowBadge } from '../badge/badge.theme';\nimport { getFlowScopedCssBaseline, getFlowCssBaseline } from '../themeProvider/baseline.theme';\nimport { flowBreadCrumbs } from '../breadcrumbs/breadcrumbs.theme';\nimport { flowButton } from '../button/button.theme';\nimport { flowButtonBase } from '../button/buttonBase.theme';\nimport { flowLink } from '../link/link.theme';\nimport { flowCheckbox } from '../checkbox/checkbox.theme';\nimport { flowChip } from '../chip/chip.theme';\nimport { flowDialog } from '../dialog/dialog.theme';\nimport { flowDialogActions } from '../dialog/dialogActions.theme';\nimport { flowDialogContent } from '../dialog/dialogContent.theme';\nimport { flowDialogContentText } from '../dialog/dialogContentText.theme';\nimport { flowDialogTitle } from '../dialog/dialogTitle.theme';\nimport { flowDivider } from '../divider/divider.theme';\nimport { flowDrawer } from '../drawer/drawer.theme';\nimport { flowFilledInput } from '../textfield/filledInput.theme';\nimport { flowOutlinedInput } from '../textfield/outlinedInput.theme';\nimport { flowFormControl } from '../textfield/formControl.theme';\nimport { flowFormControlLabel } from '../textfield/formControlLabel.theme';\nimport { flowFormHelperText } from '../textfield/formHelperText.theme';\nimport { flowFormLabel } from '../textfield/formLabel.theme';\nimport { flowInput } from '../textfield/input.theme';\nimport { flowInputAdornment } from '../textfield/inputAdornment.theme';\nimport { flowInputBase } from '../textfield/inputBase.theme';\nimport { flowInputLabel } from '../textfield/inputLabel.theme';\nimport { flowRadio } from '../radio/radio.theme';\nimport { flowSelect } from '../textfield/select.theme';\nimport { flowSlider } from '../slider/slider.theme';\nimport { flowSwitch } from '../switch/switch.theme';\nimport { flowTextField } from '../textfield/textField.theme';\nimport { flowSvgIcon } from '../svgIcon/svgIcon.theme';\nimport { flowIconButton } from '../iconButton/iconButton.theme';\nimport { flowLinearProgress } from '../linearprogress/linearprogress.theme';\nimport { flowCircularProgress } from '../circularprogress/circularprogress.theme';\nimport { flowContainer } from '../container/container.theme';\nimport { flowList } from '../list/list.theme';\nimport { flowListItem } from '../list/listItem.theme';\nimport { flowListItemButton } from '../list/listItemButton.theme';\nimport { flowListItemText } from '../list/listItemText.theme';\nimport { flowListItemIcon } from '../list/listItemIcon.theme';\nimport { flowListItemAvatar } from '../list/listItemAvatar.theme';\nimport { flowListItemSecondaryAction } from '../list/listItemSecondaryAction.theme';\nimport { flowListSubheader } from '../list/listSubheader.theme';\nimport { flowMenu } from '../menu/menu.theme';\nimport { flowMenuItem } from '../menu/menuItem.theme';\nimport { getFlowModal } from '../modal/modal.theme';\nimport { flowPagination } from '../pagination/pagination.theme';\nimport { flowPaginationItem } from '../pagination/paginationItem.theme';\nimport { flowPaper } from '../paper/paper.theme';\nimport { flowPopover } from '../popover/popover.theme';\nimport { flowRating } from '../rating/rating.theme';\nimport { flowSkeleton } from '../skeleton/skeleton.theme';\nimport { flowSnackbar } from '../snackbar/snackbar.theme';\nimport { flowSnackbarContent } from '../snackbar/snackbarContent.theme';\nimport { flowStepper } from '../stepper/stepper.theme';\nimport { flowStep } from '../stepper/step.theme';\nimport { flowStepButton } from '../stepper/stepButton.theme';\nimport { flowStepConnector } from '../stepper/stepConnector.theme';\nimport { flowStepLabel } from '../stepper/stepLabel.theme';\nimport { flowStepContent } from '../stepper/stepContent.theme';\nimport { flowTab } from '../tabs/tab.theme';\nimport { flowTabs } from '../tabs/tabs.theme';\nimport { flowTooltip } from '../tooltip/tooltip.theme';\nimport { flowCard } from '../card/card.theme';\nimport { flowCardContent } from '../card/cardContent.theme';\nimport { flowCardHeader } from '../card/cardHeader.theme';\nimport { flowCardActionArea } from '../card/cardActionArea.theme';\nimport { flowTableContainer } from '../table/tableContainer.theme';\nimport { flowTable } from '../table/table.theme';\nimport { flowTableHead } from '../table/tableHead.theme';\nimport { flowTableBody } from '../table/tableBody.theme';\nimport { flowTableRow } from '../table/tableRow.theme';\nimport { flowTableCell } from '../table/tableCell.theme';\nimport { flowTableSortLabel } from '../table/tableSortLabel.theme';\nimport { flowTablePagination } from '../table/tablePagination.theme';\nimport { flowFab } from '../fab/fab.theme';\nimport { paletteLight } from './paletteLight.theme';\nimport { paletteDark } from './paletteDark.theme';\nimport { flowBreakpoints } from './theme.breakpoints';\nimport { flowElevations } from './theme.elevations';\nimport { flowZIndex } from './theme.zIndex';\nimport { flowDatePicker, flowDesktopDatePicker, flowStaticDatePicker } from '../datepicker/datepicker.theme';\nimport { flowTimePicker, flowDesktopTimePicker, flowStaticTimePicker } from '../datepicker/timepicker.theme';\nimport {\n flowDateTimePicker,\n flowDesktopDateTimePicker,\n flowStaticDateTimePicker,\n} from '../datepicker/datetimepicker.theme';\nimport { flowDateCalendar } from '../datepicker/datecalendar.theme';\nimport {\n flowPickersFilledInput,\n flowPickersInput,\n flowPickersInputBase,\n flowPickersOutlinedInput,\n flowPickersTextField,\n} from '../datepicker/pickerstextfield.theme';\nimport { flowPickerPopper } from '../datepicker/pickerpopper.theme';\nimport { flowPickersLayout } from '../datepicker/pickerslayout.theme';\nimport { flowPickersDay } from '../datepicker/pickersday.theme';\nimport { flowDayCalendar } from '../datepicker/daycalendar.theme';\nimport { flowMonthCalendar } from '../datepicker/monthcalendar.theme';\nimport { flowYearCalendar } from '../datepicker/yearcalendar.theme';\nimport { flowTimeClock } from '../datepicker/timeclock.theme';\nimport { flowDigitalClock } from '../datepicker/digitalclock.theme';\nimport { flowMultiSectionDigitalClock } from '../datepicker/multisectiondigitalclock.theme';\nimport { flowMobileDatePicker } from '../datepicker/mobiledatepicker.theme';\nimport { flowMobileTimePicker } from '../datepicker/mobiletimepicker.theme';\nimport { flowMobileDateTimePicker } from '../datepicker/mobiledatetimepicker.theme';\nimport { flowDatePickerToolbar } from '../datepicker/datepickertoolbar.theme';\nimport { flowTimePickerToolbar } from '../datepicker/timepickertoolbar.theme';\nimport { flowDateTimePickerToolbar } from '../datepicker/datetimepickertoolbar.theme';\nimport './theme.extensions';\nimport { getTypographyOptions } from '../typography/typography.theme';\nimport '@mui/x-date-pickers/themeAugmentation';\n\nexport function createSkodaTheme({\n mode = 'light',\n direction = 'ltr',\n breakpointsOptions = flowBreakpoints,\n}: {\n mode?: PaletteMode;\n direction?: Direction;\n breakpointsOptions?: BreakpointsOptions;\n}) {\n return createTheme({\n breakpoints: breakpointsOptions,\n mixins: flowMixins,\n palette: mode === 'dark' ? paletteDark : paletteLight,\n direction: direction,\n typography: getTypographyOptions(breakpointsOptions, direction === 'rtl'),\n flowShadows: flowElevations,\n zIndex: flowZIndex,\n unstable_sxConfig: flowSxConfig,\n components: {\n MuiAlert: flowAlert,\n MuiAlertTitle: flowAlertTitle,\n MuiAvatar: flowAvatar,\n MuiAvatarGroup: flowAvatarGroup,\n MuiAppBar: flowAppBar,\n MuiToolbar: flowToolbar,\n MuiContainer: flowContainer,\n MuiCssBaseline: getFlowCssBaseline(breakpointsOptions, direction === 'rtl'),\n MuiScopedCssBaseline: getFlowScopedCssBaseline(breakpointsOptions, direction === 'rtl'),\n MuiButtonBase: flowButtonBase,\n MuiButton: flowButton,\n MuiIconButton: flowIconButton,\n MuiSvgIcon: flowSvgIcon,\n MuiLink: flowLink,\n MuiLinearProgress: flowLinearProgress,\n MuiCircularProgress: flowCircularProgress,\n MuiSwitch: flowSwitch,\n MuiCheckbox: flowCheckbox,\n MuiRadio: flowRadio,\n MuiSlider: flowSlider,\n MuiTooltip: flowTooltip,\n MuiDivider: flowDivider,\n MuiBadge: flowBadge,\n MuiChip: flowChip,\n MuiPaper: flowPaper,\n MuiTextField: flowTextField,\n MuiSelect: flowSelect,\n MuiMenu: flowMenu,\n MuiMenuItem: flowMenuItem,\n MuiTab: flowTab,\n MuiTabs: flowTabs,\n MuiCard: flowCard,\n MuiCardContent: flowCardContent,\n MuiCardHeader: flowCardHeader,\n MuiCardActionArea: flowCardActionArea,\n MuiPaginationItem: flowPaginationItem,\n MuiPagination: flowPagination,\n MuiRating: flowRating,\n MuiSnackbar: flowSnackbar,\n MuiSnackbarContent: flowSnackbarContent,\n MuiModal: getFlowModal(breakpointsOptions, direction === 'rtl'),\n MuiBackdrop: flowBackdrop,\n MuiDrawer: flowDrawer,\n MuiAccordion: flowAccordion,\n MuiAccordionSummary: flowAccordionSummary,\n MuiAccordionDetails: flowAccordionDetails,\n MuiAccordionActions: flowAccordionActions,\n MuiInputBase: flowInputBase,\n MuiInputLabel: flowInputLabel,\n MuiInput: flowInput,\n MuiFormControl: flowFormControl,\n MuiFilledInput: flowFilledInput,\n MuiOutlinedInput: flowOutlinedInput,\n MuiFormLabel: flowFormLabel,\n MuiFormControlLabel: flowFormControlLabel,\n MuiInputAdornment: flowInputAdornment,\n MuiFormHelperText: flowFormHelperText,\n MuiDialogActions: flowDialogActions,\n MuiDialog: flowDialog,\n MuiDialogContent: flowDialogContent,\n MuiDialogContentText: flowDialogContentText,\n MuiDialogTitle: flowDialogTitle,\n MuiList: flowList,\n MuiListItem: flowListItem,\n MuiListItemButton: flowListItemButton,\n MuiListItemText: flowListItemText,\n MuiListItemIcon: flowListItemIcon,\n MuiListItemAvatar: flowListItemAvatar,\n MuiListItemSecondaryAction: flowListItemSecondaryAction,\n MuiListSubheader: flowListSubheader,\n MuiPopover: flowPopover,\n MuiAutocomplete: flowAutocomplete,\n MuiBreadcrumbs: flowBreadCrumbs,\n MuiSkeleton: flowSkeleton,\n MuiStepper: flowStepper,\n MuiStep: flowStep,\n MuiStepButton: flowStepButton,\n MuiStepConnector: flowStepConnector,\n MuiStepLabel: flowStepLabel,\n MuiStepContent: flowStepContent,\n MuiTableContainer: flowTableContainer,\n MuiTable: flowTable,\n MuiTableHead: flowTableHead,\n MuiTableBody: flowTableBody,\n MuiTableRow: flowTableRow,\n MuiTableCell: flowTableCell,\n MuiTableSortLabel: flowTableSortLabel,\n MuiTablePagination: flowTablePagination,\n MuiFab: flowFab,\n MuiDatePicker: flowDatePicker,\n MuiTimePicker: flowTimePicker,\n MuiDateTimePicker: flowDateTimePicker,\n MuiDateCalendar: flowDateCalendar,\n MuiPickersTextField: flowPickersTextField,\n MuiPickersInputBase: flowPickersInputBase,\n MuiPickersInput: flowPickersInput,\n MuiPickersOutlinedInput: flowPickersOutlinedInput,\n MuiPickersFilledInput: flowPickersFilledInput,\n MuiPickerPopper: flowPickerPopper,\n MuiPickerDay: flowPickersDay,\n MuiDayCalendar: flowDayCalendar,\n MuiMonthCalendar: flowMonthCalendar,\n MuiYearCalendar: flowYearCalendar,\n MuiTimeClock: flowTimeClock,\n MuiDigitalClock: flowDigitalClock,\n MuiMultiSectionDigitalClock: flowMultiSectionDigitalClock,\n MuiMobileDatePicker: flowMobileDatePicker,\n MuiMobileDateTimePicker: flowMobileDateTimePicker,\n MuiMobileTimePicker: flowMobileTimePicker,\n MuiDatePickerToolbar: flowDatePickerToolbar,\n MuiDateTimePickerToolbar: flowDateTimePickerToolbar,\n MuiTimePickerToolbar: flowTimePickerToolbar,\n MuiDesktopDatePicker: flowDesktopDatePicker,\n MuiDesktopTimePicker: flowDesktopTimePicker,\n MuiDesktopDateTimePicker: flowDesktopDateTimePicker,\n MuiStaticDatePicker: flowStaticDatePicker,\n MuiStaticTimePicker: flowStaticTimePicker,\n MuiStaticDateTimePicker: flowStaticDateTimePicker,\n MuiPickersLayout: flowPickersLayout,\n },\n });\n}\n\nexport const theme = createSkodaTheme({});\nexport const darkTheme = createSkodaTheme({ mode: 'dark' });\nexport const rtlTheme = createSkodaTheme({ direction: 'rtl' });\nexport const rtlDarkTheme = createSkodaTheme({ direction: 'rtl', mode: 'dark' });\n"],"names":["createSkodaTheme","mode","direction","breakpointsOptions","flowBreakpoints","createTheme","breakpoints","mixins","flowMixins","palette","paletteDark","paletteLight","typography","getTypographyOptions","flowShadows","flowElevations","zIndex","flowZIndex","unstable_sxConfig","flowSxConfig","components","MuiAlert","flowAlert","MuiAlertTitle","flowAlertTitle","MuiAvatar","flowAvatar","MuiAvatarGroup","flowAvatarGroup","MuiAppBar","flowAppBar","MuiToolbar","flowToolbar","MuiContainer","flowContainer","MuiCssBaseline","getFlowCssBaseline","MuiScopedCssBaseline","getFlowScopedCssBaseline","MuiButtonBase","flowButtonBase","MuiButton","flowButton","MuiIconButton","flowIconButton","MuiSvgIcon","flowSvgIcon","MuiLink","flowLink","MuiLinearProgress","flowLinearProgress","MuiCircularProgress","flowCircularProgress","MuiSwitch","flowSwitch","MuiCheckbox","flowCheckbox","MuiRadio","flowRadio","MuiSlider","flowSlider","MuiTooltip","flowTooltip","MuiDivider","flowDivider","MuiBadge","flowBadge","MuiChip","flowChip","MuiPaper","flowPaper","MuiTextField","flowTextField","MuiSelect","flowSelect","MuiMenu","flowMenu","MuiMenuItem","flowMenuItem","MuiTab","flowTab","MuiTabs","flowTabs","MuiCard","flowCard","MuiCardContent","flowCardContent","MuiCardHeader","flowCardHeader","MuiCardActionArea","flowCardActionArea","MuiPaginationItem","flowPaginationItem","MuiPagination","flowPagination","MuiRating","flowRating","MuiSnackbar","flowSnackbar","MuiSnackbarContent","flowSnackbarContent","MuiModal","getFlowModal","MuiBackdrop","flowBackdrop","MuiDrawer","flowDrawer","MuiAccordion","flowAccordion","MuiAccordionSummary","flowAccordionSummary","MuiAccordionDetails","flowAccordionDetails","MuiAccordionActions","flowAccordionActions","MuiInputBase","flowInputBase","MuiInputLabel","flowInputLabel","MuiInput","flowInput","MuiFormControl","flowFormControl","MuiFilledInput","flowFilledInput","MuiOutlinedInput","flowOutlinedInput","MuiFormLabel","flowFormLabel","MuiFormControlLabel","flowFormControlLabel","MuiInputAdornment","flowInputAdornment","MuiFormHelperText","flowFormHelperText","MuiDialogActions","flowDialogActions","MuiDialog","flowDialog","MuiDialogContent","flowDialogContent","MuiDialogContentText","flowDialogContentText","MuiDialogTitle","flowDialogTitle","MuiList","flowList","MuiListItem","flowListItem","MuiListItemButton","flowListItemButton","MuiListItemText","flowListItemText","MuiListItemIcon","flowListItemIcon","MuiListItemAvatar","flowListItemAvatar","MuiListItemSecondaryAction","flowListItemSecondaryAction","MuiListSubheader","flowListSubheader","MuiPopover","flowPopover","MuiAutocomplete","flowAutocomplete","MuiBreadcrumbs","flowBreadCrumbs","MuiSkeleton","flowSkeleton","MuiStepper","flowStepper","MuiStep","flowStep","MuiStepButton","flowStepButton","MuiStepConnector","flowStepConnector","MuiStepLabel","flowStepLabel","MuiStepContent","flowStepContent","MuiTableContainer","flowTableContainer","MuiTable","flowTable","MuiTableHead","flowTableHead","MuiTableBody","flowTableBody","MuiTableRow","flowTableRow","MuiTableCell","flowTableCell","MuiTableSortLabel","flowTableSortLabel","MuiTablePagination","flowTablePagination","MuiFab","flowFab","MuiDatePicker","flowDatePicker","MuiTimePicker","flowTimePicker","MuiDateTimePicker","flowDateTimePicker","MuiDateCalendar","flowDateCalendar","MuiPickersTextField","flowPickersTextField","MuiPickersInputBase","flowPickersInputBase","MuiPickersInput","flowPickersInput","MuiPickersOutlinedInput","flowPickersOutlinedInput","MuiPickersFilledInput","flowPickersFilledInput","MuiPickerPopper","flowPickerPopper","MuiPickerDay","flowPickersDay","MuiDayCalendar","flowDayCalendar","MuiMonthCalendar","flowMonthCalendar","MuiYearCalendar","flowYearCalendar","MuiTimeClock","flowTimeClock","MuiDigitalClock","flowDigitalClock","MuiMultiSectionDigitalClock","flowMultiSectionDigitalClock","MuiMobileDatePicker","flowMobileDatePicker","MuiMobileDateTimePicker","flowMobileDateTimePicker","MuiMobileTimePicker","flowMobileTimePicker","MuiDatePickerToolbar","flowDatePickerToolbar","MuiDateTimePickerToolbar","flowDateTimePickerToolbar","MuiTimePickerToolbar","flowTimePickerToolbar","MuiDesktopDatePicker","flowDesktopDatePicker","MuiDesktopTimePicker","flowDesktopTimePicker","MuiDesktopDateTimePicker","flowDesktopDateTimePicker","MuiStaticDatePicker","flowStaticDatePicker","MuiStaticTimePicker","flowStaticTimePicker","MuiStaticDateTimePicker","flowStaticDateTimePicker","MuiPickersLayout","flowPickersLayout","theme","darkTheme","rtlTheme","rtlDarkTheme"],"mappings":"0vPAkIM,SAAUA,IAAiBC,KAC/BA,GAAO,QAAOC,UACdA,GAAY,MAAKC,mBACjBA,GAAqBC,KAMrB,OAAOC,EAAY,CACjBC,YAAaH,GACbI,OAAQC,EACRC,QAAkB,SAATR,GAAkBS,GAAcC,GACzCT,UAAWA,GACXU,WAAYC,GAAqBV,GAAkC,QAAdD,IACrDY,YAAaC,GACbC,OAAQC,GACRC,kBAAmBC,EACnBC,WAAY,CACVC,SAAUC,EACVC,cAAeC,EACfC,UAAWC,EACXC,eAAgBC,EAChBC,UAAWC,EACXC,WAAYC,EACZC,aAAcC,EACdC,eAAgBC,EAAmBjC,GAAkC,QAAdD,IACvDmC,qBAAsBC,EAAyBnC,GAAkC,QAAdD,IACnEqC,cAAeC,EACfC,UAAWC,EACXC,cAAeC,EACfC,WAAYC,EACZC,QAASC,EACTC,kBAAmBC,EACnBC,oBAAqBC,EACrBC,UAAWC,EACXC,YAAaC,EACbC,SAAUC,EACVC,UAAWC,EACXC,WAAYC,GACZC,WAAYC,EACZC,SAAUC,EACVC,QAASC,EACTC,SAAUC,GACVC,aAAcC,EACdC,UAAWC,EACXC,QAASC,GACTC,YAAaC,GACbC,OAAQC,GACRC,QAASC,GACTC,QAASC,GACTC,eAAgBC,GAChBC,cAAeC,GACfC,kBAAmBC,GACnBC,kBAAmBC,GACnBC,cAAeC,GACfC,UAAWC,GACXC,YAAaC,GACbC,mBAAoBC,GACpBC,SAAUC,GAAanG,GAAkC,QAAdD,IAC3CqG,YAAaC,EACbC,UAAWC,EACXC,aAAcC,EACdC,oBAAqBC,EACrBC,oBAAqBC,EACrBC,oBAAqBC,EACrBC,aAAcC,EACdC,cAAeC,EACfC,SAAUC,EACVC,eAAgBC,EAChBC,eAAgBC,EAChBC,iBAAkBC,EAClBC,aAAcC,EACdC,oBAAqBC,EACrBC,kBAAmBC,EACnBC,kBAAmBC,EACnBC,iBAAkBC,EAClBC,UAAWC,EACXC,iBAAkBC,EAClBC,qBAAsBC,EACtBC,eAAgBC,EAChBC,QAASC,EACTC,YAAaC,EACbC,kBAAmBC,EACnBC,gBAAiBC,GACjBC,gBAAiBC,GACjBC,kBAAmBC,GACnBC,2BAA4BC,GAC5BC,iBAAkBC,GAClBC,WAAYC,GACZC,gBAAiBC,EACjBC,eAAgBC,EAChBC,YAAaC,GACbC,WAAYC,GACZC,QAASC,GACTC,cAAeC,GACfC,iBAAkBC,GAClBC,aAAcC,GACdC,eAAgBC,GAChBC,kBAAmBC,GACnBC,SAAUC,GACVC,aAAcC,GACdC,aAAcC,GACdC,YAAaC,GACbC,aAAcC,GACdC,kBAAmBC,GACnBC,mBAAoBC,GACpBC,OAAQC,GACRC,cAAeC,GACfC,cAAeC,GACfC,kBAAmBC,GACnBC,gBAAiBC,GACjBC,oBAAqBC,GACrBC,oBAAqBC,GACrBC,gBAAiBC,GACjBC,wBAAyBC,GACzBC,sBAAuBC,GACvBC,gBAAiBC,GACjBC,aAAcC,GACdC,eAAgBC,GAChBC,iBAAkBC,GAClBC,gBAAiBC,GACjBC,aAAcC,GACdC,gBAAiBC,GACjBC,4BAA6BC,GAC7BC,oBAAqBC,GACrBC,wBAAyBC,GACzBC,oBAAqBC,GACrBC,qBAAsBC,GACtBC,yBAA0BC,GAC1BC,qBAAsBC,GACtBC,qBAAsBC,GACtBC,qBAAsBC,GACtBC,yBAA0BC,GAC1BC,oBAAqBC,GACrBC,oBAAqBC,GACrBC,wBAAyBC,GACzBC,iBAAkBC,KAGxB,OAEaC,GAAQnQ,GAAiB,CAAA,GACzBoQ,GAAYpQ,GAAiB,CAAEC,KAAM,SACrCoQ,GAAWrQ,GAAiB,CAAEE,UAAW,QACzCoQ,GAAetQ,GAAiB,CAAEE,UAAW,MAAOD,KAAM"}

package/package.json CHANGED Viewed

	@@ -1 +1 @@
1	- {"name":"@skodaflow/web-library","version":"8.1.0","description":"Implementation of Skoda Flow Design System with Material UI as core library.","author":"Skoda Auto","license":"SKODA AUTO Library EULA 1.1","peerDependencies":{"@emotion/cache":"^11.14.0","@emotion/react":"^11.14.0","@emotion/styled":"^11.14.1","@mui/material":"^7.3.8","@mui/system":"^7.3.8","@mui/x-date-pickers":"^8.27.2","country-flag-icons":"^1.6.15","react":"^18.3.1 \|\| ^19.2.4","react-dom":"^18.3.1 \|\| ^19.2.4","swiper":"^12.1.2"},"dependencies":{"@skodaflow/web-tokens":"3.2.0","stylis":"4.3.6","stylis-plugin-rtl":"2.1.1","tslib":"2.8.1"},"sideEffects":false,"main":"./cjs/index.js","browser":"./index.js","module":"./index.js","types":"./index.d.ts"}
1	+ {"name":"@skodaflow/web-library","version":"8.2.0","description":"Implementation of Skoda Flow Design System with Material UI as core library.","author":"Skoda Auto","license":"SKODA AUTO Library EULA 1.1","peerDependencies":{"@emotion/cache":"^11.14.0","@emotion/react":"^11.14.0","@emotion/styled":"^11.14.1","@mui/material":"7.3.10 \|\| ^9.0.0","@mui/system":"^7.3.10 \|\| ^9.0.0","@mui/x-date-pickers":"^9.0.0","country-flag-icons":"^1.6.15","react":"^18.3.1 \|\| ^19.2.4","react-dom":"^18.3.1 \|\| ^19.2.4","swiper":"^12.1.3"},"dependencies":{"@skodaflow/web-tokens":"3.2.0","stylis":"4.3.6","stylis-plugin-rtl":"2.1.1","tslib":"2.8.1"},"sideEffects":false,"main":"./cjs/index.js","browser":"./index.js","module":"./index.js","types":"./index.d.ts"}

package/utils/index.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
 export * from './copyToClipboard';
 export * from './formatFileSize';
+export * from './sxOverride';
 export * from './useDebounce';
 export * from './useElementScrollable';

package/utils/sxOverride/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export * from './sxOverride';