npm - @skodaflow/web-library - Versions diffs - 7.15.1 → 7.16.0 - Mend

@skodaflow/web-library 7.15.1 → 7.16.0

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

Files changed (3903) hide show

package/materialui/tabs/Tab.d.ts CHANGED Viewed

@@ -3,6 +3,6 @@ import { ButtonBaseProps } from '@mui/material';
 /**
  * Component used to render Tab, contains duplication of label to change font-weight without changing width
  */
-export declare const FlowTab: React.FC<ButtonBaseProps & {
+export declare const TabComponent: React.FC<ButtonBaseProps & {
     link?: boolean;
 }>;

package/materialui/tabs/Tab.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__rest as i}from"tslib";import{jsx as e,jsxs as a}from"react/jsx-runtime";import{forwardRef as t,useMemo as n}from"react";import{ButtonBase as s,Box as r}from"@mui/material";const l=t(((t,l)=>{var o,{children:c,link:b=!1}=t,m=i(t,["children","link"]);const d=n((()=>({display:"inherit",alignItems:"inherit",justifyContent:"inherit",flexDirection:"inherit",gap:"inherit"})),[]);return e(s,Object.assign({ref:l,"aria-label":"navigation"},b&&{component:"a"},m,{tabIndex:(null===(o=m.className)||void 0===o?void 0:o.includes("Mui-disabled"))?-1:0,children:a(r,{className:"FlowTab-labelWrapper",sx:Object.assign(Object.assign({},d),{position:"relative"}),children:[e(r,{className:"FlowTab-label",sx:Object.assign(Object.assign({},d),{position:"absolute"}),children:c}),e(r,{className:"FlowTab-selectedLabel",sx:Object.assign(Object.assign({},d),{fontWeight:"700",opacity:"0",position:"relative"}),"aria-hidden":"true",children:c})]})}))}));export{l as FlowTab};
+import{__rest as i}from"tslib";import{jsx as e,jsxs as a}from"react/jsx-runtime";import{forwardRef as t,useMemo as n}from"react";import{ButtonBase as s,Box as r}from"@mui/material";const l=t((t,l)=>{var o,{children:c,link:b=!1}=t,m=i(t,["children","link"]);const d=n(()=>({display:"inherit",alignItems:"inherit",justifyContent:"inherit",flexDirection:"inherit",gap:"inherit"}),[]);return e(s,Object.assign({ref:l,"aria-label":"navigation"},b&&{component:"a"},m,{tabIndex:(null===(o=m.className)||void 0===o?void 0:o.includes("Mui-disabled"))?-1:0,children:a(r,{className:"FlowTab-labelWrapper",sx:Object.assign(Object.assign({},d),{position:"relative"}),children:[e(r,{className:"FlowTab-label",sx:Object.assign(Object.assign({},d),{position:"absolute"}),children:c}),e(r,{className:"FlowTab-selectedLabel",sx:Object.assign(Object.assign({},d),{fontWeight:"700",opacity:"0",position:"relative"}),"aria-hidden":"true",children:c})]})}))});export{l as TabComponent};
 //# sourceMappingURL=Tab.js.map

package/materialui/tabs/Tab.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tab.js","sources":["../../../src/materialui/tabs/Tab.tsx"],"sourcesContent":["import React, { useMemo, forwardRef } from 'react';\nimport { Box, ButtonBase, ButtonBaseProps } from '@mui/material';\n\n/*\n Component used to render Tab, contains duplication of label to change font-weight without changing width\n */\nexport const ~~FlowTab~~: React.FC<ButtonBaseProps & { link?: boolean }> = forwardRef(\n ({ children, link = false, ...rest }, ref) => {\n // shared style between label and selectedLabel\n const sharedLabelSx = useMemo(\n () => ({\n display: 'inherit',\n alignItems: 'inherit',\n justifyContent: 'inherit',\n flexDirection: 'inherit',\n gap: 'inherit',\n }),\n [],\n );\n\n return (\n <ButtonBase\n ref={ref}\n aria-label=\"navigation\"\n {...(link && { component: 'a' })}\n {...rest}\n tabIndex={rest.className?.includes('Mui-disabled') ? -1 : 0}\n >\n <Box className=\"FlowTab-labelWrapper\" sx={{ ...sharedLabelSx, position: 'relative' }}>\n <Box\n className=\"FlowTab-label\"\n sx={{\n ...sharedLabelSx,\n position: 'absolute',\n // expands from center, can be changed to expand from left/right with left: 0;\n }}\n >\n {children}\n </Box>\n <Box\n className=\"FlowTab-selectedLabel\"\n sx={{\n ...sharedLabelSx,\n fontWeight: '700',\n // hidden by default, appears once Tab is selected (tab.theme)\n opacity: '0',\n position: 'relative',\n }}\n aria-hidden=\"true\"\n >\n {children}\n </Box>\n </Box>\n </ButtonBase>\n );\n },\n);\n"],"names":["~~FlowTab~~","forwardRef","_a","ref","children","link","rest","__rest","sharedLabelSx","useMemo","display","alignItems","justifyContent","flexDirection","gap","_jsx","ButtonBase","component","tabIndex","_b","className","includes","_jsxs","Box","sx","Object","assign","position","fontWeight","opacity"],"mappings":"qLAMO,MAAMA,~~EAA0DC~~,~~GACrE~~,CAACC,EAAqCC,YAArCC,SAAEA,EAAQC,KAAEA,GAAO,KAAUC,EAAIC,EAAAL,EAAjC,CAAA,WAAA,SAEC,MAAMM,EAAgBC,~~GACpB~~,KAAA,CACEC,QAAS,UACTC,WAAY,UACZC,eAAgB,UAChBC,cAAe,UACfC,IAAK,~~aAEP~~,IAGF,OACEC,EAACC,iBACCb,IAAKA,EAAG,aACG,cACNE,GAAQ,CAAEY,UAAW,KACtBX,GACJY,UAAwB,QAAdC,EAAAb,EAAKc,iBAAS,IAAAD,OAAA,EAAAA,EAAEE,SAAS,oBAAuB,EAACjB,SAE3DkB,EAACC,EAAG,CAACH,UAAU,uBAAuBI,GAAEC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAOlB,GAAa,CAAEmB,SAAU,aAAUvB,SAAA,CAChFW,EAACQ,EAAG,CACFH,UAAU,gBACVI,GAAEC,OAAAC,OAAAD,OAAAC,OAAA,GACGlB,GAAa,CAChBmB,SAAU,aAAUvB,SAIrBA,IAEHW,EAACQ,EAAG,CACFH,UAAU,wBACVI,GAAEC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACGlB,GAAa,CAChBoB,WAAY,MAEZC,QAAS,IACTF,SAAU,aAAU,cAEV,OAAMvB,SAEjBA~~,SAGM~~"}
1	+ {"version":3,"file":"Tab.js","sources":["../../../src/materialui/tabs/Tab.tsx"],"sourcesContent":["import React, { useMemo, forwardRef } from 'react';\nimport { Box, ButtonBase, ButtonBaseProps } from '@mui/material';\n\n/*\n Component used to render Tab, contains duplication of label to change font-weight without changing width\n */\nexport const TabComponent: React.FC<ButtonBaseProps & { link?: boolean }> = forwardRef(\n ({ children, link = false, ...rest }, ref) => {\n // shared style between label and selectedLabel\n const sharedLabelSx = useMemo(\n () => ({\n display: 'inherit',\n alignItems: 'inherit',\n justifyContent: 'inherit',\n flexDirection: 'inherit',\n gap: 'inherit',\n }),\n [],\n );\n\n return (\n <ButtonBase\n ref={ref}\n aria-label=\"navigation\"\n {...(link && { component: 'a' })}\n {...rest}\n tabIndex={rest.className?.includes('Mui-disabled') ? -1 : 0}\n >\n <Box className=\"FlowTab-labelWrapper\" sx={{ ...sharedLabelSx, position: 'relative' }}>\n <Box\n className=\"FlowTab-label\"\n sx={{\n ...sharedLabelSx,\n position: 'absolute',\n // expands from center, can be changed to expand from left/right with left: 0;\n }}\n >\n {children}\n </Box>\n <Box\n className=\"FlowTab-selectedLabel\"\n sx={{\n ...sharedLabelSx,\n fontWeight: '700',\n // hidden by default, appears once Tab is selected (tab.theme)\n opacity: '0',\n position: 'relative',\n }}\n aria-hidden=\"true\"\n >\n {children}\n </Box>\n </Box>\n </ButtonBase>\n );\n },\n);\n"],"names":["TabComponent","forwardRef","_a","ref","children","link","rest","__rest","sharedLabelSx","useMemo","display","alignItems","justifyContent","flexDirection","gap","_jsx","ButtonBase","component","tabIndex","_b","className","includes","_jsxs","Box","sx","Object","assign","position","fontWeight","opacity"],"mappings":"qLAMO,MAAMA,EAA+DC,EAC1E,CAACC,EAAqCC,YAArCC,SAAEA,EAAQC,KAAEA,GAAO,KAAUC,EAAIC,EAAAL,EAAjC,CAAA,WAAA,SAEC,MAAMM,EAAgBC,EACpB,KAAA,CACEC,QAAS,UACTC,WAAY,UACZC,eAAgB,UAChBC,cAAe,UACfC,IAAK,YAEP,IAGF,OACEC,EAACC,iBACCb,IAAKA,EAAG,aACG,cACNE,GAAQ,CAAEY,UAAW,KACtBX,GACJY,UAAwB,QAAdC,EAAAb,EAAKc,iBAAS,IAAAD,OAAA,EAAAA,EAAEE,SAAS,oBAAuB,EAACjB,SAE3DkB,EAACC,EAAG,CAACH,UAAU,uBAAuBI,GAAEC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAOlB,GAAa,CAAEmB,SAAU,aAAUvB,SAAA,CAChFW,EAACQ,EAAG,CACFH,UAAU,gBACVI,GAAEC,OAAAC,OAAAD,OAAAC,OAAA,GACGlB,GAAa,CAChBmB,SAAU,aAAUvB,SAIrBA,IAEHW,EAACQ,EAAG,CACFH,UAAU,wBACVI,GAAEC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACGlB,GAAa,CAChBoB,WAAY,MAEZC,QAAS,IACTF,SAAU,aAAU,cAEV,OAAMvB,SAEjBA"}

package/materialui/tabs/{ScrollButton.d.ts → TabsScrollButton.d.ts} RENAMED Viewed

@@ -1,7 +1,7 @@
 /**
  * This component renders a scroll button that changes based on the scroll direction
  */
-export declare const FlowScrollButton: ({ direction, slots, slotProps, ownerState, ...rest }: {
+export declare const TabsScrollButton: ({ direction, slots, slotProps, ownerState, ...rest }: {
     [x: string]: any;
     direction: any;
     slots: any;

package/materialui/tabs/{ScrollButton.js → TabsScrollButton.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{__rest as o}from"tslib";import{jsx as t}from"react/jsx-runtime";import{IconButton as r}from"@mui/material";import{ChevronLeftIcon as e}from"../../components/icon/stroke/ChevronLeftIcon.js";import{ChevronRightIcon as s}from"../../components/icon/stroke/ChevronRightIcon.js";const i=i=>{var{direction:n,slots:l,slotProps:m,ownerState:c}=i,a=o(i,["direction","slots","slotProps","ownerState"]);return t(r,Object.assign({"aria-label":"left"===n?"Scroll left":"Scroll right",size:"small",sx:{m:"4px"}},a,{children:t("left"===n?e:s,{})}))};export{i as FlowScrollButton};
-//# sourceMappingURL=ScrollButton.js.map
+import{__rest as o}from"tslib";import{jsx as t}from"react/jsx-runtime";import{IconButton as r}from"@mui/material";import{ChevronLeftIcon as e}from"../../components/icon/stroke/ChevronLeftIcon.js";import{ChevronRightIcon as s}from"../../components/icon/stroke/ChevronRightIcon.js";const i=i=>{var{direction:n,slots:l,slotProps:m,ownerState:c}=i,a=o(i,["direction","slots","slotProps","ownerState"]);return t(r,Object.assign({"aria-label":"left"===n?"Scroll left":"Scroll right",size:"small",sx:{m:"4px"}},a,{children:t("left"===n?e:s,{})}))};export{i as TabsScrollButton};
+//# sourceMappingURL=TabsScrollButton.js.map

package/materialui/tabs/TabsScrollButton.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TabsScrollButton.js","sources":["../../../src/materialui/tabs/TabsScrollButton.tsx"],"sourcesContent":["import { IconButton } from '@mui/material';\nimport { ChevronLeftIcon } from '@/src/components/icon/stroke/ChevronLeftIcon';\nimport { ChevronRightIcon } from '@/src/components/icon/stroke/ChevronRightIcon';\n\n/**\n * This component renders a scroll button that changes based on the scroll direction\n */\nexport const TabsScrollButton = ({ direction, slots, slotProps, ownerState, ...rest }) => {\n return (\n <IconButton\n aria-label={direction === 'left' ? 'Scroll left' : 'Scroll right'}\n size=\"small\"\n sx={{ m: '4px' }}\n {...rest}\n >\n {direction === 'left' ? <ChevronLeftIcon /> : <ChevronRightIcon />}\n </IconButton>\n );\n};\n"],"names":["TabsScrollButton","_a","direction","slots","slotProps","ownerState","rest","__rest","_jsx","IconButton","Object","assign","size","sx","m","ChevronLeftIcon","ChevronRightIcon"],"mappings":"wRAOO,MAAMA,EAAoBC,IAAA,IAAAC,UAAEA,EAASC,MAAEA,EAAKC,UAAEA,EAASC,WAAEA,GAAUJ,EAAKK,EAAIC,EAAAN,EAAlD,CAAA,YAAA,QAAA,YAAA,eAC/B,OACEO,EAACC,EAAUC,OAAAC,OAAA,CAAA,aACiB,SAAdT,EAAuB,cAAgB,eACnDU,KAAK,QACLC,GAAI,CAAEC,EAAG,QACLR,YAEoBE,EAAT,SAAdN,EAAwBa,EAAsBC,EAAP,CAAA"}

package/materialui/tabs/index.d.ts CHANGED Viewed

@@ -2,4 +2,4 @@ export { Tab, Tabs } from '@mui/material';
 export type { TabProps, TabsProps } from '@mui/material';
 export * from './TabPanel';
 export * from './Tab';
-export * from './ScrollButton';
+export * from './TabsScrollButton';

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

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{FlowTab as t}from"./Tab.js";import{getFocusRingStyle as o}from"../../components/focusring/focusring.js";const i={defaultProps:{disableRipple:!0,iconPosition:"start",component:t,LinkComponent:o=>e(t,Object.assign({link:!0},o))},styleOverrides:{root:({theme:e,ownerState:t})=>Object.assign(Object.assign(Object.assign(Object.assign({position:"relative",overflow:"visible",padding:"8px 8px",minHeight:"0",minWidth:"0",gap:"8px",margin:"2px 2px 10px",borderRadius:"4px",fontSize:"20px",textTransform:"none",fontWeight:"400",color:e.palette.text.primary,"&:hover, &.Mui-focusVisible":{"& .FlowTab-label":{display:"none"},"& .FlowTab-selectedLabel":{opacity:"1"}}},t.icon&&Object.assign(Object.assign({},"start"===t.iconPosition&&{"& .FlowTab-label":{left:"0"}}),"end"===t.iconPosition&&{"& .FlowTab-label":{right:"0"}})),{"&.Mui-selected":{color:e.palette.text.primary,fontWeight:"700","& .FlowTab-label":{display:"none"},"& .FlowTab-selectedLabel":{opacity:"1"}},"&.Mui-disabled":{color:e.palette.disabled.tertiary}}),o(e,!1,"2px")),{[e.breakpoints.down("md")]:{fontSize:"16px",marginBottom:"10px"}})}};export{i as flowTab};
+import{jsx as e}from"react/jsx-runtime";import{TabComponent as t}from"./Tab.js";import{getFocusRingStyle as o}from"../../components/focusring/focusring.js";const i={defaultProps:{disableRipple:!0,iconPosition:"start",component:t,LinkComponent:o=>e(t,Object.assign({link:!0},o))},styleOverrides:{root:({theme:e,ownerState:t})=>Object.assign(Object.assign(Object.assign(Object.assign({position:"relative",overflow:"visible",padding:"8px 8px",minHeight:"0",minWidth:"0",gap:"8px",margin:"2px 2px 10px",borderRadius:"4px",fontSize:"20px",textTransform:"none",fontWeight:"400",color:e.palette.text.primary,"&:hover, &.Mui-focusVisible":{"& .FlowTab-label":{display:"none"},"& .FlowTab-selectedLabel":{opacity:"1"}}},t.icon&&Object.assign(Object.assign({},"start"===t.iconPosition&&{"& .FlowTab-label":{left:"0"}}),"end"===t.iconPosition&&{"& .FlowTab-label":{right:"0"}})),{"&.Mui-selected":{color:e.palette.text.primary,fontWeight:"700","& .FlowTab-label":{display:"none"},"& .FlowTab-selectedLabel":{opacity:"1"}},"&.Mui-disabled":{color:e.palette.disabled.tertiary}}),o(e,!1,"2px")),{[e.breakpoints.down("md")]:{fontSize:"16px",marginBottom:"10px"}})}};export{i as flowTab};
 //# sourceMappingURL=tab.theme.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"tab.theme.js","sources":["../../../src/materialui/tabs/tab.theme.tsx"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\nimport { ~~FlowTab~~ } from './Tab';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\nexport const flowTab: Components<Theme>['MuiTab'] = {\n defaultProps: {\n disableRipple: true,\n iconPosition: 'start',\n // duplicate labels so we can change font-weight without increasing width\n component: ~~FlowTab~~,\n LinkComponent: (props) => <~~FlowTab~~ link {...props} />,\n },\n styleOverrides: {\n root: ({ theme, ownerState }) => ({\n position: 'relative',\n overflow: 'visible',\n // proportions\n padding: '8px 8px',\n minHeight: '0',\n minWidth: '0',\n // space between label and icon\n gap: '8px',\n // make sure there is space for focused boxShadow\n margin: '2px 2px 10px',\n // style\n borderRadius: '4px',\n // custom font style according to design\n fontSize: '20px',\n textTransform: 'none',\n fontWeight: '400',\n // colors and effects\n color: theme.palette.text.primary,\n '&:hover, &.Mui-focusVisible': {\n // hide regular label\n '& .FlowTab-label': {\n display: 'none',\n },\n // show selected label with bolder font\n '& .FlowTab-selectedLabel': {\n opacity: '1',\n },\n },\n // icon in tab\n ...(ownerState.icon && {\n // prevent icon from jumping between switching font weights\n ...(ownerState.iconPosition === 'start' && {\n // expand from left\n '& .FlowTab-label': {\n left: '0',\n },\n }),\n ...(ownerState.iconPosition === 'end' && {\n // expand from right\n '& .FlowTab-label': {\n right: '0',\n },\n }),\n }),\n // active\n '&.Mui-selected': {\n color: theme.palette.text.primary,\n fontWeight: '700',\n // hide regular label\n '& .FlowTab-label': {\n display: 'none',\n },\n // show selected label with bolder font\n '& .FlowTab-selectedLabel': {\n opacity: '1',\n },\n },\n // disabled\n '&.Mui-disabled': {\n color: theme.palette.disabled.tertiary,\n },\n // focused style\n ...getFocusRingStyle(theme, false, '2px'),\n // responsive\n [theme.breakpoints.down('md')]: {\n fontSize: '16px',\n marginBottom: '10px',\n },\n }),\n },\n};\n"],"names":["flowTab","defaultProps","disableRipple","iconPosition","component","~~FlowTab~~","LinkComponent","props","_jsx","Object","assign","link","styleOverrides","root","theme","ownerState","position","overflow","padding","minHeight","minWidth","gap","margin","borderRadius","fontSize","textTransform","fontWeight","color","palette","text","primary","display","opacity","icon","left","right","disabled","tertiary","getFocusRingStyle","breakpoints","down","marginBottom"],"mappings":"~~uJAIO~~,MAAMA,EAAuC,CAClDC,aAAc,CACZC,eAAe,EACfC,aAAc,QAEdC,UAAWC,EACXC,cAAgBC,GAAUC,EAACH,~~EAAOI~~,OAAAC,OAAA,CAACC,MAAI,GAAKJ,~~KAE9CK~~,eAAgB,CACdC,KAAM,EAAGC,QAAOC,yEACdC,SAAU,WACVC,SAAU,UAEVC,QAAS,UACTC,UAAW,IACXC,SAAU,IAEVC,IAAK,MAELC,OAAQ,eAERC,aAAc,MAEdC,SAAU,OACVC,cAAe,OACfC,WAAY,MAEZC,MAAOb,EAAMc,QAAQC,KAAKC,QAC1B,8BAA+B,CAE7B,mBAAoB,CAClBC,QAAS,QAGX,2BAA4B,CAC1BC,QAAS,OAITjB,EAAWkB,MAAIxB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAEe,UAA5BK,EAAWZ,cAA4B,CAEzC,mBAAoB,CAClB+B,KAAM,OAGsB,QAA5BnB,EAAWZ,cAA0B,CAEvC,mBAAoB,CAClBgC,MAAO,QAGX,CAEF,iBAAkB,CAChBR,MAAOb,EAAMc,QAAQC,KAAKC,QAC1BJ,WAAY,MAEZ,mBAAoB,CAClBK,QAAS,QAGX,2BAA4B,CAC1BC,QAAS,MAIb,iBAAkB,CAChBL,MAAOb,EAAMc,QAAQQ,SAASC,YAG7BC,EAAkBxB,GAAO,EAAO,QAAM,CAEzC,CAACA,EAAMyB,YAAYC,KAAK,OAAQ,CAC9BhB,SAAU,OACViB,aAAc"}
1	+ {"version":3,"file":"tab.theme.js","sources":["../../../src/materialui/tabs/tab.theme.tsx"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\nimport { TabComponent } from './Tab';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\nexport const flowTab: Components<Theme>['MuiTab'] = {\n defaultProps: {\n disableRipple: true,\n iconPosition: 'start',\n // duplicate labels so we can change font-weight without increasing width\n component: TabComponent,\n LinkComponent: (props) => <TabComponent link {...props} />,\n },\n styleOverrides: {\n root: ({ theme, ownerState }) => ({\n position: 'relative',\n overflow: 'visible',\n // proportions\n padding: '8px 8px',\n minHeight: '0',\n minWidth: '0',\n // space between label and icon\n gap: '8px',\n // make sure there is space for focused boxShadow\n margin: '2px 2px 10px',\n // style\n borderRadius: '4px',\n // custom font style according to design\n fontSize: '20px',\n textTransform: 'none',\n fontWeight: '400',\n // colors and effects\n color: theme.palette.text.primary,\n '&:hover, &.Mui-focusVisible': {\n // hide regular label\n '& .FlowTab-label': {\n display: 'none',\n },\n // show selected label with bolder font\n '& .FlowTab-selectedLabel': {\n opacity: '1',\n },\n },\n // icon in tab\n ...(ownerState.icon && {\n // prevent icon from jumping between switching font weights\n ...(ownerState.iconPosition === 'start' && {\n // expand from left\n '& .FlowTab-label': {\n left: '0',\n },\n }),\n ...(ownerState.iconPosition === 'end' && {\n // expand from right\n '& .FlowTab-label': {\n right: '0',\n },\n }),\n }),\n // active\n '&.Mui-selected': {\n color: theme.palette.text.primary,\n fontWeight: '700',\n // hide regular label\n '& .FlowTab-label': {\n display: 'none',\n },\n // show selected label with bolder font\n '& .FlowTab-selectedLabel': {\n opacity: '1',\n },\n },\n // disabled\n '&.Mui-disabled': {\n color: theme.palette.disabled.tertiary,\n },\n // focused style\n ...getFocusRingStyle(theme, false, '2px'),\n // responsive\n [theme.breakpoints.down('md')]: {\n fontSize: '16px',\n marginBottom: '10px',\n },\n }),\n },\n};\n"],"names":["flowTab","defaultProps","disableRipple","iconPosition","component","TabComponent","LinkComponent","props","_jsx","Object","assign","link","styleOverrides","root","theme","ownerState","position","overflow","padding","minHeight","minWidth","gap","margin","borderRadius","fontSize","textTransform","fontWeight","color","palette","text","primary","display","opacity","icon","left","right","disabled","tertiary","getFocusRingStyle","breakpoints","down","marginBottom"],"mappings":"4JAIO,MAAMA,EAAuC,CAClDC,aAAc,CACZC,eAAe,EACfC,aAAc,QAEdC,UAAWC,EACXC,cAAgBC,GAAUC,EAACH,EAAYI,OAAAC,OAAA,CAACC,MAAI,GAAKJ,KAEnDK,eAAgB,CACdC,KAAM,EAAGC,QAAOC,yEACdC,SAAU,WACVC,SAAU,UAEVC,QAAS,UACTC,UAAW,IACXC,SAAU,IAEVC,IAAK,MAELC,OAAQ,eAERC,aAAc,MAEdC,SAAU,OACVC,cAAe,OACfC,WAAY,MAEZC,MAAOb,EAAMc,QAAQC,KAAKC,QAC1B,8BAA+B,CAE7B,mBAAoB,CAClBC,QAAS,QAGX,2BAA4B,CAC1BC,QAAS,OAITjB,EAAWkB,MAAIxB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAEe,UAA5BK,EAAWZ,cAA4B,CAEzC,mBAAoB,CAClB+B,KAAM,OAGsB,QAA5BnB,EAAWZ,cAA0B,CAEvC,mBAAoB,CAClBgC,MAAO,QAGX,CAEF,iBAAkB,CAChBR,MAAOb,EAAMc,QAAQC,KAAKC,QAC1BJ,WAAY,MAEZ,mBAAoB,CAClBK,QAAS,QAGX,2BAA4B,CAC1BC,QAAS,MAIb,iBAAkB,CAChBL,MAAOb,EAAMc,QAAQQ,SAASC,YAG7BC,EAAkBxB,GAAO,EAAO,QAAM,CAEzC,CAACA,EAAMyB,YAAYC,KAAK,OAAQ,CAC9BhB,SAAU,OACViB,aAAc"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"tabs.theme.js","sources":["../../../src/materialui/tabs/tabs.theme.tsx"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\nimport { 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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"}
1	+ {"version":3,"file":"tabs.theme.js","sources":["../../../src/materialui/tabs/tabs.theme.tsx"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\nimport { TabsScrollButton } from './TabsScrollButton';\nimport { updateFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport const flowTabs: Components<Theme>['MuiTabs'] = {\n defaultProps: {\n // 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/materialui/textfield/FormControl.js CHANGED Viewed

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

package/materialui/textfield/FormControl.js.map CHANGED Viewed

	@@ -1 +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","Box","Object","assign","e","_b","matches","call","_d","_c","relatedTarget","filter","Boolean","join"],"mappings":"iMAMO,MAAMA,EAAoCC,~~GAC~~/C,CAACC,EAAwDC,KAAxD,IAAAC,QAAEA,EAAOC,OAAEA,EAAMC,cAAEA,EAAaC,UAAEA,GAASL,EAAKM,EAAIC,EAAAP,EAApD,CAAA,UAAA,SAAA,gBAAA,cACC,MAAMQ,EAAMC,EAAuB,MACnCC,EAAoBT,~~GAAc~~,IAAMO,EAAIG,~~UAE5C~~,MAAMC,EAAgBH,EAAsB,OAErCI,EAAcC,GAAmBC,GAAkB,GAE1D,OACEC,EAACC,EAAGC,OAAAC,OAAA,CACFX,IAAKA,EACLJ,cAAgBgB,IACdR,EAAcD,QAAU,gBACxBP,SAAAA,EAAgBgB,~~EAAE~~,~~EAEpBlB,~~QAAUkB,IACsB,kBAA1BR,EAAcD,SAEhBG,GAAgB,GAElBF,EAAcD,QAAU,UACxBT,SAAAA,EAAUkB,~~EAAE~~,~~EAEdjB,~~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,~~EAAE~~,~~EAEbf,~~UAAW,CACTA,EAEAQ,EAAe,GAAK,oBAEnBc,OAAOC,SACPC,KAAK,MACJvB~~,GACJ~~"}
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);\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":"iMAMO,MAAMA,EAAoCC,EAC/C,CAACC,EAAwDC,KAAxD,IAAAC,QAAEA,EAAOC,OAAEA,EAAMC,cAAEA,EAAaC,UAAEA,GAASL,EAAKM,EAAIC,EAAAP,EAApD,CAAA,UAAA,SAAA,gBAAA,cACC,MAAMQ,EAAMC,EAAuB,MACnCC,EAAoBT,EAAc,IAAMO,EAAIG,SAE5C,MAAMC,EAAgBH,EAAsB,OAErCI,EAAcC,GAAmBC,GAAkB,GAE1D,OACEC,EAACC,EAAGC,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/materialui/textfield/FormHelperText.d.ts ADDED Viewed

@@ -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/materialui/textfield/FormHelperText.js ADDED Viewed

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

package/materialui/textfield/FormHelperText.js.map ADDED Viewed

@@ -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":"0eASO,MAAMA,EAA0CC,EACrD,CAACC,EAAgDC,gBAAhDC,SAAEA,EAAQC,GAAEA,EAAEC,UAAEA,EAASC,SAAEA,GAAQL,EAAKM,EAAIC,EAAAP,EAA5C,CAAA,WAAA,KAAA,YAAA,aACC,MAAMQ,EAAMC,EAA6B,MACzCC,EAAoBT,EAAc,IAAMO,EAAIG,SAE5C,OAASC,GAAYC,EAAS,IACxBC,aAAEA,EAAYC,WAAEA,GAAeC,EAAqB,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,EAACC,EAAOC,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,EAACC,EAAGjB,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,EAACyB,EAAUvB,OAAAC,OAAA,CACTvB,GAAK8C,GAAUxB,OAAAC,OAAA,CACbwB,OAAQ,UACRC,aAAc,MACdC,GAAI,MACJC,GAAI,OACDC,EAAkBL,GAAO,EAAM,QAClC,aACS,QACX7C,UAAU,uCACJe,GAAiB,CAAEoC,UAAU,EAAInD,UAAW,+BAAgC,CAAAF,SAElFqB,EAACiC,EAAiB,CAACrD,GAAI,CAAEsD,SAAU,aAGvClC,EAACmB,EAAG,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/{components/helperTextContent/helperTextContent.d.ts → materialui/textfield/HelperTextContent.d.ts} RENAMED Viewed

@@ -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/materialui/textfield/HelperTextContent.js ADDED Viewed

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

package/materialui/textfield/HelperTextContent.js.map ADDED Viewed

@@ -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":"wPAqCO,MAAMA,EAAsDC,EACjE,CAACC,EAA4GC,SAA5GC,SAAEA,EAAQC,GAAEA,EAAEC,UAAEA,EAASC,SAAEA,EAAQC,cAAEA,EAAaC,UAAEA,EAASC,eAAEA,EAAcC,MAAEA,EAAKC,UAAEA,KAAcC,EAAIC,EAAAZ,EAAxG,CAAA,WAAA,KAAA,YAAA,WAAA,gBAAA,YAAA,iBAAA,QAAA,cACC,MAAMa,EAAoEP,GAAiB,CAAA,GAAnFH,GAAIW,EAAYV,UAAWW,GAAiBF,EAAKG,EAAYJ,EAAAC,EAA/D,CAAA,KAAA,cACAI,EAAuET,GAAkB,CAAA,GAAvFL,GAAIe,EAAad,UAAWe,GAAkBF,EAAKG,EAAaR,EAAAK,EAAlE,CAAA,KAAA,eACAI,aAAEA,EAAYC,WAAEA,GAAeC,EAAqB,KAE1D,OACEC,EAACC,EAAGC,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,EAACd,EAAGC,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,EAACd,EAAGC,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/materialui/textfield/filledInput.theme.js CHANGED Viewed

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"filledInput.theme.js","sources":["../../../src/materialui/textfield/filledInput.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowFilledInput: Components<Theme>['MuiFilledInput'] = {\n defaultProps: {},\n styleOverrides: {\n root: ({ theme }) => ({\n '&, &:hover, &.Mui-disabled, &.Mui-focused': {\n 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":"AAEO,MAAMA,EAAuD,CAClEC,aAAc,CAAA,EACdC,eAAgB,CACdC,KAAM,EAAGC,YAAO,CACd,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,gBAAiBC,OAAAC,OAAAD,OAAAC,OAAA,CACzBC,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~~,~~iBAAY~~,~~CACxBG~~,~~WAAYH~~,~~EAAWK~~,~~YAAmC~~,~~UAApBL~~,~~EAAWM~~,~~KAAmB~~,~~OAAS~~,~~OAAU~~,~~OACvFC~~,~~cAAeP~~,~~EAAWK~~,~~YACF~~,~~UAApBL~~,EAAWM,~~KACT~~,~~OACA~~,~~OACkB~~,~~UAApBN~~,~~EAAWM~~,~~KACT~~,~~MACA~~"}
1	+ {"version":3,"file":"filledInput.theme.js","sources":["../../../src/materialui/textfield/filledInput.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowFilledInput: Components<Theme>['MuiFilledInput'] = {\n defaultProps: {},\n styleOverrides: {\n root: ({ theme }) => ({\n '&, &:hover, &.Mui-disabled, &.Mui-focused': {\n color: 'inherit',\n transition: 'inherit',\n backgroundColor:\n theme.palette.mode === 'dark' ? theme.palette.surface.primary : theme.palette.transparent.primary,\n // underline\n '&:before': {\n transition: 'inherit',\n borderBottomStyle: 'solid',\n borderColor: 'currentColor',\n },\n // active underline\n '&:after': {\n borderColor: 'currentColor',\n // remove animated transition of appearing border\n transition: 'none',\n },\n },\n '&.Mui-error:not(.Mui-disabled)': {\n '&:before, &:after': {\n color: theme.palette.error.main,\n },\n },\n }),\n input: ({ ownerState }) => ({\n paddingTop: '24px',\n paddingBottom: '8px',\n ...(ownerState.hiddenLabel && {\n paddingTop: '18px',\n paddingBottom: '14px',\n }),\n ...(ownerState.size === 'small' && {\n paddingTop: '22px',\n paddingBottom: '4px',\n ...(ownerState.hiddenLabel && {\n paddingTop: '14px',\n paddingBottom: '12px',\n }),\n }),\n ...(ownerState.multiline && {\n paddingTop: '0',\n paddingBottom: '0',\n }),\n }),\n multiline: ({ ownerState }) => ({\n paddingTop: '24px',\n paddingBottom: '8px',\n ...(ownerState.hiddenLabel && {\n paddingTop: '18px',\n paddingBottom: '14px',\n }),\n ...(ownerState.size === 'small' && {\n paddingTop: '22px',\n paddingBottom: '4px',\n ...(ownerState.hiddenLabel && {\n paddingTop: '14px',\n paddingBottom: '12px',\n }),\n }),\n }),\n },\n};\n"],"names":["flowFilledInput","defaultProps","styleOverrides","root","theme","color","transition","backgroundColor","palette","mode","surface","primary","transparent","borderBottomStyle","borderColor","error","main","input","ownerState","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/materialui/textfield/formControl.theme.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{getFocusRingStyle as o}from"../../components/focusring/focusring.js";import{FormControl as e}from"./FormControl.js";const r={defaultProps:{variant:"filled",component:e},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(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"})})}};export{r as flowFormControl};
+import{getFocusRingStyle as o}from"../../components/focusring/focusring.js";import{FormControl as e}from"./FormControl.js";const t={defaultProps:{variant:"filled",component:e},styleOverrides:{root:({theme:e,ownerState:t})=>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(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"}},t.error&&{borderLeft:`6px solid ${e.palette.error.main}`,paddingLeft:"16px"})})}};export{t as flowFormControl};
 //# sourceMappingURL=formControl.theme.js.map

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

	@@ -1 +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":"2HAIO,MAAMA,EAAuD,CAClEC,aAAc,CACZC,QAAS,SACTC,UAAWC,GAEbC,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,EAAkBvB,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"}
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 + 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":"2HAIO,MAAMA,EAAuD,CAClEC,aAAc,CACZC,QAAS,SACTC,UAAWC,GAEbC,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,EAAkBvB,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/materialui/textfield/formHelperText.theme.js CHANGED Viewed

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

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

	@@ -1 +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","Box","~~Object","assign","~~includes","role","sx","~~display","~~alignItems~~","~~justifyContent~~","~~_jsx~~","~~WarningFilledIcon~~","~~fontSize~~","~~verticalAlign~~","ml","mr","~~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":"~~2MAIO~~,MAAMA,EAA6D,CACxEC,aAAc,CACZC,~~UAAYC~~,~~QAAAC~~,~~SAAEA,EAAQC,UAAEA,EAASC,SAAEA,KAAaC,EAAIC,EAAAL,EAAxC,CAAA,WAAA,YAAA,aAEV,OACEM,EAACC,EAAGC,OAAAC,OAAA,CACFV,UAAU,IACVG,UAAWA,IACNA,aAAS,EAATA,EAAWQ,SAAS,~~eAAgB,CACvCC,KAAM,QACNC,GAAI,CACF,KAAM,CACJC,QAAS,OACTC,WAAY,aACZC,eAAgB,gBAIlBX,EAAI,CAAAH,SAAA,EAEPC,eAAAA,EAAWQ,SAAS,eACnBM,EAACC,EAAiB,CAACL,GAAI,CAAEM,SAAU,OAAQC,cAAe,MAAOC,GAAI,MAAOC,GAAI,SAElFL,EAACT,EAAG,CACFK,GAAI,CACFC,QAAS,QACTS,SAAU,UACVC,aAAc,UACdC,WAAY,UACZC,SAAU,KAEZ1B,UAAU,OAAME,SAEfA,OAEC,GAIZyB,eAAgB,CACdC,KAAM,EAAGC,aAAYC,~~WAAYrB~~,OAAAC,OAAA,CAC/BI,QAAS,~~QACTiB~~,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,~~CAE5BtB~~,SAAU,~~OACVuB~~,WAAY,MACZC,cAAe,IACfC,WAAY,UAEc,~~IAAxBf~~,~~EAAWzB~~,SACX,~~CACEyC~~,SAAU,WACVC,IAAK,OACLC,KAAM,IACNC,MAAO,~~IACPzB~~,SAAU,SACVC,aAAc,WACdC,WAAY,~~SAEZwB~~,OAAQ,QAEV,~~CACEJ~~,SAAU,~~SACVK~~,UAAW,OAEXC,aAAc"}
1	+ {"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":"qDAGO,MAAMA,EAA6D,CACxEC,aAAc,CACZC,UAAWC,GAEbC,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/materialui/textfield/formLabel.theme.js.map CHANGED Viewed

	@@ -1 +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","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":"qHAGO,MAAMA,EAAmD,CAC9DC,aAAc,CAEZC,UAAYC,QAAAC,SAAEA,EAAQC,UAAEA,GAASF,EAAKG,EAAIC,EAAAJ,EAA9B,0BAAqC,OAC/CK,EAACC,EAAGC,OAAAC,OAAA,CAACT,UAAU,QAAQG,UAAWA,GAAeC,EAAI,CAAAF,SAAA,CAClDA,GACAC,eAAAA,EAAWO,SAAS,kBACnBC,EAACJ,EAAG,CACFP,UAAU,OACVY,GAAI,CACFC,SAAU,WACVC,MAAO,MACPC,OAAQ,MACRC,OAAQ,OACRC,KAAM,gBACNC,SAAU,SACVC,QAAS,IACTC,OAAQ,OACRC,WAAY,UACbnB,SACD,~~mBAEA~~,~~GAGVoB,~~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"}
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","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":"qHAGO,MAAMA,EAAmD,CAC9DC,aAAc,CAEZC,UAAYC,QAAAC,SAAEA,EAAQC,UAAEA,GAASF,EAAKG,EAAIC,EAAAJ,EAA9B,0BAAqC,OAC/CK,EAACC,EAAGC,OAAAC,OAAA,CAACT,UAAU,QAAQG,UAAWA,GAAeC,EAAI,CAAAF,SAAA,CAClDA,GACAC,eAAAA,EAAWO,SAAS,kBACnBC,EAACJ,EAAG,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/materialui/textfield/index.d.ts CHANGED Viewed

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

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

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

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

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

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

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

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

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

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

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