npm - @skodaflow/web-library - Versions diffs - 8.3.2 → 8.5.0 - Mend

@skodaflow/web-library 8.3.2 → 8.5.0

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

Files changed (308) hide show

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

@@ -1,2 +1,2 @@
-"use strict";exports.flowDivider={styleOverrides:{root:({theme:e})=>({borderColor:e.palette.surface.secondary,"&:after, &:before":{borderColor:"inherit"}})}};
+"use strict";const e={defaultProps:{"aria-hidden":!0},styleOverrides:{root:({theme:e})=>({borderColor:e.palette.surface.secondary,"&:after, &:before":{borderColor:"inherit"}})}};exports.flowDivider=e;
 //# sourceMappingURL=divider.theme.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"divider.theme.js","sources":["../../../../../src/materialui/divider/divider.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowDivider: Components<Theme>['MuiDivider'] = {\n styleOverrides: {\n root: ({ theme }) => ({\n borderColor: theme.palette.surface.secondary,\n '&:after, &:before': {\n borderColor: 'inherit',\n },\n }),\n },\n};\n"],"names":["styleOverrides","root","theme","borderColor","palette","surface","secondary"],"mappings":"~~iCAG4D~~,~~CAC1DA~~,eAAgB,CACdC,KAAM,EAAGC,YAAO,CACdC,YAAaD,EAAME,QAAQC,QAAQC,UACnC,oBAAqB,CACnBH,YAAa"}
1	+ {"version":3,"file":"divider.theme.js","sources":["../../../../../src/materialui/divider/divider.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowDivider: Components<Theme>['MuiDivider'] = {\n defaultProps: {\n // decorative line, Flow does not support content inside\n ['aria-hidden']: true,\n },\n styleOverrides: {\n root: ({ theme }) => ({\n borderColor: theme.palette.surface.secondary,\n '&:after, &:before': {\n borderColor: 'inherit',\n },\n }),\n },\n};\n"],"names":["flowDivider","defaultProps","styleOverrides","root","theme","borderColor","palette","surface","secondary"],"mappings":"aAGO,MAAMA,EAA+C,CAC1DC,aAAc,CAEZ,eAAiB,GAEnBC,eAAgB,CACdC,KAAM,EAAGC,YAAO,CACdC,YAAaD,EAAME,QAAQC,QAAQC,UACnC,oBAAqB,CACnBH,YAAa"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"iconButton.theme.js","sources":["../../../../../src/materialui/iconButton/iconButton.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { getFocusRingStyle, updateFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport const flowIconButton: Components<Theme>['MuiIconButton'] = {\n defaultProps: {\n disableRipple: true,\n variant: 'standard',\n color: 'secondary',\n size: 'medium',\n },\n styleOverrides: {\n root: ({ theme }) => ({\n position: 'relative',\n boxShadow: 'none',\n outline: 'none',\n width: '44px',\n height: '44px',\n borderRadius: '1000px',\n maxWidth: 'none',\n transition: 'all 0.3s ease-out',\n flexShrink: '0',\n '&:hover': {\n boxShadow: 'none',\n },\n '&&:active': {\n boxShadow: 'none',\n },\n ...getInteractiveStyle(\n {\n backgroundColor: 'transparent',\n },\n {\n // hover effect also in accordionSummary.theme.tsx\n backgroundColor: theme.palette.transparent.secondary,\n },\n ),\n // focused style\n ...getFocusRingStyle(theme),\n // disabled style\n '&.Mui-disabled': {\n opacity: '1',\n color: theme.palette.disabled.primary,\n },\n }),\n sizeSmall: {\n height: '32px',\n width: '32px',\n // icon itself\n '& .MuiSvgIcon-root': {\n fontSize: '17px',\n },\n },\n sizeMedium: {\n // width & height & borderRadius is default in root\n // icon itself\n '& .MuiSvgIcon-root': {\n fontSize: '20px',\n },\n },\n sizeLarge: {\n height: '50px',\n width: '50px',\n // icon itself\n '& .MuiSvgIcon-root': {\n fontSize: '22px',\n },\n },\n },\n variants: [\n {\n props: { color: 'secondary' },\n style: ({ theme }) => ({\n ...getInteractiveStyle(\n {\n color: theme.palette.text.primary,\n },\n {\n color: theme.palette.text.primary,\n },\n ),\n }),\n },\n {\n props: { variant: 'filled' },\n style: ({ theme }) => ({\n // disabled style\n '&.Mui-disabled': {\n opacity: '1',\n backgroundColor: theme.palette.disabled.secondary,\n color: theme.palette.disabled.tertiary,\n },\n }),\n },\n {\n props: { variant: 'filled', color: 'primary' },\n style: ({ theme }) => ({\n ...getInteractiveStyle(\n {\n backgroundColor: theme.palette.brand.secondary,\n color: theme.palette.onSurface.os900,\n },\n {\n backgroundColor: theme.palette.brandHover.secondary,\n color: theme.palette.onSurface.os900,\n },\n ),\n }),\n },\n {\n props: { variant: 'filled', color: 'secondary' },\n style: ({ theme }) => ({\n ...getInteractiveStyle(\n {\n backgroundColor: theme.palette.secondary.main,\n color: theme.palette.secondary.contrastText,\n },\n {\n backgroundColor: theme.palette.secondary.light,\n color: theme.palette.secondary.contrastText,\n },\n ),\n }),\n },\n {\n props: { variant: 'filled', color: 'error' },\n style: ({ theme }) => ({\n ...getInteractiveStyle(\n {\n color: theme.palette.error.contrastText,\n backgroundColor: theme.palette.error.main,\n },\n {\n color: theme.palette.error.contrastText,\n backgroundColor: theme.palette.error.dark,\n },\n ),\n }),\n },\n {\n props: { variant: 'filled', color: 'inherit' },\n style: ({ theme }) => ({\n ...getInteractiveStyle(\n {\n backgroundColor: theme.palette.transparent.secondary,\n },\n {\n backgroundColor: theme.palette.surface.primary,\n },\n ),\n }),\n },\n {\n props: { variant: 'outlined' },\n style: {\n border: '2px solid currentColor',\n ...updateFocusRingStyle(2),\n },\n },\n {\n props: { variant: 'outlined', size: 'small' },\n style: {\n borderWidth: '1px',\n ...updateFocusRingStyle(1),\n },\n },\n {\n props: { color: 'surface' },\n style: ({ theme }) => ({\n border: `1px solid ${theme.palette.mode === 'dark' ? theme.palette.transparent.quarternary : theme.palette.onSurface.os100}`,\n ...updateFocusRingStyle(1),\n ...getInteractiveStyle(\n {\n backgroundColor: theme.palette.surface.primary,\n color: theme.palette.text.primary,\n },\n {\n backgroundColor: theme.palette.surface.secondary,\n color: theme.palette.text.primary,\n },\n ),\n // disabled style\n '&.Mui-disabled': {\n backgroundColor: theme.palette.surface.secondary,\n borderColor: theme.palette.surface.secondary,\n color: theme.palette.disabled.primary,\n },\n }),\n },\n {\n props: { color: 'surface', variant: 'outlined' },\n style: {\n borderWidth: '2px',\n ...updateFocusRingStyle(2),\n },\n },\n {\n props: { color: 'white' },\n style: ({ theme }) => ({\n // hover effect also in accordionSummary.theme.tsx\n // hover effect also in FooterAccordion.tsx\n ...getInteractiveStyle(\n {\n backgroundColor: 'transparent',\n color: theme.palette.onSurface.os0,\n },\n {\n color: theme.palette.onSurface.os0,\n backgroundColor: theme.palette.transparent.tertiary,\n },\n ),\n // disabled style\n '&.Mui-disabled': {\n borderColor: theme.palette.disabled.primary,\n color: theme.palette.disabled.primary,\n },\n }),\n },\n ],\n};\n"],"names":["flowIconButton","defaultProps","disableRipple","variant","color","size","styleOverrides","root","theme","position","boxShadow","outline","width","height","borderRadius","maxWidth","transition","flexShrink","getInteractiveStyle","backgroundColor","palette","transparent","secondary","getFocusRingStyle","opacity","disabled","primary","sizeSmall","fontSize","sizeMedium","sizeLarge","variants","props","style","text","tertiary","brand","onSurface","os900","brandHover","main","contrastText","light","error","dark","surface","border","updateFocusRingStyle","borderWidth","mode","quarternary","os100","borderColor","os0"],"mappings":"4GAKO,MAAMA,EAAqD,CAChEC,aAAc,CACZC,eAAe,EACfC,QAAS,WACTC,MAAO,YACPC,KAAM,UAERC,eAAgB,~~CACdC~~,KAAM,EAAGC,YAAO,CACdC,SAAU,WACVC,UAAW,OACXC,QAAS,OACTC,MAAO,OACPC,OAAQ,OACRC,aAAc,SACdC,SAAU,OACVC,WAAY,oBACZC,WAAY,IACZ,UAAW,CACTP,UAAW,QAEb,YAAa,CACXA,UAAW,WAEVQ,sBACD,CACEC,gBAAiB,eAEnB,CAEEA,gBAAiBX,EAAMY,QAAQC,YAAYC,eAI5CC,EAAAA,kBAAkBf,GAErB,iBAAkB,CAChBgB,QAAS,IACTpB,MAAOI,EAAMY,QAAQK,SAASC,WAGlCC,UAAW,CACTd,OAAQ,OACRD,MAAO,OAEP,qBAAsB,CACpBgB,SAAU,SAGdC,WAAY,CAGV,qBAAsB,CACpBD,SAAU,SAGdE,UAAW,CACTjB,OAAQ,OACRD,MAAO,OAEP,qBAAsB,CACpBgB,SAAU,UAIhBG,SAAU,CACR,CACEC,MAAO,CAAE5B,MAAO,aAChB6B,MAAO,EAAGzB,YAAO,IACZU,sBACD,CACEd,MAAOI,EAAMY,QAAQc,KAAKR,SAE5B,CACEtB,MAAOI,EAAMY,QAAQc,KAAKR,aAKlC,CACEM,MAAO,CAAE7B,QAAS,UAClB8B,MAAO,EAAGzB,YAAO,CAEf,iBAAkB,CAChBgB,QAAS,IACTL,gBAAiBX,EAAMY,QAAQK,SAASH,UACxClB,MAAOI,EAAMY,QAAQK,SAASU,aAIpC,CACEH,MAAO,CAAE7B,QAAS,SAAUC,MAAO,WACnC6B,MAAO,EAAGzB,YAAO,IACZU,sBACD,CACEC,gBAAiBX,EAAMY,QAAQgB,MAAMd,UACrClB,MAAOI,EAAMY,QAAQiB,UAAUC,OAEjC,CACEnB,gBAAiBX,EAAMY,QAAQmB,WAAWjB,UAC1ClB,MAAOI,EAAMY,QAAQiB,UAAUC,WAKvC,CACEN,MAAO,CAAE7B,QAAS,SAAUC,MAAO,aACnC6B,MAAO,EAAGzB,YAAO,IACZU,sBACD,CACEC,gBAAiBX,EAAMY,QAAQE,UAAUkB,KACzCpC,MAAOI,EAAMY,QAAQE,UAAUmB,cAEjC,CACEtB,gBAAiBX,EAAMY,QAAQE,UAAUoB,MACzCtC,MAAOI,EAAMY,QAAQE,UAAUmB,kBAKvC,CACET,MAAO,CAAE7B,QAAS,SAAUC,MAAO,SACnC6B,MAAO,EAAGzB,YAAO,IACZU,sBACD,CACEd,MAAOI,EAAMY,QAAQuB,MAAMF,aAC3BtB,gBAAiBX,EAAMY,QAAQuB,MAAMH,MAEvC,CACEpC,MAAOI,EAAMY,QAAQuB,MAAMF,aAC3BtB,gBAAiBX,EAAMY,QAAQuB,MAAMC,UAK7C,CACEZ,MAAO,CAAE7B,QAAS,SAAUC,MAAO,WACnC6B,MAAO,EAAGzB,YAAO,IACZU,sBACD,CACEC,gBAAiBX,EAAMY,QAAQC,YAAYC,WAE7C,CACEH,gBAAiBX,EAAMY,QAAQyB,QAAQnB,aAK/C,CACEM,MAAO,CAAE7B,QAAS,YAClB8B,MAAO,CACLa,OAAQ,4BACLC,EAAAA,qBAAqB,KAG5B,CACEf,MAAO,CAAE7B,QAAS,WAAYE,KAAM,SACpC4B,MAAO,CACLe,YAAa,SACVD,EAAAA,qBAAqB,KAG5B,CACEf,MAAO,CAAE5B,MAAO,WAChB6B,MAAO,EAAGzB,YAAO,CACfsC,OAAQ,aAAoC,SAAvBtC,EAAMY,QAAQ6B,KAAkBzC,EAAMY,QAAQC,YAAY6B,YAAc1C,EAAMY,QAAQiB,UAAUc,WAClHJ,EAAAA,qBAAqB,MACrB7B,sBACD,CACEC,gBAAiBX,EAAMY,QAAQyB,QAAQnB,QACvCtB,MAAOI,EAAMY,QAAQc,KAAKR,SAE5B,CACEP,gBAAiBX,EAAMY,QAAQyB,QAAQvB,UACvClB,MAAOI,EAAMY,QAAQc,KAAKR,UAI9B,iBAAkB,CAChBP,gBAAiBX,EAAMY,QAAQyB,QAAQvB,UACvC8B,YAAa5C,EAAMY,QAAQyB,QAAQvB,UACnClB,MAAOI,EAAMY,QAAQK,SAASC,YAIpC,CACEM,MAAO,CAAE5B,MAAO,UAAWD,QAAS,YACpC8B,MAAO,CACLe,YAAa,SACVD,EAAAA,qBAAqB,KAG5B,CACEf,MAAO,CAAE5B,MAAO,SAChB6B,MAAO,EAAGzB,YAAO,IAGZU,sBACD,CACEC,gBAAiB,cACjBf,MAAOI,EAAMY,QAAQiB,UAAUgB,KAEjC,CACEjD,MAAOI,EAAMY,QAAQiB,UAAUgB,IAC/BlC,gBAAiBX,EAAMY,QAAQC,YAAYc,WAI/C,iBAAkB,CAChBiB,YAAa5C,EAAMY,QAAQK,SAASC,QACpCtB,MAAOI,EAAMY,QAAQK,SAASC"}
1	+ {"version":3,"file":"iconButton.theme.js","sources":["../../../../../src/materialui/iconButton/iconButton.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { getFocusRingStyle, updateFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport const flowIconButton: Components<Theme>['MuiIconButton'] = {\n defaultProps: {\n disableRipple: true,\n variant: 'standard',\n color: 'secondary',\n size: 'medium',\n },\n styleOverrides: {\n // this style is mirrored in advancedTable/agGrid.tsx for the AG Grid pagination arrows,\n // which are plain divs - keep the two in sync\n root: ({ theme }) => ({\n position: 'relative',\n boxShadow: 'none',\n outline: 'none',\n width: '44px',\n height: '44px',\n borderRadius: '1000px',\n maxWidth: 'none',\n transition: 'all 0.3s ease-out',\n flexShrink: '0',\n '&:hover': {\n boxShadow: 'none',\n },\n '&&:active': {\n boxShadow: 'none',\n },\n ...getInteractiveStyle(\n {\n backgroundColor: 'transparent',\n },\n {\n // hover effect also in accordionSummary.theme.tsx\n backgroundColor: theme.palette.transparent.secondary,\n },\n ),\n // focused style\n ...getFocusRingStyle(theme),\n // disabled style\n '&.Mui-disabled': {\n opacity: '1',\n color: theme.palette.disabled.primary,\n },\n }),\n sizeSmall: {\n height: '32px',\n width: '32px',\n // icon itself\n '& .MuiSvgIcon-root': {\n fontSize: '17px',\n },\n },\n sizeMedium: {\n // width & height & borderRadius is default in root\n // icon itself\n '& .MuiSvgIcon-root': {\n fontSize: '20px',\n },\n },\n sizeLarge: {\n height: '50px',\n width: '50px',\n // icon itself\n '& .MuiSvgIcon-root': {\n fontSize: '22px',\n },\n },\n },\n variants: [\n {\n props: { color: 'secondary' },\n style: ({ theme }) => ({\n ...getInteractiveStyle(\n {\n color: theme.palette.text.primary,\n },\n {\n color: theme.palette.text.primary,\n },\n ),\n }),\n },\n {\n props: { variant: 'filled' },\n style: ({ theme }) => ({\n // disabled style\n '&.Mui-disabled': {\n opacity: '1',\n backgroundColor: theme.palette.disabled.secondary,\n color: theme.palette.disabled.tertiary,\n },\n }),\n },\n {\n props: { variant: 'filled', color: 'primary' },\n style: ({ theme }) => ({\n ...getInteractiveStyle(\n {\n backgroundColor: theme.palette.brand.secondary,\n color: theme.palette.onSurface.os900,\n },\n {\n backgroundColor: theme.palette.brandHover.secondary,\n color: theme.palette.onSurface.os900,\n },\n ),\n }),\n },\n {\n props: { variant: 'filled', color: 'secondary' },\n style: ({ theme }) => ({\n ...getInteractiveStyle(\n {\n backgroundColor: theme.palette.secondary.main,\n color: theme.palette.secondary.contrastText,\n },\n {\n backgroundColor: theme.palette.secondary.light,\n color: theme.palette.secondary.contrastText,\n },\n ),\n }),\n },\n {\n props: { variant: 'filled', color: 'error' },\n style: ({ theme }) => ({\n ...getInteractiveStyle(\n {\n color: theme.palette.error.contrastText,\n backgroundColor: theme.palette.error.main,\n },\n {\n color: theme.palette.error.contrastText,\n backgroundColor: theme.palette.error.dark,\n },\n ),\n }),\n },\n {\n props: { variant: 'filled', color: 'inherit' },\n style: ({ theme }) => ({\n ...getInteractiveStyle(\n {\n backgroundColor: theme.palette.transparent.secondary,\n },\n {\n backgroundColor: theme.palette.surface.primary,\n },\n ),\n }),\n },\n {\n props: { variant: 'outlined' },\n style: {\n border: '2px solid currentColor',\n ...updateFocusRingStyle(2),\n },\n },\n {\n props: { variant: 'outlined', size: 'small' },\n style: {\n borderWidth: '1px',\n ...updateFocusRingStyle(1),\n },\n },\n {\n props: { color: 'surface' },\n style: ({ theme }) => ({\n border: `1px solid ${theme.palette.mode === 'dark' ? theme.palette.transparent.quarternary : theme.palette.onSurface.os100}`,\n ...updateFocusRingStyle(1),\n ...getInteractiveStyle(\n {\n backgroundColor: theme.palette.surface.primary,\n color: theme.palette.text.primary,\n },\n {\n backgroundColor: theme.palette.surface.secondary,\n color: theme.palette.text.primary,\n },\n ),\n // disabled style\n '&.Mui-disabled': {\n backgroundColor: theme.palette.surface.secondary,\n borderColor: theme.palette.surface.secondary,\n color: theme.palette.disabled.primary,\n },\n }),\n },\n {\n props: { color: 'surface', variant: 'outlined' },\n style: {\n borderWidth: '2px',\n ...updateFocusRingStyle(2),\n },\n },\n {\n props: { color: 'white' },\n style: ({ theme }) => ({\n // hover effect also in accordionSummary.theme.tsx\n // hover effect also in FooterAccordion.tsx\n ...getInteractiveStyle(\n {\n backgroundColor: 'transparent',\n color: theme.palette.onSurface.os0,\n },\n {\n color: theme.palette.onSurface.os0,\n backgroundColor: theme.palette.transparent.tertiary,\n },\n ),\n // disabled style\n '&.Mui-disabled': {\n borderColor: theme.palette.disabled.primary,\n color: theme.palette.disabled.primary,\n },\n }),\n },\n ],\n};\n"],"names":["flowIconButton","defaultProps","disableRipple","variant","color","size","styleOverrides","root","theme","position","boxShadow","outline","width","height","borderRadius","maxWidth","transition","flexShrink","getInteractiveStyle","backgroundColor","palette","transparent","secondary","getFocusRingStyle","opacity","disabled","primary","sizeSmall","fontSize","sizeMedium","sizeLarge","variants","props","style","text","tertiary","brand","onSurface","os900","brandHover","main","contrastText","light","error","dark","surface","border","updateFocusRingStyle","borderWidth","mode","quarternary","os100","borderColor","os0"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";function r(r){return r&&r.__esModule?r:{default:r}}var e=r(require("@skodaflow/web-tokens/src/tokens.json"));const a=(r,a)=>{const t=e.default["flow-typography"].find(e=>e.name===`${a}-${r}`);return t?{height:t.style.lineHeight}:{}},t=(r,e)=>({...a(r,"small"),[e.breakpoints.up("md")]:{...a(r,"medium")},[e.breakpoints.up("xl")]:{...a(r,"large")}}),s=()=>({borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),i={defaultProps:{animation:"wave","aria-label":"placeholder",role:"progressbar"},styleOverrides:{text:{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"},circular:{flexShrink:"0"},wave:({theme:r})=>({backgroundColor:r.palette.onSurface.os100,"&:after":{background:`\n          linear-gradient(\n            90deg,\n            transparent,\n            ${r.palette.surface.secondary},\n            transparent\n          )\n        `},..."dark"===r.palette.mode&&{backgroundColor:r.palette.surface.secondary,"&:after":{background:`\n             linear-gradient(\n               90deg,\n               transparent,\n               ${r.palette.surface.primary},\n               transparent\n             )\n           `}}})},variants:[{props:{variant:"display"},style:({theme:r})=>({...t("display",r),borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%",width:"600px"})},{props:{variant:"h1"},style:({theme:r})=>({...t("h1",r),borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%",width:"540px"})},{props:{variant:"h2"},style:({theme:r})=>({...t("h2",r),borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%",width:"510px"})},{props:{variant:"h3"},style:({theme:r})=>({...t("h3",r),borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%",width:"480px"})},{props:{variant:"h4"},style:({theme:r})=>({...t("h4",r),borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%",width:"450px"})},{props:{variant:"subheadline"},style:({theme:r})=>({...t("subheadline",r),borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%",width:"420px"})},{props:{variant:"body"},style:({theme:r})=>({...t("body",r),borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%",width:"480px"})},{props:{variant:"disclaimer"},style:({theme:r})=>({...t("disclaimer",r),borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%",width:"360px"})},{props:{variant:"disclaimer1"},style:({theme:r})=>({...t("disclaimer1",r),borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%",width:"360px"})},{props:{variant:"disclaimer2"},style:({theme:r})=>({...t("disclaimer2",r),borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%",width:"360px"})},{props:{variant:"caption1"},style:({theme:r})=>({...t("caption1",r),borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%",width:"300px"})},{props:{variant:"caption2"},style:({theme:r})=>({...t("caption2",r),borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%",width:"300px"})},{props:{variant:"list"},style:({theme:r})=>({...t("list",r),borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%",width:"600px"})}]};exports.flowSkeleton=i,exports.getResponsiveLineHeight=t,exports.getTextVariantStyle=s,exports.getTypographyLineHeight=a;
+"use strict";function r(r){return r&&r.__esModule?r:{default:r}}var e=r(require("@skodaflow/web-tokens/src/tokens.json"));const a=(r,a)=>{const t=e.default["flow-typography"].find(e=>e.name===`${a}-${r}`);return t?{height:t.style.lineHeight}:{}},t=(r,e)=>({...a(r,"small"),[e.breakpoints.up("md")]:{...a(r,"medium")},[e.breakpoints.up("xl")]:{...a(r,"large")}}),s=()=>({borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"}),i={defaultProps:{animation:"wave","aria-hidden":!0},styleOverrides:{text:{borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%"},circular:{flexShrink:"0"},wave:({theme:r})=>({backgroundColor:r.palette.onSurface.os100,"&:after":{background:`\n          linear-gradient(\n            90deg,\n            transparent,\n            ${r.palette.surface.secondary},\n            transparent\n          )\n        `},..."dark"===r.palette.mode&&{backgroundColor:r.palette.surface.secondary,"&:after":{background:`\n             linear-gradient(\n               90deg,\n               transparent,\n               ${r.palette.surface.primary},\n               transparent\n             )\n           `}}})},variants:[{props:{variant:"display"},style:({theme:r})=>({...t("display",r),borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%",width:"600px"})},{props:{variant:"h1"},style:({theme:r})=>({...t("h1",r),borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%",width:"540px"})},{props:{variant:"h2"},style:({theme:r})=>({...t("h2",r),borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%",width:"510px"})},{props:{variant:"h3"},style:({theme:r})=>({...t("h3",r),borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%",width:"480px"})},{props:{variant:"h4"},style:({theme:r})=>({...t("h4",r),borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%",width:"450px"})},{props:{variant:"subheadline"},style:({theme:r})=>({...t("subheadline",r),borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%",width:"420px"})},{props:{variant:"body"},style:({theme:r})=>({...t("body",r),borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%",width:"480px"})},{props:{variant:"disclaimer"},style:({theme:r})=>({...t("disclaimer",r),borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%",width:"360px"})},{props:{variant:"disclaimer1"},style:({theme:r})=>({...t("disclaimer1",r),borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%",width:"360px"})},{props:{variant:"disclaimer2"},style:({theme:r})=>({...t("disclaimer2",r),borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%",width:"360px"})},{props:{variant:"caption1"},style:({theme:r})=>({...t("caption1",r),borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%",width:"300px"})},{props:{variant:"caption2"},style:({theme:r})=>({...t("caption2",r),borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%",width:"300px"})},{props:{variant:"list"},style:({theme:r})=>({...t("list",r),borderRadius:"4px",transform:"scale(1, 0.60)",transformOrigin:"0 55%",width:"600px"})}]};exports.flowSkeleton=i,exports.getResponsiveLineHeight=t,exports.getTextVariantStyle=s,exports.getTypographyLineHeight=a;
 //# sourceMappingURL=skeleton.theme.js.map

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 '../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","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,EAAAA,QAAO,mBAAmBC,KAAMC,GAAOA,EAAGC,OAAS,GAAGL,KAAQD,KAC3E,OAAIE,EACK,CACLK,OAAQL,EAAY,MAAEM,YAGjB,CAAA,GAIEC,EAA0B,CAACT,EAAiBU,KAChD,IACFX,EAAwBC,EAAS,SACpC,CAACU,EAAMC,YAAYC,GAAG,OAAQ,IACzBb,EAAwBC,EAAS,WAEtC,CAACU,EAAMC,YAAYC,GAAG,OAAQ,IACzBb,EAAwBC,EAAS,YAK7Ba,EAAsB,KAAA,CACjCC,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,UAGNC,EAAiD,CAC5DC,aAAc,CACZC,UAAW,~~OACX~~,~~aAAgB~~,~~cAChBC~~,~~KAAM,eAERC,~~eAAgB,CACdC,KAAM,~~CAbRR~~,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,~~SAafO~~,SAAU,CACRC,WAAY,KAEdC,KAAM,~~EAAGf~~,YAAO,~~CACdgB~~,~~gBAAiBhB~~,~~EAAMiB~~,QAAQC,UAAUC,MACzC,UAAW,CACTC,WAAY,~~2FAINpB~~,~~EAAMiB~~,QAAQI,QAAQC,iEAKH,~~SAAvBtB~~,~~EAAMiB~~,QAAQM,MAAmB,CACnCP,~~gBAAiBhB~~,~~EAAMiB~~,QAAQI,QAAQC,UACvC,UAAW,CACTF,WAAY,~~uGAILpB~~,~~EAAMiB~~,QAAQI,QAAQG,yEAQrCC,SAAU,CACR,CACEC,MAAO,CAAEC,QAAS,WAClBC,MAAO,~~EAAG5B~~,YAAO,IACZD,EAAwB,UAAWC,GAlD5CI,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,~~QAiDXuB~~,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,MAClBC,MAAO,~~EAAG5B~~,YAAO,IACZD,EAAwB,KAAMC,GA1DvCI,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,~~QAyDXuB~~,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,MAClBC,MAAO,~~EAAG5B~~,YAAO,IACZD,EAAwB,KAAMC,GAlEvCI,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,~~QAiEXuB~~,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,MAClBC,MAAO,~~EAAG5B~~,YAAO,IACZD,EAAwB,KAAMC,GA1EvCI,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,~~QAyEXuB~~,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,MAClBC,MAAO,~~EAAG5B~~,YAAO,IACZD,EAAwB,KAAMC,GAlFvCI,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,~~QAiFXuB~~,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,eAClBC,MAAO,~~EAAG5B~~,YAAO,IACZD,EAAwB,cAAeC,GA1FhDI,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,~~QAyFXuB~~,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,QAClBC,MAAO,~~EAAG5B~~,YAAO,IACZD,EAAwB,OAAQC,GAlGzCI,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,~~QAiGXuB~~,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,cAClBC,MAAO,~~EAAG5B~~,YAAO,IACZD,EAAwB,aAAcC,GA1G/CI,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,~~QAyGXuB~~,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,eAClBC,MAAO,~~EAAG5B~~,YAAO,IACZD,EAAwB,cAAeC,GAlHhDI,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,~~QAiHXuB~~,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,eAClBC,MAAO,~~EAAG5B~~,YAAO,IACZD,EAAwB,cAAeC,GA1HhDI,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,~~QAyHXuB~~,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,YAClBC,MAAO,~~EAAG5B~~,YAAO,IACZD,EAAwB,WAAYC,GAlI7CI,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,~~QAiIXuB~~,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,YAClBC,MAAO,~~EAAG5B~~,YAAO,IACZD,EAAwB,WAAYC,GA1I7CI,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,~~QAyIXuB~~,MAAO,WAGX,CACEH,MAAO,CAAEC,QAAS,QAClBC,MAAO,~~EAAG5B~~,YAAO,IACZD,EAAwB,OAAQC,GAlJzCI,aAAc,MAEdC,UAAW,iBACXC,gBAAiB,~~QAiJXuB~~,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 // decorative placeholder, the loading state is announced by aria-busy on the loaded region\n ['aria-hidden']: true,\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","breakpoints","up","getTextVariantStyle","borderRadius","transform","transformOrigin","flowSkeleton","defaultProps","animation","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 CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../components/focusring/focusring.js");const t={defaultProps:{min:0,max:100,step:1,valueLabelDisplay:"auto",marks:!1},styleOverrides:{root:({theme:e,ownerState:t})=>({display:"block",borderRadius:"0",padding:"13px 0",..."vertical"===t.orientation?{width:"6px",height:"320px"}:{height:"6px"},"&.Mui-disabled":{"& .MuiSlider-rail":{color:e.palette.disabled.primary},"& .MuiSlider-track":{color:e.palette.disabled.tertiary},"& .MuiSlider-mark":{backgroundColor:"dark"===e.palette.mode?e.palette.onSurface.os900:e.palette.onSurface.os0,"&.MuiSlider-markActive":{backgroundColor:"dark"===e.palette.mode?e.palette.onSurface.os900:e.palette.onSurface.os0}},"& .MuiSlider-thumb":{borderColor:e.palette.disabled.tertiary}}}),rail:({theme:e})=>({borderRadius:"6px",opacity:"1",color:e.palette.onSurface.os500,transform:"translate3d(0px, -50%, 0px)"}),track:({theme:e})=>({borderRadius:"6px",border:"none",color:"dark"===e.palette.mode?e.palette.brand.secondary:e.palette.brand.primary,transform:"translate3d(0px, -50%, 0px)"}),mark:({theme:e})=>({height:"4px",width:"4px",borderRadius:"4px",opacity:"1",backgroundColor:"dark"===e.palette.mode?e.palette.onSurface.os900:e.palette.onSurface.os0,"&.MuiSlider-markActive":{backgroundColor:"dark"===e.palette.mode?e.palette.onSurface.os900:e.palette.onSurface.os0}}),thumb:({theme:t,ownerState:o})=>({..."vertical"===o.orientation?{width:"20px",height:"40px"}:{width:"40px",height:"20px"},borderRadius:"20px",backgroundColor:t.palette.onSurface.os0,border:`1px solid ${t.palette.onSurface.os900}`,"&:after":{width:"40px",height:"40px",borderRadius:"1000px"},...e.getFocusRingStyle(t,!0,1),transition:"box-shadow 0.3s ease-out","&, &:hover, &.Mui-active":{boxShadow:"none"},"&.Mui-focusVisible":{boxShadow:`0 0 0 2px ${t.palette.background.primary}`,"&.Mui-active":{boxShadow:"none",outline:`0px solid ${t.palette.background.primary}`,"&:before":{boxShadow:"none"}}}}),valueLabel:({theme:e})=>({maxWidth:"none",top:"-12px",backgroundColor:e.palette.text.primary,color:e.palette.background.primary,borderRadius:"2px",padding:"8px 12px",[e.breakpoints.up("xs")]:{fontSize:"12px",lineHeight:"16px",fontWeight:"400"}})}};exports.flowSlider=t,exports.flowThumbHeight=20,exports.flowThumbWidth=40;
+"use strict";var e=require("../../components/focusring/focusring.js");const t={defaultProps:{min:0,max:100,step:1,valueLabelDisplay:"auto",marks:!1},styleOverrides:{root:({theme:e,ownerState:t})=>({display:"block",borderRadius:"0",padding:"13px 0","@media (pointer: coarse)":{padding:"13px 0"},..."vertical"===t.orientation?{width:"6px",height:"320px"}:{height:"6px"},"&.Mui-disabled":{"& .MuiSlider-rail":{color:e.palette.disabled.primary},"& .MuiSlider-track":{color:e.palette.disabled.tertiary},"& .MuiSlider-mark":{backgroundColor:"dark"===e.palette.mode?e.palette.onSurface.os900:e.palette.onSurface.os0,"&.MuiSlider-markActive":{backgroundColor:"dark"===e.palette.mode?e.palette.onSurface.os900:e.palette.onSurface.os0}},"& .MuiSlider-thumb":{borderColor:e.palette.disabled.tertiary}}}),rail:({theme:e})=>({borderRadius:"6px",opacity:"1",color:e.palette.onSurface.os500,transform:"translate3d(0px, -50%, 0px)"}),track:({theme:e})=>({borderRadius:"6px",border:"none",color:"dark"===e.palette.mode?e.palette.brand.secondary:e.palette.brand.primary,transform:"translate3d(0px, -50%, 0px)"}),mark:({theme:e})=>({height:"4px",width:"4px",borderRadius:"4px",opacity:"1",backgroundColor:"dark"===e.palette.mode?e.palette.onSurface.os900:e.palette.onSurface.os0,"&.MuiSlider-markActive":{backgroundColor:"dark"===e.palette.mode?e.palette.onSurface.os900:e.palette.onSurface.os0}}),thumb:({theme:t,ownerState:o})=>({..."vertical"===o.orientation?{width:"20px",height:"40px"}:{width:"40px",height:"20px"},borderRadius:"20px",backgroundColor:t.palette.onSurface.os0,border:`1px solid ${t.palette.onSurface.os900}`,"&:after":{width:"40px",height:"40px",borderRadius:"1000px"},...e.getFocusRingStyle(t,!0,1),transition:"box-shadow 0.3s ease-out","&, &:hover, &.Mui-active":{boxShadow:"none"},"&.Mui-focusVisible":{boxShadow:`0 0 0 2px ${t.palette.background.primary}`,"&.Mui-active":{boxShadow:"none",outline:`0px solid ${t.palette.background.primary}`,"&:before":{boxShadow:"none"}}}}),valueLabel:({theme:e})=>({maxWidth:"none",top:"-12px",backgroundColor:e.palette.text.primary,color:e.palette.background.primary,borderRadius:"2px",padding:"8px 12px",[e.breakpoints.up("xs")]:{fontSize:"12px",lineHeight:"16px",fontWeight:"400"}})}};exports.flowSlider=t,exports.flowThumbHeight=20,exports.flowThumbWidth=40;
 //# sourceMappingURL=slider.theme.js.map

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 // 32px height\n padding: '13px 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 // hitbox target\n '&:after': {\n width: `${flowThumbWidth}px`,\n height: `${flowThumbWidth}px`,\n borderRadius: '1000px',\n },\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","display","borderRadius","padding","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","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,iBAAY,CAC1BC,QAAS,QACTC,aAAc,IAEdC,QAAS,~~YACsB~~,aAA3BH,EAAWI,YACX,CACEC,MAAO,MACPC,OAAQ,SAEV,CACEA,OAAQ,OAGd,iBAAkB,CAChB,oBAAqB,CACnBC,MAAOR,EAAMS,QAAQC,SAASC,SAEhC,qBAAsB,CACpBH,MAAOR,EAAMS,QAAQC,SAASE,UAEhC,oBAAqB,CACnBC,gBAAwC,SAAvBb,EAAMS,QAAQK,KAAkBd,EAAMS,QAAQM,UAAUC,MAAQhB,EAAMS,QAAQM,UAAUE,IACzG,yBAA0B,CACxBJ,gBACyB,SAAvBb,EAAMS,QAAQK,KAAkBd,EAAMS,QAAQM,UAAUC,MAAQhB,EAAMS,QAAQM,UAAUE,MAG9F,qBAAsB,CACpBC,YAAalB,EAAMS,QAAQC,SAASE,aAK1CO,KAAM,EAAGnB,YAAO,CACdG,aAAc,MACdiB,QAAS,IACTZ,MAAOR,EAAMS,QAAQM,UAAUM,MAE/BC,UAAW,gCAGbC,MAAO,EAAGvB,YAAO,CACfG,aAAc,MACdqB,OAAQ,OACRhB,MAA8B,SAAvBR,EAAMS,QAAQK,KAAkBd,EAAMS,QAAQgB,MAAMC,UAAY1B,EAAMS,QAAQgB,MAAMd,QAE3FW,UAAW,gCAGbK,KAAM,EAAG3B,YAAO,CACdO,OAAQ,MACRD,MAAO,MACPH,aAAc,MACdiB,QAAS,IACTP,gBAAwC,SAAvBb,EAAMS,QAAQK,KAAkBd,EAAMS,QAAQM,UAAUC,MAAQhB,EAAMS,QAAQM,UAAUE,IACzG,yBAA0B,CACxBJ,gBAAwC,SAAvBb,EAAMS,QAAQK,KAAkBd,EAAMS,QAAQM,UAAUC,MAAQhB,EAAMS,QAAQM,UAAUE,OAI7GW,MAAO,EAAG5B,QAAOC,iBAAY,IACI,aAA3BA,EAAWI,YACX,CACEC,MAAO,OACPC,OAAQ,QAEV,CACED,MAAO,OACPC,OAAQ,QAEdJ,aAAc,OACdU,gBAAiBb,EAAMS,QAAQM,UAAUE,IACzCO,OAAQ,aAAaxB,EAAMS,QAAQM,UAAUC,QAE7C,UAAW,CACTV,MAAO,OACPC,OAAQ,OACRJ,aAAc,aAGb0B,oBAAkB7B,GAAO,EAAM,GAElC8B,WAAY,2BACZ,2BAA4B,CAC1BC,UAAW,QAEb,qBAAsB,CAEpBA,UAAW,aAAa/B,EAAMS,QAAQuB,WAAWrB,UAEjD,eAAgB,CACdoB,UAAW,OACXE,QAAS,aAAajC,EAAMS,QAAQuB,WAAWrB,UAC/C,WAAY,CACVoB,UAAW,YAMnBG,WAAY,EAAGlC,YAAO,CACpBmC,SAAU,OAEVC,IAAK,QAELvB,gBAAiBb,EAAMS,QAAQ4B,KAAK1B,QACpCH,MAAOR,EAAMS,QAAQuB,WAAWrB,QAChCR,aAAc,MACdC,QAAS,WAET,CAACJ,EAAMsC,YAAYC,GAAG,OAAQ,CAC5BC,SAAU,OACVC,WAAY,OACZC,WAAY,~~wDAhIW~~,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 // 32px height\n padding: '13px 0',\n // overwrite MUI touch device styling to keep the same size on mobile\n '@media (pointer: coarse)': {\n padding: '13px 0',\n },\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 // hitbox target\n '&:after': {\n width: `${flowThumbWidth}px`,\n height: `${flowThumbWidth}px`,\n borderRadius: '1000px',\n },\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","display","borderRadius","padding","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","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,iBAAY,CAC1BC,QAAS,QACTC,aAAc,IAEdC,QAAS,SAET,2BAA4B,CAC1BA,QAAS,aAEoB,aAA3BH,EAAWI,YACX,CACEC,MAAO,MACPC,OAAQ,SAEV,CACEA,OAAQ,OAGd,iBAAkB,CAChB,oBAAqB,CACnBC,MAAOR,EAAMS,QAAQC,SAASC,SAEhC,qBAAsB,CACpBH,MAAOR,EAAMS,QAAQC,SAASE,UAEhC,oBAAqB,CACnBC,gBAAwC,SAAvBb,EAAMS,QAAQK,KAAkBd,EAAMS,QAAQM,UAAUC,MAAQhB,EAAMS,QAAQM,UAAUE,IACzG,yBAA0B,CACxBJ,gBACyB,SAAvBb,EAAMS,QAAQK,KAAkBd,EAAMS,QAAQM,UAAUC,MAAQhB,EAAMS,QAAQM,UAAUE,MAG9F,qBAAsB,CACpBC,YAAalB,EAAMS,QAAQC,SAASE,aAK1CO,KAAM,EAAGnB,YAAO,CACdG,aAAc,MACdiB,QAAS,IACTZ,MAAOR,EAAMS,QAAQM,UAAUM,MAE/BC,UAAW,gCAGbC,MAAO,EAAGvB,YAAO,CACfG,aAAc,MACdqB,OAAQ,OACRhB,MAA8B,SAAvBR,EAAMS,QAAQK,KAAkBd,EAAMS,QAAQgB,MAAMC,UAAY1B,EAAMS,QAAQgB,MAAMd,QAE3FW,UAAW,gCAGbK,KAAM,EAAG3B,YAAO,CACdO,OAAQ,MACRD,MAAO,MACPH,aAAc,MACdiB,QAAS,IACTP,gBAAwC,SAAvBb,EAAMS,QAAQK,KAAkBd,EAAMS,QAAQM,UAAUC,MAAQhB,EAAMS,QAAQM,UAAUE,IACzG,yBAA0B,CACxBJ,gBAAwC,SAAvBb,EAAMS,QAAQK,KAAkBd,EAAMS,QAAQM,UAAUC,MAAQhB,EAAMS,QAAQM,UAAUE,OAI7GW,MAAO,EAAG5B,QAAOC,iBAAY,IACI,aAA3BA,EAAWI,YACX,CACEC,MAAO,OACPC,OAAQ,QAEV,CACED,MAAO,OACPC,OAAQ,QAEdJ,aAAc,OACdU,gBAAiBb,EAAMS,QAAQM,UAAUE,IACzCO,OAAQ,aAAaxB,EAAMS,QAAQM,UAAUC,QAE7C,UAAW,CACTV,MAAO,OACPC,OAAQ,OACRJ,aAAc,aAGb0B,oBAAkB7B,GAAO,EAAM,GAElC8B,WAAY,2BACZ,2BAA4B,CAC1BC,UAAW,QAEb,qBAAsB,CAEpBA,UAAW,aAAa/B,EAAMS,QAAQuB,WAAWrB,UAEjD,eAAgB,CACdoB,UAAW,OACXE,QAAS,aAAajC,EAAMS,QAAQuB,WAAWrB,UAC/C,WAAY,CACVoB,UAAW,YAMnBG,WAAY,EAAGlC,YAAO,CACpBmC,SAAU,OAEVC,IAAK,QAELvB,gBAAiBb,EAAMS,QAAQ4B,KAAK1B,QACpCH,MAAOR,EAAMS,QAAQuB,WAAWrB,QAChCR,aAAc,MACdC,QAAS,WAET,CAACJ,EAAMsC,YAAYC,GAAG,OAAQ,CAC5BC,SAAU,OACVC,WAAY,OACZC,WAAY,wDApIW,0BADD"}

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

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

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

@@ -5,4 +5,5 @@ import { ButtonBaseProps } from '@mui/material';
  */
 export declare const TabComponent: React.FC<ButtonBaseProps & {
     link?: boolean;
+    rovingTabIndex?: boolean;
 }>;

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Tab.js","sources":["../../../../../src/materialui/tabs/Tab.tsx"],"sourcesContent":["import React, { useMemo, forwardRef } from 'react';\nimport { Box, ButtonBase, ButtonBaseProps } from '@mui/material';\n\n/*\n Component used to render Tab, contains duplication of label to change font-weight without changing width\n */\nexport const TabComponent: React.FC<ButtonBaseProps & { link?: boolean }> = forwardRef(\n ({ children, link = false, ...rest }, ref) => {\n // shared style between label and selectedLabel\n const sharedLabelSx = useMemo(\n () => ({\n display: 'inherit',\n alignItems: 'inherit',\n justifyContent: 'inherit',\n flexDirection: 'inherit',\n gap: 'inherit',\n }),\n [],\n );\n\n return (\n <ButtonBase\n ref={ref}\n ~~aria-label=\"navigation\"\n~~ {...(link && { component: 'a' })}\n {...rest}\n tabIndex={rest.className?.includes('Mui-disabled') ? -1 : 0}\n >\n <Box className=\"FlowTab-labelWrapper\" sx={{ ...sharedLabelSx, position: 'relative' }}>\n <Box\n className=\"FlowTab-label\"\n sx={{\n ...sharedLabelSx,\n position: 'absolute',\n // expands from center, can be changed to expand from left/right with left: 0;\n }}\n >\n {children}\n </Box>\n <Box\n className=\"FlowTab-selectedLabel\"\n sx={{\n ...sharedLabelSx,\n fontWeight: '700',\n // hidden by default, appears once Tab is selected (tab.theme)\n opacity: '0',\n position: 'relative',\n }}\n aria-hidden=\"true\"\n >\n {children}\n </Box>\n </Box>\n </ButtonBase>\n );\n },\n);\n"],"names":["TabComponent","forwardRef","children","link","rest","ref","sharedLabelSx","useMemo","display","alignItems","justifyContent","flexDirection","gap","_jsx","ButtonBase","component","tabIndex","className","includes","_jsxs","Box","sx","position","fontWeight","opacity"],"mappings":"~~oGAMaA~~,~~EAA+DC~~,EAAAA,~~WAC1E~~,EAAGC,WAAUC,QAAO,KAAUC,GAAQC,~~KAEpC~~,MAAMC,EAAgBC,EAAAA,QACpB,KAAA,CACEC,QAAS,UACTC,WAAY,UACZC,eAAgB,UAChBC,cAAe,UACfC,IAAK,YAEP,IAGF,OACEC,EAAAA,IAACC,EAAAA,WAAU,CACTT,IAAKA,~~EAAG~~,~~aACG,gBACNF,~~GAAQ,~~CAAEY~~,UAAW,QACtBX,~~EACJY~~,SAAUZ,EAAKa,WAAWC,SAAS,iBAAkB,EAAK,~~EAAChB~~,~~SAE3DiB~~,~~EAAAA~~,~~KAACC,~~EAAAA,IAAG,CAACH,UAAU,uBAAuBI,GAAI,IAAKf,EAAegB,SAAU,~~YAAYpB~~,SAAA,~~CAClFW~~,EAAAA,IAACO,EAAAA,~~IAAG~~,~~CACFH,~~UAAU,gBACVI,GAAI,IACCf,EACHgB,SAAU,~~YAEXpB~~,SAEAA,~~IAEHW~~,EAAAA,IAACO,EAAAA,IAAG,CACFH,UAAU,wBACVI,GAAI,IACCf,EACHiB,WAAY,MAEZC,QAAS,IACTF,SAAU,YACX,cACW,~~OAAMpB~~,SAEjBA"}
1	+ {"version":3,"file":"Tab.js","sources":["../../../../../src/materialui/tabs/Tab.tsx"],"sourcesContent":["import React, { useMemo, forwardRef } from 'react';\nimport { Box, ButtonBase, ButtonBaseProps } from '@mui/material';\n\n/*\n Component used to render Tab, contains duplication of label to change font-weight without changing width\n */\nexport const TabComponent: React.FC<ButtonBaseProps & { link?: boolean; rovingTabIndex?: boolean }> = forwardRef(\n ({ children, link = false, rovingTabIndex = false, ...rest }, ref) => {\n // shared style between label and selectedLabel\n const sharedLabelSx = useMemo(\n () => ({\n display: 'inherit',\n alignItems: 'inherit',\n justifyContent: 'inherit',\n flexDirection: 'inherit',\n gap: 'inherit',\n }),\n [],\n );\n\n return (\n <ButtonBase\n ref={ref}\n {...(link && { component: 'a' })}\n {...rest}\n // every tab is a tab stop by default, tabs are also used as navigation links\n {...(!rovingTabIndex && { tabIndex: rest.className?.includes('Mui-disabled') ? -1 : 0 })}\n >\n <Box className=\"FlowTab-labelWrapper\" sx={{ ...sharedLabelSx, position: 'relative' }}>\n <Box\n className=\"FlowTab-label\"\n sx={{\n ...sharedLabelSx,\n position: 'absolute',\n // expands from center, can be changed to expand from left/right with left: 0;\n }}\n >\n {children}\n </Box>\n <Box\n className=\"FlowTab-selectedLabel\"\n sx={{\n ...sharedLabelSx,\n fontWeight: '700',\n // hidden by default, appears once Tab is selected (tab.theme)\n opacity: '0',\n position: 'relative',\n }}\n aria-hidden=\"true\"\n >\n {children}\n </Box>\n </Box>\n </ButtonBase>\n );\n },\n);\n"],"names":["TabComponent","forwardRef","children","link","rovingTabIndex","rest","ref","sharedLabelSx","useMemo","display","alignItems","justifyContent","flexDirection","gap","_jsx","ButtonBase","component","tabIndex","className","includes","_jsxs","Box","sx","position","fontWeight","opacity"],"mappings":"8FAMO,MAAMA,EAAyFC,EAAAA,WACpG,EAAGC,WAAUC,QAAO,EAAOC,kBAAiB,KAAUC,GAAQC,KAE5D,MAAMC,EAAgBC,EAAAA,QACpB,KAAA,CACEC,QAAS,UACTC,WAAY,UACZC,eAAgB,UAChBC,cAAe,UACfC,IAAK,YAEP,IAGF,OACEC,EAAAA,IAACC,EAAAA,WAAU,CACTT,IAAKA,KACAH,GAAQ,CAAEa,UAAW,QACtBX,MAEED,GAAkB,CAAEa,SAAUZ,EAAKa,WAAWC,SAAS,iBAAkB,EAAK,GAAIjB,SAExFkB,OAACC,EAAAA,IAAG,CAACH,UAAU,uBAAuBI,GAAI,IAAKf,EAAegB,SAAU,YAAYrB,SAAA,CAClFY,EAAAA,IAACO,EAAAA,KACCH,UAAU,gBACVI,GAAI,IACCf,EACHgB,SAAU,YAEXrB,SAEAA,IAEHY,EAAAA,IAACO,EAAAA,IAAG,CACFH,UAAU,wBACVI,GAAI,IACCf,EACHiB,WAAY,MAEZC,QAAS,IACTF,SAAU,YACX,cACW,OAAMrB,SAEjBA"}

package/cjs/materialui/tabs/TabsScrollButton.d.ts CHANGED Viewed

@@ -1,10 +1,12 @@
 /**
  * This component renders a scroll button that changes based on the scroll direction
  */
-export declare const TabsScrollButton: ({ direction, slots, slotProps, ownerState, ...rest }: {
+export declare const TabsScrollButton: ({ direction, slots, slotProps, ownerState, scrollLeftTitle, scrollRightTitle, ...rest }: {
     [x: string]: any;
     direction: any;
     slots: any;
     slotProps: any;
     ownerState: any;
+    scrollLeftTitle?: string;
+    scrollRightTitle?: string;
 }) => import("react").JSX.Element;

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),o=require("../../components/icon/stroke/ChevronLeftIcon.js"),r=require("../../components/icon/stroke/ChevronRightIcon.js");exports.TabsScrollButton=({direction:s,slots:n,slotProps:i,ownerState:l,...c})=>e.jsx(t.IconButton,{"aria-label":"left"===s?"Scroll left":"Scroll right","data-testid":`TabsScrollButton-${s}`,size:"small",sx:{m:"4px"},...c,children:"left"===s?e.jsx(o.ChevronLeftIcon,{}):e.jsx(r.ChevronRightIcon,{})});
+"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),o=require("../../components/icon/stroke/ChevronLeftIcon.js"),r=require("../../components/icon/stroke/ChevronRightIcon.js");exports.TabsScrollButton=({direction:l,slots:s,slotProps:i,ownerState:n,scrollLeftTitle:c="Scroll left",scrollRightTitle:a="Scroll right",...u})=>e.jsx(t.IconButton,{"aria-label":"left"===l?c:a,"data-testid":`TabsScrollButton-${l}`,size:"small",sx:{m:"4px"},...u,children:"left"===l?e.jsx(o.ChevronLeftIcon,{}):e.jsx(r.ChevronRightIcon,{})});
 //# sourceMappingURL=TabsScrollButton.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TabsScrollButton.js","sources":["../../../../../src/materialui/tabs/TabsScrollButton.tsx"],"sourcesContent":["import { IconButton } from '@mui/material';\nimport { ChevronLeftIcon } from '@/src/components/icon/stroke/ChevronLeftIcon';\nimport { ChevronRightIcon } from '@/src/components/icon/stroke/ChevronRightIcon';\n\n/*\n This component renders a scroll button that changes based on the scroll direction\n */\nexport const TabsScrollButton = ({ direction, slots, slotProps, ownerState, ...rest }) => {\n return (\n <IconButton\n aria-label={direction === 'left' ? ~~'Scroll~~ ~~left'~~ : ~~'Scroll right'~~}\n data-testid={`TabsScrollButton-${direction}`}\n size=\"small\"\n sx={{ m: '4px' }}\n {...rest}\n >\n {direction === 'left' ? <ChevronLeftIcon /> : <ChevronRightIcon />}\n </IconButton>\n );\n};\n"],"names":["direction","slots","slotProps","ownerState","rest","_jsx","IconButton","size","sx","m","children","ChevronLeftIcon","ChevronRightIcon"],"mappings":"+NAOgC,~~EAAGA~~,~~YAAWC~~,~~QAAOC~~,~~YAAWC~~,~~gBAAeC~~,~~KAE3EC~~,EAAAA,IAACC,EAAAA,WAAU,CAAA,aACiB,~~SAAdN~~,~~EAAuB~~,~~cAAgB~~,~~eAAc~~,~~cACpD~~,~~oBAAoBA~~,~~IACjCO~~,KAAK,QACLC,GAAI,CAAEC,EAAG,UACLL,EAAIM,SAEO,~~SAAdV~~,~~EAAuBK~~,EAAAA,IAACM,EAAAA,gBAAe,CAAA,GAAMN,EAAAA,IAACO,EAAAA,iBAAgB,CAAA"}
1	+ {"version":3,"file":"TabsScrollButton.js","sources":["../../../../../src/materialui/tabs/TabsScrollButton.tsx"],"sourcesContent":["import { IconButton } from '@mui/material';\nimport { ChevronLeftIcon } from '@/src/components/icon/stroke/ChevronLeftIcon';\nimport { ChevronRightIcon } from '@/src/components/icon/stroke/ChevronRightIcon';\n\n/*\n This component renders a scroll button that changes based on the scroll direction\n */\nexport const TabsScrollButton = ({\n direction,\n slots,\n slotProps,\n ownerState,\n scrollLeftTitle = 'Scroll left',\n scrollRightTitle = 'Scroll right',\n ...rest\n}) => {\n return (\n <IconButton\n aria-label={direction === 'left' ? scrollLeftTitle : scrollRightTitle}\n data-testid={`TabsScrollButton-${direction}`}\n size=\"small\"\n sx={{ m: '4px' }}\n {...rest}\n >\n {direction === 'left' ? <ChevronLeftIcon /> : <ChevronRightIcon />}\n </IconButton>\n );\n};\n"],"names":["direction","slots","slotProps","ownerState","scrollLeftTitle","scrollRightTitle","rest","_jsx","IconButton","size","sx","m","children","ChevronLeftIcon","ChevronRightIcon"],"mappings":"+NAOgC,EAC9BA,YACAC,QACAC,YACAC,aACAC,kBAAkB,cAClBC,mBAAmB,kBAChBC,KAGDC,EAAAA,IAACC,EAAAA,WAAU,CAAA,aACiB,SAAdR,EAAuBI,EAAkBC,EAAgB,cACxD,oBAAoBL,IACjCS,KAAK,QACLC,GAAI,CAAEC,EAAG,UACLL,EAAIM,SAEO,SAAdZ,EAAuBO,EAAAA,IAACM,EAAAA,gBAAe,CAAA,GAAMN,EAAAA,IAACO,EAAAA,iBAAgB,CAAA"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"FormControl.js","sources":["../../../../../src/materialui/textfield/FormControl.tsx"],"sourcesContent":["import React, { FC, useState, forwardRef, useRef, ~~useImperativeHandle~~ } from 'react';\nimport { Box, FormControlProps } from '@mui/material';\n\n/*\n Custom extension of FormControl component to show FocusRing only with Tab focus\n */\nexport const FormControl: FC<FormControlProps> = forwardRef(\n ({ onFocus, onBlur, onPointerDown, className, ...rest }, forwardedRef) => {\n const ref = useRef<HTMLDivElement>(null);\n ~~useImperativeHandle~~(forwardedRef, ~~() =>~~ ref~~.current~~);\n // detect events to skip focus ring\n const previousEvent = useRef<string \| null>(null);\n // append style with focus ring\n const [focusVisible, setFocusVisible] = useState<boolean>(false);\n\n return (\n <Box\n ref={~~ref~~}\n onPointerDown={(e) => {\n previousEvent.current = 'onPointerDown';\n onPointerDown?.(e);\n }}\n onFocus={(e) => {\n if (!['onFocus', 'onPointerDown'].includes(previousEvent.current)) {\n // if not clicked or repeated event, we will show focus ring (force rerender to update class)\n setFocusVisible(true);\n }\n previousEvent.current = 'onFocus';\n onFocus?.(e);\n }}\n onBlur={(e) => {\n // perform cleanup\n if (\n // skip cleanup as onPointerDown might happen after onFocus\n previousEvent.current !== 'onPointerDown' &&\n // focus is not in opened select\n !ref?.current?.matches?.(':has(.MuiSelect-select[aria-expanded=\"true\"])') &&\n // blur does not come from the opened select and now goes into select\n !e?.relatedTarget?.matches?.('.MuiSelect-select') &&\n // blur does not come from datepicker\n !e?.relatedTarget?.matches?.('[class^=\"MuiPickers\"]') &&\n // blur does not come form timepicker\n !e?.relatedTarget?.matches?.('.MuiMultiSectionDigitalClockSection-item')\n ) {\n // cleanup with blur\n setFocusVisible(false);\n previousEvent.current = 'onBlur';\n } else {\n // act with skip that click just happened\n previousEvent.current = 'onPointerDown';\n }\n onBlur?.(e);\n }}\n className={[\n className,\n // we are utilizing class to support <FormControl component='div' /> fallback to always show focus ring\n focusVisible ? '' : 'Flow-NoFocusRing',\n ]\n .filter(Boolean)\n .join(' ')}\n {...rest}\n />\n );\n },\n);\n"],"names":["FormControl","forwardRef","onFocus","onBlur","onPointerDown","className","rest","forwardedRef","ref","useRef","~~useImperativeHandle~~","~~current~~","previousEvent","focusVisible","setFocusVisible","useState","_jsx","Box","e","includes","matches","relatedTarget","filter","Boolean","join"],"mappings":"oGAMaA,EAAoCC,EAAAA,WAC/C,EAAGC,UAASC,SAAQC,gBAAeC,eAAcC,GAAQC,KACvD,MAAMC,EAAMC,EAAAA,OAAuB,~~MACnCC~~,EAAAA,~~oBAAoBH~~,~~EAAc~~,~~IAAMC~~,~~EAAIG,SAE5C,MAAMC,~~EAAgBH,EAAAA,OAAsB,OAErCI,EAAcC,GAAmBC,EAAAA,UAAkB,GAE1D,OACEC,EAAAA,IAACC,EAAAA,IAAG,CACFT,~~IAAKA~~,~~EACLJ~~,cAAgBc,IACdN,~~EAAcD~~,QAAU,~~gBACxBP~~,IAAgBc,IAElBhB,QAAUgB,IACH,CAAC,UAAW,~~iBAAiBC~~,~~SAASP~~,~~EAAcD~~,~~UAEvDG~~,GAAgB,GAElBF,~~EAAcD~~,QAAU,~~UACxBT~~,IAAUgB,IAEZf,OAASe,IAIqB,kBAA1BN,~~EAAcD~~,~~SAEbH~~,~~GAAKG~~,~~SAASS~~,UAAU,~~kDAExBF~~,~~GAAGG~~,eAAeD,UAAU,~~sBAE5BF~~,~~GAAGG~~,eAAeD,UAAU,~~0BAE5BF~~,~~GAAGG~~,eAAeD,UAAU,~~4CAO7BR~~,~~EAAcD~~,QAAU,~~iBAJxBG~~,GAAgB,GAChBF,~~EAAcD~~,QAAU,~~UAK1BR~~,IAASe,IAEXb,UAAW,CACTA,EAEAQ,EAAe,GAAK,~~oBAEnBS~~,OAAOC,SACPC,KAAK,~~QACJlB~~"}
1	+ {"version":3,"file":"FormControl.js","sources":["../../../../../src/materialui/textfield/FormControl.tsx"],"sourcesContent":["import React, { FC, useState, forwardRef, useRef } from 'react';\nimport { Box, FormControlProps, useForkRef } from '@mui/material';\n\n/*\n Custom extension of FormControl component to show FocusRing only with Tab focus\n */\nexport const FormControl: FC<FormControlProps> = forwardRef(\n ({ onFocus, onBlur, onPointerDown, className, ...rest }, forwardedRef) => {\n const ref = useRef<HTMLDivElement>(null);\n const handleRef = useForkRef(forwardedRef, ref);\n // detect events to skip focus ring\n const previousEvent = useRef<string \| null>(null);\n // append style with focus ring\n const [focusVisible, setFocusVisible] = useState<boolean>(false);\n\n return (\n <Box\n ref={handleRef}\n onPointerDown={(e) => {\n previousEvent.current = 'onPointerDown';\n onPointerDown?.(e);\n }}\n onFocus={(e) => {\n if (!['onFocus', 'onPointerDown'].includes(previousEvent.current)) {\n // if not clicked or repeated event, we will show focus ring (force rerender to update class)\n setFocusVisible(true);\n }\n previousEvent.current = 'onFocus';\n onFocus?.(e);\n }}\n onBlur={(e) => {\n // perform cleanup\n if (\n // skip cleanup as onPointerDown might happen after onFocus\n previousEvent.current !== 'onPointerDown' &&\n // focus is not in opened select\n !ref?.current?.matches?.(':has(.MuiSelect-select[aria-expanded=\"true\"])') &&\n // blur does not come from the opened select and now goes into select\n !e?.relatedTarget?.matches?.('.MuiSelect-select') &&\n // blur does not come from datepicker\n !e?.relatedTarget?.matches?.('[class^=\"MuiPickers\"]') &&\n // blur does not come form timepicker\n !e?.relatedTarget?.matches?.('.MuiMultiSectionDigitalClockSection-item')\n ) {\n // cleanup with blur\n setFocusVisible(false);\n previousEvent.current = 'onBlur';\n } else {\n // act with skip that click just happened\n previousEvent.current = 'onPointerDown';\n }\n onBlur?.(e);\n }}\n className={[\n className,\n // we are utilizing class to support <FormControl component='div' /> fallback to always show focus ring\n focusVisible ? '' : 'Flow-NoFocusRing',\n ]\n .filter(Boolean)\n .join(' ')}\n {...rest}\n />\n );\n },\n);\n"],"names":["FormControl","forwardRef","onFocus","onBlur","onPointerDown","className","rest","forwardedRef","ref","useRef","handleRef","useForkRef","previousEvent","focusVisible","setFocusVisible","useState","_jsx","Box","e","current","includes","matches","relatedTarget","filter","Boolean","join"],"mappings":"oGAMaA,EAAoCC,EAAAA,WAC/C,EAAGC,UAASC,SAAQC,gBAAeC,eAAcC,GAAQC,KACvD,MAAMC,EAAMC,EAAAA,OAAuB,MAC7BC,EAAYC,EAAAA,WAAWJ,EAAcC,GAErCI,EAAgBH,EAAAA,OAAsB,OAErCI,EAAcC,GAAmBC,EAAAA,UAAkB,GAE1D,OACEC,EAAAA,IAACC,EAAAA,IAAG,CACFT,IAAKE,EACLN,cAAgBc,IACdN,EAAcO,QAAU,gBACxBf,IAAgBc,IAElBhB,QAAUgB,IACH,CAAC,UAAW,iBAAiBE,SAASR,EAAcO,UAEvDL,GAAgB,GAElBF,EAAcO,QAAU,UACxBjB,IAAUgB,IAEZf,OAASe,IAIqB,kBAA1BN,EAAcO,SAEbX,GAAKW,SAASE,UAAU,kDAExBH,GAAGI,eAAeD,UAAU,sBAE5BH,GAAGI,eAAeD,UAAU,0BAE5BH,GAAGI,eAAeD,UAAU,4CAO7BT,EAAcO,QAAU,iBAJxBL,GAAgB,GAChBF,EAAcO,QAAU,UAK1BhB,IAASe,IAEXb,UAAW,CACTA,EAEAQ,EAAe,GAAK,oBAEnBU,OAAOC,SACPC,KAAK,QACJnB"}

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

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

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

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

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

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

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

@@ -319,7 +319,28 @@ declare module '@mui/material/Avatar' {
         border?: 'auto' | 'on' | 'off';
     }
 }
+declare module '@mui/material/Tab' {
+    interface TabOwnProps {
+        /**
+         * Only the selected tab is a tab stop, the others are reached with arrow keys
+         * @default false
+         */
+        rovingTabIndex?: boolean;
+    }
+}
 declare module '@mui/material/Tabs' {
+    interface TabsScrollButtonsSlotPropsOverrides {
+        /**
+         * Label of the button scrolling to the start
+         * @default Scroll left
+         */
+        scrollLeftTitle?: string;
+        /**
+         * Label of the button scrolling to the end
+         * @default Scroll right
+         */
+        scrollRightTitle?: string;
+    }
     interface TabsOwnProps {
         /**
          * Default or rounded buttons variant
@@ -400,7 +421,7 @@ declare module '@mui/material/Card' {
          */
         iconSlots?: {
             icon?: ComponentType<SvgIconProps>;
-            selected?: ComponentType<SvgIconProps>;
+            selectedIcon?: ComponentType<SvgIconProps>;
             hoverIcon?: ComponentType<SvgIconProps>;
             hoverSelectedIcon?: ComponentType<SvgIconProps>;
         };
@@ -455,6 +476,14 @@ declare module '@mui/material/InputLabel' {
         'data-variant'?: 'standard' | 'static';
     }
 }
+declare module '@mui/material/AccordionSummary' {
+    interface AccordionSummaryExpandIconWrapperSlotPropsOverrides {
+        /**
+         * Properties applied to expand/collapse IconButton
+         */
+        iconButtonProps?: IconButtonProps;
+    }
+}
 declare module '@mui/material/DialogTitle' {
     interface DialogTitleOwnProps {
         /**
@@ -485,6 +514,16 @@ declare module '@mui/material/LinearProgress' {
         size?: 'small' | 'medium';
     }
 }
+declare module '@mui/material/Pagination' {
+    interface PaginationPropsVariantOverrides {
+        dots: true;
+    }
+}
+declare module '@mui/material/PaginationItem' {
+    interface PaginationItemPropsVariantOverrides {
+        dots: true;
+    }
+}
 declare module '@mui/x-date-pickers' {
     /**
      * Extend pickers shortcut with chip properties that are applied in code already

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("@mui/system");function t(e){return e&&e.__esModule?e:{default:e}}var o=t(require("@skodaflow/web-tokens/src/tokens.json"));const n=e=>["SKODA Next"+(e?" R2L":""),"Helvetica","Arial","system-ui","sans-serif"].join(","),i=(e,t,i)=>{const r=o.default["flow-typography"].find(t=>t.name===`${i??"small"}-${e}`);return r?{...r.style,fontFamily:n(t)}:null},r=(t,o,n)=>{const r=e.createBreakpoints(o);return{...i(t,n,"small"),[r.up("md")]:{...i(t,n,"medium")},[r.up("xl")]:{...i(t,n,"large")}}};exports.generateTypography=r,exports.getFontFamily=n,exports.getTypography=i,exports.getTypographyOptions=(e,t)=>{const o=r("body",e,t);return{fontFamily:n(t),body:o,...Object.fromEntries(["h1","h2","h3","h4","subheadline","subtitle1","subtitle2","display","list","disclaimer","disclaimer1","disclaimer2","caption1","caption2"].map(o=>[o,r(o,e,t)])),body1:o,body2:o,h5:r("subheadline",e,t),h6:r("caption1",e,t),caption:r("caption2",e,t),overline:r("caption1",e,t),button:{fontFamily:n(t),letterSpacing:"0.75px",textTransform:"none",textDecoration:"none",fontSize:"16px",fontWeight:"700",lineHeight:"16px"}}};
+"use strict";var e=require("@mui/system");function t(e){return e&&e.__esModule?e:{default:e}}var n=t(require("@skodaflow/web-tokens/src/tokens.json"));const i=e=>["SKODA Next"+(e?" R2L":""),"Helvetica","Arial","system-ui","sans-serif"].join(","),o=(e,t,o)=>{const a=n.default["flow-typography"].find(t=>t.name===`${o??"small"}-${e}`);return a?{...a.style,fontFamily:i(t),...["h1","h2","h3","h4","display","subheadline"].includes(e)&&{textWrap:"balance"}}:null},a=(t,n,i)=>{const a=e.createBreakpoints(n);return{...o(t,i,"small"),[a.up("md")]:{...o(t,i,"medium")},[a.up("xl")]:{...o(t,i,"large")}}};exports.generateTypography=a,exports.getFontFamily=i,exports.getTypography=o,exports.getTypographyOptions=(e,t)=>{const n=a("body",e,t);return{fontFamily:i(t),body:n,...Object.fromEntries(["h1","h2","h3","h4","subheadline","subtitle1","subtitle2","display","list","disclaimer","disclaimer1","disclaimer2","caption1","caption2"].map(n=>[n,a(n,e,t)])),body1:n,body2:n,h5:a("subheadline",e,t),h6:a("caption1",e,t),caption:a("caption2",e,t),overline:a("caption1",e,t),button:{fontFamily:i(t),letterSpacing:"0.75px",textTransform:"none",textDecoration:"none",fontSize:"16px",fontWeight:"700",lineHeight:"16px"}}};
 //# sourceMappingURL=typography.theme.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"typography.theme.js","sources":["../../../../../src/materialui/typography/typography.theme.ts"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { BreakpointsOptions, createBreakpoints } from '@mui/system';\nimport tokens from '@skodaflow/web-tokens/src/tokens.json';\n\nexport type TypographySize = 'small' \| 'medium' \| 'large';\n\n/*\n Obtain fontFamily for SKODA Next font with fallbacks\n /\nexport const getFontFamily = (rtl: boolean) => {\n return [`SKODA Next${rtl ? ' R2L' : ''}`, 'Helvetica', 'Arial', 'system-ui', 'sans-serif'].join(',');\n};\n\n/\n Obtain style for element for the certain size\n /\nexport const getTypography = (element: string, rtl: boolean, size?: TypographySize) => {\n const typo = tokens['flow-typography'].find((el) => el.name === `${size ?? 'small'}-${element}`);\n if (typo)\n return {\n ...typo['style'],\n fontFamily: getFontFamily(rtl),\n } as CSSProperties;\n else return null;\n};\n\n/\n Generate responsive typography style with the media queries\n /\nexport const generateTypography = (element: string, breakpointsOptions: BreakpointsOptions, rtl: boolean) => {\n const breakpoints = createBreakpoints(breakpointsOptions);\n\n return {\n ...getTypography(element, rtl, 'small'),\n [breakpoints.up('md')]: {\n ...getTypography(element, rtl, 'medium'),\n },\n [breakpoints.up('xl')]: {\n ...getTypography(element, rtl, 'large'),\n },\n };\n};\n\n/\n Build the typography theme options\n */\nexport const getTypographyOptions = (breakpointsOptions: BreakpointsOptions, rtl: boolean) => {\n const bodyTypo = generateTypography('body', breakpointsOptions, rtl);\n\n return {\n fontFamily: getFontFamily(rtl),\n body: bodyTypo,\n ...Object.fromEntries(\n [\n 'h1',\n 'h2',\n 'h3',\n 'h4',\n 'subheadline',\n 'subtitle1',\n 'subtitle2',\n 'display',\n 'list',\n 'disclaimer',\n 'disclaimer1',\n 'disclaimer2',\n 'caption1',\n 'caption2',\n ].map((element) => [element, generateTypography(element, breakpointsOptions, rtl)]),\n ),\n // original @mui properties\n body1: bodyTypo,\n body2: bodyTypo,\n h5: generateTypography('subheadline', breakpointsOptions, rtl),\n h6: generateTypography('caption1', breakpointsOptions, rtl),\n caption: generateTypography('caption2', breakpointsOptions, rtl),\n overline: generateTypography('caption1', breakpointsOptions, rtl),\n // button, later this definition should come from @skodaflow/web-tokens\n button: {\n fontFamily: getFontFamily(rtl),\n letterSpacing: '0.75px',\n textTransform: 'none',\n textDecoration: 'none',\n fontSize: '16px',\n fontWeight: '700',\n lineHeight: '16px',\n },\n };\n};\n"],"names":["getFontFamily","rtl","join","getTypography","element","size","typo","tokens","find","el","name","fontFamily","generateTypography","breakpointsOptions","breakpoints","createBreakpoints","up","bodyTypo","body","Object","fromEntries","map","body1","body2","h5","h6","caption","overline","button","letterSpacing","textTransform","textDecoration","fontSize","fontWeight","lineHeight"],"mappings":"uJASO,MAAMA,EAAiBC,GACrB,CAAC,cAAaA,EAAM,OAAS,IAAM,YAAa,QAAS,YAAa,cAAcC,KAAK,KAMrFC,EAAgB,CAACC,EAAiBH,EAAcI,KAC3D,MAAMC,EAAOC,EAAAA,QAAO,mBAAmBC,KAAMC,GAAOA,EAAGC,OAAS,GAAGL,GAAQ,WAAWD,~~KACtF~~,OAAIE,EACK,IACFA,EAAY,MACfK,WAAYX,EAAcC,~~IAElB~~,~~MAMDW~~,EAAqB,~~CAACR~~,~~EAAiBS~~,~~EAAwCZ~~,KAC1F,~~MAAMa~~,EAAcC,EAAAA,kBAAkBF,GAEtC,MAAO,~~IACFV~~,EAAcC,EAASH,EAAK,SAC/B,~~CAACa~~,EAAYE,GAAG,OAAQ,~~IACnBb~~,EAAcC,EAASH,EAAK,WAEjC,~~CAACa~~,EAAYE,GAAG,OAAQ,~~IACnBb~~,EAAcC,EAASH,EAAK,sHAQD,~~CAACY~~,~~EAAwCZ~~,KAC3E,~~MAAMgB~~,EAAWL,EAAmB,OAAQC,~~EAAoBZ~~,GAEhE,MAAO,CACLU,WAAYX,EAAcC,~~GAC1BiB~~,KAAMD,KACHE,OAAOC,YACR,CACE,KACA,KACA,KACA,KACA,cACA,YACA,YACA,UACA,OACA,aACA,cACA,cACA,WACA,YACAC,~~IAAKjB~~,GAAY,CAACA,~~EAASQ~~,~~EAAmBR~~,~~EAASS~~,~~EAAoBZ~~,MAG/~~EqB~~,MAAOL,EACPM,MAAON,EACPO,GAAIZ,EAAmB,cAAeC,~~EAAoBZ~~,~~GAC1DwB~~,GAAIb,EAAmB,WAAYC,~~EAAoBZ~~,~~GACvDyB~~,QAASd,EAAmB,WAAYC,~~EAAoBZ~~,~~GAC5D0B~~,SAAUf,EAAmB,WAAYC,~~EAAoBZ~~,~~GAE7D2B~~,OAAQ,~~CACNjB~~,WAAYX,EAAcC,~~GAC1B4B~~,cAAe,SACfC,cAAe,OACfC,eAAgB,OAChBC,SAAU,OACVC,WAAY,MACZC,WAAY"}
1	+ {"version":3,"file":"typography.theme.js","sources":["../../../../../src/materialui/typography/typography.theme.ts"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { BreakpointsOptions, createBreakpoints } from '@mui/system';\nimport tokens from '@skodaflow/web-tokens/src/tokens.json';\n\nexport type TypographySize = 'small' \| 'medium' \| 'large';\n\n/*\n Obtain fontFamily for SKODA Next font with fallbacks\n /\nexport const getFontFamily = (rtl: boolean) => {\n return [`SKODA Next${rtl ? ' R2L' : ''}`, 'Helvetica', 'Arial', 'system-ui', 'sans-serif'].join(',');\n};\n\n/\n Obtain style for element for the certain size\n /\nexport const getTypography = (element: string, rtl: boolean, size?: TypographySize) => {\n const typo = tokens['flow-typography'].find((el) => el.name === `${size ?? 'small'}-${element}`);\n const headlines = ['h1', 'h2', 'h3', 'h4', 'display', 'subheadline'];\n if (typo)\n return {\n ...typo['style'],\n fontFamily: getFontFamily(rtl),\n ...(headlines.includes(element) && { textWrap: 'balance' }),\n } as CSSProperties;\n else return null;\n};\n\n/\n Generate responsive typography style with the media queries\n /\nexport const generateTypography = (element: string, breakpointsOptions: BreakpointsOptions, rtl: boolean) => {\n const breakpoints = createBreakpoints(breakpointsOptions);\n\n return {\n ...getTypography(element, rtl, 'small'),\n [breakpoints.up('md')]: {\n ...getTypography(element, rtl, 'medium'),\n },\n [breakpoints.up('xl')]: {\n ...getTypography(element, rtl, 'large'),\n },\n };\n};\n\n/\n Build the typography theme options\n */\nexport const getTypographyOptions = (breakpointsOptions: BreakpointsOptions, rtl: boolean) => {\n const bodyTypo = generateTypography('body', breakpointsOptions, rtl);\n\n return {\n fontFamily: getFontFamily(rtl),\n body: bodyTypo,\n ...Object.fromEntries(\n [\n 'h1',\n 'h2',\n 'h3',\n 'h4',\n 'subheadline',\n 'subtitle1',\n 'subtitle2',\n 'display',\n 'list',\n 'disclaimer',\n 'disclaimer1',\n 'disclaimer2',\n 'caption1',\n 'caption2',\n ].map((element) => [element, generateTypography(element, breakpointsOptions, rtl)]),\n ),\n // original @mui properties\n body1: bodyTypo,\n body2: bodyTypo,\n h5: generateTypography('subheadline', breakpointsOptions, rtl),\n h6: generateTypography('caption1', breakpointsOptions, rtl),\n caption: generateTypography('caption2', breakpointsOptions, rtl),\n overline: generateTypography('caption1', breakpointsOptions, rtl),\n // button, later this definition should come from @skodaflow/web-tokens\n button: {\n fontFamily: getFontFamily(rtl),\n letterSpacing: '0.75px',\n textTransform: 'none',\n textDecoration: 'none',\n fontSize: '16px',\n fontWeight: '700',\n lineHeight: '16px',\n },\n };\n};\n"],"names":["getFontFamily","rtl","join","getTypography","element","size","typo","tokens","find","el","name","fontFamily","includes","textWrap","generateTypography","breakpointsOptions","breakpoints","createBreakpoints","up","bodyTypo","body","Object","fromEntries","map","body1","body2","h5","h6","caption","overline","button","letterSpacing","textTransform","textDecoration","fontSize","fontWeight","lineHeight"],"mappings":"uJASO,MAAMA,EAAiBC,GACrB,CAAC,cAAaA,EAAM,OAAS,IAAM,YAAa,QAAS,YAAa,cAAcC,KAAK,KAMrFC,EAAgB,CAACC,EAAiBH,EAAcI,KAC3D,MAAMC,EAAOC,EAAAA,QAAO,mBAAmBC,KAAMC,GAAOA,EAAGC,OAAS,GAAGL,GAAQ,WAAWD,KAEtF,OAAIE,EACK,IACFA,EAAY,MACfK,WAAYX,EAAcC,MAJZ,CAAC,KAAM,KAAM,KAAM,KAAM,UAAW,eAKpCW,SAASR,IAAY,CAAES,SAAU,YAEvC,MAMDC,EAAqB,CAACV,EAAiBW,EAAwCd,KAC1F,MAAMe,EAAcC,EAAAA,kBAAkBF,GAEtC,MAAO,IACFZ,EAAcC,EAASH,EAAK,SAC/B,CAACe,EAAYE,GAAG,OAAQ,IACnBf,EAAcC,EAASH,EAAK,WAEjC,CAACe,EAAYE,GAAG,OAAQ,IACnBf,EAAcC,EAASH,EAAK,sHAQD,CAACc,EAAwCd,KAC3E,MAAMkB,EAAWL,EAAmB,OAAQC,EAAoBd,GAEhE,MAAO,CACLU,WAAYX,EAAcC,GAC1BmB,KAAMD,KACHE,OAAOC,YACR,CACE,KACA,KACA,KACA,KACA,cACA,YACA,YACA,UACA,OACA,aACA,cACA,cACA,WACA,YACAC,IAAKnB,GAAY,CAACA,EAASU,EAAmBV,EAASW,EAAoBd,MAG/EuB,MAAOL,EACPM,MAAON,EACPO,GAAIZ,EAAmB,cAAeC,EAAoBd,GAC1D0B,GAAIb,EAAmB,WAAYC,EAAoBd,GACvD2B,QAASd,EAAmB,WAAYC,EAAoBd,GAC5D4B,SAAUf,EAAmB,WAAYC,EAAoBd,GAE7D6B,OAAQ,CACNnB,WAAYX,EAAcC,GAC1B8B,cAAe,SACfC,cAAe,OACfC,eAAgB,OAChBC,SAAU,OACVC,WAAY,MACZC,WAAY"}

package/cjs/node_modules/swiper/modules/a11y.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../shared/classes-to-selector.js"),t=require("../shared/utils.js");const i=e=>!!e.virtual&&!!e.params.virtual?.enabled;exports.default=({swiper:n,extendParams:s,on:a})=>{s({a11y:{enabled:!0,notificationClass:"swiper-notification",prevSlideMessage:"Previous slide",nextSlideMessage:"Next slide",firstSlideMessage:"This is the first slide",lastSlideMessage:"This is the last slide",paginationBulletMessage:"Go to slide {{index}}",slideLabelMessage:"{{index}} / {{slidesLength}}",containerMessage:null,containerRoleDescriptionMessage:null,containerRole:null,itemRoleDescriptionMessage:null,slideRole:"group",id:null,scrollOnFocus:!0,wrapperLiveRegion:!0}}),n.a11y={clicked:!1};let r,o=null,l=!1,d=(new Date).getTime();function c(){return n.params.a11y}function u(e){const i=o;i&&e&&t.x(i,e)}function p(e){t.t(e).forEach(e=>{e.setAttribute("tabIndex","0")})}function g(e){t.t(e).forEach(e=>{e.setAttribute("tabIndex","-1")})}function f(e,i){t.t(e).forEach(e=>{e.setAttribute("role",i)})}function v(e,i){t.t(e).forEach(e=>{e.setAttribute("aria-roledescription",i)})}function b(e,i){t.t(e).forEach(e=>{e.setAttribute("aria-label",i)})}function E(e){t.t(e).forEach(e=>{e.setAttribute("aria-disabled","true")})}function m(e){t.t(e).forEach(e=>{e.removeAttribute("aria-disabled")})}function h(i){if(13!==i.keyCode&&32!==i.keyCode)return;const s=c(),a=n.params.pagination,r=i.target;if(!n.pagination\|\|!n.pagination.el\|\|r!==n.pagination.el&&!n.pagination.el.contains(r)\|\|r.matches(e.c(a?.bulletClass))){if(n.navigation&&n.navigation.prevEl&&n.navigation.nextEl){const e=t.t(n.navigation.prevEl);t.t(n.navigation.nextEl).includes(r)&&(n.isEnd&&!n.params.loop\|\|n.slideNext(),n.isEnd?u(s.lastSlideMessage):u(s.nextSlideMessage)),e.includes(r)&&(n.isBeginning&&!n.params.loop\|\|n.slidePrev(),n.isBeginning?u(s.firstSlideMessage):u(s.prevSlideMessage))}n.pagination&&r.matches(e.c(a?.bulletClass))&&r.click()}}function x(){return!!(n.pagination&&n.pagination.bullets&&n.pagination.bullets.length)}function w(){const e=n.params.pagination;return x()&&!!e?.clickable}const y=(e,t,i)=>{p(e),"BUTTON"!==e.tagName&&(f(e,"button"),e.addEventListener("keydown",h)),b(e,i)},A=e=>{r&&r!==e.target&&!r.contains(e.target)&&(l=!0),n.a11y.clicked=!0},L=()=>{l=!1,requestAnimationFrame(()=>{requestAnimationFrame(()=>{n.destroyed\|\|(n.a11y.clicked=!1)})})},M=e=>{d=(new Date).getTime()};let S=[];const k=()=>{S.forEach(e=>e.removeAttribute("inert")),S=[]},I=e=>{if("Tab"!==e.key\|\|!n.params.loop\|\|n.destroyed)return;const t=e.target,s=t?.closest?.(`.${n.params.slideClass}, swiper-slide`);if(!s\|\|!n.slides.includes(s))return;const a=parseInt(s.getAttribute("data-swiper-slide-index")\|\|"",10);if(Number.isNaN(a))return;const r=i(n)?n.virtual.slides.length:n.slides.length;(e.shiftKey?0===a:a===r-1)&&(k(),n.slides.forEach(e=>{e===s\|\|e.hasAttribute("inert")\|\|(e.setAttribute("inert",""),S.push(e))}),setTimeout(k,0))},R=e=>{const t=c();if(n.a11y.clicked\|\|!t.scrollOnFocus)return;if((new Date).getTime()-d<100)return;const s=e.target.closest(`.${n.params.slideClass}, swiper-slide`);if(!s\|\|!n.slides.includes(s))return;r=s;const a=i(n),o=(a?parseInt(s.getAttribute("data-swiper-slide-index")\|\|"0",10):n.slides.indexOf(s))===n.activeIndex,u=n.params.watchSlidesProgress&&n.visibleSlides&&n.visibleSlides.includes(s);if(o\|\|u)return;const p=e.sourceCapabilities;p&&p.firesTouchEvents\|\|(n.isHorizontal()?n.el.scrollLeft=0:n.el.scrollTop=0,requestAnimationFrame(()=>{l\|\|(n.params.loop?n.slideToLoop(n.getSlideIndexWhenGrid(parseInt(s.getAttribute("data-swiper-slide-index")\|\|"0",10)),0):a?n.slideTo(n.getSlideIndexWhenGrid(parseInt(s.getAttribute("data-swiper-slide-index")\|\|"0",10)),0):n.slideTo(n.getSlideIndexWhenGrid(n.slides.indexOf(s)),0),l=!1)}))},T=()=>{const e=c();e.itemRoleDescriptionMessage&&v(n.slides,e.itemRoleDescriptionMessage),e.slideRole&&f(n.slides,e.slideRole);const t=n.slides.length,i=e.slideLabelMessage;i&&n.slides.forEach((e,s)=>{const a=n.params.loop?parseInt(e.getAttribute("data-swiper-slide-index")\|\|"0",10):s;b(e,i.replace(/\{\{index\}\}/,String(a+1)).replace(/\{\{slidesLength\}\}/,String(t)))})},C=()=>{const e=c();o&&n.el.append(o);const i=n.el;e.containerRoleDescriptionMessage&&v(i,e.containerRoleDescriptionMessage),e.containerMessage&&b(i,e.containerMessage),e.containerRole&&f(i,e.containerRole);const s=n.wrapperEl,a=String(e.id\|\|s.getAttribute("id")\|\|`swiper-wrapper-${function(e=16){return"x".repeat(e).replace(/x/g,()=>Math.round(16*Math.random()).toString(16))}(16)}`);var r,l;if(r=s,l=a,t.t(r).forEach(e=>{e.setAttribute("id",l)}),e.wrapperLiveRegion){const e=n.params.autoplay;!function(e,i){t.t(e).forEach(e=>{e.setAttribute("aria-live",i)})}(s,n.params.autoplay&&e?.enabled?"off":"polite")}T();const d=n.navigation?n.navigation:{nextEl:void 0,prevEl:void 0},u=t.t(d.nextEl),p=t.t(d.prevEl);if(u&&u.forEach(t=>y(t,0,e.nextSlideMessage)),p&&p.forEach(t=>y(t,0,e.prevSlideMessage)),w()){t.t(n.pagination.el).forEach(e=>{e.addEventListener("keydown",h)})}document.addEventListener("visibilitychange",M),n.el.addEventListener("focus",R,!0),n.el.addEventListener("keydown",I,!0),n.el.addEventListener("pointerdown",A,!0),n.el.addEventListener("pointerup",L,!0)};a("beforeInit",()=>{o=t.a("span",c().notificationClass),o.setAttribute("aria-live","assertive"),o.setAttribute("aria-atomic","true")}),a("afterInit",()=>{c().enabled&&C()}),a("slidesLengthChange snapGridLengthChange slidesGridLengthChange",()=>{c().enabled&&T()}),a("fromEdge toEdge afterInit lock unlock",()=>{c().enabled&&function(){if(n.params.loop\|\|n.params.rewind\|\|!n.navigation)return;const{nextEl:e,prevEl:t}=n.navigation;t&&(n.isBeginning?(E(t),g(t)):(m(t),p(t))),e&&(n.isEnd?(E(e),g(e)):(m(e),p(e)))}()}),a("paginationUpdate",()=>{c().enabled&&function(){const i=c();if(!x())return;const s=n.params.pagination;n.pagination.bullets.forEach(n=>{s.clickable&&(p(n),s.renderBullet\|\|(f(n,"button"),b(n,i.paginationBulletMessage.replace(/\{\{index\}\}/,String((t.b(n)??0)+1))))),n.matches(e.c(s.bulletActiveClass))?n.setAttribute("aria-current","true"):n.removeAttribute("aria-current")})}()}),a("destroy",()=>{c().enabled&&function(){o&&o.remove();const e=n.navigation?n.navigation:{nextEl:void 0,prevEl:void 0},i=t.t(e.nextEl),s=t.t(e.prevEl);i&&i.forEach(e=>e.removeEventListener("keydown",h)),s&&s.forEach(e=>e.removeEventListener("keydown",h)),w()&&t.t(n.pagination.el).forEach(e=>{e.removeEventListener("keydown",h)});document.removeEventListener("visibilitychange",M),n.el&&"string"!=typeof n.el&&(n.el.removeEventListener("focus",R,!0),n.el.removeEventListener("keydown",I,!0),n.el.removeEventListener("pointerdown",A,!0),n.el.removeEventListener("pointerup",L,!0)),k()}()})};
2	+ //# sourceMappingURL=a11y.js.map