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

@skodaflow/web-library 7.14.0 → 7.15.1

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 (2582) hide show

package/cjs/materialui/pagination/paginationItem.theme.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";var e=require("../../components/focusring/focusring.js"),t=require("../../components/icon/stroke/ChevronLeftIcon.js"),o=require("../../components/icon/stroke/ChevronRightIcon.js"),n=require("../../components/icon/stroke/ChevronPreviousIcon.js"),i=require("../../components/icon/stroke/ChevronNextIcon.js"),r=require("../button/interactive.js");const s={defaultProps:{slots:{previous:t.ChevronLeftIcon,next:o.ChevronRightIcon,first:n.ChevronPreviousIcon,last:i.ChevronNextIcon}},styleOverrides:{root:({theme:t})=>Object.assign(Object.assign({margin:"0 4px",[t.breakpoints.down("md")]:{margin:"0 2px"}},e.getFocusRingStyle(t)),{"&.MuiButtonBase-root":Object.assign({},r.getInteractiveStyle({backgroundColor:"transparent",fontWeight:"300",fontSize:"18px",letterSpacing:"0.36px",[t.breakpoints.down("md")]:{fontSize:"16px"}},{backgroundColor:t.palette.transparent.primary,fontWeight:"400",fontSize:"18px",letterSpacing:"0.36px",[t.breakpoints.down("md")]:{fontSize:"16px"}})),color:t.palette.text.primary,lineHeight:"24px",padding:"0",minWidth:"35px",height:"36px",position:"relative",borderRadius:"4px","& .MuiSvgIcon-root":{fontSize:"20px",[t.breakpoints.down("md")]:{fontSize:"18px"}},"&.Mui-disabled":{color:t.palette.disabled.primary,opacity:"1"},"&.MuiPaginationItem-ellipsis":{lineHeight:"36px",margin:"0 1px",pointerEvents:"none"},"&.MuiPaginationItem-text.MuiPaginationItem-ellipsis":{display:"none"},"&.MuiPaginationItem-outlined":{border:"0"}})}};exports.flowPaginationItem=s;
2	+ //# sourceMappingURL=paginationItem.theme.js.map

package/cjs/materialui/pagination/paginationItem.theme.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"paginationItem.theme.js","sources":["../../../../../src/materialui/pagination/paginationItem.theme.tsx"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { ChevronLeftIcon } from '@/src/components/icon/stroke/ChevronLeftIcon';\nimport { ChevronRightIcon } from '@/src/components/icon/stroke/ChevronRightIcon';\nimport { ChevronPreviousIcon } from '@/src/components/icon/stroke/ChevronPreviousIcon';\nimport { ChevronNextIcon } from '@/src/components/icon/stroke/ChevronNextIcon';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport const flowPaginationItem: Components<Theme>['MuiPaginationItem'] = {\n defaultProps: {\n slots: {\n previous: ChevronLeftIcon,\n next: ChevronRightIcon,\n first: ChevronPreviousIcon,\n last: ChevronNextIcon,\n },\n },\n styleOverrides: {\n root: ({ theme }) => ({\n margin: '0 4px',\n [theme.breakpoints.down('md')]: {\n margin: '0 2px',\n },\n // focused style\n ...getFocusRingStyle(theme),\n // custom font style from Figma\n '&.MuiButtonBase-root': {\n // interactive style\n ...getInteractiveStyle(\n {\n backgroundColor: 'transparent',\n fontWeight: '300',\n fontSize: '18px',\n letterSpacing: '0.36px',\n [theme.breakpoints.down('md')]: {\n fontSize: '16px',\n },\n },\n {\n backgroundColor: theme.palette.transparent.primary,\n fontWeight: '400',\n fontSize: '18px',\n letterSpacing: '0.36px',\n [theme.breakpoints.down('md')]: {\n fontSize: '16px',\n },\n },\n ),\n },\n color: theme.palette.text.primary,\n lineHeight: '24px',\n padding: '0',\n minWidth: '35px',\n height: '36px',\n position: 'relative',\n borderRadius: '4px',\n '& .MuiSvgIcon-root': {\n fontSize: '20px',\n [theme.breakpoints.down('md')]: {\n fontSize: '18px',\n },\n },\n '&.Mui-disabled': {\n color: theme.palette.disabled.primary,\n opacity: '1',\n },\n // style for ellipsis\n '&.MuiPaginationItem-ellipsis': {\n lineHeight: '36px',\n margin: '0 1px',\n pointerEvents: 'none',\n },\n // hide ellipsis for default (text) variant\n '&.MuiPaginationItem-text.MuiPaginationItem-ellipsis': {\n display: 'none',\n },\n // reset style for outlined variant\n '&.MuiPaginationItem-outlined': {\n border: '0',\n },\n }),\n },\n};\n"],"names":["flowPaginationItem","defaultProps","slots","previous","ChevronLeftIcon","next","ChevronRightIcon","first","ChevronPreviousIcon","last","ChevronNextIcon","styleOverrides","root","theme","Object","assign","margin","breakpoints","down","getFocusRingStyle","getInteractiveStyle","backgroundColor","fontWeight","fontSize","letterSpacing","palette","transparent","primary","color","text","lineHeight","padding","minWidth","height","position","borderRadius","disabled","opacity","pointerEvents","display","border"],"mappings":"qWASO,MAAMA,EAA6D,CACxEC,aAAc,CACZC,MAAO,CACLC,SAAUC,EAAAA,gBACVC,KAAMC,EAAAA,iBACNC,MAAOC,EAAAA,oBACPC,KAAMC,EAAAA,kBAGVC,eAAgB,CACdC,KAAM,EAAGC,WAAYC,OAAAC,OAAAD,OAAAC,OAAA,CACnBC,OAAQ,QACR,CAACH,EAAMI,YAAYC,KAAK,OAAQ,CAC9BF,OAAQ,UAGPG,EAAAA,kBAAkBN,IAAM,CAE3B,uBAAsBC,OAAAC,OAAA,CAAA,EAEjBK,EAAAA,oBACD,CACEC,gBAAiB,cACjBC,WAAY,MACZC,SAAU,OACVC,cAAe,SACf,CAACX,EAAMI,YAAYC,KAAK,OAAQ,CAC9BK,SAAU,SAGd,CACEF,gBAAiBR,EAAMY,QAAQC,YAAYC,QAC3CL,WAAY,MACZC,SAAU,OACVC,cAAe,SACf,CAACX,EAAMI,YAAYC,KAAK,OAAQ,CAC9BK,SAAU,WAKlBK,MAAOf,EAAMY,QAAQI,KAAKF,QAC1BG,WAAY,OACZC,QAAS,IACTC,SAAU,OACVC,OAAQ,OACRC,SAAU,WACVC,aAAc,MACd,qBAAsB,CACpBZ,SAAU,OACV,CAACV,EAAMI,YAAYC,KAAK,OAAQ,CAC9BK,SAAU,SAGd,iBAAkB,CAChBK,MAAOf,EAAMY,QAAQW,SAAST,QAC9BU,QAAS,KAGX,+BAAgC,CAC9BP,WAAY,OACZd,OAAQ,QACRsB,cAAe,QAGjB,sDAAuD,CACrDC,QAAS,QAGX,+BAAgC,CAC9BC,OAAQ"}

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

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

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

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

package/cjs/materialui/rating/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { Rating } from '@mui/material';
2	+ export type { RatingProps } from '@mui/material';

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

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

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

	@@ -0,0 +1,2 @@
1	+ "use strict";var i=require("react/jsx-runtime"),e=require("../../components/icon/stroke/ShapeStarIcon.js"),n=require("../../components/icon/filled/ShapeStarFilledIcon.js"),t=require("../../components/focusring/focusring.js");const a={defaultProps:{size:"medium",precision:1,max:5,icon:i.jsx(n.ShapeStarFilledIcon,{fontSize:"inherit"}),emptyIcon:i.jsx(e.ShapeStarIcon,{fontSize:"inherit"})},styleOverrides:{root:({theme:i})=>({"&.Mui-disabled":{opacity:"1","& .MuiRating-icon":{"&.MuiRating-iconFilled, &.MuiRating-iconEmpty":{color:i.palette.disabled.tertiary}}},"&.Mui-focusVisible .MuiRating-iconActive, & .MuiRating-labelEmptyValueActive":{outline:"none",boxShadow:t.getFocusRingBoxShadow(i)},"&.MuiRating-sizeSmall, &.MuiRating-sizeMedium":{padding:"2px 0",gap:"12px","& .MuiRating-iconFilled, & .MuiRating-iconEmpty":{fontSize:"20px"}},"&.MuiRating-sizeLarge":{padding:"3px 0",gap:"22px","& .MuiRating-iconFilled, & .MuiRating-iconEmpty":{fontSize:"34px"}},"& .MuiRating-icon":{borderRadius:"2px",transition:"none",transform:"none","&.MuiRating-iconHover":{color:"dark"===i.palette.mode?i.palette.brand.secondary:i.palette.brand.primary},"&.MuiRating-iconFilled":{color:"dark"===i.palette.mode?i.palette.brand.secondary:i.palette.brand.primary},"&.MuiRating-iconEmpty":{color:"dark"===i.palette.mode?i.palette.onSurface.os300:i.palette.onSurface.os600}},"& .MuiRating-decimal":{transform:"none","& *":{maxWidth:"none"}},"& .MuiRating-label":{borderRadius:"2px"}})}};exports.flowRating=a;
2	+ //# sourceMappingURL=rating.theme.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"rating.theme.js","sources":["../../../../../src/materialui/rating/rating.theme.tsx"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { ShapeStarIcon } from '@/src/components/icon/stroke/ShapeStarIcon';\nimport { ShapeStarFilledIcon } from '@/src/components/icon/filled/ShapeStarFilledIcon';\nimport { getFocusRingBoxShadow } from '@/src/components/focusring/focusring';\n\nexport const flowRating: Components<Theme>['MuiRating'] = {\n defaultProps: {\n size: 'medium',\n precision: 1,\n max: 5,\n icon: <ShapeStarFilledIcon fontSize=\"inherit\" />,\n emptyIcon: <ShapeStarIcon fontSize=\"inherit\" />,\n },\n styleOverrides: {\n root: ({ theme }) => ({\n '&.Mui-disabled': {\n opacity: '1',\n '& .MuiRating-icon': {\n '&.MuiRating-iconFilled, &.MuiRating-iconEmpty': {\n color: theme.palette.disabled.tertiary,\n },\n },\n },\n // focus visible state\n '&.Mui-focusVisible .MuiRating-iconActive, & .MuiRating-labelEmptyValueActive': {\n outline: 'none',\n boxShadow: getFocusRingBoxShadow(theme),\n },\n // size overrides\n '&.MuiRating-sizeSmall, &.MuiRating-sizeMedium': {\n // match figma 24px height\n padding: '2px 0',\n gap: '12px',\n '& .MuiRating-iconFilled, & .MuiRating-iconEmpty': {\n fontSize: '20px',\n },\n },\n '&.MuiRating-sizeLarge': {\n // match figma 40px height\n padding: '3px 0',\n gap: '22px',\n '& .MuiRating-iconFilled, & .MuiRating-iconEmpty': {\n fontSize: '34px',\n },\n },\n '& .MuiRating-icon': {\n borderRadius: '2px',\n transition: 'none',\n transform: 'none',\n // hover effects\n '&.MuiRating-iconHover': {\n color: theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brand.primary,\n },\n '&.MuiRating-iconFilled': {\n // color: theme.palette.brand.primary,\n color: theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brand.primary,\n },\n '&.MuiRating-iconEmpty': {\n color: theme.palette.mode === 'dark' ? theme.palette.onSurface.os300 : theme.palette.onSurface.os600,\n },\n },\n '& .MuiRating-decimal': {\n transform: 'none',\n // will overwrite maxWidth: '100%' from css reset\n '& *': {\n maxWidth: 'none',\n },\n },\n '& .MuiRating-label': {\n borderRadius: '2px',\n },\n }),\n },\n};\n"],"names":["flowRating","defaultProps","size","precision","max","icon","_jsx","ShapeStarFilledIcon","fontSize","emptyIcon","ShapeStarIcon","styleOverrides","root","theme","opacity","color","palette","disabled","tertiary","outline","boxShadow","getFocusRingBoxShadow","padding","gap","borderRadius","transition","transform","mode","brand","secondary","primary","onSurface","os300","os600","maxWidth"],"mappings":"iOAMO,MAAMA,EAA6C,CACxDC,aAAc,CACZC,KAAM,SACNC,UAAW,EACXC,IAAK,EACLC,KAAMC,EAAAA,IAACC,EAAAA,qBAAoBC,SAAS,YACpCC,UAAWH,EAAAA,IAACI,EAAAA,eAAcF,SAAS,aAErCG,eAAgB,CACdC,KAAM,EAAGC,YAAO,CACd,iBAAkB,CAChBC,QAAS,IACT,oBAAqB,CACnB,gDAAiD,CAC/CC,MAAOF,EAAMG,QAAQC,SAASC,YAKpC,+EAAgF,CAC9EC,QAAS,OACTC,UAAWC,EAAAA,sBAAsBR,IAGnC,gDAAiD,CAE/CS,QAAS,QACTC,IAAK,OACL,kDAAmD,CACjDf,SAAU,SAGd,wBAAyB,CAEvBc,QAAS,QACTC,IAAK,OACL,kDAAmD,CACjDf,SAAU,SAGd,oBAAqB,CACnBgB,aAAc,MACdC,WAAY,OACZC,UAAW,OAEX,wBAAyB,CACvBX,MAA8B,SAAvBF,EAAMG,QAAQW,KAAkBd,EAAMG,QAAQY,MAAMC,UAAYhB,EAAMG,QAAQY,MAAME,SAE7F,yBAA0B,CAExBf,MAA8B,SAAvBF,EAAMG,QAAQW,KAAkBd,EAAMG,QAAQY,MAAMC,UAAYhB,EAAMG,QAAQY,MAAME,SAE7F,wBAAyB,CACvBf,MAA8B,SAAvBF,EAAMG,QAAQW,KAAkBd,EAAMG,QAAQe,UAAUC,MAAQnB,EAAMG,QAAQe,UAAUE,QAGnG,uBAAwB,CACtBP,UAAW,OAEX,MAAO,CACLQ,SAAU,SAGd,qBAAsB,CACpBV,aAAc"}

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

@@ -1,6 +1,6 @@
 import { Components } from '@mui/material/styles';
 import { CSSObject, Theme } from '@mui/material';
-import { TypographySize } from '../theme/theme.typography';
+import { TypographySize } from '../typography/typography.theme';
 export declare const getTypographyLineHeight: (element: string, size: TypographySize) => CSSObject;
 export declare const getResponsiveLineHeight: (element: string, theme: Theme) => CSSObject;
 export declare const getTextVariantStyle: () => CSSObject;

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

	@@ -1 +1 @@
1	- {"version":3,"file":"skeleton.theme.js","sources":["../../../../../src/materialui/skeleton/skeleton.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { CSSObject, Theme } from '@mui/material';\nimport tokens from '@skodaflow/web-tokens/src/tokens.json';\nimport { TypographySize } from '../~~theme~~/theme~~.typography~~';\n\nexport const getTypographyLineHeight = (element: string, size: TypographySize): CSSObject => {\n const typo = tokens['flow-typography'].find((el) => el.name === `${size}-${element}`);\n if (typo) {\n return {\n height: typo['style'].lineHeight,\n };\n } else {\n return {};\n }\n};\n\nexport const getResponsiveLineHeight = (element: string, theme: Theme): CSSObject => {\n return {\n ...getTypographyLineHeight(element, 'small'),\n [theme.breakpoints.up('md')]: {\n ...getTypographyLineHeight(element, 'medium'),\n },\n [theme.breakpoints.up('xl')]: {\n ...getTypographyLineHeight(element, 'large'),\n },\n };\n};\n\nexport const getTextVariantStyle = (): CSSObject => ({\n borderRadius: '4px',\n // style taken from @mui, lowering size\n transform: 'scale(1, 0.60)',\n transformOrigin: '0 55%',\n});\n\nexport const flowSkeleton: Components<Theme>['MuiSkeleton'] = {\n defaultProps: {\n animation: 'wave',\n ['aria-label']: 'placeholder',\n role: 'progressbar',\n },\n styleOverrides: {\n text: {\n ...getTextVariantStyle(),\n },\n circular: {\n flexShrink: '0',\n },\n wave: ({ theme }) => ({\n backgroundColor: theme.palette.onSurface.os100,\n '&:after': {\n background: `\n linear-gradient(\n 90deg,\n transparent,\n ${theme.palette.surface.secondary},\n transparent\n )\n `,\n },\n ...(theme.palette.mode === 'dark' && {\n backgroundColor: theme.palette.surface.secondary,\n '&:after': {\n background: `\n linear-gradient(\n 90deg,\n transparent,\n ${theme.palette.surface.primary},\n transparent\n )\n `,\n },\n }),\n }),\n },\n variants: [\n {\n props: { variant: 'display' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('display', theme),\n ...getTextVariantStyle(),\n width: '600px',\n }),\n },\n {\n props: { variant: 'h1' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('h1', theme),\n ...getTextVariantStyle(),\n width: '540px',\n }),\n },\n {\n props: { variant: 'h2' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('h2', theme),\n ...getTextVariantStyle(),\n width: '510px',\n }),\n },\n {\n props: { variant: 'h3' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('h3', theme),\n ...getTextVariantStyle(),\n width: '480px',\n }),\n },\n {\n props: { variant: 'h4' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('h4', theme),\n ...getTextVariantStyle(),\n width: '450px',\n }),\n },\n {\n props: { variant: 'subheadline' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('subheadline', theme),\n ...getTextVariantStyle(),\n width: '420px',\n }),\n },\n {\n props: { variant: 'body' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('body', theme),\n ...getTextVariantStyle(),\n width: '480px',\n }),\n },\n {\n props: { variant: 'disclaimer' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('disclaimer', theme),\n ...getTextVariantStyle(),\n width: '360px',\n }),\n },\n {\n props: { variant: 'disclaimer1' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('disclaimer1', theme),\n ...getTextVariantStyle(),\n width: '360px',\n }),\n },\n {\n props: { variant: 'disclaimer2' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('disclaimer2', theme),\n ...getTextVariantStyle(),\n width: '360px',\n }),\n },\n {\n props: { variant: 'caption1' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('caption1', theme),\n ...getTextVariantStyle(),\n width: '300px',\n }),\n },\n {\n props: { variant: 'caption2' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('caption2', theme),\n ...getTextVariantStyle(),\n width: '300px',\n }),\n },\n {\n props: { variant: 'list' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('list', theme),\n ...getTextVariantStyle(),\n width: '600px',\n }),\n },\n ],\n};\n"],"names":["getTypographyLineHeight","element","size","typo","tokens","~~default","~~find","el","name","height","lineHeight","getResponsiveLineHeight","theme","Object","assign","breakpoints","up","getTextVariantStyle","borderRadius","transform","transformOrigin","flowSkeleton","defaultProps","animation","role","styleOverrides","text","circular","flexShrink","wave","backgroundColor","palette","onSurface","os100","background","surface","secondary","mode","primary","variants","props","variant","style","width"],"mappings":"gIAKaA,EAA0B,CAACC,EAAiBC,KACvD,MAAMC,EAAOC,~~EAAMC~~,~~QAAC~~,mBAAmBC,MAAMC,GAAOA,EAAGC,OAAS,~~GAAGN~~,KAAQD,MAC3E,OAAIE,EACK,~~CACLM~~,~~OAAQN~~,EAAY,~~MAAEO~~,YAGjB,~~CAAE~~,~~GAIAC~~,EAA0B,~~CAACV~~,~~EAAiBW~~,IACvDC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,~~EACKd~~,EAAwBC,EAAS,WACpC,~~CAACW~~,EAAMG,YAAYC,GAAG,OAAMH,OAAAC,OAAA,CAAA,~~EACvBd~~,EAAwBC,EAAS,WAEtC,~~CAACW~~,EAAMG,YAAYC,GAAG,~~wBACjBhB~~,EAAwBC,EAAS,~~YAK7BgB~~,EAAsB,~~KAAkB~~,~~CACnDC~~,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,UAGNC,EAAiD,CAC5DC,aAAc,CACZC,UAAW,OACX,aAAgB,cAChBC,KAAM,eAERC,eAAgB,CACdC,KAAIb,OAAAC,OAAA,CAAA,~~EAd6C~~,~~CACnDI~~,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,UAafO,SAAU,CACRC,WAAY,KAEdC,KAAM,EAAGjB,~~WACPC~~,OAAAC,OAAA,~~CAAAgB~~,gBAAiBlB,EAAMmB,QAAQC,UAAUC,MACzC,UAAW,CACTC,WAAY,2FAINtB,EAAMmB,QAAQI,QAAQC,+DAKH,SAAvBxB,EAAMmB,QAAQM,MAAmB,CACnCP,gBAAiBlB,EAAMmB,QAAQI,QAAQC,UACvC,UAAW,CACTF,WAAY,uGAILtB,EAAMmB,QAAQI,QAAQG,wEAQrCC,SAAU,CACR,CACEC,MAAO,CAAEC,QAAS,WAClBC,MAAO,EAAG9B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,UAAWC,~~IAnDO~~,~~CACnDM~~,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,~~UAiDX~~,~~CAAAuB~~,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,MAClBC,MAAO,EAAG9B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,KAAMC,~~IA3DY~~,~~CACnDM~~,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,~~UAyDX~~,~~CAAAuB~~,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,MAClBC,MAAO,EAAG9B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,KAAMC,~~IAnEY~~,~~CACnDM~~,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,~~UAiEX~~,~~CAAAuB~~,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,MAClBC,MAAO,EAAG9B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,KAAMC,~~IA3EY~~,~~CACnDM~~,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,~~UAyEX~~,~~CAAAuB~~,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,MAClBC,MAAO,EAAG9B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,KAAMC,~~IAnFY~~,~~CACnDM~~,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,~~UAiFX~~,~~CAAAuB~~,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,eAClBC,MAAO,EAAG9B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,cAAeC,~~IA3FG~~,~~CACnDM~~,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,~~UAyFX~~,~~CAAAuB~~,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,QAClBC,MAAO,EAAG9B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,OAAQC,~~IAnGU~~,~~CACnDM~~,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,~~UAiGX~~,~~CAAAuB~~,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,cAClBC,MAAO,EAAG9B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,aAAcC,~~IA3GI~~,~~CACnDM~~,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,~~UAyGX~~,~~CAAAuB~~,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,eAClBC,MAAO,EAAG9B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,cAAeC,~~IAnHG~~,~~CACnDM~~,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,~~UAiHX~~,~~CAAAuB~~,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,eAClBC,MAAO,EAAG9B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,cAAeC,~~IA3HG~~,~~CACnDM~~,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,~~UAyHX~~,~~CAAAuB~~,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,YAClBC,MAAO,EAAG9B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,WAAYC,~~IAnIM~~,~~CACnDM~~,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,~~UAiIX~~,~~CAAAuB~~,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,YAClBC,MAAO,EAAG9B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,WAAYC,~~IA3IM~~,~~CACnDM~~,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,~~UAyIX~~,~~CAAAuB~~,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,QAClBC,MAAO,EAAG9B,WAAYC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACjBH,EAAwB,OAAQC,~~IAnJU~~,~~CACnDM~~,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,~~UAiJX~~,~~CAAAuB~~,MAAO"}
1	+ {"version":3,"file":"skeleton.theme.js","sources":["../../../../../src/materialui/skeleton/skeleton.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { CSSObject, Theme } from '@mui/material';\nimport tokens from '@skodaflow/web-tokens/src/tokens.json';\nimport { TypographySize } from '../typography/typography.theme';\n\nexport const getTypographyLineHeight = (element: string, size: TypographySize): CSSObject => {\n const typo = tokens['flow-typography'].find((el) => el.name === `${size}-${element}`);\n if (typo) {\n return {\n height: typo['style'].lineHeight,\n };\n } else {\n return {};\n }\n};\n\nexport const getResponsiveLineHeight = (element: string, theme: Theme): CSSObject => {\n return {\n ...getTypographyLineHeight(element, 'small'),\n [theme.breakpoints.up('md')]: {\n ...getTypographyLineHeight(element, 'medium'),\n },\n [theme.breakpoints.up('xl')]: {\n ...getTypographyLineHeight(element, 'large'),\n },\n };\n};\n\nexport const getTextVariantStyle = (): CSSObject => ({\n borderRadius: '4px',\n // style taken from @mui, lowering size\n transform: 'scale(1, 0.60)',\n transformOrigin: '0 55%',\n});\n\nexport const flowSkeleton: Components<Theme>['MuiSkeleton'] = {\n defaultProps: {\n animation: 'wave',\n ['aria-label']: 'placeholder',\n role: 'progressbar',\n },\n styleOverrides: {\n text: {\n ...getTextVariantStyle(),\n },\n circular: {\n flexShrink: '0',\n },\n wave: ({ theme }) => ({\n backgroundColor: theme.palette.onSurface.os100,\n '&:after': {\n background: `\n linear-gradient(\n 90deg,\n transparent,\n ${theme.palette.surface.secondary},\n transparent\n )\n `,\n },\n ...(theme.palette.mode === 'dark' && {\n backgroundColor: theme.palette.surface.secondary,\n '&:after': {\n background: `\n linear-gradient(\n 90deg,\n transparent,\n ${theme.palette.surface.primary},\n transparent\n )\n `,\n },\n }),\n }),\n },\n variants: [\n {\n props: { variant: 'display' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('display', theme),\n ...getTextVariantStyle(),\n width: '600px',\n }),\n },\n {\n props: { variant: 'h1' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('h1', theme),\n ...getTextVariantStyle(),\n width: '540px',\n }),\n },\n {\n props: { variant: 'h2' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('h2', theme),\n ...getTextVariantStyle(),\n width: '510px',\n }),\n },\n {\n props: { variant: 'h3' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('h3', theme),\n ...getTextVariantStyle(),\n width: '480px',\n }),\n },\n {\n props: { variant: 'h4' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('h4', theme),\n ...getTextVariantStyle(),\n width: '450px',\n }),\n },\n {\n props: { variant: 'subheadline' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('subheadline', theme),\n ...getTextVariantStyle(),\n width: '420px',\n }),\n },\n {\n props: { variant: 'body' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('body', theme),\n ...getTextVariantStyle(),\n width: '480px',\n }),\n },\n {\n props: { variant: 'disclaimer' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('disclaimer', theme),\n ...getTextVariantStyle(),\n width: '360px',\n }),\n },\n {\n props: { variant: 'disclaimer1' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('disclaimer1', theme),\n ...getTextVariantStyle(),\n width: '360px',\n }),\n },\n {\n props: { variant: 'disclaimer2' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('disclaimer2', theme),\n ...getTextVariantStyle(),\n width: '360px',\n }),\n },\n {\n props: { variant: 'caption1' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('caption1', theme),\n ...getTextVariantStyle(),\n width: '300px',\n }),\n },\n {\n props: { variant: 'caption2' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('caption2', theme),\n ...getTextVariantStyle(),\n width: '300px',\n }),\n },\n {\n props: { variant: 'list' },\n style: ({ theme }) => ({\n ...getResponsiveLineHeight('list', theme),\n ...getTextVariantStyle(),\n width: '600px',\n }),\n },\n ],\n};\n"],"names":["getTypographyLineHeight","element","size","typo","tokens","find","el","name","height","lineHeight","getResponsiveLineHeight","theme","Object","assign","breakpoints","up","getTextVariantStyle","borderRadius","transform","transformOrigin","flowSkeleton","defaultProps","animation","role","styleOverrides","text","circular","flexShrink","wave","backgroundColor","palette","onSurface","os100","background","surface","secondary","mode","primary","variants","props","variant","style","width"],"mappings":"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"}

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

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

package/cjs/materialui/slider/sliderContainer.js.map CHANGED Viewed

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

package/cjs/materialui/slider/sliderValues.js.map CHANGED Viewed

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

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

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

package/cjs/materialui/snackbar/snackbarContent.theme.js.map CHANGED Viewed

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

package/cjs/materialui/stepper/StepLabelIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepLabelIcon.js","sources":["../../../../../src/materialui/stepper/StepLabelIcon.tsx"],"sourcesContent":["import { useMemo, useRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\nimport { CheckIcon } from '@/src/components/icon/stroke/CheckIcon';\nimport { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\n\nexport const flowStepIconClasses = {\n root: 'FlowStepIcon-root',\n active: 'FlowStepIcon-active',\n completed: 'FlowStepIcon-completed',\n error: 'FlowStepIcon-error',\n disabled: 'FlowStepIcon-disabled',\n};\n\nexport const FlowStepLabelIcon = ({ active, completed, error, ownerState }) => {\n const { disabled } = ownerState ?? {};\n // obtain icon based on the state\n const IconComponent = useMemo(() => {\n if (error) {\n return CloseIcon;\n } else if (completed && !active) {\n return CheckIcon;\n } else {\n return null;\n }\n }, [error, completed, active]);\n\n return (\n <FlowStepIconRoot\n className={[\n flowStepIconClasses.root,\n active && flowStepIconClasses.active,\n completed && flowStepIconClasses.completed,\n error && flowStepIconClasses.error,\n disabled && flowStepIconClasses.disabled,\n ]\n .filter(Boolean)\n .join(' ')}\n >\n {IconComponent && (\n <IconComponent\n sx={{\n position: 'absolute',\n fontSize: 'inherit',\n color: 'background.primary',\n }}\n />\n )}\n </FlowStepIconRoot>\n );\n};\n\nconst FlowStepIconRoot = ({ children, className, sx, ...restProps }: BoxProps) => {\n // during first render (and first state) do not play animation\n const animation = useRef(false);\n const initialClassName = useRef(className);\n if (!animation.current && initialClassName.current !== className) {\n animation.current = true;\n }\n\n return (\n <Box\n sx={{\n display: 'flex',\n height: '28px',\n width: '28px',\n alignItems: 'center',\n justifyContent: 'center',\n position: 'relative',\n boxSizing: 'border-box',\n fontSize: '16px',\n '& .MuiSvgIcon-root': {\n zIndex: '5',\n },\n [`@keyframes flowStepperActive`]: {\n '0%': {\n transform: 'scale(1.5)',\n opacity: '0.8',\n },\n '100%': {\n transform: 'scale(1)',\n opacity: '1',\n },\n },\n [`@keyframes flowStepperCompleted`]: {\n '0%': {\n transform: 'scale(.8)',\n opacity: '0.8',\n },\n '100%': {\n transform: 'scale(1)',\n opacity: '1',\n },\n },\n // style is also applied in stepButton.theme.ts\n [`& .${flowStepIconClasses.root}`]: {\n height: '100%',\n width: '100%',\n borderRadius: '40px',\n borderColor: 'onSurface.os500',\n backgroundColor: 'transparent',\n borderWidth: '2px',\n borderStyle: 'solid',\n color: 'transparent',\n minHeight: '20px',\n // completed\n [`&.${flowStepIconClasses.completed}:not(.${flowStepIconClasses.active})`]: {\n color: 'onSurface.os700',\n backgroundColor: (theme) => (theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.primary'),\n border: 'none',\n height: '100%',\n width: '100%',\n animation: animation.current ? 'flowStepperCompleted 0.4s' : 'none',\n },\n // error\n [`&.${flowStepIconClasses.error}, &.${flowStepIconClasses.error}.${flowStepIconClasses.completed}`]: {\n borderColor: 'error.main',\n backgroundColor: 'error.main',\n },\n // disabled style is applied from stepper.theme.ts as it has to be applied only for the non-linear variant\n // active\n [`&.${flowStepIconClasses.active}`]: {\n color: 'onSurface.os700',\n height: '100%',\n width: '100%',\n marginRight: '0px',\n marginLeft: '0px',\n borderColor: (theme) => (theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.primary'),\n '&::before': {\n content: '\"\"',\n position: 'absolute',\n borderRadius: '40px',\n backgroundColor: (theme) => (theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.primary'),\n inset: '5px',\n animation: animation.current ? 'flowStepperActive 0.4s' : 'none',\n zIndex: '1',\n },\n [`&.${flowStepIconClasses.error}`]: {\n borderColor: 'error.main',\n '&::before': {\n backgroundColor: 'transparent.transparent',\n border: 3,\n inset: '2px',\n borderColor: 'background.primary',\n },\n },\n },\n },\n ...sx,\n }}\n {...restProps}\n >\n {children}\n <Box className={className} />\n </Box>\n );\n};\n"],"names":["flowStepIconClasses","root","active","completed","error","disabled","FlowStepIconRoot","_a","children","className","sx","restProps","__rest","animation","useRef","initialClassName","current","_jsxs","Box","Object","assign","display","height","width","alignItems","justifyContent","position","boxSizing","fontSize","zIndex","transform","opacity","borderRadius","borderColor","backgroundColor","borderWidth","borderStyle","color","minHeight","theme","palette","mode","border","marginRight","marginLeft","content","inset","_jsx","ownerState","IconComponent","useMemo","CloseIcon","CheckIcon","~~jsx","~~filter","Boolean","join"],"mappings":"+~~NAKa~~,~~MAAAA~~,EAAsB,CACjCC,KAAM,oBACNC,OAAQ,sBACRC,UAAW,yBACXC,MAAO,qBACPC,SAAU,yBAyCNC,EAAoBC,QAAAC,SAAEA,EAAQC,UAAEA,EAASC,GAAEA,KAAOC,~~EAA9BC~~,EAAAA,OAAAL,~~EAAA~~,CAAA,WAAA,YAAA,OAExB,MAAMM,EAAYC,~~EAAMA~~,~~QAAC~~,GACnBC,EAAmBD,~~EAAMA~~,~~OAACL~~,GAKhC,OAJKI,EAAUG,SAAWD,EAAiBC,UAAYP,IACrDI,EAAUG,SAAU,GAIpBC,OAACC,EAAAA,~~IACCC~~,OAAAC,OAAA,~~CAAAV~~,kBACEW,QAAS,OACTC,OAAQ,OACRC,MAAO,OACPC,WAAY,SACZC,eAAgB,SAChBC,SAAU,WACVC,UAAW,aACXC,SAAU,OACV,qBAAsB,CACpBC,OAAQ,KAEV,+BAAkC,CAChC,KAAM,CACJC,UAAW,aACXC,QAAS,OAEX,OAAQ,CACND,UAAW,WACXC,QAAS,MAGb,kCAAqC,CACnC,KAAM,CACJD,UAAW,YACXC,QAAS,OAEX,OAAQ,CACND,UAAW,WACXC,QAAS,MAIb,CAAC,MAAM/B,EAAoBC,QAAS,CAClCqB,OAAQ,OACRC,MAAO,OACPS,aAAc,OACdC,YAAa,kBACbC,gBAAiB,cACjBC,YAAa,MACbC,YAAa,QACbC,MAAO,cACPC,UAAW,OAEX,CAAC,KAAKtC,EAAoBG,kBAAkBH,EAAoBE,WAAY,CAC1EmC,MAAO,kBACPH,gBAAkBK,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,gBACjFC,OAAQ,OACRpB,OAAQ,OACRC,MAAO,OACPV,UAAWA,EAAUG,QAAU,4BAA8B,QAG/D,CAAC,KAAKhB,EAAoBI,YAAYJ,EAAoBI,SAASJ,EAAoBG,aAAc,CACnG8B,YAAa,aACbC,gBAAiB,cAInB,CAAC,KAAKlC,EAAoBE,UAAW,CACnCmC,MAAO,kBACPf,OAAQ,OACRC,MAAO,OACPoB,YAAa,MACbC,WAAY,MACZX,YAAcM,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,gBAC7E,YAAa,CACXI,QAAS,KACTnB,SAAU,WACVM,aAAc,OACdE,gBAAkBK,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,gBACjFK,MAAO,MACPjC,UAAWA,EAAUG,QAAU,yBAA2B,OAC1Da,OAAQ,KAEV,CAAC,KAAK7B,EAAoBI,SAAU,CAClC6B,YAAa,aACb,YAAa,CACXC,gBAAiB,0BACjBQ,OAAQ,EACRI,MAAO,MACPb,YAAa,0BAKlBvB,IAEDC,EAAS,CAAAH,SAAA,CAEZA,EACDuC,EAAAA,IAAC7B,EAAAA,IAAG,CAACT,UAAWA,OACZ,4BA5IuB,EAAGP,SAAQC,YAAWC,QAAO4C,iBAC5D,MAAM3C,SAAEA,GAAa2C,QAAAA,EAAc,~~CAAE~~,~~EAE/BC~~,EAAgBC,EAAAA,SAAQ,IACxB9C,EACK+C,~~EAASA~~,~~UACPhD~~,IAAcD,EAChBkD,~~EAASA~~,~~UAET~~,MAER,CAAChD,EAAOD,EAAWD,IAEtB,OACE6C,~~EAAAM~~,~~IAAC/C~~,EAAgB,CACfG,UAAW,CACTT,EAAoBC,KACpBC,GAAUF,EAAoBE,OAC9BC,GAAaH,EAAoBG,UACjCC,GAASJ,EAAoBI,MAC7BC,GAAYL,EAAoBK,UAE/~~BiD~~,OAAOC,SACPC,KAAK,~~KAEPhD~~,~~SAAAyC~~,GACCF,MAACE,~~EACC~~,~~CAAAvC~~,GAAI,CACFgB,SAAU,WACVE,SAAU,UACVS,MAAO,yBAII"}
1	+ {"version":3,"file":"StepLabelIcon.js","sources":["../../../../../src/materialui/stepper/StepLabelIcon.tsx"],"sourcesContent":["import { useMemo, useRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\nimport { CheckIcon } from '@/src/components/icon/stroke/CheckIcon';\nimport { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\n\nexport const flowStepIconClasses = {\n root: 'FlowStepIcon-root',\n active: 'FlowStepIcon-active',\n completed: 'FlowStepIcon-completed',\n error: 'FlowStepIcon-error',\n disabled: 'FlowStepIcon-disabled',\n};\n\nexport const FlowStepLabelIcon = ({ active, completed, error, ownerState }) => {\n const { disabled } = ownerState ?? {};\n // obtain icon based on the state\n const IconComponent = useMemo(() => {\n if (error) {\n return CloseIcon;\n } else if (completed && !active) {\n return CheckIcon;\n } else {\n return null;\n }\n }, [error, completed, active]);\n\n return (\n <FlowStepIconRoot\n className={[\n flowStepIconClasses.root,\n active && flowStepIconClasses.active,\n completed && flowStepIconClasses.completed,\n error && flowStepIconClasses.error,\n disabled && flowStepIconClasses.disabled,\n ]\n .filter(Boolean)\n .join(' ')}\n >\n {IconComponent && (\n <IconComponent\n sx={{\n position: 'absolute',\n fontSize: 'inherit',\n color: 'background.primary',\n }}\n />\n )}\n </FlowStepIconRoot>\n );\n};\n\nconst FlowStepIconRoot = ({ children, className, sx, ...restProps }: BoxProps) => {\n // during first render (and first state) do not play animation\n const animation = useRef(false);\n const initialClassName = useRef(className);\n if (!animation.current && initialClassName.current !== className) {\n animation.current = true;\n }\n\n return (\n <Box\n sx={{\n display: 'flex',\n height: '28px',\n width: '28px',\n alignItems: 'center',\n justifyContent: 'center',\n position: 'relative',\n boxSizing: 'border-box',\n fontSize: '16px',\n '& .MuiSvgIcon-root': {\n zIndex: '5',\n },\n [`@keyframes flowStepperActive`]: {\n '0%': {\n transform: 'scale(1.5)',\n opacity: '0.8',\n },\n '100%': {\n transform: 'scale(1)',\n opacity: '1',\n },\n },\n [`@keyframes flowStepperCompleted`]: {\n '0%': {\n transform: 'scale(.8)',\n opacity: '0.8',\n },\n '100%': {\n transform: 'scale(1)',\n opacity: '1',\n },\n },\n // style is also applied in stepButton.theme.ts\n [`& .${flowStepIconClasses.root}`]: {\n height: '100%',\n width: '100%',\n borderRadius: '40px',\n borderColor: 'onSurface.os500',\n backgroundColor: 'transparent',\n borderWidth: '2px',\n borderStyle: 'solid',\n color: 'transparent',\n minHeight: '20px',\n // completed\n [`&.${flowStepIconClasses.completed}:not(.${flowStepIconClasses.active})`]: {\n color: 'onSurface.os700',\n backgroundColor: (theme) => (theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.primary'),\n border: 'none',\n height: '100%',\n width: '100%',\n animation: animation.current ? 'flowStepperCompleted 0.4s' : 'none',\n },\n // error\n [`&.${flowStepIconClasses.error}, &.${flowStepIconClasses.error}.${flowStepIconClasses.completed}`]: {\n borderColor: 'error.main',\n backgroundColor: 'error.main',\n },\n // disabled style is applied from stepper.theme.ts as it has to be applied only for the non-linear variant\n // active\n [`&.${flowStepIconClasses.active}`]: {\n color: 'onSurface.os700',\n height: '100%',\n width: '100%',\n marginRight: '0px',\n marginLeft: '0px',\n borderColor: (theme) => (theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.primary'),\n '&::before': {\n content: '\"\"',\n position: 'absolute',\n borderRadius: '40px',\n backgroundColor: (theme) => (theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.primary'),\n inset: '5px',\n animation: animation.current ? 'flowStepperActive 0.4s' : 'none',\n zIndex: '1',\n },\n [`&.${flowStepIconClasses.error}`]: {\n borderColor: 'error.main',\n '&::before': {\n backgroundColor: 'transparent.transparent',\n border: 3,\n inset: '2px',\n borderColor: 'background.primary',\n },\n },\n },\n },\n ...sx,\n }}\n {...restProps}\n >\n {children}\n <Box className={className} />\n </Box>\n );\n};\n"],"names":["flowStepIconClasses","root","active","completed","error","disabled","FlowStepIconRoot","_a","children","className","sx","restProps","__rest","animation","useRef","initialClassName","current","_jsxs","Box","Object","assign","display","height","width","alignItems","justifyContent","position","boxSizing","fontSize","zIndex","transform","opacity","borderRadius","borderColor","backgroundColor","borderWidth","borderStyle","color","minHeight","theme","palette","mode","border","marginRight","marginLeft","content","inset","_jsx","ownerState","IconComponent","useMemo","CloseIcon","CheckIcon","filter","Boolean","join"],"mappings":"+NAKO,MAAMA,EAAsB,CACjCC,KAAM,oBACNC,OAAQ,sBACRC,UAAW,yBACXC,MAAO,qBACPC,SAAU,yBAyCNC,EAAoBC,QAAAC,SAAEA,EAAQC,UAAEA,EAASC,GAAEA,KAAOC,EAASC,EAAAA,OAAAL,EAAvC,CAAA,WAAA,YAAA,OAExB,MAAMM,EAAYC,EAAAA,QAAO,GACnBC,EAAmBD,EAAAA,OAAOL,GAKhC,OAJKI,EAAUG,SAAWD,EAAiBC,UAAYP,IACrDI,EAAUG,SAAU,GAIpBC,OAACC,EAAAA,IAAGC,OAAAC,OAAA,CACFV,kBACEW,QAAS,OACTC,OAAQ,OACRC,MAAO,OACPC,WAAY,SACZC,eAAgB,SAChBC,SAAU,WACVC,UAAW,aACXC,SAAU,OACV,qBAAsB,CACpBC,OAAQ,KAEV,+BAAkC,CAChC,KAAM,CACJC,UAAW,aACXC,QAAS,OAEX,OAAQ,CACND,UAAW,WACXC,QAAS,MAGb,kCAAqC,CACnC,KAAM,CACJD,UAAW,YACXC,QAAS,OAEX,OAAQ,CACND,UAAW,WACXC,QAAS,MAIb,CAAC,MAAM/B,EAAoBC,QAAS,CAClCqB,OAAQ,OACRC,MAAO,OACPS,aAAc,OACdC,YAAa,kBACbC,gBAAiB,cACjBC,YAAa,MACbC,YAAa,QACbC,MAAO,cACPC,UAAW,OAEX,CAAC,KAAKtC,EAAoBG,kBAAkBH,EAAoBE,WAAY,CAC1EmC,MAAO,kBACPH,gBAAkBK,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,gBACjFC,OAAQ,OACRpB,OAAQ,OACRC,MAAO,OACPV,UAAWA,EAAUG,QAAU,4BAA8B,QAG/D,CAAC,KAAKhB,EAAoBI,YAAYJ,EAAoBI,SAASJ,EAAoBG,aAAc,CACnG8B,YAAa,aACbC,gBAAiB,cAInB,CAAC,KAAKlC,EAAoBE,UAAW,CACnCmC,MAAO,kBACPf,OAAQ,OACRC,MAAO,OACPoB,YAAa,MACbC,WAAY,MACZX,YAAcM,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,gBAC7E,YAAa,CACXI,QAAS,KACTnB,SAAU,WACVM,aAAc,OACdE,gBAAkBK,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,gBACjFK,MAAO,MACPjC,UAAWA,EAAUG,QAAU,yBAA2B,OAC1Da,OAAQ,KAEV,CAAC,KAAK7B,EAAoBI,SAAU,CAClC6B,YAAa,aACb,YAAa,CACXC,gBAAiB,0BACjBQ,OAAQ,EACRI,MAAO,MACPb,YAAa,0BAKlBvB,IAEDC,EAAS,CAAAH,SAAA,CAEZA,EACDuC,EAAAA,IAAC7B,EAAAA,IAAG,CAACT,UAAWA,OACZ,4BA5IuB,EAAGP,SAAQC,YAAWC,QAAO4C,iBAC5D,MAAM3C,SAAEA,GAAa2C,QAAAA,EAAc,CAAA,EAE7BC,EAAgBC,EAAAA,SAAQ,IACxB9C,EACK+C,EAAAA,UACEhD,IAAcD,EAChBkD,EAAAA,UAEA,MAER,CAAChD,EAAOD,EAAWD,IAEtB,OACE6C,EAAAA,IAACzC,EAAgB,CACfG,UAAW,CACTT,EAAoBC,KACpBC,GAAUF,EAAoBE,OAC9BC,GAAaH,EAAoBG,UACjCC,GAASJ,EAAoBI,MAC7BC,GAAYL,EAAoBK,UAE/BgD,OAAOC,SACPC,KAAK,KAAI/C,SAEXyC,GACCF,MAACE,EAAa,CACZvC,GAAI,CACFgB,SAAU,WACVE,SAAU,UACVS,MAAO,yBAII"}

package/cjs/materialui/stepper/stepButton.theme.js.map CHANGED Viewed

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

package/cjs/materialui/stepper/stepConnector.theme.js.map CHANGED Viewed

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

package/cjs/materialui/stepper/stepLabel.theme.js.map CHANGED Viewed

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"stepper.theme.js","sources":["../../../../../src/materialui/stepper/stepper.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\nimport { flowStepIconClasses } from './StepLabelIcon';\n\nexport const flowStepper: Components<Theme>['MuiStepper'] = {\n defaultProps: {\n alternativeLabel: true,\n size: 'medium',\n },\n styleOverrides: {\n horizontal: {\n '& .MuiStepContent-root': {\n borderLeft: 'none',\n },\n '&:not(.MuiStepper-alternativeLabel)': {\n alignItems: 'flex-start',\n '& .MuiStepConnector-root': {\n marginTop: '13px',\n },\n },\n },\n vertical: ({ theme, size }) => ({\n '& .MuiStep-alternativeLabel': {\n // when vertical and alternativeLabel don't display connector\n '& .MuiStepConnector-root': {\n display: 'none',\n },\n // when vertical and alternativeLabel the content should be right on side\n '& .MuiStepContent-root': {\n paddingLeft: '0',\n marginLeft: '0',\n border: 'none',\n },\n },\n '& .MuiStepContent-root': {\n paddingLeft: '24px',\n marginLeft: '12px',\n // when the size is not small apply border\n ...(size !== 'small' && { borderLeft: `2px solid ${theme.palette.onSurface.os300}` }),\n },\n '& .MuiStepLabel-alternativeLabel': {\n alignItems: 'flex-start',\n textAlign: 'start',\n },\n\n ...(size === 'small' && {\n '& .MuiStepLabel-vertical': {\n padding: '0',\n },\n '& .MuiStepLabel-iconContainer': {\n '& > div': {\n minHeight: '20px',\n },\n '&.Mui-active > div': {\n height: '100%',\n maxHeight: '200px',\n minHeight: '20px',\n },\n },\n }),\n }),\n root: ({ size, theme }) => ({\n ...(size === 'small' && {\n [theme.breakpoints.up('xl')]: {\n gap: theme.spacing(0.5),\n },\n // hide dividers\n '& .MuiStepConnector-root': {\n display: 'none',\n },\n // hide labels\n '& .MuiStepLabel-labelContainer': {\n display: 'none',\n },\n '& .MuiStepLabel-root': {\n width: '100%',\n },\n // when compact and horizontal apply more width\n '&:not(.MuiStepper-vertical) .MuiStepLabel-iconContainer.Mui-active > div': {\n width: '100%',\n maxWidth: '200px',\n },\n // vertical\n '&.MuiStepper-vertical:not(.MuiStepper-horizontal)': {\n '& .MuiStepLabel-iconContainer.Mui-active > div': {\n height: '60px',\n },\n },\n '& .MuiStep-root': {\n flexGrow: '0',\n flexBasis: 'auto',\n paddingRight: theme.spacing(0.25),\n paddingLeft: theme.spacing(0.25),\n [`&:has(.${flowStepIconClasses.active})`]: {\n flexGrow: '1',\n maxWidth: '200px',\n minWidth: '20px',\n },\n },\n '& .MuiStepLabel-iconContainer': {\n width: '100%',\n // in compact mode show icon only for error\n '&:not(.Mui-error) svg': {\n display: 'none',\n },\n },\n '& .MuiStepLabel-iconContainer > div': {\n minWidth: '20px',\n width: '20px',\n height: '20px',\n minHeight: '20px',\n fontSize: '14px',\n },\n // when the stepper is in small variant, the inset of the icon should be 0\n [`&&& .${flowStepIconClasses.root}.${flowStepIconClasses.active}::before`]: {\n inset: '0',\n borderWidth: '0',\n animation: 'none',\n },\n }),\n }),\n nonLinear: ({ theme, size }) => ({\n // only non-linear variant show disabled style\n [`& .${flowStepIconClasses.root}.${flowStepIconClasses.disabled}`]: {\n // exclamation mark\n ...(size !== 'small' && {\n [`&:not(.${flowStepIconClasses.completed})::after`]: {\n content: '\"!\"',\n lineHeight: '24px',\n fontSize: 'inherit',\n fontWeight: '800',\n color: theme.palette.background.primary,\n },\n }),\n // default\n [`&:not(.${flowStepIconClasses.active})`]: {\n borderColor: theme.palette.disabled.secondary,\n backgroundColor: theme.palette.disabled.secondary,\n },\n // active\n [`&:.${flowStepIconClasses.active}`]: {\n borderColor: theme.palette.disabled.secondary,\n '&::before': {\n backgroundColor: theme.palette.disabled.secondary,\n },\n },\n },\n }),\n },\n};\n"],"names":["flowStepper","defaultProps","alternativeLabel","size","styleOverrides","horizontal","borderLeft","alignItems","marginTop","vertical","theme","Object","assign","display","paddingLeft","marginLeft","border","palette","onSurface","os300","textAlign","padding","minHeight","height","maxHeight","root","breakpoints","up","gap","spacing","width","maxWidth","flexGrow","flexBasis","paddingRight","flowStepIconClasses","active","minWidth","fontSize","inset","borderWidth","animation","nonLinear","disabled","completed","content","lineHeight","fontWeight","color","background","primary","borderColor","secondary","backgroundColor"],"mappings":"~~iDAGa~~,~~MAAAA~~,EAA+C,CAC1DC,aAAc,CACZC,kBAAkB,EAClBC,KAAM,UAERC,eAAgB,CACdC,WAAY,CACV,yBAA0B,CACxBC,WAAY,QAEd,sCAAuC,CACrCC,WAAY,aACZ,2BAA4B,CAC1BC,UAAW,UAIjBC,SAAU,EAAGC,QAAOP,~~UAClBQ~~,OAAAC,OAAA,~~CAAA~~,8BAA+B,CAE7B,2BAA4B,CAC1BC,QAAS,QAGX,yBAA0B,CACxBC,YAAa,IACbC,WAAY,IACZC,OAAQ,SAGZ,yBAAwBL,OAAAC,OAAA,CACtBE,YAAa,OACbC,WAAY,QAEC,UAATZ,GAAoB,CAAEG,WAAY,aAAaI,EAAMO,QAAQC,UAAUC,UAE7E,mCAAoC,CAClCZ,WAAY,aACZa,UAAW,UAGA,UAATjB,GAAoB,CACtB,2BAA4B,CAC1BkB,QAAS,KAEX,gCAAiC,CAC/B,UAAW,CACTC,UAAW,QAEb,qBAAsB,CACpBC,OAAQ,OACRC,UAAW,QACXF,UAAW,WAKnBG,KAAM,EAAGtB,OAAMO,~~WACVC~~,OAAAC,OAAA,CAAA,~~EAAU~~,UAATT,GAAoB,CACtB,CAACO,EAAMgB,YAAYC,GAAG,OAAQ,CAC5BC,IAAKlB,EAAMmB,QAAQ,KAGrB,2BAA4B,CAC1BhB,QAAS,QAGX,iCAAkC,CAChCA,QAAS,QAEX,uBAAwB,CACtBiB,MAAO,QAGT,2EAA4E,CAC1EA,MAAO,OACPC,SAAU,SAGZ,oDAAqD,CACnD,iDAAkD,CAChDR,OAAQ,SAGZ,kBAAmB,CACjBS,SAAU,IACVC,UAAW,OACXC,aAAcxB,EAAMmB,QAAQ,KAC5Bf,YAAaJ,EAAMmB,QAAQ,KAC3B,CAAC,UAAUM,EAAAA,oBAAoBC,WAAY,CACzCJ,SAAU,IACVD,SAAU,QACVM,SAAU,SAGd,gCAAiC,CAC/BP,MAAO,OAEP,wBAAyB,CACvBjB,QAAS,SAGb,sCAAuC,CACrCwB,SAAU,OACVP,MAAO,OACPP,OAAQ,OACRD,UAAW,OACXgB,SAAU,QAGZ,CAAC,QAAQH,EAAAA,oBAAoBV,QAAQU,sBAAoBC,kBAAmB,CAC1EG,MAAO,IACPC,YAAa,IACbC,UAAW,UAIjBC,UAAW,EAAGhC,QAAOP,~~WAAY~~,~~CAE/B~~,CAAC,MAAMgC,~~EAAmBA~~,~~oBAACV~~,QAAQU,~~EAAmBA~~,~~oBAACQ~~,~~YAElDhC~~,OAAAC,OAAAD,OAAAC,OAAA,CAAA,~~EAAU~~,UAATT,GAAoB,CACtB,CAAC,UAAUgC,EAAAA,oBAAoBS,qBAAsB,CACnDC,QAAS,MACTC,WAAY,OACZR,SAAU,UACVS,WAAY,MACZC,MAAOtC,EAAMO,QAAQgC,WAAWC,WAElC,CAEF,CAAC,UAAUf,EAAAA,oBAAoBC,WAAY,CACzCe,YAAazC,EAAMO,QAAQ0B,SAASS,UACpCC,gBAAiB3C,EAAMO,QAAQ0B,SAASS,WAG1C,CAAC,MAAMjB,sBAAoBC,UAAW,CACpCe,YAAazC,EAAMO,QAAQ0B,SAASS,UACpC,YAAa,CACXC,gBAAiB3C,EAAMO,QAAQ0B,SAASS"}
1	+ {"version":3,"file":"stepper.theme.js","sources":["../../../../../src/materialui/stepper/stepper.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\nimport { flowStepIconClasses } from './StepLabelIcon';\n\nexport const flowStepper: Components<Theme>['MuiStepper'] = {\n defaultProps: {\n alternativeLabel: true,\n size: 'medium',\n },\n styleOverrides: {\n horizontal: {\n '& .MuiStepContent-root': {\n borderLeft: 'none',\n },\n '&:not(.MuiStepper-alternativeLabel)': {\n alignItems: 'flex-start',\n '& .MuiStepConnector-root': {\n marginTop: '13px',\n },\n },\n },\n vertical: ({ theme, size }) => ({\n '& .MuiStep-alternativeLabel': {\n // when vertical and alternativeLabel don't display connector\n '& .MuiStepConnector-root': {\n display: 'none',\n },\n // when vertical and alternativeLabel the content should be right on side\n '& .MuiStepContent-root': {\n paddingLeft: '0',\n marginLeft: '0',\n border: 'none',\n },\n },\n '& .MuiStepContent-root': {\n paddingLeft: '24px',\n marginLeft: '12px',\n // when the size is not small apply border\n ...(size !== 'small' && { borderLeft: `2px solid ${theme.palette.onSurface.os300}` }),\n },\n '& .MuiStepLabel-alternativeLabel': {\n alignItems: 'flex-start',\n textAlign: 'start',\n },\n\n ...(size === 'small' && {\n '& .MuiStepLabel-vertical': {\n padding: '0',\n },\n '& .MuiStepLabel-iconContainer': {\n '& > div': {\n minHeight: '20px',\n },\n '&.Mui-active > div': {\n height: '100%',\n maxHeight: '200px',\n minHeight: '20px',\n },\n },\n }),\n }),\n root: ({ size, theme }) => ({\n ...(size === 'small' && {\n [theme.breakpoints.up('xl')]: {\n gap: theme.spacing(0.5),\n },\n // hide dividers\n '& .MuiStepConnector-root': {\n display: 'none',\n },\n // hide labels\n '& .MuiStepLabel-labelContainer': {\n display: 'none',\n },\n '& .MuiStepLabel-root': {\n width: '100%',\n },\n // when compact and horizontal apply more width\n '&:not(.MuiStepper-vertical) .MuiStepLabel-iconContainer.Mui-active > div': {\n width: '100%',\n maxWidth: '200px',\n },\n // vertical\n '&.MuiStepper-vertical:not(.MuiStepper-horizontal)': {\n '& .MuiStepLabel-iconContainer.Mui-active > div': {\n height: '60px',\n },\n },\n '& .MuiStep-root': {\n flexGrow: '0',\n flexBasis: 'auto',\n paddingRight: theme.spacing(0.25),\n paddingLeft: theme.spacing(0.25),\n [`&:has(.${flowStepIconClasses.active})`]: {\n flexGrow: '1',\n maxWidth: '200px',\n minWidth: '20px',\n },\n },\n '& .MuiStepLabel-iconContainer': {\n width: '100%',\n // in compact mode show icon only for error\n '&:not(.Mui-error) svg': {\n display: 'none',\n },\n },\n '& .MuiStepLabel-iconContainer > div': {\n minWidth: '20px',\n width: '20px',\n height: '20px',\n minHeight: '20px',\n fontSize: '14px',\n },\n // when the stepper is in small variant, the inset of the icon should be 0\n [`&&& .${flowStepIconClasses.root}.${flowStepIconClasses.active}::before`]: {\n inset: '0',\n borderWidth: '0',\n animation: 'none',\n },\n }),\n }),\n nonLinear: ({ theme, size }) => ({\n // only non-linear variant show disabled style\n [`& .${flowStepIconClasses.root}.${flowStepIconClasses.disabled}`]: {\n // exclamation mark\n ...(size !== 'small' && {\n [`&:not(.${flowStepIconClasses.completed})::after`]: {\n content: '\"!\"',\n lineHeight: '24px',\n fontSize: 'inherit',\n fontWeight: '800',\n color: theme.palette.background.primary,\n },\n }),\n // default\n [`&:not(.${flowStepIconClasses.active})`]: {\n borderColor: theme.palette.disabled.secondary,\n backgroundColor: theme.palette.disabled.secondary,\n },\n // active\n [`&:.${flowStepIconClasses.active}`]: {\n borderColor: theme.palette.disabled.secondary,\n '&::before': {\n backgroundColor: theme.palette.disabled.secondary,\n },\n },\n },\n }),\n },\n};\n"],"names":["flowStepper","defaultProps","alternativeLabel","size","styleOverrides","horizontal","borderLeft","alignItems","marginTop","vertical","theme","Object","assign","display","paddingLeft","marginLeft","border","palette","onSurface","os300","textAlign","padding","minHeight","height","maxHeight","root","breakpoints","up","gap","spacing","width","maxWidth","flexGrow","flexBasis","paddingRight","flowStepIconClasses","active","minWidth","fontSize","inset","borderWidth","animation","nonLinear","disabled","completed","content","lineHeight","fontWeight","color","background","primary","borderColor","secondary","backgroundColor"],"mappings":"iDAGO,MAAMA,EAA+C,CAC1DC,aAAc,CACZC,kBAAkB,EAClBC,KAAM,UAERC,eAAgB,CACdC,WAAY,CACV,yBAA0B,CACxBC,WAAY,QAEd,sCAAuC,CACrCC,WAAY,aACZ,2BAA4B,CAC1BC,UAAW,UAIjBC,SAAU,EAAGC,QAAOP,UAAWQ,OAAAC,OAAA,CAC7B,8BAA+B,CAE7B,2BAA4B,CAC1BC,QAAS,QAGX,yBAA0B,CACxBC,YAAa,IACbC,WAAY,IACZC,OAAQ,SAGZ,yBAAwBL,OAAAC,OAAA,CACtBE,YAAa,OACbC,WAAY,QAEC,UAATZ,GAAoB,CAAEG,WAAY,aAAaI,EAAMO,QAAQC,UAAUC,UAE7E,mCAAoC,CAClCZ,WAAY,aACZa,UAAW,UAGA,UAATjB,GAAoB,CACtB,2BAA4B,CAC1BkB,QAAS,KAEX,gCAAiC,CAC/B,UAAW,CACTC,UAAW,QAEb,qBAAsB,CACpBC,OAAQ,OACRC,UAAW,QACXF,UAAW,WAKnBG,KAAM,EAAGtB,OAAMO,WAAYC,OAAAC,OAAA,CAAA,EACZ,UAATT,GAAoB,CACtB,CAACO,EAAMgB,YAAYC,GAAG,OAAQ,CAC5BC,IAAKlB,EAAMmB,QAAQ,KAGrB,2BAA4B,CAC1BhB,QAAS,QAGX,iCAAkC,CAChCA,QAAS,QAEX,uBAAwB,CACtBiB,MAAO,QAGT,2EAA4E,CAC1EA,MAAO,OACPC,SAAU,SAGZ,oDAAqD,CACnD,iDAAkD,CAChDR,OAAQ,SAGZ,kBAAmB,CACjBS,SAAU,IACVC,UAAW,OACXC,aAAcxB,EAAMmB,QAAQ,KAC5Bf,YAAaJ,EAAMmB,QAAQ,KAC3B,CAAC,UAAUM,EAAAA,oBAAoBC,WAAY,CACzCJ,SAAU,IACVD,SAAU,QACVM,SAAU,SAGd,gCAAiC,CAC/BP,MAAO,OAEP,wBAAyB,CACvBjB,QAAS,SAGb,sCAAuC,CACrCwB,SAAU,OACVP,MAAO,OACPP,OAAQ,OACRD,UAAW,OACXgB,SAAU,QAGZ,CAAC,QAAQH,EAAAA,oBAAoBV,QAAQU,sBAAoBC,kBAAmB,CAC1EG,MAAO,IACPC,YAAa,IACbC,UAAW,UAIjBC,UAAW,EAAGhC,QAAOP,WAAM,CAEzB,CAAC,MAAMgC,EAAAA,oBAAoBV,QAAQU,EAAAA,oBAAoBQ,YAAWhC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAEnD,UAATT,GAAoB,CACtB,CAAC,UAAUgC,EAAAA,oBAAoBS,qBAAsB,CACnDC,QAAS,MACTC,WAAY,OACZR,SAAU,UACVS,WAAY,MACZC,MAAOtC,EAAMO,QAAQgC,WAAWC,WAElC,CAEF,CAAC,UAAUf,EAAAA,oBAAoBC,WAAY,CACzCe,YAAazC,EAAMO,QAAQ0B,SAASS,UACpCC,gBAAiB3C,EAAMO,QAAQ0B,SAASS,WAG1C,CAAC,MAAMjB,sBAAoBC,UAAW,CACpCe,YAAazC,EAAMO,QAAQ0B,SAASS,UACpC,YAAa,CACXC,gBAAiB3C,EAAMO,QAAQ0B,SAASS"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"svgIcon.theme.js","sources":["../../../../../src/materialui/svgIcon/svgIcon.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles/components';\nimport { Theme } from '@mui/material';\n\nexport const flowSvgIcon: Components<Theme>['MuiSvgIcon'] = {\n styleOverrides: {\n root: {\n overflow: 'visible',\n flexShrink: '0',\n },\n colorAction: ({ theme }) => ({\n color: theme.palette.onSurface.os900,\n }),\n colorDisabled: ({ theme }) => ({\n color: theme.palette.disabled.primary,\n }),\n colorPrimary: ({ theme }) => ({\n color: theme.palette.brand.primary,\n }),\n colorSecondary: ({ theme }) => ({\n color: theme.palette.brand.secondary,\n }),\n colorError: ({ theme }) => ({\n color: theme.palette.error.main,\n }),\n },\n variants: [\n {\n // custom size\n props: { fontSize: 'extraSmall' },\n style: {\n fontSize: '16px',\n },\n },\n {\n // custom size\n props: { fontSize: 'extraLarge' },\n style: {\n fontSize: '40px',\n },\n },\n // sizes from @mui, changed from rem to px\n {\n props: { fontSize: 'small' },\n style: { fontSize: '20px' },\n },\n {\n props: { fontSize: 'medium' },\n style: { fontSize: '24px' },\n },\n {\n props: { fontSize: 'large' },\n style: { fontSize: '35px' },\n },\n // custom colors types\n {\n props: { color: 'info' },\n style: ({ theme }) => ({\n color: theme.palette.info['main'],\n }),\n },\n {\n props: { color: 'success' },\n style: ({ theme }) => ({\n color: theme.palette.success['main'],\n }),\n },\n {\n props: { color: 'warning' },\n style: ({ theme }) => ({\n color: theme.palette.warning['main'],\n }),\n },\n ],\n};\n"],"names":["styleOverrides","root","overflow","flexShrink","colorAction","theme","color","palette","onSurface","os900","colorDisabled","disabled","primary","colorPrimary","brand","colorSecondary","secondary","colorError","error","main","variants","props","fontSize","style","info","success","warning"],"mappings":"iCAG4D,CAC1DA,eAAgB,CACdC,KAAM,CACJC,SAAU,UACVC,WAAY,KAEdC,YAAa,EAAGC,~~YAAa~~,~~CAC3BC~~,MAAOD,EAAME,QAAQC,UAAUC,QAEjCC,cAAe,EAAGL,~~YAAa~~,~~CAC7BC~~,MAAOD,EAAME,QAAQI,SAASC,UAEhCC,aAAc,EAAGR,~~YAAa~~,~~CAC5BC~~,MAAOD,EAAME,QAAQO,MAAMF,UAE7BG,eAAgB,EAAGV,~~YAAa~~,~~CAC9BC~~,MAAOD,EAAME,QAAQO,MAAME,YAE7BC,WAAY,EAAGZ,~~YAAa~~,~~CAC1BC~~,MAAOD,EAAME,QAAQW,MAAMC,QAG/BC,SAAU,CACR,CAEEC,MAAO,CAAEC,SAAU,cACnBC,MAAO,CACLD,SAAU,SAGd,CAEED,MAAO,CAAEC,SAAU,cACnBC,MAAO,CACLD,SAAU,SAId,CACED,MAAO,CAAEC,SAAU,SACnBC,MAAO,CAAED,SAAU,SAErB,CACED,MAAO,CAAEC,SAAU,UACnBC,MAAO,CAAED,SAAU,SAErB,CACED,MAAO,CAAEC,SAAU,SACnBC,MAAO,CAAED,SAAU,SAGrB,CACED,MAAO,CAAEf,MAAO,QAChBiB,MAAO,EAAGlB,~~YAAa~~,~~CACrBC~~,MAAOD,EAAME,QAAQiB,KAAW,QAGpC,CACEH,MAAO,CAAEf,MAAO,WAChBiB,MAAO,EAAGlB,~~YAAa~~,~~CACrBC~~,MAAOD,EAAME,QAAQkB,QAAc,QAGvC,CACEJ,MAAO,CAAEf,MAAO,WAChBiB,MAAO,EAAGlB,~~YAAa~~,~~CACrBC~~,MAAOD,EAAME,QAAQmB,QAAc"}
1	+ {"version":3,"file":"svgIcon.theme.js","sources":["../../../../../src/materialui/svgIcon/svgIcon.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles/components';\nimport { Theme } from '@mui/material';\n\nexport const flowSvgIcon: Components<Theme>['MuiSvgIcon'] = {\n styleOverrides: {\n root: {\n overflow: 'visible',\n flexShrink: '0',\n },\n colorAction: ({ theme }) => ({\n color: theme.palette.onSurface.os900,\n }),\n colorDisabled: ({ theme }) => ({\n color: theme.palette.disabled.primary,\n }),\n colorPrimary: ({ theme }) => ({\n color: theme.palette.brand.primary,\n }),\n colorSecondary: ({ theme }) => ({\n color: theme.palette.brand.secondary,\n }),\n colorError: ({ theme }) => ({\n color: theme.palette.error.main,\n }),\n },\n variants: [\n {\n // custom size\n props: { fontSize: 'extraSmall' },\n style: {\n fontSize: '16px',\n },\n },\n {\n // custom size\n props: { fontSize: 'extraLarge' },\n style: {\n fontSize: '40px',\n },\n },\n // sizes from @mui, changed from rem to px\n {\n props: { fontSize: 'small' },\n style: { fontSize: '20px' },\n },\n {\n props: { fontSize: 'medium' },\n style: { fontSize: '24px' },\n },\n {\n props: { fontSize: 'large' },\n style: { fontSize: '35px' },\n },\n // custom colors types\n {\n props: { color: 'info' },\n style: ({ theme }) => ({\n color: theme.palette.info['main'],\n }),\n },\n {\n props: { color: 'success' },\n style: ({ theme }) => ({\n color: theme.palette.success['main'],\n }),\n },\n {\n props: { color: 'warning' },\n style: ({ theme }) => ({\n color: theme.palette.warning['main'],\n }),\n },\n ],\n};\n"],"names":["styleOverrides","root","overflow","flexShrink","colorAction","theme","color","palette","onSurface","os900","colorDisabled","disabled","primary","colorPrimary","brand","colorSecondary","secondary","colorError","error","main","variants","props","fontSize","style","info","success","warning"],"mappings":"iCAG4D,CAC1DA,eAAgB,CACdC,KAAM,CACJC,SAAU,UACVC,WAAY,KAEdC,YAAa,EAAGC,YAAO,CACrBC,MAAOD,EAAME,QAAQC,UAAUC,QAEjCC,cAAe,EAAGL,YAAO,CACvBC,MAAOD,EAAME,QAAQI,SAASC,UAEhCC,aAAc,EAAGR,YAAO,CACtBC,MAAOD,EAAME,QAAQO,MAAMF,UAE7BG,eAAgB,EAAGV,YAAO,CACxBC,MAAOD,EAAME,QAAQO,MAAME,YAE7BC,WAAY,EAAGZ,YAAO,CACpBC,MAAOD,EAAME,QAAQW,MAAMC,QAG/BC,SAAU,CACR,CAEEC,MAAO,CAAEC,SAAU,cACnBC,MAAO,CACLD,SAAU,SAGd,CAEED,MAAO,CAAEC,SAAU,cACnBC,MAAO,CACLD,SAAU,SAId,CACED,MAAO,CAAEC,SAAU,SACnBC,MAAO,CAAED,SAAU,SAErB,CACED,MAAO,CAAEC,SAAU,UACnBC,MAAO,CAAED,SAAU,SAErB,CACED,MAAO,CAAEC,SAAU,SACnBC,MAAO,CAAED,SAAU,SAGrB,CACED,MAAO,CAAEf,MAAO,QAChBiB,MAAO,EAAGlB,YAAO,CACfC,MAAOD,EAAME,QAAQiB,KAAW,QAGpC,CACEH,MAAO,CAAEf,MAAO,WAChBiB,MAAO,EAAGlB,YAAO,CACfC,MAAOD,EAAME,QAAQkB,QAAc,QAGvC,CACEJ,MAAO,CAAEf,MAAO,WAChBiB,MAAO,EAAGlB,YAAO,CACfC,MAAOD,EAAME,QAAQmB,QAAc"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"switch.theme.js","sources":["../../../../../src/materialui/switch/switch.theme.ts"],"sourcesContent":["import { Theme } from '@mui/material';\nimport { Components } from '@mui/material/styles/components';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\nexport const flowSwitch: Components<Theme>['MuiSwitch'] = {\n defaultProps: {\n disableRipple: true,\n disableFocusRipple: true,\n disableTouchRipple: true,\n },\n styleOverrides: {\n root: ({ theme }) => ({\n input: {\n maxWidth: 'none',\n },\n borderRadius: '1000px',\n '& .MuiSwitch-track': {\n borderRadius: '1000px',\n },\n '.Mui-disabled': {\n '.MuiSwitch-thumb': {\n backgroundColor: theme.palette.disabled.tertiary,\n },\n },\n position: 'relative',\n overflow: 'visible',\n ...getFocusRingStyle(theme, false, 0, ':has(.Mui-focusVisible)'),\n }),\n thumb: ({ theme }) => ({\n boxShadow: 'none',\n transition: '0.2s',\n color: theme.palette.onSurface.os0,\n borderRadius: '1000px',\n flexShrink: '0',\n maxWidth: 'none',\n }),\n track: ({ theme }) => ({\n boxSizing: 'border-box',\n opacity: '1',\n backgroundColor: theme.palette.onSurface.os500,\n }),\n switchBase: ({ theme }) => ({\n transition: '0.2s',\n '&.Mui-checked': {\n '& + .MuiSwitch-track': {\n opacity: '1',\n ...(theme.palette.mode === 'dark' && {\n background: theme.palette.brand.secondary,\n }),\n },\n ...(theme.palette.mode === 'dark' && {\n '& .MuiSwitch-thumb': {\n background: theme.palette.brand.tertiary,\n },\n }),\n },\n '&.Mui-disabled': {\n '& + .MuiSwitch-track': {\n backgroundColor: theme.palette.disabled.primary,\n opacity: '1',\n },\n },\n }),\n sizeMedium: {\n width: '52px',\n height: '24px',\n borderRadius: '1000px',\n padding: '0',\n '& .MuiSwitch-thumb': {\n width: '18px',\n height: '18px',\n },\n '& .MuiSwitch-switchBase': {\n width: '24px',\n padding: '3px',\n '&.Mui-checked': {\n transform: 'translateX(28px)',\n },\n },\n '&:active:not(.Mui-disabled)': {\n '.MuiSwitch-thumb': {\n width: '28px',\n transform: 'translateX(5px)',\n },\n '& .MuiSwitch-switchBase.Mui-checked .MuiSwitch-thumb': {\n transform: 'translateX(-5px)',\n },\n },\n },\n sizeSmall: {\n width: '34px',\n height: '16px',\n borderRadius: '1000px',\n padding: '0',\n '& .MuiSwitch-thumb': {\n width: '12px',\n height: '12px',\n },\n '& .MuiSwitch-switchBase': {\n width: '16px',\n padding: '2px',\n '&.Mui-checked': {\n transform: 'translateX(18px)',\n },\n },\n '&:active:not(.Mui-disabled)': {\n '& .MuiSwitch-thumb': {\n width: '18px',\n transform: 'translateX(3px)',\n },\n '& .MuiSwitch-switchBase.Mui-checked .MuiSwitch-thumb': {\n transform: 'translateX(-3px)',\n },\n },\n },\n },\n};\n"],"names":["flowSwitch","defaultProps","disableRipple","disableFocusRipple","disableTouchRipple","styleOverrides","root","theme","Object","assign","input","maxWidth","borderRadius","backgroundColor","palette","disabled","tertiary","position","overflow","getFocusRingStyle","thumb","boxShadow","transition","color","onSurface","os0","flexShrink","track","boxSizing","opacity","os500","switchBase","mode","background","brand","secondary","primary","sizeMedium","width","height","padding","transform","sizeSmall"],"mappings":"~~sEAIa~~,~~MAAAA~~,EAA6C,CACxDC,aAAc,CACZC,eAAe,EACfC,oBAAoB,EACpBC,oBAAoB,GAEtBC,eAAgB,CACdC,KAAM,EAAGC,~~WACPC~~,OAAAC,OAAA,~~CAAAC~~,MAAO,CACLC,SAAU,QAEZC,aAAc,SACd,qBAAsB,CACpBA,aAAc,UAEhB,gBAAiB,CACf,mBAAoB,CAClBC,gBAAiBN,EAAMO,QAAQC,SAASC,WAG5CC,SAAU,WACVC,SAAU,WACPC,oBAAkBZ,GAAO,EAAO,EAAG,4BAExCa,MAAO,EAAGb,~~YAAa~~,~~CACrBc~~,UAAW,OACXC,WAAY,OACZC,MAAOhB,EAAMO,QAAQU,UAAUC,IAC/Bb,aAAc,SACdc,WAAY,IACZf,SAAU,SAEZgB,MAAO,EAAGpB,~~YAAa~~,~~CACrBqB~~,UAAW,aACXC,QAAS,IACThB,gBAAiBN,EAAMO,QAAQU,UAAUM,QAE3CC,WAAY,EAAGxB,~~YAAa~~,~~CAC1Be~~,WAAY,OACZ,~~gBACEd~~,OAAAC,OAAA,~~CAAA~~,~~uBACED~~,OAAAC,OAAA,~~CAAAoB~~,QAAS,KACkB,SAAvBtB,EAAMO,QAAQkB,MAAmB,CACnCC,WAAY1B,EAAMO,QAAQoB,MAAMC,aAGT,SAAvB5B,EAAMO,QAAQkB,MAAmB,CACnC,qBAAsB,CACpBC,WAAY1B,EAAMO,QAAQoB,MAAMlB,YAItC,iBAAkB,CAChB,uBAAwB,CACtBH,gBAAiBN,EAAMO,QAAQC,SAASqB,QACxCP,QAAS,QAIfQ,WAAY,CACVC,MAAO,OACPC,OAAQ,OACR3B,aAAc,SACd4B,QAAS,IACT,qBAAsB,CACpBF,MAAO,OACPC,OAAQ,QAEV,0BAA2B,CACzBD,MAAO,OACPE,QAAS,MACT,gBAAiB,CACfC,UAAW,qBAGf,8BAA+B,CAC7B,mBAAoB,CAClBH,MAAO,OACPG,UAAW,mBAEb,uDAAwD,CACtDA,UAAW,sBAIjBC,UAAW,CACTJ,MAAO,OACPC,OAAQ,OACR3B,aAAc,SACd4B,QAAS,IACT,qBAAsB,CACpBF,MAAO,OACPC,OAAQ,QAEV,0BAA2B,CACzBD,MAAO,OACPE,QAAS,MACT,gBAAiB,CACfC,UAAW,qBAGf,8BAA+B,CAC7B,qBAAsB,CACpBH,MAAO,OACPG,UAAW,mBAEb,uDAAwD,CACtDA,UAAW"}
1	+ {"version":3,"file":"switch.theme.js","sources":["../../../../../src/materialui/switch/switch.theme.ts"],"sourcesContent":["import { Theme } from '@mui/material';\nimport { Components } from '@mui/material/styles/components';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\nexport const flowSwitch: Components<Theme>['MuiSwitch'] = {\n defaultProps: {\n disableRipple: true,\n disableFocusRipple: true,\n disableTouchRipple: true,\n },\n styleOverrides: {\n root: ({ theme }) => ({\n input: {\n maxWidth: 'none',\n },\n borderRadius: '1000px',\n '& .MuiSwitch-track': {\n borderRadius: '1000px',\n },\n '.Mui-disabled': {\n '.MuiSwitch-thumb': {\n backgroundColor: theme.palette.disabled.tertiary,\n },\n },\n position: 'relative',\n overflow: 'visible',\n ...getFocusRingStyle(theme, false, 0, ':has(.Mui-focusVisible)'),\n }),\n thumb: ({ theme }) => ({\n boxShadow: 'none',\n transition: '0.2s',\n color: theme.palette.onSurface.os0,\n borderRadius: '1000px',\n flexShrink: '0',\n maxWidth: 'none',\n }),\n track: ({ theme }) => ({\n boxSizing: 'border-box',\n opacity: '1',\n backgroundColor: theme.palette.onSurface.os500,\n }),\n switchBase: ({ theme }) => ({\n transition: '0.2s',\n '&.Mui-checked': {\n '& + .MuiSwitch-track': {\n opacity: '1',\n ...(theme.palette.mode === 'dark' && {\n background: theme.palette.brand.secondary,\n }),\n },\n ...(theme.palette.mode === 'dark' && {\n '& .MuiSwitch-thumb': {\n background: theme.palette.brand.tertiary,\n },\n }),\n },\n '&.Mui-disabled': {\n '& + .MuiSwitch-track': {\n backgroundColor: theme.palette.disabled.primary,\n opacity: '1',\n },\n },\n }),\n sizeMedium: {\n width: '52px',\n height: '24px',\n borderRadius: '1000px',\n padding: '0',\n '& .MuiSwitch-thumb': {\n width: '18px',\n height: '18px',\n },\n '& .MuiSwitch-switchBase': {\n width: '24px',\n padding: '3px',\n '&.Mui-checked': {\n transform: 'translateX(28px)',\n },\n },\n '&:active:not(.Mui-disabled)': {\n '.MuiSwitch-thumb': {\n width: '28px',\n transform: 'translateX(5px)',\n },\n '& .MuiSwitch-switchBase.Mui-checked .MuiSwitch-thumb': {\n transform: 'translateX(-5px)',\n },\n },\n },\n sizeSmall: {\n width: '34px',\n height: '16px',\n borderRadius: '1000px',\n padding: '0',\n '& .MuiSwitch-thumb': {\n width: '12px',\n height: '12px',\n },\n '& .MuiSwitch-switchBase': {\n width: '16px',\n padding: '2px',\n '&.Mui-checked': {\n transform: 'translateX(18px)',\n },\n },\n '&:active:not(.Mui-disabled)': {\n '& .MuiSwitch-thumb': {\n width: '18px',\n transform: 'translateX(3px)',\n },\n '& .MuiSwitch-switchBase.Mui-checked .MuiSwitch-thumb': {\n transform: 'translateX(-3px)',\n },\n },\n },\n },\n};\n"],"names":["flowSwitch","defaultProps","disableRipple","disableFocusRipple","disableTouchRipple","styleOverrides","root","theme","Object","assign","input","maxWidth","borderRadius","backgroundColor","palette","disabled","tertiary","position","overflow","getFocusRingStyle","thumb","boxShadow","transition","color","onSurface","os0","flexShrink","track","boxSizing","opacity","os500","switchBase","mode","background","brand","secondary","primary","sizeMedium","width","height","padding","transform","sizeSmall"],"mappings":"sEAIO,MAAMA,EAA6C,CACxDC,aAAc,CACZC,eAAe,EACfC,oBAAoB,EACpBC,oBAAoB,GAEtBC,eAAgB,CACdC,KAAM,EAAGC,WAAYC,OAAAC,OAAA,CACnBC,MAAO,CACLC,SAAU,QAEZC,aAAc,SACd,qBAAsB,CACpBA,aAAc,UAEhB,gBAAiB,CACf,mBAAoB,CAClBC,gBAAiBN,EAAMO,QAAQC,SAASC,WAG5CC,SAAU,WACVC,SAAU,WACPC,oBAAkBZ,GAAO,EAAO,EAAG,4BAExCa,MAAO,EAAGb,YAAO,CACfc,UAAW,OACXC,WAAY,OACZC,MAAOhB,EAAMO,QAAQU,UAAUC,IAC/Bb,aAAc,SACdc,WAAY,IACZf,SAAU,SAEZgB,MAAO,EAAGpB,YAAO,CACfqB,UAAW,aACXC,QAAS,IACThB,gBAAiBN,EAAMO,QAAQU,UAAUM,QAE3CC,WAAY,EAAGxB,YAAO,CACpBe,WAAY,OACZ,gBAAed,OAAAC,OAAA,CACb,uBAAsBD,OAAAC,OAAA,CACpBoB,QAAS,KACkB,SAAvBtB,EAAMO,QAAQkB,MAAmB,CACnCC,WAAY1B,EAAMO,QAAQoB,MAAMC,aAGT,SAAvB5B,EAAMO,QAAQkB,MAAmB,CACnC,qBAAsB,CACpBC,WAAY1B,EAAMO,QAAQoB,MAAMlB,YAItC,iBAAkB,CAChB,uBAAwB,CACtBH,gBAAiBN,EAAMO,QAAQC,SAASqB,QACxCP,QAAS,QAIfQ,WAAY,CACVC,MAAO,OACPC,OAAQ,OACR3B,aAAc,SACd4B,QAAS,IACT,qBAAsB,CACpBF,MAAO,OACPC,OAAQ,QAEV,0BAA2B,CACzBD,MAAO,OACPE,QAAS,MACT,gBAAiB,CACfC,UAAW,qBAGf,8BAA+B,CAC7B,mBAAoB,CAClBH,MAAO,OACPG,UAAW,mBAEb,uDAAwD,CACtDA,UAAW,sBAIjBC,UAAW,CACTJ,MAAO,OACPC,OAAQ,OACR3B,aAAc,SACd4B,QAAS,IACT,qBAAsB,CACpBF,MAAO,OACPC,OAAQ,QAEV,0BAA2B,CACzBD,MAAO,OACPE,QAAS,MACT,gBAAiB,CACfC,UAAW,qBAGf,8BAA+B,CAC7B,qBAAsB,CACpBH,MAAO,OACPG,UAAW,mBAEb,uDAAwD,CACtDA,UAAW"}

package/cjs/materialui/table/TableSortLabelIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableSortLabelIcon.js","sources":["../../../../../src/materialui/table/TableSortLabelIcon.tsx"],"sourcesContent":["import React, { FC, forwardRef } from 'react';\nimport { ButtonBase, ButtonBaseProps } from '@mui/material';\nimport { ArrowCircleDownIcon } from '@/src/components/icon/stroke/ArrowCircleDownIcon';\nimport { ArrowCircleDownFilledIcon } from '@/src/components/icon/filled/ArrowCircleDownFilledIcon';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\n/*\n TableSortLabel.IconComponent that is replaced with IconButton\n */\nexport const TableSortLabelIcon: FC<ButtonBaseProps> = forwardRef(({ sx, ...rest }, ref) => {\n return (\n <ButtonBase\n sx={(theme) => ({\n ...getFocusRingStyle(theme),\n borderRadius: '100%',\n ...sx,\n })}\n ref={ref}\n aria-label=\"Change Sorting\"\n {...rest}\n >\n <ArrowCircleDownIcon className=\"FlowTableSortLabel-icon\" fontSize=\"extraSmall\" />\n <ArrowCircleDownFilledIcon\n className=\"FlowTableSortLabel-filledIcon\"\n fontSize=\"extraSmall\"\n sx={{\n // hidden by default, appears with hover and active (tableSortLabel.theme)\n position: 'absolute',\n opacity: '0',\n }}\n />\n </ButtonBase>\n );\n});\n"],"names":["TableSortLabelIcon","forwardRef","_a","ref","sx","rest","__rest","_jsxs","~~jsxs","~~ButtonBase","Object","assign","theme","getFocusRingStyle","borderRadius","children","_jsx","ArrowCircleDownIcon","className","fontSize","ArrowCircleDownFilledIcon","position","opacity"],"mappings":"~~8SASa~~,~~MAAAA~~,EAA0CC,~~EAAUA~~,~~YAAC~~,CAACC,EAAiBC,KAAjB,IAAAC,GAAEA,~~GAAaF~~,~~EAANG~~,EAAIC,EAAAA,OAAAJ,EAAb,QACjE,OACEK,~~EAACC~~,~~KAAAC~~,~~aACCC~~,OAAAC,OAAA,~~CAAAP~~,~~GAAKQ~~,~~GACAF~~,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,~~GAAAE~~,EAAAA,kBAAkBD,~~IACrB~~,~~CAAAE~~,aAAc,~~SACXV~~,GAELD,IAAKA,EAAG,aACG,kBACPE,~~EAEJ~~,~~CAAAU~~,SAAA,~~CAAAC~~,EAAAA,IAACC,~~EAAmBA~~,~~oBAAA~~,CAACC,UAAU,0BAA0BC,SAAS,eAClEH,EAAAA,IAACI,~~EAAyBA~~,~~0BACxB~~,~~CAAAF~~,UAAU,gCACVC,SAAS,~~aACTf~~,GAAI,~~CAEFiB~~,SAAU,WACVC,QAAS,UAGF"}
1	+ {"version":3,"file":"TableSortLabelIcon.js","sources":["../../../../../src/materialui/table/TableSortLabelIcon.tsx"],"sourcesContent":["import React, { FC, forwardRef } from 'react';\nimport { ButtonBase, ButtonBaseProps } from '@mui/material';\nimport { ArrowCircleDownIcon } from '@/src/components/icon/stroke/ArrowCircleDownIcon';\nimport { ArrowCircleDownFilledIcon } from '@/src/components/icon/filled/ArrowCircleDownFilledIcon';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\n/*\n TableSortLabel.IconComponent that is replaced with IconButton\n */\nexport const TableSortLabelIcon: FC<ButtonBaseProps> = forwardRef(({ sx, ...rest }, ref) => {\n return (\n <ButtonBase\n sx={(theme) => ({\n ...getFocusRingStyle(theme),\n borderRadius: '100%',\n ...sx,\n })}\n ref={ref}\n aria-label=\"Change Sorting\"\n {...rest}\n >\n <ArrowCircleDownIcon className=\"FlowTableSortLabel-icon\" fontSize=\"extraSmall\" />\n <ArrowCircleDownFilledIcon\n className=\"FlowTableSortLabel-filledIcon\"\n fontSize=\"extraSmall\"\n sx={{\n // hidden by default, appears with hover and active (tableSortLabel.theme)\n position: 'absolute',\n opacity: '0',\n }}\n />\n </ButtonBase>\n );\n});\n"],"names":["TableSortLabelIcon","forwardRef","_a","ref","sx","rest","__rest","_jsxs","ButtonBase","Object","assign","theme","getFocusRingStyle","borderRadius","children","_jsx","ArrowCircleDownIcon","className","fontSize","ArrowCircleDownFilledIcon","position","opacity"],"mappings":"8SASO,MAAMA,EAA0CC,EAAAA,YAAW,CAACC,EAAiBC,KAAjB,IAAAC,GAAEA,GAAEF,EAAKG,EAAIC,EAAAA,OAAAJ,EAAb,QACjE,OACEK,EAAAA,KAACC,aAAUC,OAAAC,OAAA,CACTN,GAAKO,GAAUF,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,GACVE,EAAAA,kBAAkBD,IAAM,CAC3BE,aAAc,SACXT,GAELD,IAAKA,EAAG,aACG,kBACPE,EAAI,CAAAS,SAAA,CAERC,EAAAA,IAACC,EAAAA,oBAAmB,CAACC,UAAU,0BAA0BC,SAAS,eAClEH,EAAAA,IAACI,EAAAA,0BAAyB,CACxBF,UAAU,gCACVC,SAAS,aACTd,GAAI,CAEFgB,SAAU,WACVC,QAAS,UAGF"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"table.theme.js","sources":["../../../../../src/materialui/table/table.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowTable: Components<Theme>['MuiTable'] = {\n defaultProps: {},\n styleOverrides: {\n root: ({ theme }) => ({\n borderCollapse: 'collapse',\n borderColor: theme.palette.surface.secondary,\n // remove cell's bottom border in last row in last table element\n '& > *:last-child': {\n '.MuiTableRow-root:last-of-type': {\n '.MuiTableCell-root': {\n borderBottom: 'none',\n },\n },\n },\n }),\n },\n};\n"],"names":["defaultProps","styleOverrides","root","theme","borderCollapse","borderColor","palette","surface","secondary","borderBottom"],"mappings":"+BAGwD,CACtDA,aAAc,~~CAAE~~,~~EAChBC~~,eAAgB,CACdC,KAAM,EAAGC,~~YAAa~~,~~CACpBC~~,eAAgB,WAChBC,YAAaF,EAAMG,QAAQC,QAAQC,UAEnC,mBAAoB,CAClB,iCAAkC,CAChC,qBAAsB,CACpBC,aAAc"}
1	+ {"version":3,"file":"table.theme.js","sources":["../../../../../src/materialui/table/table.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowTable: Components<Theme>['MuiTable'] = {\n defaultProps: {},\n styleOverrides: {\n root: ({ theme }) => ({\n borderCollapse: 'collapse',\n borderColor: theme.palette.surface.secondary,\n // remove cell's bottom border in last row in last table element\n '& > *:last-child': {\n '.MuiTableRow-root:last-of-type': {\n '.MuiTableCell-root': {\n borderBottom: 'none',\n },\n },\n },\n }),\n },\n};\n"],"names":["defaultProps","styleOverrides","root","theme","borderCollapse","borderColor","palette","surface","secondary","borderBottom"],"mappings":"+BAGwD,CACtDA,aAAc,CAAA,EACdC,eAAgB,CACdC,KAAM,EAAGC,YAAO,CACdC,eAAgB,WAChBC,YAAaF,EAAMG,QAAQC,QAAQC,UAEnC,mBAAoB,CAClB,iCAAkC,CAChC,qBAAsB,CACpBC,aAAc"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"tableBody.theme.js","sources":["../../../../../src/materialui/table/tableBody.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowTableBody: Components<Theme>['MuiTableBody'] = {\n defaultProps: {},\n styleOverrides: {\n root: {\n borderColor: 'inherit',\n },\n },\n};\n"],"names":["defaultProps","styleOverrides","root","borderColor"],"mappings":"mCAGgE,CAC9DA,aAAc,~~CAAE~~,~~EAChBC~~,eAAgB,CACdC,KAAM,CACJC,YAAa"}
1	+ {"version":3,"file":"tableBody.theme.js","sources":["../../../../../src/materialui/table/tableBody.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowTableBody: Components<Theme>['MuiTableBody'] = {\n defaultProps: {},\n styleOverrides: {\n root: {\n borderColor: 'inherit',\n },\n },\n};\n"],"names":["defaultProps","styleOverrides","root","borderColor"],"mappings":"mCAGgE,CAC9DA,aAAc,CAAA,EACdC,eAAgB,CACdC,KAAM,CACJC,YAAa"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"tableCell.theme.js","sources":["../../../../../src/materialui/table/tableCell.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowTableCell: Components<Theme>['MuiTableCell'] = {\n defaultProps: {},\n styleOverrides: {\n root: ({ theme }) => ({\n ...theme.typography.disclaimer1,\n borderColor: 'inherit',\n padding: '4px 16px',\n height: '56px',\n // set min width for all cells except those including checkbox\n '&:not(.MuiTableCell-paddingCheckbox)': {\n minWidth: '150px',\n [theme.breakpoints.down('lg')]: {\n minWidth: '122px',\n },\n },\n }),\n head: ({ theme }) => ({\n ...theme.typography.caption2,\n position: 'relative',\n height: '54px',\n // not checkbox\n '&:not(.MuiTableCell-paddingCheckbox)': {\n // create offset (-8px)\n paddingLeft: '8px',\n paddingRight: '8px',\n },\n [theme.breakpoints.up('xs')]: {\n fontWeight: '700',\n },\n // show divider only for cells whose have some child\n '&:not(:empty)': {\n '&:after': {\n content: '\"\"',\n position: 'absolute',\n left: '0',\n top: '50%',\n // manual v-align\n marginTop: '-12px',\n height: '24px',\n width: '1px',\n backgroundColor: theme.palette.surface.secondary,\n },\n // for right align switch divider position\n '&.MuiTableCell-alignRight': {\n '&:after': {\n left: 'initial',\n right: '0',\n },\n },\n },\n // hide divider for first cell if not right aligned\n '&:first-of-type': {\n '&:not(.MuiTableCell-alignRight):after': {\n display: 'none',\n },\n },\n }),\n // center checkbox\n paddingCheckbox: {\n padding: '0',\n textAlign: 'center',\n minWidth: '56px',\n },\n },\n};\n"],"names":["flowTableCell","defaultProps","styleOverrides","root","theme","Object","assign","typography","disclaimer1","borderColor","padding","height","minWidth","breakpoints","down","head","caption2","position","paddingLeft","paddingRight","up","fontWeight","content","left","top","marginTop","width","backgroundColor","palette","surface","secondary","right","display","paddingCheckbox","textAlign"],"mappings":"~~aAEa~~,~~MAAAA~~,EAAmD,CAC9DC,aAAc,~~CAAE~~,~~EAChBC~~,eAAgB,CACdC,KAAM,EAAGC,~~WACJC~~,OAAAC,OAAAD,OAAAC,OAAA,CAAA,~~EAAAF~~,EAAMG,WAAWC,aAAW,CAC/BC,YAAa,UACbC,QAAS,WACTC,OAAQ,OAER,uCAAwC,CACtCC,SAAU,QACV,CAACR,EAAMS,YAAYC,KAAK,OAAQ,CAC9BF,SAAU,YAIhBG,KAAM,EAAGX,~~WACJC~~,OAAAC,OAAAD,OAAAC,OAAA,CAAA,~~EAAAF~~,EAAMG,WAAWS,~~UACpB~~,~~CAAAC~~,SAAU,WACVN,OAAQ,OAER,uCAAwC,CAEtCO,YAAa,MACbC,aAAc,OAEhB,CAACf,EAAMS,YAAYO,GAAG,OAAQ,CAC5BC,WAAY,OAGd,gBAAiB,CACf,UAAW,CACTC,QAAS,KACTL,SAAU,WACVM,KAAM,IACNC,IAAK,MAELC,UAAW,QACXd,OAAQ,OACRe,MAAO,MACPC,gBAAiBvB,EAAMwB,QAAQC,QAAQC,WAGzC,4BAA6B,CAC3B,UAAW,CACTP,KAAM,UACNQ,MAAO,OAKb,kBAAmB,CACjB,wCAAyC,CACvCC,QAAS,WAKfC,gBAAiB,CACfvB,QAAS,IACTwB,UAAW,SACXtB,SAAU"}
1	+ {"version":3,"file":"tableCell.theme.js","sources":["../../../../../src/materialui/table/tableCell.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowTableCell: Components<Theme>['MuiTableCell'] = {\n defaultProps: {},\n styleOverrides: {\n root: ({ theme }) => ({\n ...theme.typography.disclaimer1,\n borderColor: 'inherit',\n padding: '4px 16px',\n height: '56px',\n // set min width for all cells except those including checkbox\n '&:not(.MuiTableCell-paddingCheckbox)': {\n minWidth: '150px',\n [theme.breakpoints.down('lg')]: {\n minWidth: '122px',\n },\n },\n }),\n head: ({ theme }) => ({\n ...theme.typography.caption2,\n position: 'relative',\n height: '54px',\n // not checkbox\n '&:not(.MuiTableCell-paddingCheckbox)': {\n // create offset (-8px)\n paddingLeft: '8px',\n paddingRight: '8px',\n },\n [theme.breakpoints.up('xs')]: {\n fontWeight: '700',\n },\n // show divider only for cells whose have some child\n '&:not(:empty)': {\n '&:after': {\n content: '\"\"',\n position: 'absolute',\n left: '0',\n top: '50%',\n // manual v-align\n marginTop: '-12px',\n height: '24px',\n width: '1px',\n backgroundColor: theme.palette.surface.secondary,\n },\n // for right align switch divider position\n '&.MuiTableCell-alignRight': {\n '&:after': {\n left: 'initial',\n right: '0',\n },\n },\n },\n // hide divider for first cell if not right aligned\n '&:first-of-type': {\n '&:not(.MuiTableCell-alignRight):after': {\n display: 'none',\n },\n },\n }),\n // center checkbox\n paddingCheckbox: {\n padding: '0',\n textAlign: 'center',\n minWidth: '56px',\n },\n },\n};\n"],"names":["flowTableCell","defaultProps","styleOverrides","root","theme","Object","assign","typography","disclaimer1","borderColor","padding","height","minWidth","breakpoints","down","head","caption2","position","paddingLeft","paddingRight","up","fontWeight","content","left","top","marginTop","width","backgroundColor","palette","surface","secondary","right","display","paddingCheckbox","textAlign"],"mappings":"aAEO,MAAMA,EAAmD,CAC9DC,aAAc,CAAA,EACdC,eAAgB,CACdC,KAAM,EAAGC,WAAYC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAChBF,EAAMG,WAAWC,aAAW,CAC/BC,YAAa,UACbC,QAAS,WACTC,OAAQ,OAER,uCAAwC,CACtCC,SAAU,QACV,CAACR,EAAMS,YAAYC,KAAK,OAAQ,CAC9BF,SAAU,YAIhBG,KAAM,EAAGX,WAAYC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAChBF,EAAMG,WAAWS,UAAQ,CAC5BC,SAAU,WACVN,OAAQ,OAER,uCAAwC,CAEtCO,YAAa,MACbC,aAAc,OAEhB,CAACf,EAAMS,YAAYO,GAAG,OAAQ,CAC5BC,WAAY,OAGd,gBAAiB,CACf,UAAW,CACTC,QAAS,KACTL,SAAU,WACVM,KAAM,IACNC,IAAK,MAELC,UAAW,QACXd,OAAQ,OACRe,MAAO,MACPC,gBAAiBvB,EAAMwB,QAAQC,QAAQC,WAGzC,4BAA6B,CAC3B,UAAW,CACTP,KAAM,UACNQ,MAAO,OAKb,kBAAmB,CACjB,wCAAyC,CACvCC,QAAS,WAKfC,gBAAiB,CACfvB,QAAS,IACTwB,UAAW,SACXtB,SAAU"}