@skodaflow/web-library 7.15.0 → 7.16.0

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

@@ -1 +1 @@
-{"version":3,"file":"tabs.theme.js","sources":["../../../../../src/materialui/tabs/tabs.theme.tsx"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\nimport { FlowScrollButton } from './ScrollButton';\nimport { updateFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport const flowTabs: Components<Theme>['MuiTabs'] = {\n  defaultProps: {\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: FlowScrollButton,\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    }),\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: '555px',\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: '555px',\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: '555px',\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: '555px',\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","scrollButtons","allowScrollButtonsMobile","visibleScrollbar","variant","slots","FlowScrollButton","styleOverrides","root","ownerState","Object","assign","minHeight","alignItems","gap","fullWidth","flexGrow","centered","justifyContent","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","opacity","disabled","variants","props","template","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","marginTop"],"mappings":"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"}
+{"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    // 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: '555px',\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: '555px',\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: '555px',\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: '555px',\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","scrollButtons","allowScrollButtonsMobile","visibleScrollbar","variant","slots","TabsScrollButton","styleOverrides","root","ownerState","Object","assign","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","template","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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"}

package/cjs/materialui/textfield/FormControl.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),n=require("react/jsx-runtime"),o=require("react"),r=require("@mui/material");const l=o.forwardRef(((l,t)=>{var{onFocus:u,onBlur:i,onPointerDown:s,className:c}=l,a=e.__rest(l,["onFocus","onBlur","onPointerDown","className"]);const d=o.useRef(null);o.useImperativeHandle(t,(()=>d.current));const v=o.useRef(null),[m,w]=o.useState(!1);return n.jsx(r.Box,Object.assign({ref:d,onPointerDown:e=>{v.current="onPointerDown",null==s||s(e)},onFocus:e=>{"onPointerDown"!==v.current&&w(!0),v.current="onFocus",null==u||u(e)},onBlur:e=>{var n,o,r,l;"onPointerDown"===v.current||(null===(o=null===(n=null==d?void 0:d.current)||void 0===n?void 0:n.matches)||void 0===o?void 0:o.call(n,':has(.MuiSelect-select[aria-expanded="true"])'))||(null===(l=null===(r=null==e?void 0:e.relatedTarget)||void 0===r?void 0:r.matches)||void 0===l?void 0:l.call(r,".MuiSelect-select"))?v.current="onPointerDown":(w(!1),v.current="onBlur"),null==i||i(e)},className:[c,m?"":"Flow-NoFocusRing"].filter(Boolean).join(" ")},a))}));exports.FormControl=l;
+"use strict";var e=require("tslib"),n=require("react/jsx-runtime"),o=require("react"),r=require("@mui/material");const l=o.forwardRef((l,t)=>{var{onFocus:u,onBlur:i,onPointerDown:s,className:c}=l,a=e.__rest(l,["onFocus","onBlur","onPointerDown","className"]);const d=o.useRef(null);o.useImperativeHandle(t,()=>d.current);const v=o.useRef(null),[m,w]=o.useState(!1);return n.jsx(r.Box,Object.assign({ref:d,onPointerDown:e=>{v.current="onPointerDown",null==s||s(e)},onFocus:e=>{"onPointerDown"!==v.current&&w(!0),v.current="onFocus",null==u||u(e)},onBlur:e=>{var n,o,r,l;"onPointerDown"===v.current||(null===(o=null===(n=null==d?void 0:d.current)||void 0===n?void 0:n.matches)||void 0===o?void 0:o.call(n,':has(.MuiSelect-select[aria-expanded="true"])'))||(null===(l=null===(r=null==e?void 0:e.relatedTarget)||void 0===r?void 0:r.matches)||void 0===l?void 0:l.call(r,".MuiSelect-select"))?v.current="onPointerDown":(w(!1),v.current="onBlur"),null==i||i(e)},className:[c,m?"":"Flow-NoFocusRing"].filter(Boolean).join(" ")},a))});exports.FormControl=l;
 //# sourceMappingURL=FormControl.js.map

package/cjs/materialui/textfield/FormControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormControl.js","sources":["../../../../../src/materialui/textfield/FormControl.tsx"],"sourcesContent":["import React, { FC, useState, forwardRef, useRef, useImperativeHandle } from 'react';\nimport { Box, FormControlProps } from '@mui/material';\n\n/**\n * Custom extension of FormControl component to show FocusRing only with Tab focus\n */\nexport const FormControl: FC<FormControlProps> = forwardRef(\n  ({ onFocus, onBlur, onPointerDown, className, ...rest }, forwardedRef) => {\n    const ref = useRef<HTMLDivElement>(null);\n    useImperativeHandle(forwardedRef, () => ref.current as HTMLDivElement);\n    // detect events to skip focus ring\n    const previousEvent = useRef<string | null>(null);\n    // append style with focus ring\n    const [focusVisible, setFocusVisible] = useState<boolean>(false);\n\n    return (\n      <Box\n        ref={ref}\n        onPointerDown={(e) => {\n          previousEvent.current = 'onPointerDown';\n          onPointerDown?.(e);\n        }}\n        onFocus={(e) => {\n          if (previousEvent.current !== 'onPointerDown') {\n            // if not clicked, we will show focus ring (force rerender to update class)\n            setFocusVisible(true);\n          }\n          previousEvent.current = 'onFocus';\n          onFocus?.(e);\n        }}\n        onBlur={(e) => {\n          // perform cleanup\n          if (\n            // skip cleanup as onPointerDown might happen after onFocus\n            previousEvent.current !== 'onPointerDown' &&\n            // focus is not in opened select\n            !ref?.current?.matches?.(':has(.MuiSelect-select[aria-expanded=\"true\"])') &&\n            // blur does not come from the opened select and now goes into select\n            !e?.relatedTarget?.matches?.('.MuiSelect-select')\n          ) {\n            // cleanup with blur\n            setFocusVisible(false);\n            previousEvent.current = 'onBlur';\n          } else {\n            // act with skip that click just happened\n            previousEvent.current = 'onPointerDown';\n          }\n          onBlur?.(e);\n        }}\n        className={[\n          className,\n          // we are utilizing class to support <FormControl component='div' /> fallback to always show focus ring\n          focusVisible ? '' : 'Flow-NoFocusRing',\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        {...rest}\n      />\n    );\n  },\n);\n"],"names":["FormControl","forwardRef","_a","forwardedRef","onFocus","onBlur","onPointerDown","className","rest","__rest","ref","useRef","useImperativeHandle","current","previousEvent","focusVisible","setFocusVisible","useState","_jsx","jsx","Box","Object","assign","e","_b","matches","call","_d","_c","relatedTarget","filter","Boolean","join"],"mappings":"iHAMa,MAAAA,EAAoCC,EAAUA,YACzD,CAACC,EAAwDC,KAAxD,IAAAC,QAAEA,EAAOC,OAAEA,EAAMC,cAAEA,EAAaC,UAAEA,GAASL,EAAKM,EAAhDC,EAAAA,OAAAP,EAAA,CAAA,UAAA,SAAA,gBAAA,cACC,MAAMQ,EAAMC,EAAMA,OAAiB,MACnCC,EAAAA,oBAAoBT,GAAc,IAAMO,EAAIG,UAE5C,MAAMC,EAAgBH,EAAMA,OAAgB,OAErCI,EAAcC,GAAmBC,EAAAA,UAAkB,GAE1D,OACEC,EAAAC,IAACC,MAAGC,OAAAC,OAAA,CACFZ,IAAKA,EACLJ,cAAgBiB,IACdT,EAAcD,QAAU,gBACxBP,SAAAA,EAAgBiB,EAAE,EAEpBnB,QAAUmB,IACsB,kBAA1BT,EAAcD,SAEhBG,GAAgB,GAElBF,EAAcD,QAAU,UACxBT,SAAAA,EAAUmB,EAAE,EAEdlB,OAASkB,gBAIqB,kBAA1BT,EAAcD,UAEW,QAAxBW,EAAc,QAAdtB,EAAAQ,aAAG,EAAHA,EAAKG,eAAS,IAAAX,OAAA,EAAAA,EAAAuB,eAAU,IAAAD,OAAA,EAAAA,EAAAE,KAAAxB,EAAA,oDAEC,QAAzByB,UAAAC,EAAAL,aAAA,EAAAA,EAAGM,oCAAeJ,eAAO,IAAAE,OAAA,EAAAA,EAAAD,KAAAE,EAAG,sBAO7Bd,EAAcD,QAAU,iBAJxBG,GAAgB,GAChBF,EAAcD,QAAU,UAK1BR,SAAAA,EAASkB,EAAE,EAEbhB,UAAW,CACTA,EAEAQ,EAAe,GAAK,oBAEnBe,OAAOC,SACPC,KAAK,MACJxB,GACJ"}
+{"version":3,"file":"FormControl.js","sources":["../../../../../src/materialui/textfield/FormControl.tsx"],"sourcesContent":["import React, { FC, useState, forwardRef, useRef, useImperativeHandle } from 'react';\nimport { Box, FormControlProps } from '@mui/material';\n\n/**\n * Custom extension of FormControl component to show FocusRing only with Tab focus\n */\nexport const FormControl: FC<FormControlProps> = forwardRef(\n  ({ onFocus, onBlur, onPointerDown, className, ...rest }, forwardedRef) => {\n    const ref = useRef<HTMLDivElement>(null);\n    useImperativeHandle(forwardedRef, () => ref.current);\n    // detect events to skip focus ring\n    const previousEvent = useRef<string | null>(null);\n    // append style with focus ring\n    const [focusVisible, setFocusVisible] = useState<boolean>(false);\n\n    return (\n      <Box\n        ref={ref}\n        onPointerDown={(e) => {\n          previousEvent.current = 'onPointerDown';\n          onPointerDown?.(e);\n        }}\n        onFocus={(e) => {\n          if (previousEvent.current !== 'onPointerDown') {\n            // if not clicked, we will show focus ring (force rerender to update class)\n            setFocusVisible(true);\n          }\n          previousEvent.current = 'onFocus';\n          onFocus?.(e);\n        }}\n        onBlur={(e) => {\n          // perform cleanup\n          if (\n            // skip cleanup as onPointerDown might happen after onFocus\n            previousEvent.current !== 'onPointerDown' &&\n            // focus is not in opened select\n            !ref?.current?.matches?.(':has(.MuiSelect-select[aria-expanded=\"true\"])') &&\n            // blur does not come from the opened select and now goes into select\n            !e?.relatedTarget?.matches?.('.MuiSelect-select')\n          ) {\n            // cleanup with blur\n            setFocusVisible(false);\n            previousEvent.current = 'onBlur';\n          } else {\n            // act with skip that click just happened\n            previousEvent.current = 'onPointerDown';\n          }\n          onBlur?.(e);\n        }}\n        className={[\n          className,\n          // we are utilizing class to support <FormControl component='div' /> fallback to always show focus ring\n          focusVisible ? '' : 'Flow-NoFocusRing',\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        {...rest}\n      />\n    );\n  },\n);\n"],"names":["FormControl","forwardRef","_a","forwardedRef","onFocus","onBlur","onPointerDown","className","rest","__rest","ref","useRef","useImperativeHandle","current","previousEvent","focusVisible","setFocusVisible","useState","_jsx","Box","Object","assign","e","_b","matches","call","_d","_c","relatedTarget","filter","Boolean","join"],"mappings":"iHAMO,MAAMA,EAAoCC,EAAAA,WAC/C,CAACC,EAAwDC,KAAxD,IAAAC,QAAEA,EAAOC,OAAEA,EAAMC,cAAEA,EAAaC,UAAEA,GAASL,EAAKM,EAAIC,EAAAA,OAAAP,EAApD,CAAA,UAAA,SAAA,gBAAA,cACC,MAAMQ,EAAMC,EAAAA,OAAuB,MACnCC,EAAAA,oBAAoBT,EAAc,IAAMO,EAAIG,SAE5C,MAAMC,EAAgBH,EAAAA,OAAsB,OAErCI,EAAcC,GAAmBC,EAAAA,UAAkB,GAE1D,OACEC,EAAAA,IAACC,MAAGC,OAAAC,OAAA,CACFX,IAAKA,EACLJ,cAAgBgB,IACdR,EAAcD,QAAU,gBACxBP,SAAAA,EAAgBgB,IAElBlB,QAAUkB,IACsB,kBAA1BR,EAAcD,SAEhBG,GAAgB,GAElBF,EAAcD,QAAU,UACxBT,SAAAA,EAAUkB,IAEZjB,OAASiB,gBAIqB,kBAA1BR,EAAcD,UAEQ,QAArBU,EAAY,QAAZrB,EAAAQ,aAAG,EAAHA,EAAKG,eAAO,IAAAX,OAAA,EAAAA,EAAEsB,eAAO,IAAAD,OAAA,EAAAA,EAAAE,KAAAvB,EAAG,oDAEC,QAAzBwB,UAAAC,EAAAL,aAAC,EAADA,EAAGM,oCAAeJ,eAAO,IAAAE,OAAA,EAAAA,EAAAD,KAAAE,EAAG,sBAO7Bb,EAAcD,QAAU,iBAJxBG,GAAgB,GAChBF,EAAcD,QAAU,UAK1BR,SAAAA,EAASiB,IAEXf,UAAW,CACTA,EAEAQ,EAAe,GAAK,oBAEnBc,OAAOC,SACPC,KAAK,MACJvB"}

package/cjs/materialui/textfield/FormHelperText.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { FormHelperTextProps } from '@mui/material';
+/**
+ * Custom extension of FormHelperText component to add interactive error icon
+ */
+export declare const FormHelperText: FC<FormHelperTextProps>;

package/cjs/materialui/textfield/FormHelperText.js

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

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

@@ -0,0 +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            ref={elementRef}\n          >\n            {children}\n          </Box>\n        </Box>\n      </Tooltip>\n    );\n  },\n);\n"],"names":["FormHelperText","forwardRef","_a","forwardedRef","children","sx","className","truncate","rest","__rest","ref","useRef","useImperativeHandle","current","setWidth","useState","isScrollable","elementRef","useElementScrollable","el","offsetWidth","tooltipActive","includes","_b","querySelector","_jsx","Tooltip","Object","assign","title","placement","slotProps","tooltip","maxWidth","_d","_c","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":"2SASO,MAAMA,EAA0CC,EAAAA,WACrD,CAACC,EAAgDC,gBAAhDC,SAAEA,EAAQC,GAAEA,EAAEC,UAAEA,EAASC,SAAEA,GAAQL,EAAKM,EAAIC,EAAAA,OAAAP,EAA5C,CAAA,WAAA,KAAA,YAAA,aACC,MAAMQ,EAAMC,EAAAA,OAA6B,MACzCC,EAAAA,oBAAoBT,EAAc,IAAMO,EAAIG,SAE5C,OAASC,GAAYC,EAAAA,SAAS,IACxBC,aAAEA,EAAYC,WAAEA,GAAeC,EAAAA,qBAAqB,IAAMC,GAAOL,GAASK,aAAE,EAAFA,EAAIC,cAAe,IAC7FC,GAEJf,aAAS,EAATA,EAAWgB,SAAS,gBAEP,IAAbf,IAECS,cAAkBO,EAAAb,aAAG,EAAHA,EAAKG,8BAASW,cAAc,sBAEjD,OACEC,EAAAA,IAACC,UAAOC,OAAAC,OAAA,CACNC,MAAOzB,EACP0B,UAAU,eACVC,UAAW,CACTC,QAAS,CACP3B,GAAI,CAEF4B,kBAAUC,EAAY,QAAZC,EAAAzB,aAAG,EAAHA,EAAKG,eAAO,IAAAsB,OAAA,EAAAA,EAAEC,8CAAyBC,OAC1C3B,EAAIG,QAAQuB,wBAAwBC,MAAQ,GAA/C,KACA,QAEJ,qCAAsC,CACpCC,QAAS,UAIfC,MAAO,CACLlC,GAAI,CAEFmC,UAAW,kBAEXC,KAAM,uBAKNpB,GAAiB,CACrBqB,MAAM,GACN,CAAAtC,SAEFuC,EAAAA,KAACC,MAAGjB,OAAAC,OAAA,CACFiB,UAAU,IACVvC,UAAWA,EACXD,GAAIA,IACCC,aAAS,EAATA,EAAWgB,SAAS,eAAgB,CACvCwB,KAAM,QACNzC,kBACE,KAAIsB,OAAAC,OAAA,CACFU,QAAS,OACTS,WAAY,aACZC,eAAgB,eACC,IAAbzC,GAAsB,CAExB0C,SAAU,aAGX5C,IAEL,CACFK,IAAKA,GACDF,EAAI,CAAAJ,SAAA,EAEPE,aAAS,EAATA,EAAWgB,SAAS,eACnBG,EAAAA,IAACyB,EAAAA,WAAUvB,OAAAC,OAAA,CACTvB,GAAK8C,GAAUxB,OAAAC,OAAA,CACbwB,OAAQ,UACRC,aAAc,MACdC,GAAI,MACJC,GAAI,OACDC,EAAAA,kBAAkBL,GAAO,EAAM,QAClC,aACS,QACX7C,UAAU,uCACJe,GAAiB,CAAEoC,UAAU,EAAInD,UAAW,+BAAgC,CAAAF,SAElFqB,EAAAA,IAACiC,EAAAA,kBAAiB,CAACrD,GAAI,CAAEsD,SAAU,aAGvClC,EAAAA,IAACmB,EAAAA,IAAG,CACFvC,GAAI,CACFiC,QAAS,QACTW,UAAuB,IAAb1C,EAAqB,SAAW,UAC1CqD,aAAc,UACdC,WAAY,UACZC,SAAU,KAEZjB,UAAU,OACVnC,IAAKO,EAAUb,SAEdA,UAtDAiB,EAAgB,qBAAuB"}

package/cjs/{components/helperTextContent/helperTextContent.d.ts → materialui/textfield/HelperTextContent.d.ts}

@@ -18,6 +18,14 @@ export interface HelperTextContentProps extends BoxProps<ElementType> {
      * Properties applied to text on the right side
      */
     textRightProps?: BoxProps<ElementType>;
+    /**
+     * Input value
+     */
+    value?: string;
+    /**
+     * Input maxLength
+     */
+    maxLength?: number;
 }
 /**
  * Advanced content for the Field's HelperText

package/cjs/materialui/textfield/HelperTextContent.js

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

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

@@ -0,0 +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","_a","ref","children","sx","className","textLeft","textLeftProps","textRight","textRightProps","value","maxLength","rest","__rest","_b","textLeftSx","textLeftClassName","restTextLeft","_c","textRightSx","textRightClassName","restTextRight","isScrollable","elementRef","useElementScrollable","_jsxs","Box","Object","assign","display","gap","justifyContent","alignItems","overflow","whiteSpace","textOverflow","component","filter","Boolean","join","_jsx","includes","length"],"mappings":"uLAqCO,MAAMA,EAAsDC,EAAAA,WACjE,CAACC,EAA4GC,SAA5GC,SAAEA,EAAQC,GAAEA,EAAEC,UAAEA,EAASC,SAAEA,EAAQC,cAAEA,EAAaC,UAAEA,EAASC,eAAEA,EAAcC,MAAEA,EAAKC,UAAEA,KAAcC,EAAIC,EAAAA,OAAAZ,EAAxG,CAAA,WAAA,KAAA,YAAA,WAAA,gBAAA,YAAA,iBAAA,QAAA,cACC,MAAMa,EAAoEP,GAAiB,CAAA,GAAnFH,GAAIW,EAAYV,UAAWW,GAAiBF,EAAKG,EAAYJ,EAAAA,OAAAC,EAA/D,CAAA,KAAA,cACAI,EAAuET,GAAkB,CAAA,GAAvFL,GAAIe,EAAad,UAAWe,GAAkBF,EAAKG,EAAaR,EAAAA,OAAAK,EAAlE,CAAA,KAAA,eACAI,aAAEA,EAAYC,WAAEA,GAAeC,EAAAA,qBAAqB,KAE1D,OACEC,EAAAA,KAACC,EAAAA,IAAGC,OAAAC,OAAA,CACFxB,GAAEuB,OAAAC,OAAA,CACAC,QAAS,OACTC,IAAK,OACLC,eAAgB,gBAChBC,WAAY,aAEZC,SAAU,UACVC,WAAY,UACZC,aAAc,WACX/B,GAELgC,UAAU,OACV/B,UAAW,CAAC,6BAA8BA,GAAWgC,OAAOC,SAASC,KAAK,MAC1ErC,IAAKA,GACDU,EAAI,CAAAT,SAAA,CAEPA,GACCG,GAAYE,KAAeG,IAC3B6B,EAAAA,IAACd,EAAAA,IAAGC,OAAAC,OAAA,CACFxB,GAAEuB,OAAAC,OAAA,CAEAK,SAAU,UACVC,WAAY,UACZC,aAAc,WACXpB,GAELqB,UAAU,OACV/B,UAAW,CAAC,iCAAkCW,EAAmBM,EAAe,kBAAoB,MACjGe,OAAOC,SACPC,KAAK,MACRrC,IAAKqB,GACDN,EAAY,CAAAd,SAEfG,MAGHE,KAAeG,IACf6B,EAAAA,IAACd,MAAGC,OAAAC,OAAA,CACFxB,GAAEuB,OAAAC,OAAA,CACAM,WAAY,UACTf,GAELiB,UAAU,OACV/B,UAAW,CAAC,kCAAmCe,GAAoBiB,OAAOC,SAASC,KAAK,OAC9D,iBAAd/B,GACVA,EAAUiC,SAAS,MAAQ,CACzB,aAAgB,sBAAsBjC,KAErCG,GAAa,CAChB,aAAgB,uBAAsBD,aAAK,EAALA,EAAOgC,SAAU,OAAO/B,KAE5DU,EAAa,CAAAlB,SAEhBK,GAAa,IAAGE,aAAK,EAALA,EAAOgC,SAAU,OAAO/B"}

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

@@ -1,2 +1,2 @@
-"use strict";const e={defaultProps:{},styleOverrides:{root:({theme:e})=>({"&, &:hover, &.Mui-disabled, &.Mui-focused":{transition:"inherit",backgroundColor:"dark"===e.palette.mode?e.palette.surface.primary:e.palette.transparent.primary,"&:before":{transition:"inherit",borderBottomStyle:"solid",borderColor:"currentColor"},"&:after":{borderColor:"currentColor",content:"unset"}},"&.Mui-focused":{color:"inherit"},"&.Mui-error":{"&:before":{color:e.palette.error.main}}}),input:({ownerState:e})=>Object.assign(Object.assign({paddingTop:"24px"},e.multiline&&{paddingTop:"0"}),!e.multiline&&e.hiddenLabel&&{paddingTop:"small"===e.size?"13px":"18px",paddingBottom:"small"===e.size?"15px":"14px"}),multiline:({ownerState:e})=>({paddingTop:e.hiddenLabel?"small"===e.size?"13px":"18px":"24px",paddingBottom:e.hiddenLabel?"small"===e.size?"15px":"14px":"small"===e.size?"4px":"8px"})}};exports.flowFilledInput=e;
+"use strict";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})=>Object.assign(Object.assign(Object.assign({paddingTop:"24px",paddingBottom:"8px"},o.hiddenLabel&&{paddingTop:"18px",paddingBottom:"14px"}),"small"===o.size&&Object.assign({paddingTop:"22px",paddingBottom:"4px"},o.hiddenLabel&&{paddingTop:"14px",paddingBottom:"12px"})),o.multiline&&{paddingTop:"0",paddingBottom:"0"}),multiline:({ownerState:o})=>Object.assign(Object.assign({paddingTop:"24px",paddingBottom:"8px"},o.hiddenLabel&&{paddingTop:"18px",paddingBottom:"14px"}),"small"===o.size&&Object.assign({paddingTop:"22px",paddingBottom:"4px"},o.hiddenLabel&&{paddingTop:"14px",paddingBottom:"12px"}))}};exports.flowFilledInput=o;
 //# sourceMappingURL=filledInput.theme.js.map

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

@@ -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        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 active underline (not wanted by Flow)\n          content: 'unset',\n        },\n      },\n      '&.Mui-focused': {\n        color: 'inherit',\n      },\n      '&.Mui-error': {\n        '&:before': {\n          color: theme.palette.error.main,\n        },\n      },\n    }),\n    input: ({ ownerState }) => ({\n      paddingTop: '24px',\n      ...(ownerState.multiline && { paddingTop: '0' }),\n      ...(!ownerState.multiline &&\n        ownerState.hiddenLabel && {\n          paddingTop: ownerState.size === 'small' ? '13px' : '18px',\n          paddingBottom: ownerState.size === 'small' ? '15px' : '14px',\n        }),\n    }),\n    multiline: ({ ownerState }) => ({\n      paddingTop: ownerState.hiddenLabel ? (ownerState.size === 'small' ? '13px' : '18px') : '24px',\n      paddingBottom: ownerState.hiddenLabel\n        ? ownerState.size === 'small'\n          ? '15px'\n          : '14px'\n        : ownerState.size === 'small'\n          ? '4px'\n          : '8px',\n    }),\n  },\n};\n"],"names":["flowFilledInput","defaultProps","styleOverrides","root","theme","transition","backgroundColor","palette","mode","surface","primary","transparent","borderBottomStyle","borderColor","content","color","error","main","input","ownerState","Object","assign","paddingTop","multiline","hiddenLabel","size","paddingBottom"],"mappings":"aAEa,MAAAA,EAAuD,CAClEC,aAAc,CAAE,EAChBC,eAAgB,CACdC,KAAM,EAAGC,YAAa,CACpB,4CAA6C,CAC3CC,WAAY,UACZC,gBACyB,SAAvBF,EAAMG,QAAQC,KAAkBJ,EAAMG,QAAQE,QAAQC,QAAUN,EAAMG,QAAQI,YAAYD,QAE5F,WAAY,CACVL,WAAY,UACZO,kBAAmB,QACnBC,YAAa,gBAGf,UAAW,CACTA,YAAa,eAEbC,QAAS,UAGb,gBAAiB,CACfC,MAAO,WAET,cAAe,CACb,WAAY,CACVA,MAAOX,EAAMG,QAAQS,MAAMC,SAIjCC,MAAO,EAAGC,gBACRC,OAAAC,OAAAD,OAAAC,OAAA,CAAAC,WAAY,QACRH,EAAWI,WAAa,CAAED,WAAY,OACrCH,EAAWI,WACdJ,EAAWK,aAAe,CACxBF,WAAgC,UAApBH,EAAWM,KAAmB,OAAS,OACnDC,cAAmC,UAApBP,EAAWM,KAAmB,OAAS,SAG5DF,UAAW,EAAGJ,iBAAkB,CAC9BG,WAAYH,EAAWK,YAAmC,UAApBL,EAAWM,KAAmB,OAAS,OAAU,OACvFC,cAAeP,EAAWK,YACF,UAApBL,EAAWM,KACT,OACA,OACkB,UAApBN,EAAWM,KACT,MACA"}
+{"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","Object","assign","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,gBAAiBC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CACzBC,WAAY,OACZC,cAAe,OACXJ,EAAWK,aAAe,CAC5BF,WAAY,OACZC,cAAe,SAEO,UAApBJ,EAAWM,qBACbH,WAAY,OACZC,cAAe,OACXJ,EAAWK,aAAe,CAC5BF,WAAY,OACZC,cAAe,UAGfJ,EAAWO,WAAa,CAC1BJ,WAAY,IACZC,cAAe,MAGnBG,UAAW,EAAGP,gBAAiBC,OAAAC,OAAAD,OAAAC,OAAA,CAC7BC,WAAY,OACZC,cAAe,OACXJ,EAAWK,aAAe,CAC5BF,WAAY,OACZC,cAAe,SAEO,UAApBJ,EAAWM,qBACbH,WAAY,OACZC,cAAe,OACXJ,EAAWK,aAAe,CAC5BF,WAAY,OACZC,cAAe"}

package/cjs/materialui/textfield/formControl.theme.js

@@ -1,2 +1,2 @@
-"use strict";var o=require("../../components/focusring/focusring.js");const e={defaultProps:{variant:"filled",component:require("./FormControl.js").FormControl},styleOverrides:{root:({theme:e,ownerState:r})=>Object.assign(Object.assign({color:"dark"===e.palette.mode?e.palette.onSurface.os200:e.palette.onSurface.os600,transition:e.transitions.create(["color","transform"],{duration:e.transitions.duration.shorter,easing:e.transitions.easing.easeOut}),marginBottom:"20px","&:hover, &:has(.Mui-focused)":{color:e.palette.text.primary},"&:has(.Mui-error)":{"&:not(:has(.Mui-disabled)):hover, &:has(.Mui-focused)":{"& .MuiInputLabel-root":{color:e.palette.error.main}}},"&:has(.Mui-disabled)":{color:e.palette.disabled.tertiary},borderRadius:"4px"},o.getFocusRingStyle(e,!1,0,"&:not(.Flow-NoFocusRing):has(.Mui-focused)")),{"&:has(.MuiFormHelperText-root)":{"&:has(.Mui-focused)":{"&&:before":{bottom:"-22px"}}},"&:has(.MuiInputLabel-root)":{"&:has(.MuiOutlinedInput-root.Mui-focused)":{"&&:before":{top:"-8px"}}},'&:has(.MuiSelect-select[aria-expanded="true"])':{"&&:before":{boxShadow:"none"}},"&:has(.MuiFormGroup-root), &:has(.MuiRadioGroup-root)":Object.assign({borderRadius:"0","&&:before":{content:"none"}},r.error&&{borderLeft:`6px solid ${e.palette.error.main}`,paddingLeft:"16px"})})}};exports.flowFormControl=e;
+"use strict";var o=require("../../components/focusring/focusring.js");const e={defaultProps:{variant:"filled",component:require("./FormControl.js").FormControl},styleOverrides:{root:({theme:e,ownerState:r})=>Object.assign(Object.assign({color:"dark"===e.palette.mode?e.palette.onSurface.os200:e.palette.onSurface.os600,transition:e.transitions.create(["color","transform"],{duration:e.transitions.duration.shorter,easing:e.transitions.easing.easeOut}),marginBottom:"24px","&:hover, &:has(.Mui-focused)":{color:e.palette.text.primary},"&:has(.Mui-error)":{"&:not(:has(.Mui-disabled)), &:has(.Mui-focused)":{"& .MuiInputLabel-root":{color:e.palette.error.main}}},"&:has(.Mui-disabled)":{color:e.palette.disabled.tertiary},borderRadius:"4px"},o.getFocusRingStyle(e,!1,0,"&:not(.Flow-NoFocusRing):has(.Mui-focused)")),{"&:has(.MuiFormHelperText-root)":{"&:has(.Mui-focused)":{"&:not(:has(.FlowHelperText-error-button-active))":{"&&:before":{bottom:"-26px"}}}},"&:has(.MuiInputLabel-root)":{"&:has(.MuiOutlinedInput-root.Mui-focused)":{"&&:before":{top:"-8px"}}},'&:has(.MuiSelect-select[aria-expanded="true"])':{"&&:before":{boxShadow:"none"}},"&:has(.MuiFormGroup-root), &:has(.MuiRadioGroup-root)":Object.assign({borderRadius:"0",marginBottom:"0","&&:before":{content:"none"}},r.error&&{borderLeft:`6px solid ${e.palette.error.main}`,paddingLeft:"16px"})})}};exports.flowFormControl=e;
 //# sourceMappingURL=formControl.theme.js.map

package/cjs/materialui/textfield/formControl.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"formControl.theme.js","sources":["../../../../../src/materialui/textfield/formControl.theme.tsx"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { FormControl } from './FormControl';\n\nexport const flowFormControl: Components<Theme>['MuiFormControl'] = {\n  defaultProps: {\n    variant: 'filled',\n    component: FormControl,\n  },\n  styleOverrides: {\n    root: ({ theme, ownerState }) => ({\n      color: theme.palette.mode === 'dark' ? theme.palette.onSurface.os200 : theme.palette.onSurface.os600,\n      // match original transition with inputLabel\n      transition: theme.transitions.create(['color', 'transform'], {\n        duration: theme.transitions.duration.shorter,\n        easing: theme.transitions.easing.easeOut,\n      }),\n      // space for helperText (height + margin)\n      marginBottom: `${16 + 4}px`,\n      '&:hover, &:has(.Mui-focused)': {\n        color: theme.palette.text.primary,\n      },\n      '&:has(.Mui-error)': {\n        '&:not(:has(.Mui-disabled)):hover, &:has(.Mui-focused)': {\n          '& .MuiInputLabel-root': {\n            color: theme.palette.error.main,\n          },\n        },\n      },\n      '&:has(.Mui-disabled)': {\n        color: theme.palette.disabled.tertiary,\n      },\n      borderRadius: '4px',\n      // focus ring, appears with focused input\n      ...getFocusRingStyle(theme, false, 0, '&:not(.Flow-NoFocusRing):has(.Mui-focused)'),\n      // contains helper text\n      '&:has(.MuiFormHelperText-root)': {\n        // focused input\n        '&:has(.Mui-focused)': {\n          // focus ring\n          '&&:before': {\n            // increase space (original size, helper text size + margin)\n            bottom: `-${2 + 16 + 4}px`,\n          },\n        },\n      },\n      // contains label\n      '&:has(.MuiInputLabel-root)': {\n        // focused OutlinedInput\n        '&:has(.MuiOutlinedInput-root.Mui-focused)': {\n          // focus ring\n          '&&:before': {\n            top: '-8px',\n          },\n        },\n      },\n      // select with open menu\n      '&:has(.MuiSelect-select[aria-expanded=\"true\"])': {\n        // hide focus ring to keep just one in menu\n        '&&:before': {\n          boxShadow: 'none',\n        },\n      },\n      // Checkboxes, Switches or Radio groups\n      '&:has(.MuiFormGroup-root), &:has(.MuiRadioGroup-root)': {\n        borderRadius: '0',\n        // remove focus effect\n        '&&:before': {\n          content: 'none',\n        },\n        // error\n        ...(ownerState.error && {\n          // similar style to banner\n          borderLeft: `6px solid ${theme.palette.error.main}`,\n          paddingLeft: '16px',\n        }),\n      },\n    }),\n  },\n};\n"],"names":["flowFormControl","defaultProps","variant","component","FormControl","styleOverrides","root","theme","ownerState","color","palette","mode","onSurface","os200","os600","transition","transitions","create","duration","shorter","easing","easeOut","marginBottom","text","primary","error","main","disabled","tertiary","borderRadius","getFocusRingStyle","bottom","top","boxShadow","Object","assign","content","borderLeft","paddingLeft"],"mappings":"sEAIa,MAAAA,EAAuD,CAClEC,aAAc,CACZC,QAAS,SACTC,sCAAsBC,aAExBC,eAAgB,CACdC,KAAM,EAAGC,QAAOC,6CACdC,MAA8B,SAAvBF,EAAMG,QAAQC,KAAkBJ,EAAMG,QAAQE,UAAUC,MAAQN,EAAMG,QAAQE,UAAUE,MAE/FC,WAAYR,EAAMS,YAAYC,OAAO,CAAC,QAAS,aAAc,CAC3DC,SAAUX,EAAMS,YAAYE,SAASC,QACrCC,OAAQb,EAAMS,YAAYI,OAAOC,UAGnCC,aAAc,OACd,+BAAgC,CAC9Bb,MAAOF,EAAMG,QAAQa,KAAKC,SAE5B,oBAAqB,CACnB,wDAAyD,CACvD,wBAAyB,CACvBf,MAAOF,EAAMG,QAAQe,MAAMC,QAIjC,uBAAwB,CACtBjB,MAAOF,EAAMG,QAAQiB,SAASC,UAEhCC,aAAc,OAEXC,EAAiBA,kBAACvB,GAAO,EAAO,EAAG,+CAA6C,CAEnF,iCAAkC,CAEhC,sBAAuB,CAErB,YAAa,CAEXwB,OAAQ,WAKd,6BAA8B,CAE5B,4CAA6C,CAE3C,YAAa,CACXC,IAAK,UAKX,iDAAkD,CAEhD,YAAa,CACXC,UAAW,SAIf,wDAAuDC,OAAAC,OAAA,CACrDN,aAAc,IAEd,YAAa,CACXO,QAAS,SAGP5B,EAAWiB,OAAS,CAEtBY,WAAY,aAAa9B,EAAMG,QAAQe,MAAMC,OAC7CY,YAAa"}
+{"version":3,"file":"formControl.theme.js","sources":["../../../../../src/materialui/textfield/formControl.theme.tsx"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { FormControl } from './FormControl';\n\nexport const flowFormControl: Components<Theme>['MuiFormControl'] = {\n  defaultProps: {\n    variant: 'filled',\n    component: FormControl,\n  },\n  styleOverrides: {\n    root: ({ theme, ownerState }) => ({\n      color: theme.palette.mode === 'dark' ? theme.palette.onSurface.os200 : theme.palette.onSurface.os600,\n      // match original transition with inputLabel\n      transition: theme.transitions.create(['color', 'transform'], {\n        duration: theme.transitions.duration.shorter,\n        easing: theme.transitions.easing.easeOut,\n      }),\n      // space for helperText (height + top margin + bottom margin)\n      marginBottom: `${16 + 4 + 4}px`,\n      '&:hover, &:has(.Mui-focused)': {\n        color: theme.palette.text.primary,\n      },\n      '&:has(.Mui-error)': {\n        '&:not(:has(.Mui-disabled)), &:has(.Mui-focused)': {\n          '& .MuiInputLabel-root': {\n            color: theme.palette.error.main,\n          },\n        },\n      },\n      '&:has(.Mui-disabled)': {\n        color: theme.palette.disabled.tertiary,\n      },\n      borderRadius: '4px',\n      // focus ring, appears with focused input\n      ...getFocusRingStyle(theme, false, 0, '&:not(.Flow-NoFocusRing):has(.Mui-focused)'),\n      // contains helper text\n      '&:has(.MuiFormHelperText-root)': {\n        // focused input\n        '&:has(.Mui-focused)': {\n          // does not have interactive error\n          '&:not(:has(.FlowHelperText-error-button-active))': {\n            // focus ring\n            '&&:before': {\n              // increase space (original size, helper text size + margin)\n              bottom: `-${2 + 16 + 4 + 4}px`,\n            },\n          },\n        },\n      },\n      // contains label\n      '&:has(.MuiInputLabel-root)': {\n        // focused OutlinedInput\n        '&:has(.MuiOutlinedInput-root.Mui-focused)': {\n          // focus ring\n          '&&:before': {\n            top: '-8px',\n          },\n        },\n      },\n      // select with open menu\n      '&:has(.MuiSelect-select[aria-expanded=\"true\"])': {\n        // hide focus ring to keep just one in menu\n        '&&:before': {\n          boxShadow: 'none',\n        },\n      },\n      // Checkboxes, Switches or Radio groups\n      '&:has(.MuiFormGroup-root), &:has(.MuiRadioGroup-root)': {\n        borderRadius: '0',\n        marginBottom: '0',\n        // remove focus effect\n        '&&:before': {\n          content: 'none',\n        },\n        // error\n        ...(ownerState.error && {\n          // similar style to banner\n          borderLeft: `6px solid ${theme.palette.error.main}`,\n          paddingLeft: '16px',\n        }),\n      },\n    }),\n  },\n};\n"],"names":["flowFormControl","defaultProps","variant","component","FormControl","styleOverrides","root","theme","ownerState","color","palette","mode","onSurface","os200","os600","transition","transitions","create","duration","shorter","easing","easeOut","marginBottom","text","primary","error","main","disabled","tertiary","borderRadius","getFocusRingStyle","bottom","top","boxShadow","content","borderLeft","paddingLeft"],"mappings":"sEAIO,MAAMA,EAAuD,CAClEC,aAAc,CACZC,QAAS,SACTC,sCAAWC,aAEbC,eAAgB,CACdC,KAAM,EAAGC,QAAOC,6CACdC,MAA8B,SAAvBF,EAAMG,QAAQC,KAAkBJ,EAAMG,QAAQE,UAAUC,MAAQN,EAAMG,QAAQE,UAAUE,MAE/FC,WAAYR,EAAMS,YAAYC,OAAO,CAAC,QAAS,aAAc,CAC3DC,SAAUX,EAAMS,YAAYE,SAASC,QACrCC,OAAQb,EAAMS,YAAYI,OAAOC,UAGnCC,aAAc,OACd,+BAAgC,CAC9Bb,MAAOF,EAAMG,QAAQa,KAAKC,SAE5B,oBAAqB,CACnB,kDAAmD,CACjD,wBAAyB,CACvBf,MAAOF,EAAMG,QAAQe,MAAMC,QAIjC,uBAAwB,CACtBjB,MAAOF,EAAMG,QAAQiB,SAASC,UAEhCC,aAAc,OAEXC,EAAAA,kBAAkBvB,GAAO,EAAO,EAAG,+CAA6C,CAEnF,iCAAkC,CAEhC,sBAAuB,CAErB,mDAAoD,CAElD,YAAa,CAEXwB,OAAQ,YAMhB,6BAA8B,CAE5B,4CAA6C,CAE3C,YAAa,CACXC,IAAK,UAKX,iDAAkD,CAEhD,YAAa,CACXC,UAAW,SAIf,uEACEJ,aAAc,IACdP,aAAc,IAEd,YAAa,CACXY,QAAS,SAGP1B,EAAWiB,OAAS,CAEtBU,WAAY,aAAa5B,EAAMG,QAAQe,MAAMC,OAC7CU,YAAa"}

package/cjs/materialui/textfield/formControlLabel.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"formControlLabel.theme.js","sources":["../../../../../src/materialui/textfield/formControlLabel.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowFormControlLabel: Components<Theme>['MuiFormControlLabel'] = {\n  styleOverrides: {\n    root: {\n      marginLeft: '0',\n      // in case the text should be recolored as well\n      // '&:has(.MuiCheckbox-colorError), &:has(.MuiSwitch-colorError), &:has(.MuiRadio-colorError)': {\n      //   '& .MuiFormControlLabel-label:not(.Mui-disabled)': {\n      //     color: theme.palette.error.main,\n      //   },\n      // },\n    },\n    label: ({ theme }) => ({\n      paddingTop: '4px',\n      paddingBottom: '4px',\n      letterSpacing: '0.2px',\n      fontSize: '14px',\n      lineHeight: '24px',\n      fontWeight: '400',\n      color: theme.palette.text.primary,\n      // space between Label and element (e.g. checkbox)\n      paddingLeft: '8px',\n      // disabled style\n      '&.Mui-disabled': {\n        color: theme.palette.disabled.tertiary,\n      },\n    }),\n    labelPlacementStart: {\n      marginLeft: '16px',\n      marginRight: '0',\n      '& .MuiFormControlLabel-label': {\n        paddingLeft: '0',\n        paddingRight: '8px',\n      },\n    },\n  },\n};\n"],"names":["styleOverrides","root","marginLeft","label","theme","paddingTop","paddingBottom","letterSpacing","fontSize","lineHeight","fontWeight","color","palette","text","primary","paddingLeft","disabled","tertiary","labelPlacementStart","marginRight","paddingRight"],"mappings":"0CAE8E,CAC5EA,eAAgB,CACdC,KAAM,CACJC,WAAY,KAQdC,MAAO,EAAGC,YAAa,CACrBC,WAAY,MACZC,cAAe,MACfC,cAAe,QACfC,SAAU,OACVC,WAAY,OACZC,WAAY,MACZC,MAAOP,EAAMQ,QAAQC,KAAKC,QAE1BC,YAAa,MAEb,iBAAkB,CAChBJ,MAAOP,EAAMQ,QAAQI,SAASC,YAGlCC,oBAAqB,CACnBhB,WAAY,OACZiB,YAAa,IACb,+BAAgC,CAC9BJ,YAAa,IACbK,aAAc"}
+{"version":3,"file":"formControlLabel.theme.js","sources":["../../../../../src/materialui/textfield/formControlLabel.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowFormControlLabel: Components<Theme>['MuiFormControlLabel'] = {\n  styleOverrides: {\n    root: {\n      marginLeft: '0',\n      // in case the text should be recolored as well\n      // '&:has(.MuiCheckbox-colorError), &:has(.MuiSwitch-colorError), &:has(.MuiRadio-colorError)': {\n      //   '& .MuiFormControlLabel-label:not(.Mui-disabled)': {\n      //     color: theme.palette.error.main,\n      //   },\n      // },\n    },\n    label: ({ theme }) => ({\n      paddingTop: '4px',\n      paddingBottom: '4px',\n      letterSpacing: '0.2px',\n      fontSize: '14px',\n      lineHeight: '24px',\n      fontWeight: '400',\n      color: theme.palette.text.primary,\n      // space between Label and element (e.g. checkbox)\n      paddingLeft: '8px',\n      // disabled style\n      '&.Mui-disabled': {\n        color: theme.palette.disabled.tertiary,\n      },\n    }),\n    labelPlacementStart: {\n      marginLeft: '16px',\n      marginRight: '0',\n      '& .MuiFormControlLabel-label': {\n        paddingLeft: '0',\n        paddingRight: '8px',\n      },\n    },\n  },\n};\n"],"names":["styleOverrides","root","marginLeft","label","theme","paddingTop","paddingBottom","letterSpacing","fontSize","lineHeight","fontWeight","color","palette","text","primary","paddingLeft","disabled","tertiary","labelPlacementStart","marginRight","paddingRight"],"mappings":"0CAE8E,CAC5EA,eAAgB,CACdC,KAAM,CACJC,WAAY,KAQdC,MAAO,EAAGC,YAAO,CACfC,WAAY,MACZC,cAAe,MACfC,cAAe,QACfC,SAAU,OACVC,WAAY,OACZC,WAAY,MACZC,MAAOP,EAAMQ,QAAQC,KAAKC,QAE1BC,YAAa,MAEb,iBAAkB,CAChBJ,MAAOP,EAAMQ,QAAQI,SAASC,YAGlCC,oBAAqB,CACnBhB,WAAY,OACZiB,YAAa,IACb,+BAAgC,CAC9BJ,YAAa,IACbK,aAAc"}

package/cjs/materialui/textfield/formHelperText.theme.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),i=require("@mui/material"),r=require("../../components/icon/filled/WarningFilledIcon.js");const n={defaultProps:{component:n=>{var{children:o,className:l,truncate:s}=n,a=e.__rest(n,["children","className","truncate"]);return t.jsxs(i.Box,Object.assign({component:"p",className:l},(null==l?void 0:l.includes("Mui-error"))&&{role:"alert",sx:{"&&":{display:"flex",alignItems:"flex-start",justifyContent:"flex-start"}}},a,{children:[(null==l?void 0:l.includes("Mui-error"))&&t.jsx(r.WarningFilledIcon,{sx:{fontSize:"17px",verticalAlign:"top",ml:"2px",mr:"4px"}}),t.jsx(i.Box,{sx:{display:"block",overflow:"inherit",textOverflow:"inherit",whiteSpace:"inherit",flexGrow:"1"},component:"span",children:o})]}))}},styleOverrides:{root:({ownerState:e,theme:t})=>Object.assign({display:"block",width:"100%",margin:"4px 0 0 0",color:"dark"===t.palette.mode?t.palette.onSurface.os200:t.palette.onSurface.os600,transition:"inherit",[t.breakpoints.up("xs")]:{fontSize:"12px",fontWeight:"400",letterSpacing:"0",lineHeight:"16px"}},!1!==e.truncate?{position:"absolute",top:"100%",left:"0",right:"0",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",height:"16px"}:{position:"static",minHeight:"16px",marginBottom:"-20px"})}};exports.flowFormHelperText=n;
+"use strict";const e={defaultProps:{component:require("./FormHelperText.js").FormHelperText},styleOverrides:{root:({ownerState:e,theme:t})=>Object.assign({display:"block",width:"100%",margin:"4px 0",paddingLeft:"12px",paddingRight:"12px",color:"dark"===t.palette.mode?t.palette.onSurface.os200:t.palette.onSurface.os600,transition:"inherit","&.Mui-disabled":{color:t.palette.disabled.tertiary},[t.breakpoints.up("xs")]:{fontSize:"12px",fontWeight:"400",letterSpacing:"0",lineHeight:"16px"}},!1!==e.truncate?{position:"absolute",top:"100%",left:"0",right:"0",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",height:"16px"}:{position:"static",minHeight:"16px",marginBottom:"-24px"})}};exports.flowFormHelperText=e;
 //# sourceMappingURL=formHelperText.theme.js.map

package/cjs/materialui/textfield/formHelperText.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"formHelperText.theme.js","sources":["../../../../../src/materialui/textfield/formHelperText.theme.tsx"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\nimport { Box } from '@mui/material';\nimport { WarningFilledIcon } from '@/src/components/icon/filled/WarningFilledIcon';\n\nexport const flowFormHelperText: Components<Theme>['MuiFormHelperText'] = {\n  defaultProps: {\n    component: ({ children, className, truncate, ...rest }) => {\n      // add ErrorIcon and a11y tags with error present\n      return (\n        <Box\n          component=\"p\"\n          className={className}\n          {...(className?.includes('Mui-error') && {\n            role: 'alert',\n            sx: {\n              '&&': {\n                display: 'flex',\n                alignItems: 'flex-start',\n                justifyContent: 'flex-start',\n              },\n            },\n          })}\n          {...rest}\n        >\n          {className?.includes('Mui-error') && (\n            <WarningFilledIcon sx={{ fontSize: '17px', verticalAlign: 'top', ml: '2px', mr: '4px' }} />\n          )}\n          <Box\n            sx={{\n              display: 'block',\n              overflow: 'inherit',\n              textOverflow: 'inherit',\n              whiteSpace: 'inherit',\n              flexGrow: '1',\n            }}\n            component=\"span\"\n          >\n            {children}\n          </Box>\n        </Box>\n      );\n    },\n  },\n  styleOverrides: {\n    root: ({ ownerState, theme }) => ({\n      display: 'block',\n      width: '100%',\n      margin: '4px 0 0 0',\n      color: theme.palette.mode === 'dark' ? theme.palette.onSurface.os200 : theme.palette.onSurface.os600,\n      transition: 'inherit',\n      [theme.breakpoints.up('xs')]: {\n        // custom font\n        fontSize: '12px',\n        fontWeight: '400',\n        letterSpacing: '0',\n        lineHeight: '16px',\n      },\n      ...(ownerState.truncate !== false\n        ? {\n            position: 'absolute',\n            top: '100%',\n            left: '0',\n            right: '0',\n            overflow: 'hidden',\n            textOverflow: 'ellipsis',\n            whiteSpace: 'nowrap',\n            // match bottom margin from FormControl\n            height: '16px',\n          }\n        : {\n            position: 'static',\n            minHeight: '16px',\n            // remove fake space from TextField due to static position (height + margin)\n            marginBottom: `-${16 + 4}px`,\n          }),\n    }),\n  },\n};\n"],"names":["flowFormHelperText","defaultProps","component","_a","children","className","truncate","rest","__rest","_jsxs","jsxs","Box","Object","assign","includes","role","sx","display","alignItems","justifyContent","_jsx","WarningFilledIcon","fontSize","verticalAlign","ml","mr","jsx","overflow","textOverflow","whiteSpace","flexGrow","styleOverrides","root","ownerState","theme","width","margin","color","palette","mode","onSurface","os200","os600","transition","breakpoints","up","fontWeight","letterSpacing","lineHeight","position","top","left","right","height","minHeight","marginBottom"],"mappings":"6JAIa,MAAAA,EAA6D,CACxEC,aAAc,CACZC,UAAYC,QAAAC,SAAEA,EAAQC,UAAEA,EAASC,SAAEA,KAAaC,EAApCC,EAAAA,OAAAL,EAAA,CAAA,WAAA,YAAA,aAEV,OACEM,EAACC,KAAAC,EAAGA,IACFC,OAAAC,OAAA,CAAAX,UAAU,IACVG,UAAWA,IACNA,aAAA,EAAAA,EAAWS,SAAS,eAAgB,CACvCC,KAAM,QACNC,GAAI,CACF,KAAM,CACJC,QAAS,OACTC,WAAY,aACZC,eAAgB,gBAIlBZ,EAEH,CAAAH,SAAA,EAAAC,eAAAA,EAAWS,SAAS,eACnBM,MAACC,EAAiBA,kBAAA,CAACL,GAAI,CAAEM,SAAU,OAAQC,cAAe,MAAOC,GAAI,MAAOC,GAAI,SAElFL,EAACM,IAAAf,EAAGA,IACF,CAAAK,GAAI,CACFC,QAAS,QACTU,SAAU,UACVC,aAAc,UACdC,WAAY,UACZC,SAAU,KAEZ5B,UAAU,OAAME,SAEfA,OAEC,GAIZ2B,eAAgB,CACdC,KAAM,EAAGC,aAAYC,WACnBtB,OAAAC,OAAA,CAAAI,QAAS,QACTkB,MAAO,OACPC,OAAQ,YACRC,MAA8B,SAAvBH,EAAMI,QAAQC,KAAkBL,EAAMI,QAAQE,UAAUC,MAAQP,EAAMI,QAAQE,UAAUE,MAC/FC,WAAY,UACZ,CAACT,EAAMU,YAAYC,GAAG,OAAQ,CAE5BvB,SAAU,OACVwB,WAAY,MACZC,cAAe,IACfC,WAAY,UAEc,IAAxBf,EAAW3B,SACX,CACE2C,SAAU,WACVC,IAAK,OACLC,KAAM,IACNC,MAAO,IACPzB,SAAU,SACVC,aAAc,WACdC,WAAY,SAEZwB,OAAQ,QAEV,CACEJ,SAAU,SACVK,UAAW,OAEXC,aAAc"}
+{"version":3,"file":"formHelperText.theme.js","sources":["../../../../../src/materialui/textfield/formHelperText.theme.tsx"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\nimport { FormHelperText } from './FormHelperText';\n\nexport const flowFormHelperText: Components<Theme>['MuiFormHelperText'] = {\n  defaultProps: {\n    component: FormHelperText,\n  },\n  styleOverrides: {\n    root: ({ ownerState, theme }) => ({\n      display: 'block',\n      width: '100%',\n      margin: '4px 0',\n      paddingLeft: '12px',\n      paddingRight: '12px',\n      color: theme.palette.mode === 'dark' ? theme.palette.onSurface.os200 : theme.palette.onSurface.os600,\n      transition: 'inherit',\n      '&.Mui-disabled': {\n        color: theme.palette.disabled.tertiary,\n      },\n      [theme.breakpoints.up('xs')]: {\n        // custom font\n        fontSize: '12px',\n        fontWeight: '400',\n        letterSpacing: '0',\n        lineHeight: '16px',\n      },\n      ...(ownerState.truncate !== false\n        ? {\n            position: 'absolute',\n            top: '100%',\n            left: '0',\n            right: '0',\n            overflow: 'hidden',\n            textOverflow: 'ellipsis',\n            whiteSpace: 'nowrap',\n            // match bottom padding from FormControl\n            height: '16px',\n          }\n        : {\n            position: 'static',\n            minHeight: '16px',\n            // remove fake space from TextField due to static position (height + top margin + bottom margin)\n            marginBottom: `-${16 + 4 + 4}px`,\n          }),\n    }),\n  },\n};\n"],"names":["flowFormHelperText","defaultProps","component","FormHelperText","styleOverrides","root","ownerState","theme","Object","assign","display","width","margin","paddingLeft","paddingRight","color","palette","mode","onSurface","os200","os600","transition","disabled","tertiary","breakpoints","up","fontSize","fontWeight","letterSpacing","lineHeight","truncate","position","top","left","right","overflow","textOverflow","whiteSpace","height","minHeight","marginBottom"],"mappings":"aAGO,MAAMA,EAA6D,CACxEC,aAAc,CACZC,yCAAWC,gBAEbC,eAAgB,CACdC,KAAM,EAAGC,aAAYC,WAAYC,OAAAC,OAAA,CAC/BC,QAAS,QACTC,MAAO,OACPC,OAAQ,QACRC,YAAa,OACbC,aAAc,OACdC,MAA8B,SAAvBR,EAAMS,QAAQC,KAAkBV,EAAMS,QAAQE,UAAUC,MAAQZ,EAAMS,QAAQE,UAAUE,MAC/FC,WAAY,UACZ,iBAAkB,CAChBN,MAAOR,EAAMS,QAAQM,SAASC,UAEhC,CAAChB,EAAMiB,YAAYC,GAAG,OAAQ,CAE5BC,SAAU,OACVC,WAAY,MACZC,cAAe,IACfC,WAAY,UAEc,IAAxBvB,EAAWwB,SACX,CACEC,SAAU,WACVC,IAAK,OACLC,KAAM,IACNC,MAAO,IACPC,SAAU,SACVC,aAAc,WACdC,WAAY,SAEZC,OAAQ,QAEV,CACEP,SAAU,SACVQ,UAAW,OAEXC,aAAc"}

package/cjs/materialui/textfield/formLabel.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"formLabel.theme.js","sources":["../../../../../src/materialui/textfield/formLabel.theme.tsx"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\nimport { Box } from '@mui/material';\n\nexport const flowFormLabel: Components<Theme>['MuiFormLabel'] = {\n  defaultProps: {\n    // add a required text for the screen readers\n    component: ({ children, className, ...rest }) => (\n      <Box component=\"label\" className={className} {...rest}>\n        {children}\n        {className?.includes('Mui-required') && (\n          <Box\n            component=\"span\"\n            sx={{\n              position: 'absolute',\n              width: '1px',\n              height: '1px',\n              margin: '-1px',\n              clip: 'rect(0 0 0 0)',\n              overflow: 'hidden',\n              padding: '0',\n              border: 'none',\n              whiteSpace: 'nowrap',\n            }}\n          >{` (required)`}</Box>\n        )}\n      </Box>\n    ),\n  },\n  styleOverrides: {\n    root: ({ theme }) => ({\n      // recolor each variant\n      '&, &.Mui-disabled, &.Mui-focused, &.Mui-error': {\n        transition: 'inherit',\n        color: 'inherit',\n      },\n      [theme.breakpoints.up('xs')]: {\n        fontWeight: '400',\n      },\n      // target just labels for the group of toggles (switch, radio, checkbox)\n      '&:not(.MuiInputLabel-root)': {\n        // change body1 typography to subheadline\n        ...theme.typography.subheadline,\n        // space between inputs and label\n        paddingBottom: '16px',\n        // detect FormMessage\n        '& + [role=alert]': {\n          // reduce space between Label and message\n          marginTop: '-8px',\n        },\n        // recolor each variant\n        '&, &.Mui-disabled, &.Mui-focused': {\n          color: theme.palette.text.primary,\n        },\n      },\n    }),\n    asterisk: {\n      // recolor each variant\n      '&, &.Mui-disabled, &.Mui-focused, &.Mui-error': {\n        transition: 'inherit',\n        color: 'inherit',\n      },\n    },\n  },\n};\n"],"names":["flowFormLabel","defaultProps","component","_a","children","className","rest","__rest","_jsxs","jsxs","Box","Object","assign","includes","_jsx","jsx","sx","position","width","height","margin","clip","overflow","padding","border","whiteSpace","styleOverrides","root","theme","transition","color","breakpoints","up","fontWeight","typography","subheadline","paddingBottom","marginTop","palette","text","primary","asterisk"],"mappings":"8FAGa,MAAAA,EAAmD,CAC9DC,aAAc,CAEZC,UAAYC,QAAAC,SAAEA,EAAQC,UAAEA,GAASF,EAAKG,EAAIC,EAAAA,OAAAJ,EAA9B,0BAAqC,OAC/CK,EAACC,KAAAC,EAAGA,IAACC,OAAAC,OAAA,CAAAV,UAAU,QAAQG,UAAWA,GAAeC,EAC9C,CAAAF,SAAA,CAAAA,GACAC,eAAAA,EAAWQ,SAAS,kBACnBC,EAAAC,IAACL,EAAGA,IACF,CAAAR,UAAU,OACVc,GAAI,CACFC,SAAU,WACVC,MAAO,MACPC,OAAQ,MACRC,OAAQ,OACRC,KAAM,gBACNC,SAAU,SACVC,QAAS,IACTC,OAAQ,OACRC,WAAY,UACbrB,SACD,mBAEA,GAGVsB,eAAgB,CACdC,KAAM,EAAGC,YAAa,CAEpB,gDAAiD,CAC/CC,WAAY,UACZC,MAAO,WAET,CAACF,EAAMG,YAAYC,GAAG,OAAQ,CAC5BC,WAAY,OAGd,6BAEKtB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAgB,EAAMM,WAAWC,aAAW,CAE/BC,cAAe,OAEf,mBAAoB,CAElBC,UAAW,QAGb,mCAAoC,CAClCP,MAAOF,EAAMU,QAAQC,KAAKC,aAIhCC,SAAU,CAER,gDAAiD,CAC/CZ,WAAY,UACZC,MAAO"}
+{"version":3,"file":"formLabel.theme.js","sources":["../../../../../src/materialui/textfield/formLabel.theme.tsx"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\nimport { Box } from '@mui/material';\n\nexport const flowFormLabel: Components<Theme>['MuiFormLabel'] = {\n  defaultProps: {\n    // add a required text for the screen readers\n    component: ({ children, className, ...rest }) => (\n      <Box component=\"label\" className={className} {...rest}>\n        {children}\n        {className?.includes('Mui-required') && (\n          <Box\n            component=\"span\"\n            sx={{\n              position: 'absolute',\n              width: '1px',\n              height: '1px',\n              margin: '-1px',\n              clip: 'rect(0 0 0 0)',\n              overflow: 'hidden',\n              padding: '0',\n              border: 'none',\n              whiteSpace: 'nowrap',\n            }}\n          >{` (required)`}</Box>\n        )}\n      </Box>\n    ),\n  },\n  styleOverrides: {\n    root: ({ theme }) => ({\n      // recolor each variant\n      '&, &.Mui-disabled, &.Mui-focused, &.Mui-error': {\n        transition: 'inherit',\n        color: 'inherit',\n      },\n      [theme.breakpoints.up('xs')]: {\n        fontWeight: '400',\n      },\n      // target just labels for the group of toggles (switch, radio, checkbox)\n      '&:not(.MuiInputLabel-root)': {\n        // change body1 typography to subheadline\n        ...theme.typography.subheadline,\n        // space between inputs and label\n        paddingBottom: '16px',\n        // detect FormMessage\n        '& + [role=alert]': {\n          // reduce space between Label and message\n          marginTop: '-8px',\n        },\n        // recolor each variant\n        '&, &.Mui-disabled, &.Mui-focused': {\n          color: theme.palette.text.primary,\n        },\n      },\n    }),\n    asterisk: {\n      // recolor each variant\n      '&, &.Mui-disabled, &.Mui-focused, &.Mui-error': {\n        transition: 'inherit',\n        color: 'inherit',\n      },\n    },\n  },\n};\n"],"names":["flowFormLabel","defaultProps","component","_a","children","className","rest","__rest","_jsxs","Box","Object","assign","includes","_jsx","sx","position","width","height","margin","clip","overflow","padding","border","whiteSpace","styleOverrides","root","theme","transition","color","breakpoints","up","fontWeight","typography","subheadline","paddingBottom","marginTop","palette","text","primary","asterisk"],"mappings":"8FAGO,MAAMA,EAAmD,CAC9DC,aAAc,CAEZC,UAAYC,QAAAC,SAAEA,EAAQC,UAAEA,GAASF,EAAKG,EAAIC,EAAAA,OAAAJ,EAA9B,0BAAqC,OAC/CK,EAAAA,KAACC,EAAAA,IAAGC,OAAAC,OAAA,CAACT,UAAU,QAAQG,UAAWA,GAAeC,EAAI,CAAAF,SAAA,CAClDA,GACAC,eAAAA,EAAWO,SAAS,kBACnBC,EAAAA,IAACJ,EAAAA,IAAG,CACFP,UAAU,OACVY,GAAI,CACFC,SAAU,WACVC,MAAO,MACPC,OAAQ,MACRC,OAAQ,OACRC,KAAM,gBACNC,SAAU,SACVC,QAAS,IACTC,OAAQ,OACRC,WAAY,UACbnB,SACD,sBAKVoB,eAAgB,CACdC,KAAM,EAAGC,YAAO,CAEd,gDAAiD,CAC/CC,WAAY,UACZC,MAAO,WAET,CAACF,EAAMG,YAAYC,GAAG,OAAQ,CAC5BC,WAAY,OAGd,6BAA4BrB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAEvBe,EAAMM,WAAWC,aAAW,CAE/BC,cAAe,OAEf,mBAAoB,CAElBC,UAAW,QAGb,mCAAoC,CAClCP,MAAOF,EAAMU,QAAQC,KAAKC,aAIhCC,SAAU,CAER,gDAAiD,CAC/CZ,WAAY,UACZC,MAAO"}

package/cjs/materialui/textfield/index.d.ts

@@ -1,2 +1,3 @@
+export { HelperTextContent } from './HelperTextContent';
 export { TextField } from '@mui/material';
 export type { TextFieldProps } from '@mui/material';

package/cjs/materialui/textfield/input.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.theme.js","sources":["../../../../../src/materialui/textfield/input.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowInput: Components<Theme>['MuiInput'] = {\n  defaultProps: {},\n  styleOverrides: {\n    root: {\n      '&.Mui-disabled': {\n        '&:before': {\n          borderBottomStyle: 'solid',\n        },\n      },\n    },\n  },\n};\n"],"names":["defaultProps","styleOverrides","root","borderBottomStyle"],"mappings":"+BAEwD,CACtDA,aAAc,CAAE,EAChBC,eAAgB,CACdC,KAAM,CACJ,iBAAkB,CAChB,WAAY,CACVC,kBAAmB"}
+{"version":3,"file":"input.theme.js","sources":["../../../../../src/materialui/textfield/input.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowInput: Components<Theme>['MuiInput'] = {\n  defaultProps: {},\n  styleOverrides: {\n    root: {\n      '&.Mui-disabled': {\n        '&:before': {\n          borderBottomStyle: 'solid',\n        },\n      },\n    },\n  },\n};\n"],"names":["defaultProps","styleOverrides","root","borderBottomStyle"],"mappings":"+BAEwD,CACtDA,aAAc,CAAA,EACdC,eAAgB,CACdC,KAAM,CACJ,iBAAkB,CAChB,WAAY,CACVC,kBAAmB"}

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

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

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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-"use strict";exports.flowInputLabel={defaultProps:{},styleOverrides:{root:({theme:t})=>({pointerEvents:"none",transition:"inherit",color:"inherit",[t.breakpoints.up("xs")]:{fontSize:"16px",lineHeight:"24px",fontWeight:"400"}}),filled:{transform:"translate(12px, 18px) scale(1)","&.MuiInputLabel-shrink":{transform:"translate(12px, 7px) scale(0.75)"},"&.MuiInputLabel-sizeSmall":{transform:"translate(12px, 13px) scale(1)","&.MuiInputLabel-shrink":{transform:"translate(12px, 7px) scale(0.75)"}},"&:has(+ .MuiInputBase-adornedStart .MuiInputAdornment-positionStart)":{transform:"translate(56px, 18px) scale(1)","&.MuiInputLabel-sizeSmall":{transform:"translate(56px, 13px) scale(1);"},"&.MuiInputLabel-shrink":{transform:"translate(56px, 7px) scale(0.75)"}}},outlined:{"&:has(+ .MuiInputBase-adornedStart .MuiInputAdornment-positionStart)":{transform:"translate(54px, 16px) scale(1);","&.MuiInputLabel-sizeSmall":{transform:"translate(54px, 8px) scale(1);"},"&.MuiInputLabel-shrink":{transform:"translate(14px, -9px) scale(0.75);"}}},standard:{"&:has(+ .MuiInputBase-adornedStart)":{transform:"translate(40px, 20px) scale(1);","&.MuiInputLabel-sizeSmall":{transform:"translate(40px, 17px) scale(1);"},"&.MuiInputLabel-shrink":{transform:"translate(0, -1.5px) scale(0.75)"}}}}};
+"use strict";exports.flowInputLabel={defaultProps:{},styleOverrides:{root:({theme:t})=>({pointerEvents:"none",transition:"inherit",color:"inherit",[t.breakpoints.up("xs")]:{fontSize:"16px",lineHeight:"24px",fontWeight:"400"}}),filled:{transform:"translate(12px, 18px) scale(1)","&.MuiInputLabel-shrink":{transform:"translate(12px, 7px) scale(0.75)"},"&.MuiInputLabel-sizeSmall":{transform:"translate(12px, 13px) scale(1)","&.MuiInputLabel-shrink":{transform:"translate(12px, 7px) scale(0.75)"}},"&:has(+ .MuiInputBase-adornedStart .MuiInputAdornment-positionStart)":{transform:"translate(44px, 18px) scale(1)","&.MuiInputLabel-sizeSmall":{transform:"translate(44px, 13px) scale(1);"},"&.MuiInputLabel-shrink":{transform:"translate(44px, 7px) scale(0.75)"}}},outlined:{"&:has(+ .MuiInputBase-adornedStart .MuiInputAdornment-positionStart)":{transform:"translate(44px, 16px) scale(1);","&.MuiInputLabel-sizeSmall":{transform:"translate(44px, 9px) scale(1);"},"&.MuiInputLabel-shrink":{transform:"translate(14px, -9px) scale(0.75);"}}},standard:{"&:has(+ .MuiInputBase-adornedStart)":{transform:"translate(32px, 20px) scale(1);","&.MuiInputLabel-sizeSmall":{transform:"translate(32px, 18px) scale(1);"},"&.MuiInputLabel-shrink":{transform:"translate(0, -1.5px) scale(0.75)"}}}}};
 //# sourceMappingURL=inputLabel.theme.js.map

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

@@ -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(56px, 18px) scale(1)',\n        '&.MuiInputLabel-sizeSmall': {\n          transform: 'translate(56px, 13px) scale(1);',\n        },\n        '&.MuiInputLabel-shrink': {\n          transform: 'translate(56px, 7px) scale(0.75)',\n        },\n      },\n    },\n    outlined: {\n      '&:has(+ .MuiInputBase-adornedStart .MuiInputAdornment-positionStart)': {\n        transform: 'translate(54px, 16px) scale(1);',\n        '&.MuiInputLabel-sizeSmall': {\n          transform: 'translate(54px, 8px) 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(40px, 20px) scale(1);',\n        '&.MuiInputLabel-sizeSmall': {\n          transform: 'translate(40px, 17px) scale(1);',\n        },\n        '&.MuiInputLabel-shrink': {\n          transform: 'translate(0, -1.5px) scale(0.75)',\n        },\n      },\n    },\n  },\n};\n"],"names":["defaultProps","styleOverrides","root","theme","pointerEvents","transition","color","breakpoints","up","fontSize","lineHeight","fontWeight","filled","transform","outlined","standard"],"mappings":"oCAEkE,CAChEA,aAAc,CAAE,EAChBC,eAAgB,CACdC,KAAM,EAAGC,YAAa,CAEpBC,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"}
+{"version":3,"file":"inputLabel.theme.js","sources":["../../../../../src/materialui/textfield/inputLabel.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowInputLabel: Components<Theme>['MuiInputLabel'] = {\n  defaultProps: {},\n  styleOverrides: {\n    root: ({ theme }) => ({\n      // remove pointer events to prevent blur and focus formControl\n      pointerEvents: 'none',\n      transition: 'inherit',\n      color: 'inherit',\n      [theme.breakpoints.up('xs')]: {\n        fontSize: '16px',\n        lineHeight: '24px',\n        fontWeight: '400',\n      },\n    }),\n    filled: {\n      transform: 'translate(12px, 18px) scale(1)',\n      '&.MuiInputLabel-shrink': {\n        transform: 'translate(12px, 7px) scale(0.75)',\n      },\n      '&.MuiInputLabel-sizeSmall': {\n        transform: 'translate(12px, 13px) scale(1)',\n        '&.MuiInputLabel-shrink': {\n          transform: 'translate(12px, 7px) scale(0.75)',\n        },\n      },\n      '&:has(+ .MuiInputBase-adornedStart .MuiInputAdornment-positionStart)': {\n        transform: 'translate(44px, 18px) scale(1)',\n        '&.MuiInputLabel-sizeSmall': {\n          transform: 'translate(44px, 13px) scale(1);',\n        },\n        '&.MuiInputLabel-shrink': {\n          transform: 'translate(44px, 7px) scale(0.75)',\n        },\n      },\n    },\n    outlined: {\n      '&:has(+ .MuiInputBase-adornedStart .MuiInputAdornment-positionStart)': {\n        transform: 'translate(44px, 16px) scale(1);',\n        '&.MuiInputLabel-sizeSmall': {\n          transform: 'translate(44px, 9px) scale(1);',\n        },\n        '&.MuiInputLabel-shrink': {\n          transform: 'translate(14px, -9px) scale(0.75);',\n        },\n      },\n    },\n    standard: {\n      '&:has(+ .MuiInputBase-adornedStart)': {\n        transform: 'translate(32px, 20px) scale(1);',\n        '&.MuiInputLabel-sizeSmall': {\n          transform: 'translate(32px, 18px) scale(1);',\n        },\n        '&.MuiInputLabel-shrink': {\n          transform: 'translate(0, -1.5px) scale(0.75)',\n        },\n      },\n    },\n  },\n};\n"],"names":["defaultProps","styleOverrides","root","theme","pointerEvents","transition","color","breakpoints","up","fontSize","lineHeight","fontWeight","filled","transform","outlined","standard"],"mappings":"oCAEkE,CAChEA,aAAc,CAAA,EACdC,eAAgB,CACdC,KAAM,EAAGC,YAAO,CAEdC,cAAe,OACfC,WAAY,UACZC,MAAO,UACP,CAACH,EAAMI,YAAYC,GAAG,OAAQ,CAC5BC,SAAU,OACVC,WAAY,OACZC,WAAY,SAGhBC,OAAQ,CACNC,UAAW,iCACX,yBAA0B,CACxBA,UAAW,oCAEb,4BAA6B,CAC3BA,UAAW,iCACX,yBAA0B,CACxBA,UAAW,qCAGf,uEAAwE,CACtEA,UAAW,iCACX,4BAA6B,CAC3BA,UAAW,mCAEb,yBAA0B,CACxBA,UAAW,sCAIjBC,SAAU,CACR,uEAAwE,CACtED,UAAW,kCACX,4BAA6B,CAC3BA,UAAW,kCAEb,yBAA0B,CACxBA,UAAW,wCAIjBE,SAAU,CACR,sCAAuC,CACrCF,UAAW,kCACX,4BAA6B,CAC3BA,UAAW,mCAEb,yBAA0B,CACxBA,UAAW"}

package/cjs/materialui/textfield/outlinedInput.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"outlinedInput.theme.js","sources":["../../../../../src/materialui/textfield/outlinedInput.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowOutlinedInput: Components<Theme>['MuiOutlinedInput'] = {\n  defaultProps: {},\n  styleOverrides: {\n    root: {\n      '&.Mui-focused': {\n        '& .MuiOutlinedInput-notchedOutline': {\n          borderColor: 'currentColor',\n        },\n      },\n    },\n  },\n};\n"],"names":["defaultProps","styleOverrides","root","borderColor"],"mappings":"uCAEwE,CACtEA,aAAc,CAAE,EAChBC,eAAgB,CACdC,KAAM,CACJ,gBAAiB,CACf,qCAAsC,CACpCC,YAAa"}
+{"version":3,"file":"outlinedInput.theme.js","sources":["../../../../../src/materialui/textfield/outlinedInput.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowOutlinedInput: Components<Theme>['MuiOutlinedInput'] = {\n  defaultProps: {},\n  styleOverrides: {\n    root: {\n      '&.Mui-focused': {\n        '& .MuiOutlinedInput-notchedOutline': {\n          borderColor: 'currentColor',\n        },\n      },\n    },\n  },\n};\n"],"names":["defaultProps","styleOverrides","root","borderColor"],"mappings":"uCAEwE,CACtEA,aAAc,CAAA,EACdC,eAAgB,CACdC,KAAM,CACJ,gBAAiB,CACf,qCAAsC,CACpCC,YAAa"}

package/cjs/materialui/textfield/select.theme.js

@@ -1,2 +1,2 @@
-"use strict";const e={defaultProps:{IconComponent:require("../../components/icon/stroke/ChevronDownIcon.js").ChevronDownIcon,MenuProps:{disableAutoFocusItem:!0}},styleOverrides:{select:{"& ~ .MuiInputAdornment-positionEnd":{marginRight:"37px"}},icon:({ownerState:e})=>Object.assign({color:"inherit",fontSize:"17px",flexShrink:"0"},["outlined","filled"].includes(e.variant)&&{right:"22px"})}};exports.flowSelect=e;
+"use strict";const n={defaultProps:{IconComponent:require("../../components/icon/stroke/ChevronDownIcon.js").ChevronDownIcon,MenuProps:{disableAutoFocusItem:!0}},styleOverrides:{select:{"& ~ .MuiInputAdornment-positionEnd":{marginRight:"36px"}},icon:({ownerState:n})=>Object.assign({color:"inherit",fontSize:"17px",flexShrink:"0",right:"12px"},["outlined","filled"].includes(n.variant)&&{right:"16px"}),standard:{"&&":{paddingRight:"36px"}},outlined:{"&&":{paddingRight:"36px"}},filled:{"&&":{paddingRight:"44px"}}}};exports.flowSelect=n;
 //# sourceMappingURL=select.theme.js.map

package/cjs/materialui/textfield/select.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.theme.js","sources":["../../../../../src/materialui/textfield/select.theme.tsx"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\nimport { ChevronDownIcon } from '@/src/components/icon/stroke/ChevronDownIcon';\n\nexport const flowSelect: Components<Theme>['MuiSelect'] = {\n  defaultProps: {\n    IconComponent: ChevronDownIcon,\n    MenuProps: {\n      // turn off autofocus to prevent focus ring appearance\n      // https://github.com/mui/material-ui/issues/23747\n      disableAutoFocusItem: true,\n    },\n  },\n  styleOverrides: {\n    select: {\n      // extra space for end icon\n      '& ~ .MuiInputAdornment-positionEnd': {\n        marginRight: '37px',\n      },\n    },\n    icon: ({ ownerState }) => ({\n      color: 'inherit',\n      fontSize: '17px',\n      flexShrink: '0',\n      ...(['outlined', 'filled'].includes(ownerState.variant) && {\n        right: '22px',\n      }),\n    }),\n  },\n};\n"],"names":["flowSelect","defaultProps","IconComponent","ChevronDownIcon","MenuProps","disableAutoFocusItem","styleOverrides","select","marginRight","icon","ownerState","Object","assign","color","fontSize","flexShrink","includes","variant","right"],"mappings":"aAGa,MAAAA,EAA6C,CACxDC,aAAc,CACZC,yEAA8BC,gBAC9BC,UAAW,CAGTC,sBAAsB,IAG1BC,eAAgB,CACdC,OAAQ,CAEN,qCAAsC,CACpCC,YAAa,SAGjBC,KAAM,EAAGC,gBAAiBC,OAAAC,OAAA,CACxBC,MAAO,UACPC,SAAU,OACVC,WAAY,KACR,CAAC,WAAY,UAAUC,SAASN,EAAWO,UAAY,CACzDC,MAAO"}
+{"version":3,"file":"select.theme.js","sources":["../../../../../src/materialui/textfield/select.theme.tsx"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\nimport { ChevronDownIcon } from '@/src/components/icon/stroke/ChevronDownIcon';\n\nexport const flowSelect: Components<Theme>['MuiSelect'] = {\n  defaultProps: {\n    IconComponent: ChevronDownIcon,\n    MenuProps: {\n      // turn off autofocus to prevent focus ring appearance\n      // https://github.com/mui/material-ui/issues/23747\n      disableAutoFocusItem: true,\n    },\n  },\n  styleOverrides: {\n    select: {\n      // extra space for end icon\n      '& ~ .MuiInputAdornment-positionEnd': {\n        marginRight: '36px',\n      },\n    },\n    icon: ({ ownerState }) => ({\n      color: 'inherit',\n      fontSize: '17px',\n      flexShrink: '0',\n      right: '12px',\n      ...(['outlined', 'filled'].includes(ownerState.variant) && {\n        right: '16px',\n      }),\n    }),\n    standard: {\n      '&&': {\n        paddingRight: '36px',\n      },\n    },\n    outlined: {\n      '&&': {\n        paddingRight: '36px',\n      },\n    },\n    filled: {\n      '&&': {\n        paddingRight: '44px',\n      },\n    },\n  },\n};\n"],"names":["flowSelect","defaultProps","IconComponent","ChevronDownIcon","MenuProps","disableAutoFocusItem","styleOverrides","select","marginRight","icon","ownerState","Object","assign","color","fontSize","flexShrink","right","includes","variant","standard","paddingRight","outlined","filled"],"mappings":"aAGO,MAAMA,EAA6C,CACxDC,aAAc,CACZC,yEAAeC,gBACfC,UAAW,CAGTC,sBAAsB,IAG1BC,eAAgB,CACdC,OAAQ,CAEN,qCAAsC,CACpCC,YAAa,SAGjBC,KAAM,EAAGC,gBAAiBC,OAAAC,OAAA,CACxBC,MAAO,UACPC,SAAU,OACVC,WAAY,IACZC,MAAO,QACH,CAAC,WAAY,UAAUC,SAASP,EAAWQ,UAAY,CACzDF,MAAO,SAGXG,SAAU,CACR,KAAM,CACJC,aAAc,SAGlBC,SAAU,CACR,KAAM,CACJD,aAAc,SAGlBE,OAAQ,CACN,KAAM,CACJF,aAAc"}

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

@@ -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    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    // slotProps: {\n    //   input: ({ placeholder, label }) => ({\n    //     // add aria-label for fields without label but with placeholder\n    //     ...(!label &&\n    //       placeholder && {\n    //         inputProps: { ['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","minRows","maxRows","inputProps","placeholder","label","Object","assign","styleOverrides","root","paddingRight"],"mappings":"aAEa,MAAAA,EAAmD,CAC9DC,aAAc,CACZC,QAAS,SACTC,QAAS,EACTC,QAAS,EAETC,WAAY,EAAGC,cAAaC,WAEvBC,OAAAC,OAAA,CAAA,GAAEF,GACHD,GAAe,CACb,aAAgBA,KAaxBI,eAAgB,CACdC,KAAM,CAEJ,uCAAwC,CACtC,sBAAuB,CACrBC,aAAc"}
+{"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    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    // slotProps: {\n    //   input: ({ placeholder, label }) => ({\n    //     // add aria-label for fields without label but with placeholder\n    //     ...(!label &&\n    //       placeholder && {\n    //         inputProps: { ['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","minRows","maxRows","inputProps","placeholder","label","Object","assign","styleOverrides","root","paddingRight"],"mappings":"aAEO,MAAMA,EAAmD,CAC9DC,aAAc,CACZC,QAAS,SACTC,QAAS,EACTC,QAAS,EAETC,WAAY,EAAGC,cAAaC,WAAYC,OAAAC,OAAA,CAAA,GAEjCF,GACHD,GAAe,CACb,aAAgBA,KAaxBI,eAAgB,CACdC,KAAM,CAEJ,uCAAwC,CACtC,sBAAuB,CACrBC,aAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"paletteDark.theme.js","sources":["../../../../../src/materialui/theme/paletteDark.theme.ts"],"sourcesContent":["import { PaletteOptions } from '@mui/material/styles';\nimport tokens from '@skodaflow/web-tokens/src/tokens.json';\nimport { paletteLight } from './paletteLight.theme';\n\nconst tokenColors = tokens['flow-colors'];\n\nexport const paletteDark: PaletteOptions = {\n  ...paletteLight,\n  mode: 'dark',\n  text: {\n    ...paletteLight.text,\n    // white\n    primary: tokenColors['on-surface0'],\n    secondary: tokenColors['on-surface200'],\n  },\n  background: {\n    ...paletteLight.background,\n    // dark grey\n    primary: tokenColors['on-surface900'],\n    paper: tokenColors['on-surface900'],\n  },\n  surface: {\n    ...paletteLight.surface,\n    primary: '#232425', // os850\n    secondary: tokenColors['on-surface800'],\n  },\n};\npaletteDark.transparent.toString = () => 'transparent';\n"],"names":["tokenColors","default","paletteDark","Object","assign","paletteLight","mode","text","primary","secondary","background","paper","surface","transparent","toString"],"mappings":"4JAIA,MAAMA,OAAoBC,QAAC,eAEdC,EAAWC,OAAAC,OAAAD,OAAAC,OAAA,GACnBC,EAAAA,cACH,CAAAC,KAAM,OACNC,KACKJ,OAAAC,OAAAD,OAAAC,OAAA,GAAAC,EAAAA,aAAaE,MAAI,CAEpBC,QAASR,EAAY,eACrBS,UAAWT,EAAY,mBAEzBU,WACKP,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAC,EAAAA,aAAaK,YAAU,CAE1BF,QAASR,EAAY,iBACrBW,MAAOX,EAAY,mBAErBY,QAAOT,OAAAC,OAAAD,OAAAC,OAAA,GACFC,EAAAA,aAAaO,SAAO,CACvBJ,QAAS,UACTC,UAAWT,EAAY,qBAG3BE,EAAYW,YAAYC,SAAW,IAAM"}
+{"version":3,"file":"paletteDark.theme.js","sources":["../../../../../src/materialui/theme/paletteDark.theme.ts"],"sourcesContent":["import { PaletteOptions } from '@mui/material/styles';\nimport tokens from '@skodaflow/web-tokens/src/tokens.json';\nimport { paletteLight } from './paletteLight.theme';\n\nconst tokenColors = tokens['flow-colors'];\n\nexport const paletteDark: PaletteOptions = {\n  ...paletteLight,\n  mode: 'dark',\n  text: {\n    ...paletteLight.text,\n    // white\n    primary: tokenColors['on-surface0'],\n    secondary: tokenColors['on-surface200'],\n  },\n  background: {\n    ...paletteLight.background,\n    // dark grey\n    primary: tokenColors['on-surface900'],\n    paper: tokenColors['on-surface900'],\n  },\n  surface: {\n    ...paletteLight.surface,\n    primary: '#232425', // os850\n    secondary: tokenColors['on-surface800'],\n  },\n};\npaletteDark.transparent.toString = () => 'transparent';\n"],"names":["tokenColors","tokens","paletteDark","Object","assign","paletteLight","mode","text","primary","secondary","background","paper","surface","transparent","toString"],"mappings":"4JAIA,MAAMA,OAAcC,QAAO,eAEdC,EAAWC,OAAAC,OAAAD,OAAAC,OAAA,GACnBC,EAAAA,cAAY,CACfC,KAAM,OACNC,KAAIJ,OAAAC,OAAAD,OAAAC,OAAA,GACCC,EAAAA,aAAaE,MAAI,CAEpBC,QAASR,EAAY,eACrBS,UAAWT,EAAY,mBAEzBU,WAAUP,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACLC,EAAAA,aAAaK,YAAU,CAE1BF,QAASR,EAAY,iBACrBW,MAAOX,EAAY,mBAErBY,QAAOT,OAAAC,OAAAD,OAAAC,OAAA,GACFC,EAAAA,aAAaO,SAAO,CACvBJ,QAAS,UACTC,UAAWT,EAAY,qBAG3BE,EAAYW,YAAYC,SAAW,IAAM"}

package/cjs/materialui/theme/paletteLight.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"paletteLight.theme.js","sources":["../../../../../src/materialui/theme/paletteLight.theme.ts"],"sourcesContent":["import { PaletteOptions } from '@mui/material/styles';\nimport tokens from '@skodaflow/web-tokens/src/tokens.json';\n\nconst generatePalette = (colorModel: 'hex' | 'rgba'): PaletteOptions => {\n  const tokenColors = tokens[`flow-colors${colorModel === 'rgba' ? '-rgba' : ''}`];\n\n  return {\n    mode: 'light',\n    primary: {\n      main: tokenColors['brand-primary'],\n      light: tokenColors['brand-hover-primary'],\n      dark: tokenColors['brand-tertiary'],\n    },\n    secondary: {\n      main: tokenColors['on-surface700'],\n      light: tokenColors['on-surface600'],\n      dark: tokenColors['on-surface800'],\n    },\n    error: {\n      main: tokenColors['semantic-alert'],\n      light: tokenColors['semantic-alert-tertiary'],\n      dark: tokenColors['semantic-alert-secondary'],\n    },\n    success: {\n      main: tokenColors['semantic-positive'],\n      light: tokenColors['brand-quarternary'],\n      dark: tokenColors['brand-tertiary'],\n    },\n    info: {\n      main: tokenColors['semantic-info'],\n      light: tokenColors['semantic-info-tertiary'],\n      dark: tokenColors['semantic-info-secondary'],\n    },\n    warning: {\n      main: tokenColors['semantic-warning'],\n      light: tokenColors['semantic-warning-tertiary'],\n      dark: tokenColors['semantic-warning-secondary'],\n    },\n    divider: tokenColors['surface-secondary'],\n    brand: {\n      primary: tokenColors['brand-primary'],\n      secondary: tokenColors['brand-secondary'],\n      tertiary: tokenColors['brand-tertiary'],\n      quarternary: tokenColors['brand-quarternary'],\n    },\n    brandHover: {\n      primary: tokenColors['brand-hover-primary'],\n      secondary: tokenColors['brand-hover-secondary'],\n    },\n    disabled: {\n      primary: tokenColors['disabled-primary'],\n      secondary: tokenColors['disabled-secondary'],\n      tertiary: tokenColors['disabled-tertiary'],\n    },\n    text: {\n      primary: tokenColors['text-primary'],\n      secondary: tokenColors['on-surface700'],\n      disabled: tokenColors['disabled-primary'],\n    },\n    background: {\n      primary: tokenColors['background-primary'],\n      paper: tokenColors['background-primary'],\n      default: tokenColors['surface-secondary'],\n    },\n    transparent: {\n      transparent: 'transparent',\n      primary: tokenColors['transparent-primary'],\n      tertiary: tokenColors['transparent-tertiary'],\n      quarternary: tokenColors['transparent-quarternary'],\n      secondary: tokenColors['transparent-secondary'],\n      backdrop: tokenColors['transparent-backdrop'],\n    },\n    surface: {\n      main: tokenColors['surface-primary'],\n      primary: tokenColors['surface-primary'],\n      secondary: tokenColors['surface-secondary'],\n      tertiary: tokenColors['surface-tertiary'],\n      quarternary: tokenColors['surface-quarternary'],\n      contrastText: tokenColors['text-primary'],\n    },\n    onSurface: {\n      os0: tokenColors['on-surface0'],\n      os100: tokenColors['on-surface100'],\n      os200: tokenColors['on-surface200'],\n      os300: tokenColors['on-surface300'],\n      os500: tokenColors['on-surface500'],\n      os600: tokenColors['on-surface600'],\n      os700: tokenColors['on-surface700'],\n      os800: tokenColors['on-surface800'],\n      os900: tokenColors['on-surface900'],\n    },\n    semantic: {\n      alert: {\n        primary: tokenColors['semantic-alert'],\n        secondary: tokenColors['semantic-alert-secondary'],\n        tertiary: tokenColors['semantic-alert-tertiary'],\n      },\n      warning: {\n        primary: tokenColors['semantic-warning'],\n        secondary: tokenColors['semantic-warning-secondary'],\n        tertiary: tokenColors['semantic-warning-tertiary'],\n      },\n      info: {\n        primary: tokenColors['semantic-info'],\n        secondary: tokenColors['semantic-info-secondary'],\n        tertiary: tokenColors['semantic-info-tertiary'],\n      },\n      positive: {\n        primary: tokenColors['semantic-positive'],\n      },\n    },\n    alert: {\n      main: tokenColors['semantic-alert'],\n    },\n    positive: {\n      main: tokenColors['semantic-positive'],\n    },\n  };\n};\n\nexport const paletteLight: PaletteOptions = generatePalette('hex');\nexport const paletteLightRGBa: PaletteOptions = generatePalette('rgba');\n"],"names":["generatePalette","colorModel","tokenColors","tokens","default","mode","primary","main","light","dark","secondary","error","success","info","warning","divider","brand","tertiary","quarternary","brandHover","disabled","text","background","paper","transparent","backdrop","surface","contrastText","onSurface","os0","os100","os200","os300","os500","os600","os700","os800","os900","semantic","alert","positive","paletteLight"],"mappings":"0HAGA,MAAMA,EAAmBC,IACvB,MAAMC,EAAcC,EAAMC,QAAC,eAA6B,SAAfH,EAAwB,QAAU,KAE3E,MAAO,CACLI,KAAM,QACNC,QAAS,CACPC,KAAML,EAAY,iBAClBM,MAAON,EAAY,uBACnBO,KAAMP,EAAY,mBAEpBQ,UAAW,CACTH,KAAML,EAAY,iBAClBM,MAAON,EAAY,iBACnBO,KAAMP,EAAY,kBAEpBS,MAAO,CACLJ,KAAML,EAAY,kBAClBM,MAAON,EAAY,2BACnBO,KAAMP,EAAY,6BAEpBU,QAAS,CACPL,KAAML,EAAY,qBAClBM,MAAON,EAAY,qBACnBO,KAAMP,EAAY,mBAEpBW,KAAM,CACJN,KAAML,EAAY,iBAClBM,MAAON,EAAY,0BACnBO,KAAMP,EAAY,4BAEpBY,QAAS,CACPP,KAAML,EAAY,oBAClBM,MAAON,EAAY,6BACnBO,KAAMP,EAAY,+BAEpBa,QAASb,EAAY,qBACrBc,MAAO,CACLV,QAASJ,EAAY,iBACrBQ,UAAWR,EAAY,mBACvBe,SAAUf,EAAY,kBACtBgB,YAAahB,EAAY,sBAE3BiB,WAAY,CACVb,QAASJ,EAAY,uBACrBQ,UAAWR,EAAY,0BAEzBkB,SAAU,CACRd,QAASJ,EAAY,oBACrBQ,UAAWR,EAAY,sBACvBe,SAAUf,EAAY,sBAExBmB,KAAM,CACJf,QAASJ,EAAY,gBACrBQ,UAAWR,EAAY,iBACvBkB,SAAUlB,EAAY,qBAExBoB,WAAY,CACVhB,QAASJ,EAAY,sBACrBqB,MAAOrB,EAAY,sBACnBE,QAASF,EAAY,sBAEvBsB,YAAa,CACXA,YAAa,cACblB,QAASJ,EAAY,uBACrBe,SAAUf,EAAY,wBACtBgB,YAAahB,EAAY,2BACzBQ,UAAWR,EAAY,yBACvBuB,SAAUvB,EAAY,yBAExBwB,QAAS,CACPnB,KAAML,EAAY,mBAClBI,QAASJ,EAAY,mBACrBQ,UAAWR,EAAY,qBACvBe,SAAUf,EAAY,oBACtBgB,YAAahB,EAAY,uBACzByB,aAAczB,EAAY,iBAE5B0B,UAAW,CACTC,IAAK3B,EAAY,eACjB4B,MAAO5B,EAAY,iBACnB6B,MAAO7B,EAAY,iBACnB8B,MAAO9B,EAAY,iBACnB+B,MAAO/B,EAAY,iBACnBgC,MAAOhC,EAAY,iBACnBiC,MAAOjC,EAAY,iBACnBkC,MAAOlC,EAAY,iBACnBmC,MAAOnC,EAAY,kBAErBoC,SAAU,CACRC,MAAO,CACLjC,QAASJ,EAAY,kBACrBQ,UAAWR,EAAY,4BACvBe,SAAUf,EAAY,4BAExBY,QAAS,CACPR,QAASJ,EAAY,oBACrBQ,UAAWR,EAAY,8BACvBe,SAAUf,EAAY,8BAExBW,KAAM,CACJP,QAASJ,EAAY,iBACrBQ,UAAWR,EAAY,2BACvBe,SAAUf,EAAY,2BAExBsC,SAAU,CACRlC,QAASJ,EAAY,uBAGzBqC,MAAO,CACLhC,KAAML,EAAY,mBAEpBsC,SAAU,CACRjC,KAAML,EAAY,sBAErB,EAGUuC,EAA+BzC,EAAgB,OACZA,EAAgB"}
+{"version":3,"file":"paletteLight.theme.js","sources":["../../../../../src/materialui/theme/paletteLight.theme.ts"],"sourcesContent":["import { PaletteOptions } from '@mui/material/styles';\nimport tokens from '@skodaflow/web-tokens/src/tokens.json';\n\nconst generatePalette = (colorModel: 'hex' | 'rgba'): PaletteOptions => {\n  const tokenColors = tokens[`flow-colors${colorModel === 'rgba' ? '-rgba' : ''}`];\n\n  return {\n    mode: 'light',\n    primary: {\n      main: tokenColors['brand-primary'],\n      light: tokenColors['brand-hover-primary'],\n      dark: tokenColors['brand-tertiary'],\n    },\n    secondary: {\n      main: tokenColors['on-surface700'],\n      light: tokenColors['on-surface600'],\n      dark: tokenColors['on-surface800'],\n    },\n    error: {\n      main: tokenColors['semantic-alert'],\n      light: tokenColors['semantic-alert-tertiary'],\n      dark: tokenColors['semantic-alert-secondary'],\n    },\n    success: {\n      main: tokenColors['semantic-positive'],\n      light: tokenColors['brand-quarternary'],\n      dark: tokenColors['brand-tertiary'],\n    },\n    info: {\n      main: tokenColors['semantic-info'],\n      light: tokenColors['semantic-info-tertiary'],\n      dark: tokenColors['semantic-info-secondary'],\n    },\n    warning: {\n      main: tokenColors['semantic-warning'],\n      light: tokenColors['semantic-warning-tertiary'],\n      dark: tokenColors['semantic-warning-secondary'],\n    },\n    divider: tokenColors['surface-secondary'],\n    brand: {\n      primary: tokenColors['brand-primary'],\n      secondary: tokenColors['brand-secondary'],\n      tertiary: tokenColors['brand-tertiary'],\n      quarternary: tokenColors['brand-quarternary'],\n    },\n    brandHover: {\n      primary: tokenColors['brand-hover-primary'],\n      secondary: tokenColors['brand-hover-secondary'],\n    },\n    disabled: {\n      primary: tokenColors['disabled-primary'],\n      secondary: tokenColors['disabled-secondary'],\n      tertiary: tokenColors['disabled-tertiary'],\n    },\n    text: {\n      primary: tokenColors['text-primary'],\n      secondary: tokenColors['on-surface700'],\n      disabled: tokenColors['disabled-primary'],\n    },\n    background: {\n      primary: tokenColors['background-primary'],\n      paper: tokenColors['background-primary'],\n      default: tokenColors['surface-secondary'],\n    },\n    transparent: {\n      transparent: 'transparent',\n      primary: tokenColors['transparent-primary'],\n      tertiary: tokenColors['transparent-tertiary'],\n      quarternary: tokenColors['transparent-quarternary'],\n      secondary: tokenColors['transparent-secondary'],\n      backdrop: tokenColors['transparent-backdrop'],\n    },\n    surface: {\n      main: tokenColors['surface-primary'],\n      primary: tokenColors['surface-primary'],\n      secondary: tokenColors['surface-secondary'],\n      tertiary: tokenColors['surface-tertiary'],\n      quarternary: tokenColors['surface-quarternary'],\n      contrastText: tokenColors['text-primary'],\n    },\n    onSurface: {\n      os0: tokenColors['on-surface0'],\n      os100: tokenColors['on-surface100'],\n      os200: tokenColors['on-surface200'],\n      os300: tokenColors['on-surface300'],\n      os500: tokenColors['on-surface500'],\n      os600: tokenColors['on-surface600'],\n      os700: tokenColors['on-surface700'],\n      os800: tokenColors['on-surface800'],\n      os900: tokenColors['on-surface900'],\n    },\n    semantic: {\n      alert: {\n        primary: tokenColors['semantic-alert'],\n        secondary: tokenColors['semantic-alert-secondary'],\n        tertiary: tokenColors['semantic-alert-tertiary'],\n      },\n      warning: {\n        primary: tokenColors['semantic-warning'],\n        secondary: tokenColors['semantic-warning-secondary'],\n        tertiary: tokenColors['semantic-warning-tertiary'],\n      },\n      info: {\n        primary: tokenColors['semantic-info'],\n        secondary: tokenColors['semantic-info-secondary'],\n        tertiary: tokenColors['semantic-info-tertiary'],\n      },\n      positive: {\n        primary: tokenColors['semantic-positive'],\n      },\n    },\n    alert: {\n      main: tokenColors['semantic-alert'],\n    },\n    positive: {\n      main: tokenColors['semantic-positive'],\n    },\n  };\n};\n\nexport const paletteLight: PaletteOptions = generatePalette('hex');\nexport const paletteLightRGBa: PaletteOptions = generatePalette('rgba');\n"],"names":["generatePalette","colorModel","tokenColors","tokens","mode","primary","main","light","dark","secondary","error","success","info","warning","divider","brand","tertiary","quarternary","brandHover","disabled","text","background","paper","default","transparent","backdrop","surface","contrastText","onSurface","os0","os100","os200","os300","os500","os600","os700","os800","os900","semantic","alert","positive","paletteLight"],"mappings":"0HAGA,MAAMA,EAAmBC,IACvB,MAAMC,EAAcC,EAAAA,QAAO,eAA6B,SAAfF,EAAwB,QAAU,KAE3E,MAAO,CACLG,KAAM,QACNC,QAAS,CACPC,KAAMJ,EAAY,iBAClBK,MAAOL,EAAY,uBACnBM,KAAMN,EAAY,mBAEpBO,UAAW,CACTH,KAAMJ,EAAY,iBAClBK,MAAOL,EAAY,iBACnBM,KAAMN,EAAY,kBAEpBQ,MAAO,CACLJ,KAAMJ,EAAY,kBAClBK,MAAOL,EAAY,2BACnBM,KAAMN,EAAY,6BAEpBS,QAAS,CACPL,KAAMJ,EAAY,qBAClBK,MAAOL,EAAY,qBACnBM,KAAMN,EAAY,mBAEpBU,KAAM,CACJN,KAAMJ,EAAY,iBAClBK,MAAOL,EAAY,0BACnBM,KAAMN,EAAY,4BAEpBW,QAAS,CACPP,KAAMJ,EAAY,oBAClBK,MAAOL,EAAY,6BACnBM,KAAMN,EAAY,+BAEpBY,QAASZ,EAAY,qBACrBa,MAAO,CACLV,QAASH,EAAY,iBACrBO,UAAWP,EAAY,mBACvBc,SAAUd,EAAY,kBACtBe,YAAaf,EAAY,sBAE3BgB,WAAY,CACVb,QAASH,EAAY,uBACrBO,UAAWP,EAAY,0BAEzBiB,SAAU,CACRd,QAASH,EAAY,oBACrBO,UAAWP,EAAY,sBACvBc,SAAUd,EAAY,sBAExBkB,KAAM,CACJf,QAASH,EAAY,gBACrBO,UAAWP,EAAY,iBACvBiB,SAAUjB,EAAY,qBAExBmB,WAAY,CACVhB,QAASH,EAAY,sBACrBoB,MAAOpB,EAAY,sBACnBqB,QAASrB,EAAY,sBAEvBsB,YAAa,CACXA,YAAa,cACbnB,QAASH,EAAY,uBACrBc,SAAUd,EAAY,wBACtBe,YAAaf,EAAY,2BACzBO,UAAWP,EAAY,yBACvBuB,SAAUvB,EAAY,yBAExBwB,QAAS,CACPpB,KAAMJ,EAAY,mBAClBG,QAASH,EAAY,mBACrBO,UAAWP,EAAY,qBACvBc,SAAUd,EAAY,oBACtBe,YAAaf,EAAY,uBACzByB,aAAczB,EAAY,iBAE5B0B,UAAW,CACTC,IAAK3B,EAAY,eACjB4B,MAAO5B,EAAY,iBACnB6B,MAAO7B,EAAY,iBACnB8B,MAAO9B,EAAY,iBACnB+B,MAAO/B,EAAY,iBACnBgC,MAAOhC,EAAY,iBACnBiC,MAAOjC,EAAY,iBACnBkC,MAAOlC,EAAY,iBACnBmC,MAAOnC,EAAY,kBAErBoC,SAAU,CACRC,MAAO,CACLlC,QAASH,EAAY,kBACrBO,UAAWP,EAAY,4BACvBc,SAAUd,EAAY,4BAExBW,QAAS,CACPR,QAASH,EAAY,oBACrBO,UAAWP,EAAY,8BACvBc,SAAUd,EAAY,8BAExBU,KAAM,CACJP,QAASH,EAAY,iBACrBO,UAAWP,EAAY,2BACvBc,SAAUd,EAAY,2BAExBsC,SAAU,CACRnC,QAASH,EAAY,uBAGzBqC,MAAO,CACLjC,KAAMJ,EAAY,mBAEpBsC,SAAU,CACRlC,KAAMJ,EAAY,wBAKXuC,EAA+BzC,EAAgB,OACZA,EAAgB"}

package/cjs/materialui/theme/theme.breakpoints.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.breakpoints.js","sources":["../../../../../src/materialui/theme/theme.breakpoints.ts"],"sourcesContent":["import { Breakpoints } from '@mui/material';\nimport tokens from '@skodaflow/web-tokens/src/tokens.json';\n\nexport const flowBreakpoints: Partial<{ unit: string; step: number } & Breakpoints> = {\n  values: {\n    xs: 0,\n    // Flow 'mobile' (0 - 719)\n    sm: Number(tokens['flow-grid'].default[0].breakpoint),\n    // Flow 'tablet' (720 - 1079)\n    md: Number(tokens['flow-grid'].default[1].breakpoint),\n    // Flow 'desktop' (1080 - 1439)\n    lg: Number(tokens['flow-grid'].default[2].breakpoint),\n    // Flow 'desktop XL' (1440+)\n    xl: Number(tokens['flow-grid'].default[3].breakpoint),\n  },\n};\n"],"names":["flowBreakpoints","values","xs","sm","Number","tokens","default","breakpoint","md","lg","xl"],"mappings":"0HAGa,MAAAA,EAAyE,CACpFC,OAAQ,CACNC,GAAI,EAEJC,GAAIC,OAAOC,UAAO,aAAaC,QAAQ,GAAGC,YAE1CC,GAAIJ,OAAOC,UAAO,aAAaC,QAAQ,GAAGC,YAE1CE,GAAIL,OAAOC,UAAO,aAAaC,QAAQ,GAAGC,YAE1CG,GAAIN,OAAOC,UAAO,aAAaC,QAAQ,GAAGC"}
+{"version":3,"file":"theme.breakpoints.js","sources":["../../../../../src/materialui/theme/theme.breakpoints.ts"],"sourcesContent":["import { Breakpoints } from '@mui/material';\nimport tokens from '@skodaflow/web-tokens/src/tokens.json';\n\nexport const flowBreakpoints: Partial<{ unit: string; step: number } & Breakpoints> = {\n  values: {\n    xs: 0,\n    // Flow 'mobile' (0 - 719)\n    sm: Number(tokens['flow-grid'].default[0].breakpoint),\n    // Flow 'tablet' (720 - 1079)\n    md: Number(tokens['flow-grid'].default[1].breakpoint),\n    // Flow 'desktop' (1080 - 1439)\n    lg: Number(tokens['flow-grid'].default[2].breakpoint),\n    // Flow 'desktop XL' (1440+)\n    xl: Number(tokens['flow-grid'].default[3].breakpoint),\n  },\n};\n"],"names":["flowBreakpoints","values","xs","sm","Number","tokens","default","breakpoint","md","lg","xl"],"mappings":"0HAGO,MAAMA,EAAyE,CACpFC,OAAQ,CACNC,GAAI,EAEJC,GAAIC,OAAOC,UAAO,aAAaC,QAAQ,GAAGC,YAE1CC,GAAIJ,OAAOC,UAAO,aAAaC,QAAQ,GAAGC,YAE1CE,GAAIL,OAAOC,UAAO,aAAaC,QAAQ,GAAGC,YAE1CG,GAAIN,OAAOC,UAAO,aAAaC,QAAQ,GAAGC"}