@skodaflow/web-library 8.2.0 → 8.3.1

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

@@ -1 +1 @@
-{"version":3,"file":"inputLabel.theme.js","sources":["../../../../../src/materialui/textfield/inputLabel.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowInputLabel: Components<Theme>['MuiInputLabel'] = {\n  defaultProps: {},\n  styleOverrides: {\n    root: ({ theme, ownerState }) => ({\n      // remove pointer events to prevent blur and focus formControl\n      pointerEvents: 'none',\n      transition: 'inherit',\n      color: 'inherit',\n      [theme.breakpoints.up('xs')]: {\n        fontSize: '16px',\n        lineHeight: '24px',\n        fontWeight: '400',\n      },\n      ...(ownerState['data-variant'] === 'static' && {\n        ...theme.typography.caption1,\n        position: 'static',\n        '&, &&.MuiInputLabel-shrink': {\n          transform: 'none',\n        },\n        userSelect: 'text',\n        cursor: 'auto',\n        pointerEvents: 'auto',\n        transition: 'none',\n        padding: '0 8px 4px',\n        // overwrite higher priority style from formLabel\n        '&:not(.Mui-disabled):not(.Mui-error)': {\n          color: theme.palette.text.primary,\n        },\n      }),\n    }),\n    filled: {\n      transform: 'translate(12px, 18px) scale(1)',\n      '&.MuiInputLabel-shrink': {\n        transform: 'translate(12px, 7px) scale(0.75)',\n      },\n      '&.MuiInputLabel-sizeSmall': {\n        transform: 'translate(12px, 13px) scale(1)',\n        '&.MuiInputLabel-shrink': {\n          transform: 'translate(12px, 7px) scale(0.75)',\n        },\n      },\n      '&:has(+ .MuiInputBase-adornedStart .MuiInputAdornment-positionStart)': {\n        transform: 'translate(44px, 18px) scale(1)',\n        '&.MuiInputLabel-sizeSmall': {\n          transform: 'translate(44px, 13px) scale(1);',\n        },\n        '&.MuiInputLabel-shrink': {\n          transform: 'translate(44px, 7px) scale(0.75)',\n        },\n      },\n    },\n    outlined: {\n      '&:has(+ .MuiInputBase-adornedStart .MuiInputAdornment-positionStart)': {\n        transform: 'translate(44px, 16px) scale(1);',\n        '&.MuiInputLabel-sizeSmall': {\n          transform: 'translate(44px, 9px) scale(1);',\n        },\n        '&.MuiInputLabel-shrink': {\n          transform: 'translate(14px, -9px) scale(0.75);',\n        },\n      },\n    },\n    standard: {\n      '&:has(+ .MuiInputBase-adornedStart)': {\n        transform: 'translate(32px, 20px) scale(1);',\n        '&.MuiInputLabel-sizeSmall': {\n          transform: 'translate(32px, 18px) scale(1);',\n        },\n        '&.MuiInputLabel-shrink': {\n          transform: 'translate(0, -1.5px) scale(0.75)',\n        },\n      },\n    },\n  },\n};\n"],"names":["defaultProps","styleOverrides","root","theme","ownerState","pointerEvents","transition","color","breakpoints","up","fontSize","lineHeight","fontWeight","typography","caption1","position","transform","userSelect","cursor","padding","palette","text","primary","filled","outlined","standard"],"mappings":"oCAEkE,CAChEA,aAAc,CAAA,EACdC,eAAgB,CACdC,KAAM,EAAGC,QAAOC,iBAAY,CAE1BC,cAAe,OACfC,WAAY,UACZC,MAAO,UACP,CAACJ,EAAMK,YAAYC,GAAG,OAAQ,CAC5BC,SAAU,OACVC,WAAY,OACZC,WAAY,UAEqB,WAA/BR,EAAW,iBAAgC,IAC1CD,EAAMU,WAAWC,SACpBC,SAAU,SACV,6BAA8B,CAC5BC,UAAW,QAEbC,WAAY,OACZC,OAAQ,OACRb,cAAe,OACfC,WAAY,OACZa,QAAS,YAET,uCAAwC,CACtCZ,MAAOJ,EAAMiB,QAAQC,KAAKC,YAIhCC,OAAQ,CACNP,UAAW,iCACX,yBAA0B,CACxBA,UAAW,oCAEb,4BAA6B,CAC3BA,UAAW,iCACX,yBAA0B,CACxBA,UAAW,qCAGf,uEAAwE,CACtEA,UAAW,iCACX,4BAA6B,CAC3BA,UAAW,mCAEb,yBAA0B,CACxBA,UAAW,sCAIjBQ,SAAU,CACR,uEAAwE,CACtER,UAAW,kCACX,4BAA6B,CAC3BA,UAAW,kCAEb,yBAA0B,CACxBA,UAAW,wCAIjBS,SAAU,CACR,sCAAuC,CACrCT,UAAW,kCACX,4BAA6B,CAC3BA,UAAW,mCAEb,yBAA0B,CACxBA,UAAW"}
+{"version":3,"file":"inputLabel.theme.js","sources":["../../../../../src/materialui/textfield/inputLabel.theme.ts"],"sourcesContent":["import { Components, Theme } from '@mui/material/styles';\n\nexport const flowInputLabel: Components<Theme>['MuiInputLabel'] = {\n  defaultProps: {},\n  styleOverrides: {\n    root: ({ theme, ownerState }) => ({\n      // remove pointer events to prevent blur and focus formControl\n      pointerEvents: 'none',\n      transition: 'inherit',\n      color: 'inherit',\n      [theme.breakpoints.up('xs')]: {\n        fontSize: '16px',\n        lineHeight: '24px',\n        fontWeight: '400',\n      },\n      ...(ownerState['data-variant'] === 'static' && {\n        ...theme.typography.caption1,\n        position: 'static',\n        '&, &&.MuiInputLabel-shrink': {\n          transform: 'none',\n        },\n        userSelect: 'text',\n        cursor: 'auto',\n        pointerEvents: 'auto',\n        transition: 'none',\n        padding: '0 8px 4px',\n        // overwrite higher priority style from formLabel\n        '&:not(.Mui-disabled):not(.Mui-error)': {\n          color: theme.palette.text.primary,\n        },\n      }),\n    }),\n    filled: (ownerState) => ({\n      transform: 'translate(12px, 18px) scale(1)',\n      '&.MuiInputLabel-shrink': {\n        transform: 'translate(12px, 7px) scale(0.75)',\n      },\n      '&.MuiInputLabel-sizeSmall': {\n        transform: 'translate(12px, 13px) scale(1)',\n        '&.MuiInputLabel-shrink': {\n          transform: 'translate(12px, 7px) scale(0.75)',\n        },\n      },\n      ...(ownerState['data-variant'] !== 'static' && {\n        '&:has(+ .MuiInputBase-adornedStart .MuiInputAdornment-positionStart)': {\n          transform: 'translate(44px, 18px) scale(1)',\n          '&.MuiInputLabel-sizeSmall': {\n            transform: 'translate(44px, 13px) scale(1);',\n          },\n          '&.MuiInputLabel-shrink': {\n            transform: 'translate(44px, 7px) scale(0.75)',\n          },\n        },\n      }),\n    }),\n    outlined: (ownerState) => ({\n      ...(ownerState['data-variant'] === 'static'\n        ? {\n            // do not show 'border space' created by legend where normally labels go in\n            '& + .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline legend': {\n              width: '0',\n            },\n          }\n        : {\n            '&:has(+ .MuiInputBase-adornedStart .MuiInputAdornment-positionStart)': {\n              transform: 'translate(44px, 16px) scale(1);',\n              '&.MuiInputLabel-sizeSmall': {\n                transform: 'translate(44px, 9px) scale(1);',\n              },\n              '&.MuiInputLabel-shrink': {\n                transform: 'translate(14px, -9px) scale(0.75);',\n              },\n            },\n          }),\n    }),\n    standard: ({ ownerState }) => ({\n      ...(ownerState['data-variant'] === 'static'\n        ? {\n            padding: '0',\n            '& + .MuiInputBase-root': {\n              marginTop: '0',\n            },\n          }\n        : {\n            '&:has(+ .MuiInputBase-adornedStart)': {\n              transform: 'translate(32px, 20px) scale(1);',\n              '&.MuiInputLabel-sizeSmall': {\n                transform: 'translate(32px, 18px) scale(1);',\n              },\n              '&.MuiInputLabel-shrink': {\n                transform: 'translate(0, -1.5px) scale(0.75)',\n              },\n            },\n          }),\n    }),\n  },\n};\n"],"names":["defaultProps","styleOverrides","root","theme","ownerState","pointerEvents","transition","color","breakpoints","up","fontSize","lineHeight","fontWeight","typography","caption1","position","transform","userSelect","cursor","padding","palette","text","primary","filled","outlined","width","standard","marginTop"],"mappings":"oCAEkE,CAChEA,aAAc,CAAA,EACdC,eAAgB,CACdC,KAAM,EAAGC,QAAOC,iBAAY,CAE1BC,cAAe,OACfC,WAAY,UACZC,MAAO,UACP,CAACJ,EAAMK,YAAYC,GAAG,OAAQ,CAC5BC,SAAU,OACVC,WAAY,OACZC,WAAY,UAEqB,WAA/BR,EAAW,iBAAgC,IAC1CD,EAAMU,WAAWC,SACpBC,SAAU,SACV,6BAA8B,CAC5BC,UAAW,QAEbC,WAAY,OACZC,OAAQ,OACRb,cAAe,OACfC,WAAY,OACZa,QAAS,YAET,uCAAwC,CACtCZ,MAAOJ,EAAMiB,QAAQC,KAAKC,YAIhCC,OAASnB,IAAU,CACjBY,UAAW,iCACX,yBAA0B,CACxBA,UAAW,oCAEb,4BAA6B,CAC3BA,UAAW,iCACX,yBAA0B,CACxBA,UAAW,wCAGoB,WAA/BZ,EAAW,iBAAgC,CAC7C,uEAAwE,CACtEY,UAAW,iCACX,4BAA6B,CAC3BA,UAAW,mCAEb,yBAA0B,CACxBA,UAAW,wCAKnBQ,SAAWpB,IAAU,IACgB,WAA/BA,EAAW,gBACX,CAEE,qEAAsE,CACpEqB,MAAO,MAGX,CACE,uEAAwE,CACtET,UAAW,kCACX,4BAA6B,CAC3BA,UAAW,kCAEb,yBAA0B,CACxBA,UAAW,0CAKvBU,SAAU,EAAGtB,iBAAY,IACY,WAA/BA,EAAW,gBACX,CACEe,QAAS,IACT,yBAA0B,CACxBQ,UAAW,MAGf,CACE,sCAAuC,CACrCX,UAAW,kCACX,4BAA6B,CAC3BA,UAAW,mCAEb,yBAA0B,CACxBA,UAAW"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("@skodaflow/web-tokens/src/tokens.json"),r=require("./paletteLight.theme.js");function t(e){return e&&e.__esModule?e:{default:e}}const a=t(e).default["flow-colors"],o={...r.paletteLight,mode:"dark",text:{...r.paletteLight.text,primary:a["on-surface0"],secondary:a["on-surface200"]},background:{...r.paletteLight.background,primary:a["on-surface900"],paper:a["on-surface900"]},surface:{...r.paletteLight.surface,primary:"#232425",secondary:a["on-surface600"]},divider:a["on-surface600"]};o.transparent.toString=()=>"transparent",exports.paletteDark=o;
+"use strict";var e=require("@skodaflow/web-tokens/src/tokens.json"),r=require("./paletteLight.theme.js");function t(e){return e&&e.__esModule?e:{default:e}}const a=t(e).default["flow-colors"],o={...r.paletteLight,mode:"dark",text:{...r.paletteLight.text,primary:a["on-surface0"],secondary:a["on-surface200"]},background:{...r.paletteLight.background,primary:a["on-surface900"],paper:a["on-surface900"]},surface:{...r.paletteLight.surface,primary:"#232425",secondary:a["on-surface600"]},divider:a["on-surface600"]};exports.paletteDark=o;
 //# sourceMappingURL=paletteDark.theme.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"paletteDark.theme.js","sources":["../../../../../src/materialui/theme/paletteDark.theme.ts"],"sourcesContent":["import { PaletteOptions } from '@mui/material/styles';\nimport tokens from '@skodaflow/web-tokens/src/tokens.json';\nimport { paletteLight } from './paletteLight.theme';\n\nconst tokenColors = tokens['flow-colors'];\n\nexport const paletteDark: PaletteOptions = {\n  ...paletteLight,\n  mode: 'dark',\n  text: {\n    ...paletteLight.text,\n    // white\n    primary: tokenColors['on-surface0'],\n    secondary: tokenColors['on-surface200'],\n  },\n  background: {\n    ...paletteLight.background,\n    // dark grey\n    primary: tokenColors['on-surface900'],\n    paper: tokenColors['on-surface900'],\n  },\n  surface: {\n    ...paletteLight.surface,\n    primary: '#232425', // os850\n    secondary: tokenColors['on-surface600'],\n  },\n  divider: tokenColors['on-surface600'],\n};\npaletteDark.transparent.toString = () => 'transparent';\n"],"names":["tokenColors","tokens","paletteDark","paletteLight","mode","text","primary","secondary","background","paper","surface","divider","transparent","toString"],"mappings":"4JAIA,MAAMA,OAAcC,QAAO,eAEdC,EAA8B,IACtCC,EAAAA,aACHC,KAAM,OACNC,KAAM,IACDF,EAAAA,aAAaE,KAEhBC,QAASN,EAAY,eACrBO,UAAWP,EAAY,kBAEzBQ,WAAY,IACPL,EAAAA,aAAaK,WAEhBF,QAASN,EAAY,iBACrBS,MAAOT,EAAY,kBAErBU,QAAS,IACJP,EAAAA,aAAaO,QAChBJ,QAAS,UACTC,UAAWP,EAAY,kBAEzBW,QAASX,EAAY,kBAEvBE,EAAYU,YAAYC,SAAW,IAAM"}
+{"version":3,"file":"paletteDark.theme.js","sources":["../../../../../src/materialui/theme/paletteDark.theme.ts"],"sourcesContent":["import { PaletteOptions } from '@mui/material/styles';\nimport tokens from '@skodaflow/web-tokens/src/tokens.json';\nimport { paletteLight } from './paletteLight.theme';\n\nconst tokenColors = tokens['flow-colors'];\n\nexport const paletteDark: PaletteOptions = {\n  ...paletteLight,\n  mode: 'dark',\n  text: {\n    ...paletteLight.text,\n    // white\n    primary: tokenColors['on-surface0'],\n    secondary: tokenColors['on-surface200'],\n  },\n  background: {\n    ...paletteLight.background,\n    // dark grey\n    primary: tokenColors['on-surface900'],\n    paper: tokenColors['on-surface900'],\n  },\n  surface: {\n    ...paletteLight.surface,\n    primary: '#232425', // os850\n    secondary: tokenColors['on-surface600'],\n  },\n  divider: tokenColors['on-surface600'],\n};\n"],"names":["tokenColors","tokens","paletteDark","paletteLight","mode","text","primary","secondary","background","paper","surface","divider"],"mappings":"4JAIA,MAAMA,OAAcC,QAAO,eAEdC,EAA8B,IACtCC,EAAAA,aACHC,KAAM,OACNC,KAAM,IACDF,EAAAA,aAAaE,KAEhBC,QAASN,EAAY,eACrBO,UAAWP,EAAY,kBAEzBQ,WAAY,IACPL,EAAAA,aAAaK,WAEhBF,QAASN,EAAY,iBACrBS,MAAOT,EAAY,kBAErBU,QAAS,IACJP,EAAAA,aAAaO,QAChBJ,QAAS,UACTC,UAAWP,EAAY,kBAEzBW,QAASX,EAAY"}

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

@@ -1,5 +1,6 @@
 import { BoxProps, SvgIconProps, DialogProps, IconButtonProps, ChipProps } from '@mui/material';
 import { ComponentType, CSSProperties, ElementType } from 'react';
+import type { SpinnerProps } from '../../components/progress/Spinner';
 declare module '@mui/material/styles' {
     interface TypographyVariants {
         display: CSSProperties;
@@ -425,6 +426,15 @@ declare module '@mui/material/Card' {
          * @default false
          */
         disabled?: boolean;
+        /**
+         * Displays a loading spinner in place of the icon and blocks interactions
+         * @default false
+         */
+        loading?: boolean;
+        /**
+         * Properties applied to the loading Spinner component
+         */
+        loadingProps?: SpinnerProps;
     }
 }
 declare module '@mui/material/FormHelperText' {

package/cjs/materialui/themeProvider/baseline.theme.js

@@ -1,2 +1,2 @@
-"use strict";var t=require("@skodaflow/web-tokens/src/tokens.json"),o=require("../typography/typography.theme.js"),r=require("./fonts.js");function n(t){return t&&t.__esModule?t:{default:t}}var e=n(t);const f=(t,n,f,l)=>{const a={...t?{background:"unset",color:l.palette.text.primary,...o.generateTypography("body",n,f)}:{body:{background:"dark"===l.palette.mode?l.palette.onSurface.os900:l.palette.common.white,color:l.palette.text.primary}},[t?"&, *":"*"]:{"@supports not selector(::-webkit-scrollbar)":{scrollbarWidth:"thin",scrollbarColor:l.palette.onSurface.os500},"::-webkit-scrollbar":{border:"2px solid transparent",width:"8px",height:"8px"},"::-webkit-scrollbar-thumb":{border:"2px solid transparent",borderRadius:"100px",background:l.palette.onSurface.os500,backgroundClip:"content-box"},":not(.notracks)::-webkit-scrollbar-track":{border:"2px solid transparent",borderRadius:"100px",background:l.palette.surface.primary,backgroundClip:"content-box"},"::-webkit-scrollbar-button":{display:"none"},"::-webkit-scrollbar-corner":{backgroundColor:"transparent"},"@media not all and (min-resolution: 0.001dpcm)":{"@supports (-webkit-appearance: none)":{"[style*='overflow:hidden'], [style*='overflow: hidden']":{touchAction:"none"}}}},fallbacks:Object.values(r.fonts).filter(Boolean).length?[{"@font-face":{fontFamily:"SKODA Next"+(f?" R2L":""),src:`\n                url('${f?r.fonts?.rtlFontLightWoff2:r.fonts?.fontLightWoff2}') format('woff2'),\n                url('${f?r.fonts?.rtlFontLightWoff:r.fonts?.fontLightWoff}') format('woff'),\n                url('${f?r.fonts?.rtlFontLightTtf:r.fonts?.fontLightTtf}') format('truetype')\n              `,fontStyle:"normal",fontWeight:"300"}},{"@font-face":{fontFamily:"SKODA Next"+(f?" R2L":""),src:`\n                url('${f?r.fonts?.rtlFontRegularWoff2:r.fonts?.fontRegularWoff2}') format('woff2'),\n                url('${f?r.fonts?.rtlFontRegularWoff:r.fonts?.fontRegularWoff}') format('woff'),\n                url('${f?r.fonts?.rtlFontRegularTtf:r.fonts?.fontRegularTtf}') format('truetype')\n              `,fontStyle:"normal",fontWeight:"400"}},{"@font-face":{fontFamily:"SKODA Next"+(f?" R2L":""),src:`\n                url('${f?r.fonts?.rtlFontBoldWoff2:r.fonts?.fontBoldWoff2}') format('woff2'),\n                url('${f?r.fonts?.rtlFontBoldWoff:r.fonts?.fontBoldWoff}') format('woff'),\n                url('${f?r.fonts?.rtlFontBoldTtf:r.fonts?.fontBoldTtf}') format('truetype')\n              `,fontStyle:"normal",fontWeight:"700"}},{"@font-face":{fontFamily:"SKODA Next"+(f?" R2L":""),src:`\n                url('${f?r.fonts?.rtlFontBlackWoff2:r.fonts?.fontBlackWoff2}') format('woff2'),\n                url('${f?r.fonts?.rtlFontBlackWoff:r.fonts?.fontBlackWoff}') format('woff'),\n                url('${f?r.fonts?.rtlFontBlackTtf:r.fonts?.fontBlackTtf}') format('truetype')\n              `,fontStyle:"normal",fontWeight:"900"}}]:[]};return e.default["flow-typography"].forEach(r=>{const e=`${"list"===r.name.split("-")[1]?"typography-":""}${r.name.split("-")[1]}`;a[`${e}${t?':not([class^="Mui"])':""}, .${e}`]=o.generateTypography(e,n,f)}),a};exports.getFlowCssBaseline=(t,o)=>({styleOverrides:r=>f(!1,t,o,r)}),exports.getFlowCssBaselineRoot=f,exports.getFlowScopedCssBaseline=(t,o)=>({styleOverrides:{root:({theme:r})=>f(!0,t,o,r)}});
+"use strict";var t=require("@skodaflow/web-tokens/src/tokens.json"),o=require("../typography/typography.theme.js"),n=require("./fonts.js");function r(t){return t&&t.__esModule?t:{default:t}}var e=r(t);const f=(t,r,f,l)=>{const a={...t?{background:"unset",color:l.palette.text.primary,...o.generateTypography("body",r,f)}:{body:{background:"dark"===l.palette.mode?l.palette.onSurface.os900:l.palette.common.white,color:l.palette.text.primary}},[t?"&, *":"*"]:{"@supports not selector(::-webkit-scrollbar)":{scrollbarWidth:"thin",scrollbarColor:l.palette.onSurface.os500},"::-webkit-scrollbar":{border:"2px solid transparent",width:"8px",height:"8px"},"::-webkit-scrollbar-thumb":{border:"2px solid transparent",borderRadius:"100px",background:l.palette.onSurface.os500,backgroundClip:"content-box"},":not(.notracks)::-webkit-scrollbar-track":{border:"2px solid transparent",borderRadius:"100px",background:l.palette.surface.primary,backgroundClip:"content-box"},"::-webkit-scrollbar-button":{display:"none"},"::-webkit-scrollbar-corner":{backgroundColor:"transparent"},"@media not all and (min-resolution: 0.001dpcm)":{"@supports (-webkit-appearance: none)":{"[style*='overflow:hidden'], [style*='overflow: hidden']":{touchAction:"none"}}}},code:{fontFamily:"monospace",fontSize:"12px",fontWeight:"400",lineHeight:"18px",whiteSpace:"pre"},blockquote:{margin:0,paddingLeft:l.spacing(2),borderLeft:`4px solid ${l.palette.brand.secondary}`},fallbacks:Object.values(n.fonts).filter(Boolean).length?[{"@font-face":{fontFamily:"SKODA Next"+(f?" R2L":""),src:`\n                url('${f?n.fonts?.rtlFontLightWoff2:n.fonts?.fontLightWoff2}') format('woff2'),\n                url('${f?n.fonts?.rtlFontLightWoff:n.fonts?.fontLightWoff}') format('woff'),\n                url('${f?n.fonts?.rtlFontLightTtf:n.fonts?.fontLightTtf}') format('truetype')\n              `,fontStyle:"normal",fontWeight:"300",fontDisplay:"swap"}},{"@font-face":{fontFamily:"SKODA Next"+(f?" R2L":""),src:`\n                url('${f?n.fonts?.rtlFontRegularWoff2:n.fonts?.fontRegularWoff2}') format('woff2'),\n                url('${f?n.fonts?.rtlFontRegularWoff:n.fonts?.fontRegularWoff}') format('woff'),\n                url('${f?n.fonts?.rtlFontRegularTtf:n.fonts?.fontRegularTtf}') format('truetype')\n              `,fontStyle:"normal",fontWeight:"400",fontDisplay:"swap"}},{"@font-face":{fontFamily:"SKODA Next"+(f?" R2L":""),src:`\n                url('${f?n.fonts?.rtlFontBoldWoff2:n.fonts?.fontBoldWoff2}') format('woff2'),\n                url('${f?n.fonts?.rtlFontBoldWoff:n.fonts?.fontBoldWoff}') format('woff'),\n                url('${f?n.fonts?.rtlFontBoldTtf:n.fonts?.fontBoldTtf}') format('truetype')\n              `,fontStyle:"normal",fontWeight:"700",fontDisplay:"swap"}},{"@font-face":{fontFamily:"SKODA Next"+(f?" R2L":""),src:`\n                url('${f?n.fonts?.rtlFontBlackWoff2:n.fonts?.fontBlackWoff2}') format('woff2'),\n                url('${f?n.fonts?.rtlFontBlackWoff:n.fonts?.fontBlackWoff}') format('woff'),\n                url('${f?n.fonts?.rtlFontBlackTtf:n.fonts?.fontBlackTtf}') format('truetype')\n              `,fontStyle:"normal",fontWeight:"900",fontDisplay:"swap"}}]:[]};return e.default["flow-typography"].forEach(n=>{const e=`${"list"===n.name.split("-")[1]?"typography-":""}${n.name.split("-")[1]}`;a[`${e}${t?':not([class^="Mui"])':""}, .${e}`]=o.generateTypography(e,r,f)}),a};exports.getFlowCssBaseline=(t,o)=>({styleOverrides:n=>f(!1,t,o,n)}),exports.getFlowCssBaselineRoot=f,exports.getFlowScopedCssBaseline=(t,o)=>({styleOverrides:{root:({theme:n})=>f(!0,t,o,n)}});
 //# sourceMappingURL=baseline.theme.js.map

package/cjs/materialui/themeProvider/baseline.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"baseline.theme.js","sources":["../../../../../src/materialui/themeProvider/baseline.theme.ts"],"sourcesContent":["import tokens from '@skodaflow/web-tokens/src/tokens.json';\nimport { generateTypography } from '../typography/typography.theme';\nimport { BreakpointsOptions, Components, Theme, CSSObject } from '@mui/material';\nimport { fonts } from './fonts';\n\nexport const getFlowCssBaselineRoot = (\n  scoped: boolean,\n  breakpointsOptions: BreakpointsOptions,\n  rtl: boolean,\n  theme: Theme,\n  // eslint-disable-next-line sonarjs/cognitive-complexity\n) => {\n  const baseline: CSSObject = {\n    ...(scoped\n      ? {\n          background: 'unset',\n          color: theme.palette.text.primary,\n          ...generateTypography('body', breakpointsOptions, rtl),\n        }\n      : {\n          body: {\n            background: theme.palette.mode === 'dark' ? theme.palette.onSurface.os900 : theme.palette.common.white,\n            color: theme.palette.text.primary,\n          },\n        }),\n    [scoped ? `&, *` : `*`]: {\n      // apply scrollbar-* properties only when webkit-scrollbar is not supported\n      //  otherwise Chrome since version 121 will not apply style https://stackoverflow.com/a/77931548\n      '@supports not selector(::-webkit-scrollbar)': {\n        scrollbarWidth: 'thin',\n        scrollbarColor: theme.palette.onSurface.os500,\n      },\n      '::-webkit-scrollbar': {\n        border: '2px solid transparent',\n        width: '8px',\n        height: '8px',\n      },\n      '::-webkit-scrollbar-thumb': {\n        border: '2px solid transparent',\n        borderRadius: '100px',\n        background: theme.palette.onSurface.os500,\n        backgroundClip: 'content-box',\n      },\n      ':not(.notracks)::-webkit-scrollbar-track': {\n        border: '2px solid transparent',\n        borderRadius: '100px',\n        background: theme.palette.surface.primary,\n        backgroundClip: 'content-box',\n      },\n      '::-webkit-scrollbar-button': {\n        display: 'none',\n      },\n      '::-webkit-scrollbar-corner': {\n        backgroundColor: 'transparent',\n      },\n      // Fix scroll bug on Safari\n      // https://github.com/mui/material-ui/issues/5750\n      '@media not all and (min-resolution: 0.001dpcm)': {\n        '@supports (-webkit-appearance: none)': {\n          \"[style*='overflow:hidden'], [style*='overflow: hidden']\": {\n            touchAction: 'none',\n          },\n        },\n      },\n    },\n    // provide fonts\n    fallbacks: !Object.values(fonts).filter(Boolean).length\n      ? []\n      : [\n          {\n            '@font-face': {\n              fontFamily: `SKODA Next${rtl ? ' R2L' : ''}`,\n              src: `\n                url('${rtl ? fonts?.rtlFontLightWoff2 : fonts?.fontLightWoff2}') format('woff2'),\n                url('${rtl ? fonts?.rtlFontLightWoff : fonts?.fontLightWoff}') format('woff'),\n                url('${rtl ? fonts?.rtlFontLightTtf : fonts?.fontLightTtf}') format('truetype')\n              `,\n              fontStyle: 'normal',\n              fontWeight: '300',\n            },\n          },\n          {\n            '@font-face': {\n              fontFamily: `SKODA Next${rtl ? ' R2L' : ''}`,\n              src: `\n                url('${rtl ? fonts?.rtlFontRegularWoff2 : fonts?.fontRegularWoff2}') format('woff2'),\n                url('${rtl ? fonts?.rtlFontRegularWoff : fonts?.fontRegularWoff}') format('woff'),\n                url('${rtl ? fonts?.rtlFontRegularTtf : fonts?.fontRegularTtf}') format('truetype')\n              `,\n              fontStyle: 'normal',\n              fontWeight: '400',\n            },\n          },\n          {\n            '@font-face': {\n              fontFamily: `SKODA Next${rtl ? ' R2L' : ''}`,\n              src: `\n                url('${rtl ? fonts?.rtlFontBoldWoff2 : fonts?.fontBoldWoff2}') format('woff2'),\n                url('${rtl ? fonts?.rtlFontBoldWoff : fonts?.fontBoldWoff}') format('woff'),\n                url('${rtl ? fonts?.rtlFontBoldTtf : fonts?.fontBoldTtf}') format('truetype')\n              `,\n              fontStyle: 'normal',\n              fontWeight: '700',\n            },\n          },\n          {\n            '@font-face': {\n              fontFamily: `SKODA Next${rtl ? ' R2L' : ''}`,\n              src: `\n                url('${rtl ? fonts?.rtlFontBlackWoff2 : fonts?.fontBlackWoff2}') format('woff2'),\n                url('${rtl ? fonts?.rtlFontBlackWoff : fonts?.fontBlackWoff}') format('woff'),\n                url('${rtl ? fonts?.rtlFontBlackTtf : fonts?.fontBlackTtf}') format('truetype')\n              `,\n              fontStyle: 'normal',\n              fontWeight: '900',\n            },\n          },\n        ],\n  };\n\n  tokens['flow-typography'].forEach((t) => {\n    const el = `${t.name.split('-')[1] === 'list' ? 'typography-' : ''}${t.name.split('-')[1]}`;\n    // apply style to plain html tags h1 and classes (.h1)\n    //  for ScopedCssBaseline we are applying to tags that outside mui in order\n    //  not to introduce css selector with too importance that does not allow overwrites\n    //  with direct sx styling\n    const key = `${el}${scoped ? ':not([class^=\"Mui\"])' : ''}, .${el}`;\n    baseline[key] = generateTypography(el, breakpointsOptions, rtl);\n  });\n\n  return baseline;\n};\n\nexport const getFlowScopedCssBaseline = (\n  breakpointsOptions: BreakpointsOptions,\n  rtl: boolean,\n): Components<Theme>['MuiScopedCssBaseline'] => ({\n  styleOverrides: {\n    root: ({ theme }) => getFlowCssBaselineRoot(true, breakpointsOptions, rtl, theme),\n  },\n});\n\nexport const getFlowCssBaseline = (\n  breakpointsOptions: BreakpointsOptions,\n  rtl: boolean,\n): Components<Theme>['MuiCssBaseline'] => ({\n  styleOverrides: (theme) => getFlowCssBaselineRoot(false, breakpointsOptions, rtl, theme),\n});\n"],"names":["getFlowCssBaselineRoot","scoped","breakpointsOptions","rtl","theme","baseline","background","color","palette","text","primary","generateTypography","body","mode","onSurface","os900","common","white","scrollbarWidth","scrollbarColor","os500","border","width","height","borderRadius","backgroundClip","surface","display","backgroundColor","touchAction","fallbacks","Object","values","fonts","filter","Boolean","length","fontFamily","src","rtlFontLightWoff2","fontLightWoff2","rtlFontLightWoff","fontLightWoff","rtlFontLightTtf","fontLightTtf","fontStyle","fontWeight","rtlFontRegularWoff2","fontRegularWoff2","rtlFontRegularWoff","fontRegularWoff","rtlFontRegularTtf","fontRegularTtf","rtlFontBoldWoff2","fontBoldWoff2","rtlFontBoldWoff","fontBoldWoff","rtlFontBoldTtf","fontBoldTtf","rtlFontBlackWoff2","fontBlackWoff2","rtlFontBlackWoff","fontBlackWoff","rtlFontBlackTtf","fontBlackTtf","tokens","forEach","t","el","name","split","styleOverrides","root"],"mappings":"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"}
+{"version":3,"file":"baseline.theme.js","sources":["../../../../../src/materialui/themeProvider/baseline.theme.ts"],"sourcesContent":["import tokens from '@skodaflow/web-tokens/src/tokens.json';\nimport { generateTypography } from '../typography/typography.theme';\nimport { BreakpointsOptions, Components, Theme, CSSObject } from '@mui/material';\nimport { fonts } from './fonts';\n\nexport const getFlowCssBaselineRoot = (\n  scoped: boolean,\n  breakpointsOptions: BreakpointsOptions,\n  rtl: boolean,\n  theme: Theme,\n  // eslint-disable-next-line sonarjs/cognitive-complexity\n) => {\n  const baseline: CSSObject = {\n    ...(scoped\n      ? {\n          background: 'unset',\n          color: theme.palette.text.primary,\n          ...generateTypography('body', breakpointsOptions, rtl),\n        }\n      : {\n          body: {\n            background: theme.palette.mode === 'dark' ? theme.palette.onSurface.os900 : theme.palette.common.white,\n            color: theme.palette.text.primary,\n          },\n        }),\n    [scoped ? `&, *` : `*`]: {\n      // apply scrollbar-* properties only when webkit-scrollbar is not supported\n      //  otherwise Chrome since version 121 will not apply style https://stackoverflow.com/a/77931548\n      '@supports not selector(::-webkit-scrollbar)': {\n        scrollbarWidth: 'thin',\n        scrollbarColor: theme.palette.onSurface.os500,\n      },\n      '::-webkit-scrollbar': {\n        border: '2px solid transparent',\n        width: '8px',\n        height: '8px',\n      },\n      '::-webkit-scrollbar-thumb': {\n        border: '2px solid transparent',\n        borderRadius: '100px',\n        background: theme.palette.onSurface.os500,\n        backgroundClip: 'content-box',\n      },\n      ':not(.notracks)::-webkit-scrollbar-track': {\n        border: '2px solid transparent',\n        borderRadius: '100px',\n        background: theme.palette.surface.primary,\n        backgroundClip: 'content-box',\n      },\n      '::-webkit-scrollbar-button': {\n        display: 'none',\n      },\n      '::-webkit-scrollbar-corner': {\n        backgroundColor: 'transparent',\n      },\n      // Fix scroll bug on Safari\n      // https://github.com/mui/material-ui/issues/5750\n      '@media not all and (min-resolution: 0.001dpcm)': {\n        '@supports (-webkit-appearance: none)': {\n          \"[style*='overflow:hidden'], [style*='overflow: hidden']\": {\n            touchAction: 'none',\n          },\n        },\n      },\n    },\n    // monospace baseline for inline and block code, not a component, just a global style like the scrollbar above\n    code: {\n      fontFamily: 'monospace',\n      fontSize: '12px',\n      fontWeight: '400',\n      lineHeight: '18px',\n      whiteSpace: 'pre',\n    },\n    blockquote: {\n      margin: 0,\n      paddingLeft: theme.spacing(2),\n      borderLeft: `4px solid ${theme.palette.brand.secondary}`,\n    },\n    // provide fonts\n    fallbacks: !Object.values(fonts).filter(Boolean).length\n      ? []\n      : [\n          {\n            '@font-face': {\n              fontFamily: `SKODA Next${rtl ? ' R2L' : ''}`,\n              src: `\n                url('${rtl ? fonts?.rtlFontLightWoff2 : fonts?.fontLightWoff2}') format('woff2'),\n                url('${rtl ? fonts?.rtlFontLightWoff : fonts?.fontLightWoff}') format('woff'),\n                url('${rtl ? fonts?.rtlFontLightTtf : fonts?.fontLightTtf}') format('truetype')\n              `,\n              fontStyle: 'normal',\n              fontWeight: '300',\n              fontDisplay: 'swap',\n            },\n          },\n          {\n            '@font-face': {\n              fontFamily: `SKODA Next${rtl ? ' R2L' : ''}`,\n              src: `\n                url('${rtl ? fonts?.rtlFontRegularWoff2 : fonts?.fontRegularWoff2}') format('woff2'),\n                url('${rtl ? fonts?.rtlFontRegularWoff : fonts?.fontRegularWoff}') format('woff'),\n                url('${rtl ? fonts?.rtlFontRegularTtf : fonts?.fontRegularTtf}') format('truetype')\n              `,\n              fontStyle: 'normal',\n              fontWeight: '400',\n              fontDisplay: 'swap',\n            },\n          },\n          {\n            '@font-face': {\n              fontFamily: `SKODA Next${rtl ? ' R2L' : ''}`,\n              src: `\n                url('${rtl ? fonts?.rtlFontBoldWoff2 : fonts?.fontBoldWoff2}') format('woff2'),\n                url('${rtl ? fonts?.rtlFontBoldWoff : fonts?.fontBoldWoff}') format('woff'),\n                url('${rtl ? fonts?.rtlFontBoldTtf : fonts?.fontBoldTtf}') format('truetype')\n              `,\n              fontStyle: 'normal',\n              fontWeight: '700',\n              fontDisplay: 'swap',\n            },\n          },\n          {\n            '@font-face': {\n              fontFamily: `SKODA Next${rtl ? ' R2L' : ''}`,\n              src: `\n                url('${rtl ? fonts?.rtlFontBlackWoff2 : fonts?.fontBlackWoff2}') format('woff2'),\n                url('${rtl ? fonts?.rtlFontBlackWoff : fonts?.fontBlackWoff}') format('woff'),\n                url('${rtl ? fonts?.rtlFontBlackTtf : fonts?.fontBlackTtf}') format('truetype')\n              `,\n              fontStyle: 'normal',\n              fontWeight: '900',\n              fontDisplay: 'swap',\n            },\n          },\n        ],\n  };\n\n  tokens['flow-typography'].forEach((t) => {\n    const el = `${t.name.split('-')[1] === 'list' ? 'typography-' : ''}${t.name.split('-')[1]}`;\n    // apply style to plain html tags h1 and classes (.h1)\n    //  for ScopedCssBaseline we are applying to tags that outside mui in order\n    //  not to introduce css selector with too importance that does not allow overwrites\n    //  with direct sx styling\n    const key = `${el}${scoped ? ':not([class^=\"Mui\"])' : ''}, .${el}`;\n    baseline[key] = generateTypography(el, breakpointsOptions, rtl);\n  });\n\n  return baseline;\n};\n\nexport const getFlowScopedCssBaseline = (\n  breakpointsOptions: BreakpointsOptions,\n  rtl: boolean,\n): Components<Theme>['MuiScopedCssBaseline'] => ({\n  styleOverrides: {\n    root: ({ theme }) => getFlowCssBaselineRoot(true, breakpointsOptions, rtl, theme),\n  },\n});\n\nexport const getFlowCssBaseline = (\n  breakpointsOptions: BreakpointsOptions,\n  rtl: boolean,\n): Components<Theme>['MuiCssBaseline'] => ({\n  styleOverrides: (theme) => getFlowCssBaselineRoot(false, breakpointsOptions, rtl, theme),\n});\n"],"names":["getFlowCssBaselineRoot","scoped","breakpointsOptions","rtl","theme","baseline","background","color","palette","text","primary","generateTypography","body","mode","onSurface","os900","common","white","scrollbarWidth","scrollbarColor","os500","border","width","height","borderRadius","backgroundClip","surface","display","backgroundColor","touchAction","code","fontFamily","fontSize","fontWeight","lineHeight","whiteSpace","blockquote","margin","paddingLeft","spacing","borderLeft","brand","secondary","fallbacks","Object","values","fonts","filter","Boolean","length","src","rtlFontLightWoff2","fontLightWoff2","rtlFontLightWoff","fontLightWoff","rtlFontLightTtf","fontLightTtf","fontStyle","fontDisplay","rtlFontRegularWoff2","fontRegularWoff2","rtlFontRegularWoff","fontRegularWoff","rtlFontRegularTtf","fontRegularTtf","rtlFontBoldWoff2","fontBoldWoff2","rtlFontBoldWoff","fontBoldWoff","rtlFontBoldTtf","fontBoldTtf","rtlFontBlackWoff2","fontBlackWoff2","rtlFontBlackWoff","fontBlackWoff","rtlFontBlackTtf","fontBlackTtf","tokens","forEach","t","el","name","split","styleOverrides","root"],"mappings":"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"}

package/cjs/materialui/typography/typography.theme.d.ts

@@ -1,6 +1,10 @@
 import { CSSProperties } from 'react';
 import { BreakpointsOptions } from '@mui/system';
 export type TypographySize = 'small' | 'medium' | 'large';
+/**
+ * Obtain fontFamily for SKODA Next font with fallbacks
+ */
+export declare const getFontFamily: (rtl: boolean) => string;
 /**
  * Obtain style for element for the certain size
  */

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

@@ -1,2 +1,2 @@
-"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 o=(e,t,o)=>{const i=o??"small",r=n.default["flow-typography"].find(t=>t.name===`${i}-${e}`);return r?{...r.style,...t?{fontFamily:"SKODA Next R2L"}:{}}:null},i=(t,n,i)=>{const r=e.createBreakpoints(n);return{...o(t,i,"small"),[r.up("md")]:{...o(t,i,"medium")},[r.up("xl")]:{...o(t,i,"large")}}};exports.generateTypography=i,exports.getTypography=o,exports.getTypographyOptions=(e,t)=>{const n=i("body",e,t);return{fontFamily:["SKODA Next"+(t?" R2L":""),"sans-serif","Arial"].join(","),body:n,...Object.fromEntries(["h1","h2","h3","h4","subheadline","subtitle1","subtitle2","display","list","disclaimer","disclaimer1","disclaimer2","caption1","caption2"].map(n=>[n,i(n,e,t)])),body1:n,body2:n,h5:i("subheadline",e,t),h6:i("caption1",e,t),caption:i("caption2",e,t),overline:i("caption1",e,t),button:{fontFamily:t?"SKODA Next R2L":"SKODA Next",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 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"}}};
 //# sourceMappingURL=typography.theme.js.map

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

@@ -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 style for element for the certain size\n */\nexport const getTypography = (element: string, rtl: boolean, size?: TypographySize) => {\n  const screen = size ?? 'small';\n  const typo = tokens['flow-typography'].find((el) => el.name === `${screen}-${element}`);\n  if (typo)\n    return {\n      ...typo['style'],\n      // replace font for rtl variant\n      ...(rtl\n        ? {\n            fontFamily: 'SKODA Next R2L',\n          }\n        : {}),\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: [`SKODA Next${rtl ? ' R2L' : ''}`, 'sans-serif', 'Arial'].join(','),\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: rtl ? 'SKODA Next R2L' : 'SKODA Next',\n      letterSpacing: '0.75px',\n      textTransform: 'none',\n      textDecoration: 'none',\n      fontSize: '16px',\n      fontWeight: '700',\n      lineHeight: '16px',\n    },\n  };\n};\n"],"names":["getTypography","element","rtl","size","screen","typo","tokens","find","el","name","fontFamily","generateTypography","breakpointsOptions","breakpoints","createBreakpoints","up","bodyTypo","join","body","Object","fromEntries","map","body1","body2","h5","h6","caption","overline","button","letterSpacing","textTransform","textDecoration","fontSize","fontWeight","lineHeight"],"mappings":"uJASO,MAAMA,EAAgB,CAACC,EAAiBC,EAAcC,KAC3D,MAAMC,EAASD,GAAQ,QACjBE,EAAOC,EAAAA,QAAO,mBAAmBC,KAAMC,GAAOA,EAAGC,OAAS,GAAGL,KAAUH,KAC7E,OAAII,EACK,IACFA,EAAY,SAEXH,EACA,CACEQ,WAAY,kBAEd,IAEI,MAMDC,EAAqB,CAACV,EAAiBW,EAAwCV,KAC1F,MAAMW,EAAcC,EAAAA,kBAAkBF,GAEtC,MAAO,IACFZ,EAAcC,EAASC,EAAK,SAC/B,CAACW,EAAYE,GAAG,OAAQ,IACnBf,EAAcC,EAASC,EAAK,WAEjC,CAACW,EAAYE,GAAG,OAAQ,IACnBf,EAAcC,EAASC,EAAK,8FAQD,CAACU,EAAwCV,KAC3E,MAAMc,EAAWL,EAAmB,OAAQC,EAAoBV,GAEhE,MAAO,CACLQ,WAAY,CAAC,cAAaR,EAAM,OAAS,IAAM,aAAc,SAASe,KAAK,KAC3EC,KAAMF,KACHG,OAAOC,YACR,CACE,KACA,KACA,KACA,KACA,cACA,YACA,YACA,UACA,OACA,aACA,cACA,cACA,WACA,YACAC,IAAKpB,GAAY,CAACA,EAASU,EAAmBV,EAASW,EAAoBV,MAG/EoB,MAAON,EACPO,MAAOP,EACPQ,GAAIb,EAAmB,cAAeC,EAAoBV,GAC1DuB,GAAId,EAAmB,WAAYC,EAAoBV,GACvDwB,QAASf,EAAmB,WAAYC,EAAoBV,GAC5DyB,SAAUhB,EAAmB,WAAYC,EAAoBV,GAE7D0B,OAAQ,CACNlB,WAAYR,EAAM,iBAAmB,aACrC2B,cAAe,SACfC,cAAe,OACfC,eAAgB,OAChBC,SAAU,OACVC,WAAY,MACZC,WAAY"}
+{"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"}

package/components/advancedTable/agGrid.d.ts

@@ -1,6 +1,21 @@
 import { BoxProps, CSSObject, Theme } from '@mui/material';
 import React from 'react';
 export declare const agGridStyles: (theme: Theme) => CSSObject;
+/**
+ * Pre-configured SkodaFlow AG Grid props.
+ *
+ * Note: the AG Grid `theme` is intentionally NOT provided here. Building the theme requires
+ * imports from `ag-grid-community` (`themeQuartz`, `iconOverrides`), which we do not want to pull
+ * in as a direct dependency of the library. The consuming project should build the theme with the
+ * exported `skodaAgThemeParams` and `skodaAgGridIconOverrides` helpers and pass it to `AgGridReact`.
+ */
+export declare const useSkodaAgGridProps: () => {
+    domLayout: "autoHeight";
+    animateRows: boolean;
+    suppressDragLeaveHidesColumns: boolean;
+    enableRtl: boolean;
+    enableCellTextSelection: boolean;
+};
 interface SkodaAgGridProviderProps extends BoxProps {
 }
 /**

package/components/advancedTable/agGrid.js

@@ -1,2 +1,2 @@
-import{jsx as a}from"react/jsx-runtime";import{Box as e}from"@mui/material";import{forwardRef as o}from"react";import{agGridVariables as i}from"./agGridVariables.js";import{skodaAgThemeParams as n}from"./agGridSkodaTheme.js";import{agGridCssIcons as r,agGridIconsDefinition as t}from"./agGridIcons.js";import{sxOverride as g}from"../../utils/sxOverride/sxOverride.js";const p=a=>{const e=n(a);return{width:"100%","*":{maxWidth:"none"},'&:not(:has([class*="ag-theme-params-"])),&.ag-theme-material':{...i(a)},".ag-row-last":{borderBottom:"none"},".ag-column-last .ag-header-cell-resize":{display:"none"},".ag-center-cols-container":{minWidth:"100%"},".ag-center-cols-viewport":{minHeight:"56px"},"& .ag-header-cell .ag-header-cell-text":{fontWeight:`${e.headerFontWeight}`},"& .ag-header-cell:not(.ag-column-last) > .ag-header-cell-resize.ag-hidden":{display:"block !important",cursor:"initial"},"& .ag-body-horizontal-scroll":{alignItems:"center",px:"22px",borderTop:"1px solid",borderTopColor:a.palette.surface.secondary,maxHeight:"none !important",height:"auto !important"},"& .ag-body-horizontal-scroll .ag-body-horizontal-scroll-viewport":{mt:"16px",mb:"23px"},"& .ag-body-horizontal-scroll.ag-invisible .ag-body-horizontal-scroll-viewport":{my:0},"& .ag-paging-panel":{justifyContent:"center",px:"24px"},"& .ag-paging-panel .ag-paging-page-size":{position:"absolute"},"& .ag-paging-panel .ag-paging-page-summary-panel":{marginLeft:"auto"},"& .ag-paging-row-summary-panel":{display:"none"},"& .ag-paging-description":{fontSize:"18px",px:"18px"},"& .ag-paging-panel .ag-paging-description span":{color:"text.primary",px:"2px"},"& .ag-paging-panel .ag-paging-description .ag-paging-number":{fontWeight:"700"},"& .ag-paging-panel .ag-paging-description span:last-child":{fontWeight:"300"},"& .ag-paging-panel .ag-icon-first, & .ag-paging-panel .ag-icon-last":{display:"none"},"& .ag-paging-panel .ag-picker-field-wrapper":{border:"none",px:"0",cursor:"pointer",minWidth:"auto"},"& .ag-paging-panel .ag-picker-field-display":{minWidth:"28px",width:"auto",pr:"6px",fontSize:"18px",fontWeight:"700",textAlign:"center"},"& .ag-paging-panel .ag-label":{mr:"6px",fontSize:"18px"},"& .ag-popup > *":{backgroundColor:"onSurface.os0",cursor:"pointer",borderRadius:"0px"},"& .skoda-ag-row-pointer .ag-row:hover":{cursor:"pointer"},...r,"& .ag-icon-asc, & .ag-icon-desc":{color:a.palette.onSurface.os600},"& .ag-icon-asc:hover, & .ag-icon-desc:hover":{color:a.palette.text.primary},"& .ag-header-cell-sortable .ag-sort-indicator-container:has(.ag-sort-descending-icon.ag-hidden) .ag-hidden:has(.ag-icon-asc)":{display:"inline-block !important"},"& .ag-header-cell-sortable .ag-hidden .ag-icon-asc::before":{content:'""',display:"flex",width:"17px",height:"17px",maskSize:"contain",maskRepeat:"no-repeat",maskPosition:"center",verticalAlign:"middle",maskImage:`url(data:image/svg+xml;utf8,${encodeURIComponent(t.ascHover.svg)})`},"& .ag-header-cell-sortable .ag-hidden .ag-icon-asc:hover::before":{maskImage:`url(data:image/svg+xml;utf8,${encodeURIComponent(t.asc.svg)})`},fontFamily:e.fontFamily}},l=o(({sx:o,children:i,...n},r)=>a(e,{sx:g(a=>({...p(a)}),o),ref:r,...n,children:i}));export{l as SkodaAgGridProvider,p as agGridStyles};
+import{jsx as a}from"react/jsx-runtime";import{Box as e,useTheme as o}from"@mui/material";import{forwardRef as r}from"react";import{agGridVariables as i}from"./agGridVariables.js";import{skodaAgThemeParams as t}from"./agGridSkodaTheme.js";import{agGridCssIcons as n}from"./agGridIcons.js";import{sxOverride as l}from"../../utils/sxOverride/sxOverride.js";const g=a=>{const e=t(a);return{width:"100%","*":{maxWidth:"none"},'&:not(:has([class*="ag-theme-params-"])),&.ag-theme-material':{...i(a)},".ag-row-last":{borderBottom:"none"},".ag-column-last .ag-header-cell-resize":{display:"none"},..."ltr"===a.direction&&{".ag-center-cols-container":{minWidth:"100%"}},".ag-center-cols-viewport":{minHeight:"56px"},"& .ag-header-cell .ag-header-cell-text":{fontWeight:`${e.headerFontWeight}`},"& .ag-header-cell:not(.ag-column-last) > .ag-header-cell-resize.ag-hidden":{display:"block !important",cursor:"initial"},"& .ag-pinned-left-header .ag-header-cell:not(.ag-column-last) > .ag-header-cell-resize.ag-hidden, & .ag-pinned-right-header .ag-header-cell:not(.ag-column-last) > .ag-header-cell-resize.ag-hidden":{display:"none !important"},"@supports selector(::-webkit-scrollbar)":{"& .ag-body-horizontal-scroll":{alignItems:"center",borderTop:"1px solid",borderTopColor:a.palette.surface.secondary,maxHeight:"none !important",height:"auto !important"},"& .ag-body-horizontal-scroll .ag-body-horizontal-scroll-viewport":{height:"48px !important",maxHeight:"48px !important",minHeight:"48px !important"},"& .ag-body-horizontal-scroll-viewport::-webkit-scrollbar:horizontal":{height:"48px"},"& .ag-body-horizontal-scroll-viewport::-webkit-scrollbar-thumb:horizontal, & .ag-body-horizontal-scroll-viewport::-webkit-scrollbar-track:horizontal":{borderWidth:"22px"},"& .ag-body-horizontal-scroll.ag-invisible .ag-body-horizontal-scroll-viewport":{height:"0 !important",maxHeight:"0 !important",minHeight:"0 !important",overflow:"hidden"},"& .ag-body-horizontal-scroll .ag-horizontal-left-spacer, & .ag-body-horizontal-scroll .ag-horizontal-right-spacer":{overflow:"hidden"}},"& .ag-paging-panel":{justifyContent:"center",px:"24px"},"& .ag-paging-panel .ag-paging-page-size":{position:"absolute"},"& .ag-paging-panel .ag-paging-page-summary-panel":{marginLeft:"auto"},"& .ag-paging-row-summary-panel":{display:"none"},"& .ag-paging-description":{fontSize:"18px",px:"18px"},"& .ag-paging-panel .ag-paging-description span":{color:"text.primary",px:"2px"},"& .ag-paging-panel .ag-paging-description .ag-paging-number":{fontWeight:"700"},"& .ag-paging-panel .ag-paging-description span:last-child":{fontWeight:"300"},"& .ag-paging-panel .ag-icon-first, & .ag-paging-panel .ag-icon-last":{display:"none"},"& .ag-paging-panel .ag-picker-field-wrapper":{border:"none",px:"0",cursor:"pointer",minWidth:"auto"},"& .ag-paging-panel .ag-picker-field-display":{minWidth:"28px",width:"auto",pr:"6px",fontSize:"18px",fontWeight:"700",textAlign:"center"},"& .ag-paging-panel .ag-label":{mr:"6px",fontSize:"18px"},"& .ag-popup > *":{backgroundColor:"onSurface.os0",cursor:"pointer",borderRadius:"0px"},"& .ag-selectable .ag-cell":{cursor:"auto"},"& .skoda-ag-row-pointer .ag-row:hover, & .skoda-ag-row-pointer .ag-row:hover .ag-cell":{cursor:"pointer"},...n,"& .ag-icon-asc, & .ag-icon-desc":{color:a.palette.onSurface.os600},"& .ag-icon-asc:hover, & .ag-icon-desc:hover":{color:a.palette.text.primary},"& .ag-header-cell-sortable .ag-sort-indicator-container:has(.ag-sort-descending-icon.ag-hidden) .ag-hidden:has(.ag-icon-asc)":{display:"inline-block !important"},fontFamily:e.fontFamily}},p=()=>({domLayout:"autoHeight",animateRows:!1,suppressDragLeaveHidesColumns:!0,enableRtl:"rtl"===o().direction,enableCellTextSelection:!0}),s=r(({sx:o,children:r,...i},t)=>a(e,{sx:l(a=>({...g(a)}),o),ref:t,...i,children:r}));export{s as SkodaAgGridProvider,g as agGridStyles,p as useSkodaAgGridProps};
 //# sourceMappingURL=agGrid.js.map

package/components/advancedTable/agGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"agGrid.js","sources":["../../../src/components/advancedTable/agGrid.tsx"],"sourcesContent":["import { Box, BoxProps, CSSObject, Theme } from '@mui/material';\nimport React, { forwardRef } from 'react';\nimport { agGridVariables } from './agGridVariables';\nimport { skodaAgThemeParams } from './agGridSkodaTheme';\nimport { agGridCssIcons, agGridIconsDefinition } from './agGridIcons';\nimport { sxOverride } from '@/src/utils/sxOverride';\n\nexport const agGridStyles = (theme: Theme): CSSObject => {\n  const agTheme = skodaAgThemeParams(theme);\n\n  return {\n    width: '100%',\n    // support applying global style on all elements maxWidth: '100%'\n    '*': {\n      maxWidth: 'none',\n    },\n    // Apply CSS variables only for non-themed tables of the old versions of ag grid (old versions of ag-grid, <v33, themes does not have ag-theme-params-* class)\n    '&:not(:has([class*=\"ag-theme-params-\"])),&.ag-theme-material': {\n      ...agGridVariables(theme),\n    },\n\n    '.ag-row-last': { borderBottom: 'none' },\n    '.ag-column-last .ag-header-cell-resize': { display: 'none' },\n\n    // Row lines full width\n    '.ag-center-cols-container': {\n      minWidth: '100%',\n    },\n\n    '.ag-center-cols-viewport': {\n      // reduce to 1 row from default 150px\n      minHeight: '56px',\n    },\n\n    // # Header styles\n    '& .ag-header-cell .ag-header-cell-text': {\n      fontWeight: `${agTheme.headerFontWeight}`,\n    },\n\n    // # Header Separators (only when column resizing is not activated and not for the last column)\n    '& .ag-header-cell:not(.ag-column-last) > .ag-header-cell-resize.ag-hidden': {\n      display: 'block !important',\n      cursor: 'initial',\n    },\n\n    // # Horizontal Scrollbar\n    '& .ag-body-horizontal-scroll': {\n      alignItems: 'center',\n      px: '22px',\n      borderTop: '1px solid',\n      borderTopColor: theme.palette.surface.secondary,\n      maxHeight: 'none !important',\n      height: 'auto !important',\n    },\n    '& .ag-body-horizontal-scroll .ag-body-horizontal-scroll-viewport': {\n      mt: '16px',\n      mb: '23px',\n    },\n    '& .ag-body-horizontal-scroll.ag-invisible .ag-body-horizontal-scroll-viewport': {\n      my: 0,\n    },\n\n    // # Pagination styles\n    '& .ag-paging-panel': {\n      justifyContent: 'center',\n      px: '24px',\n    },\n\n    // Pagination layout - rows per page centered, arrows right-aligned\n    '& .ag-paging-panel .ag-paging-page-size': {\n      position: 'absolute',\n    },\n    '& .ag-paging-panel .ag-paging-page-summary-panel': {\n      marginLeft: 'auto',\n    },\n\n    // Disable pagination summary\n    '& .ag-paging-row-summary-panel': {\n      display: 'none',\n    },\n\n    // Text styling within pagination arrows\n    '& .ag-paging-description': {\n      fontSize: '18px',\n      px: '18px',\n    },\n    '& .ag-paging-panel .ag-paging-description span': {\n      color: 'text.primary',\n      px: '2px',\n    },\n    '& .ag-paging-panel .ag-paging-description .ag-paging-number': {\n      fontWeight: '700',\n    },\n    '& .ag-paging-panel .ag-paging-description span:last-child': {\n      fontWeight: '300',\n    },\n\n    // Disable AG-grid pagination icons - start, end\n    '& .ag-paging-panel .ag-icon-first, & .ag-paging-panel .ag-icon-last': {\n      display: 'none',\n    },\n\n    // Pagination - rows per page\n    '& .ag-paging-panel .ag-picker-field-wrapper': {\n      border: 'none',\n      px: '0',\n      cursor: 'pointer',\n      minWidth: 'auto',\n    },\n    '& .ag-paging-panel .ag-picker-field-display': {\n      minWidth: '28px',\n      width: 'auto',\n      pr: '6px',\n      fontSize: '18px',\n      fontWeight: '700',\n      textAlign: 'center',\n    },\n    '& .ag-paging-panel .ag-label': {\n      mr: '6px',\n      fontSize: '18px',\n    },\n\n    '& .ag-popup > *': {\n      backgroundColor: 'onSurface.os0',\n      cursor: 'pointer',\n      borderRadius: '0px',\n    },\n\n    // # Opt-in className=\"skoda-ag-pointer\"\n    '& .skoda-ag-row-pointer .ag-row:hover': {\n      cursor: 'pointer',\n    },\n\n    // Additional icons\n    ...agGridCssIcons,\n\n    // Show icons according to the SkodaFlow design\n    '& .ag-icon-asc, & .ag-icon-desc': {\n      color: theme.palette.onSurface.os600,\n    },\n    '& .ag-icon-asc:hover, & .ag-icon-desc:hover': {\n      color: theme.palette.text.primary,\n    },\n    '& .ag-header-cell-sortable .ag-sort-indicator-container:has(.ag-sort-descending-icon.ag-hidden) .ag-hidden:has(.ag-icon-asc)':\n      {\n        display: 'inline-block !important', // Ag grid also uses !important so we have to override it\n      },\n\n    '& .ag-header-cell-sortable .ag-hidden .ag-icon-asc::before': {\n      content: '\"\"',\n      display: 'flex',\n      width: '17px',\n      height: '17px',\n      maskSize: 'contain',\n      maskRepeat: 'no-repeat',\n      maskPosition: 'center',\n      verticalAlign: 'middle',\n      maskImage: `url(data:image/svg+xml;utf8,${encodeURIComponent(agGridIconsDefinition.ascHover.svg)})`,\n    },\n    '& .ag-header-cell-sortable .ag-hidden .ag-icon-asc:hover::before': {\n      maskImage: `url(data:image/svg+xml;utf8,${encodeURIComponent(agGridIconsDefinition.asc.svg)})`,\n    },\n\n    // Legacy class approach, no theme\n    fontFamily: agTheme.fontFamily,\n  };\n};\n\ninterface SkodaAgGridProviderProps extends BoxProps {}\n\n/**\n * A provider wrapper that applies Skoda AG Grid theming via sx.\n */\nexport const SkodaAgGridProvider: React.FC<SkodaAgGridProviderProps> = forwardRef(({ sx, children, ...rest }, ref) => {\n  return (\n    <Box\n      sx={sxOverride(\n        (theme) => ({\n          ...agGridStyles(theme),\n        }),\n        sx,\n      )}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </Box>\n  );\n});\n"],"names":["agGridStyles","theme","agTheme","skodaAgThemeParams","width","maxWidth","agGridVariables","borderBottom","display","minWidth","minHeight","fontWeight","headerFontWeight","cursor","alignItems","px","borderTop","borderTopColor","palette","surface","secondary","maxHeight","height","mt","mb","my","justifyContent","position","marginLeft","fontSize","color","border","pr","textAlign","mr","backgroundColor","borderRadius","agGridCssIcons","onSurface","os600","text","primary","content","maskSize","maskRepeat","maskPosition","verticalAlign","maskImage","encodeURIComponent","agGridIconsDefinition","ascHover","svg","asc","fontFamily","SkodaAgGridProvider","forwardRef","sx","children","rest","ref","_jsx","Box","sxOverride"],"mappings":"gXAOO,MAAMA,EAAgBC,IAC3B,MAAMC,EAAUC,EAAmBF,GAEnC,MAAO,CACLG,MAAO,OAEP,IAAK,CACHC,SAAU,QAGZ,+DAAgE,IAC3DC,EAAgBL,IAGrB,eAAgB,CAAEM,aAAc,QAChC,yCAA0C,CAAEC,QAAS,QAGrD,4BAA6B,CAC3BC,SAAU,QAGZ,2BAA4B,CAE1BC,UAAW,QAIb,yCAA0C,CACxCC,WAAY,GAAGT,EAAQU,oBAIzB,4EAA6E,CAC3EJ,QAAS,mBACTK,OAAQ,WAIV,+BAAgC,CAC9BC,WAAY,SACZC,GAAI,OACJC,UAAW,YACXC,eAAgBhB,EAAMiB,QAAQC,QAAQC,UACtCC,UAAW,kBACXC,OAAQ,mBAEV,mEAAoE,CAClEC,GAAI,OACJC,GAAI,QAEN,gFAAiF,CAC/EC,GAAI,GAIN,qBAAsB,CACpBC,eAAgB,SAChBX,GAAI,QAIN,0CAA2C,CACzCY,SAAU,YAEZ,mDAAoD,CAClDC,WAAY,QAId,iCAAkC,CAChCpB,QAAS,QAIX,2BAA4B,CAC1BqB,SAAU,OACVd,GAAI,QAEN,iDAAkD,CAChDe,MAAO,eACPf,GAAI,OAEN,8DAA+D,CAC7DJ,WAAY,OAEd,4DAA6D,CAC3DA,WAAY,OAId,sEAAuE,CACrEH,QAAS,QAIX,8CAA+C,CAC7CuB,OAAQ,OACRhB,GAAI,IACJF,OAAQ,UACRJ,SAAU,QAEZ,8CAA+C,CAC7CA,SAAU,OACVL,MAAO,OACP4B,GAAI,MACJH,SAAU,OACVlB,WAAY,MACZsB,UAAW,UAEb,+BAAgC,CAC9BC,GAAI,MACJL,SAAU,QAGZ,kBAAmB,CACjBM,gBAAiB,gBACjBtB,OAAQ,UACRuB,aAAc,OAIhB,wCAAyC,CACvCvB,OAAQ,cAIPwB,EAGH,kCAAmC,CACjCP,MAAO7B,EAAMiB,QAAQoB,UAAUC,OAEjC,8CAA+C,CAC7CT,MAAO7B,EAAMiB,QAAQsB,KAAKC,SAE5B,+HACE,CACEjC,QAAS,2BAGb,6DAA8D,CAC5DkC,QAAS,KACTlC,QAAS,OACTJ,MAAO,OACPkB,OAAQ,OACRqB,SAAU,UACVC,WAAY,YACZC,aAAc,SACdC,cAAe,SACfC,UAAW,+BAA+BC,mBAAmBC,EAAsBC,SAASC,SAE9F,mEAAoE,CAClEJ,UAAW,+BAA+BC,mBAAmBC,EAAsBG,IAAID,SAIzFE,WAAYnD,EAAQmD,aASXC,EAA0DC,EAAW,EAAGC,KAAIC,cAAaC,GAAQC,IAE1GC,EAACC,EAAG,CACFL,GAAIM,EACD7D,IAAK,IACDD,EAAaC,KAElBuD,GAEFG,IAAKA,KACDD,EAAID,SAEPA"}
+{"version":3,"file":"agGrid.js","sources":["../../../src/components/advancedTable/agGrid.tsx"],"sourcesContent":["import { Box, BoxProps, CSSObject, Theme, useTheme } from '@mui/material';\nimport React, { forwardRef } from 'react';\nimport { agGridVariables } from './agGridVariables';\nimport { skodaAgThemeParams } from './agGridSkodaTheme';\nimport { agGridCssIcons } from './agGridIcons';\nimport { sxOverride } from '@/src/utils/sxOverride';\n\nexport const agGridStyles = (theme: Theme): CSSObject => {\n  const agTheme = skodaAgThemeParams(theme);\n\n  return {\n    width: '100%',\n    // support applying global style on all elements maxWidth: '100%'\n    '*': {\n      maxWidth: 'none',\n    },\n    // Apply CSS variables only for non-themed tables of the old versions of ag grid (old versions of ag-grid, <v33, themes does not have ag-theme-params-* class)\n    '&:not(:has([class*=\"ag-theme-params-\"])),&.ag-theme-material': {\n      ...agGridVariables(theme),\n    },\n\n    '.ag-row-last': { borderBottom: 'none' },\n    '.ag-column-last .ag-header-cell-resize': { display: 'none' },\n\n    // Row lines full width (not in RTL where it causes layout issues)\n    ...(theme.direction === 'ltr' && {\n      '.ag-center-cols-container': {\n        minWidth: '100%',\n      },\n    }),\n\n    '.ag-center-cols-viewport': {\n      // reduce to 1 row from default 150px\n      minHeight: '56px',\n    },\n\n    // # Header styles\n    '& .ag-header-cell .ag-header-cell-text': {\n      fontWeight: `${agTheme.headerFontWeight}`,\n    },\n\n    // # Header Separators (only when column resizing is not activated and not for the last column)\n    '& .ag-header-cell:not(.ag-column-last) > .ag-header-cell-resize.ag-hidden': {\n      display: 'block !important', // beats AG Grid's .ag-hidden display: none !important\n      cursor: 'initial',\n    },\n    // No separator on pinned columns - ag-column-last only marks the grid's last column, so the rule\n    // above would otherwise force one onto them. The pinned section already has its own divider.\n    '& .ag-pinned-left-header .ag-header-cell:not(.ag-column-last) > .ag-header-cell-resize.ag-hidden, & .ag-pinned-right-header .ag-header-cell:not(.ag-column-last) > .ag-header-cell-resize.ag-hidden':\n      {\n        display: 'none !important',\n      },\n\n    // # Horizontal Scrollbar\n    // Webkit only: relies on ::-webkit-scrollbar. Firefox falls back to the baseline thin scrollbar.\n    '@supports selector(::-webkit-scrollbar)': {\n      '& .ag-body-horizontal-scroll': {\n        alignItems: 'center',\n        borderTop: '1px solid',\n        borderTopColor: theme.palette.surface.secondary,\n        maxHeight: 'none !important',\n        height: 'auto !important',\n      },\n      // Tall scrollbar inset via the thumb/track border (like MuiTableContainer), so the viewport\n      // keeps full width and the proxy stays in sync with the grid body. !important beats AG Grid's\n      // inline height, which it pins to the ~8px scrollbar width.\n      '& .ag-body-horizontal-scroll .ag-body-horizontal-scroll-viewport': {\n        // 4px visible bar + 2x 22px transparent margin\n        height: '48px !important',\n        maxHeight: '48px !important',\n        minHeight: '48px !important',\n      },\n      '& .ag-body-horizontal-scroll-viewport::-webkit-scrollbar:horizontal': {\n        height: '48px',\n      },\n      '& .ag-body-horizontal-scroll-viewport::-webkit-scrollbar-thumb:horizontal, & .ag-body-horizontal-scroll-viewport::-webkit-scrollbar-track:horizontal':\n        {\n          borderWidth: '22px',\n        },\n      // No overflow: re-collapse the viewport, otherwise our !important height keeps a tall empty band.\n      '& .ag-body-horizontal-scroll.ag-invisible .ag-body-horizontal-scroll-viewport': {\n        height: '0 !important',\n        maxHeight: '0 !important',\n        minHeight: '0 !important',\n        overflow: 'hidden',\n      },\n      // Hide the stray scrollbar the pinned spacers render via their own overflow-x: scroll.\n      '& .ag-body-horizontal-scroll .ag-horizontal-left-spacer, & .ag-body-horizontal-scroll .ag-horizontal-right-spacer':\n        {\n          overflow: 'hidden',\n        },\n    },\n\n    // # Pagination styles\n    '& .ag-paging-panel': {\n      justifyContent: 'center',\n      px: '24px',\n    },\n\n    // Pagination layout - rows per page centered, arrows right-aligned\n    '& .ag-paging-panel .ag-paging-page-size': {\n      position: 'absolute',\n    },\n    '& .ag-paging-panel .ag-paging-page-summary-panel': {\n      marginLeft: 'auto',\n    },\n\n    // Disable pagination summary\n    '& .ag-paging-row-summary-panel': {\n      display: 'none',\n    },\n\n    // Text styling within pagination arrows\n    '& .ag-paging-description': {\n      fontSize: '18px',\n      px: '18px',\n    },\n    '& .ag-paging-panel .ag-paging-description span': {\n      color: 'text.primary',\n      px: '2px',\n    },\n    '& .ag-paging-panel .ag-paging-description .ag-paging-number': {\n      fontWeight: '700',\n    },\n    '& .ag-paging-panel .ag-paging-description span:last-child': {\n      fontWeight: '300',\n    },\n\n    // Disable AG-grid pagination icons - start, end\n    '& .ag-paging-panel .ag-icon-first, & .ag-paging-panel .ag-icon-last': {\n      display: 'none',\n    },\n\n    // Pagination - rows per page\n    '& .ag-paging-panel .ag-picker-field-wrapper': {\n      border: 'none',\n      px: '0',\n      cursor: 'pointer',\n      minWidth: 'auto',\n    },\n    '& .ag-paging-panel .ag-picker-field-display': {\n      minWidth: '28px',\n      width: 'auto',\n      pr: '6px',\n      fontSize: '18px',\n      fontWeight: '700',\n      textAlign: 'center',\n    },\n    '& .ag-paging-panel .ag-label': {\n      mr: '6px',\n      fontSize: '18px',\n    },\n\n    '& .ag-popup > *': {\n      backgroundColor: 'onSurface.os0',\n      cursor: 'pointer',\n      borderRadius: '0px',\n    },\n\n    // Let the cursor reflect content (I-beam over text, default elsewhere) - AG Grid forces\n    // cursor: default on the root. ag-selectable is present only when enableCellTextSelection is on.\n    '& .ag-selectable .ag-cell': {\n      cursor: 'auto',\n    },\n\n    // # Opt-in className=\"skoda-ag-pointer\"\n    // Cell-level so it wins over the .ag-cell text cursor above (the cell sets its own cursor).\n    '& .skoda-ag-row-pointer .ag-row:hover, & .skoda-ag-row-pointer .ag-row:hover .ag-cell': {\n      cursor: 'pointer',\n    },\n\n    // Additional icons\n    ...agGridCssIcons,\n\n    // Show icons according to the SkodaFlow design\n    '& .ag-icon-asc, & .ag-icon-desc': {\n      color: theme.palette.onSurface.os600,\n    },\n    '& .ag-icon-asc:hover, & .ag-icon-desc:hover': {\n      color: theme.palette.text.primary,\n    },\n    '& .ag-header-cell-sortable .ag-sort-indicator-container:has(.ag-sort-descending-icon.ag-hidden) .ag-hidden:has(.ag-icon-asc)':\n      {\n        display: 'inline-block !important', // Ag grid also uses !important so we have to override it\n      },\n\n    // Legacy class approach, no theme\n    fontFamily: agTheme.fontFamily,\n  };\n};\n\n/**\n * Pre-configured SkodaFlow AG Grid props.\n *\n * Note: the AG Grid `theme` is intentionally NOT provided here. Building the theme requires\n * imports from `ag-grid-community` (`themeQuartz`, `iconOverrides`), which we do not want to pull\n * in as a direct dependency of the library. The consuming project should build the theme with the\n * exported `skodaAgThemeParams` and `skodaAgGridIconOverrides` helpers and pass it to `AgGridReact`.\n */\nexport const useSkodaAgGridProps = () => {\n  const theme = useTheme();\n\n  return {\n    domLayout: 'autoHeight' as const,\n    animateRows: false,\n    suppressDragLeaveHidesColumns: true,\n    enableRtl: theme.direction === 'rtl',\n    // allow selecting/copying cell text (off in AG Grid by default)\n    enableCellTextSelection: true,\n  };\n};\n\ninterface SkodaAgGridProviderProps extends BoxProps {}\n\n/**\n * A provider wrapper that applies Skoda AG Grid theming via sx.\n */\nexport const SkodaAgGridProvider: React.FC<SkodaAgGridProviderProps> = forwardRef(({ sx, children, ...rest }, ref) => {\n  return (\n    <Box\n      sx={sxOverride(\n        (theme) => ({\n          ...agGridStyles(theme),\n        }),\n        sx,\n      )}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </Box>\n  );\n});\n"],"names":["agGridStyles","theme","agTheme","skodaAgThemeParams","width","maxWidth","agGridVariables","borderBottom","display","direction","minWidth","minHeight","fontWeight","headerFontWeight","cursor","alignItems","borderTop","borderTopColor","palette","surface","secondary","maxHeight","height","borderWidth","overflow","justifyContent","px","position","marginLeft","fontSize","color","border","pr","textAlign","mr","backgroundColor","borderRadius","agGridCssIcons","onSurface","os600","text","primary","fontFamily","useSkodaAgGridProps","domLayout","animateRows","suppressDragLeaveHidesColumns","enableRtl","useTheme","enableCellTextSelection","SkodaAgGridProvider","forwardRef","sx","children","rest","ref","_jsx","Box","sxOverride"],"mappings":"mWAOO,MAAMA,EAAgBC,IAC3B,MAAMC,EAAUC,EAAmBF,GAEnC,MAAO,CACLG,MAAO,OAEP,IAAK,CACHC,SAAU,QAGZ,+DAAgE,IAC3DC,EAAgBL,IAGrB,eAAgB,CAAEM,aAAc,QAChC,yCAA0C,CAAEC,QAAS,WAG7B,QAApBP,EAAMQ,WAAuB,CAC/B,4BAA6B,CAC3BC,SAAU,SAId,2BAA4B,CAE1BC,UAAW,QAIb,yCAA0C,CACxCC,WAAY,GAAGV,EAAQW,oBAIzB,4EAA6E,CAC3EL,QAAS,mBACTM,OAAQ,WAIV,sMACE,CACEN,QAAS,mBAKb,0CAA2C,CACzC,+BAAgC,CAC9BO,WAAY,SACZC,UAAW,YACXC,eAAgBhB,EAAMiB,QAAQC,QAAQC,UACtCC,UAAW,kBACXC,OAAQ,mBAKV,mEAAoE,CAElEA,OAAQ,kBACRD,UAAW,kBACXV,UAAW,mBAEb,sEAAuE,CACrEW,OAAQ,QAEV,uJACE,CACEC,YAAa,QAGjB,gFAAiF,CAC/ED,OAAQ,eACRD,UAAW,eACXV,UAAW,eACXa,SAAU,UAGZ,oHACE,CACEA,SAAU,WAKhB,qBAAsB,CACpBC,eAAgB,SAChBC,GAAI,QAIN,0CAA2C,CACzCC,SAAU,YAEZ,mDAAoD,CAClDC,WAAY,QAId,iCAAkC,CAChCpB,QAAS,QAIX,2BAA4B,CAC1BqB,SAAU,OACVH,GAAI,QAEN,iDAAkD,CAChDI,MAAO,eACPJ,GAAI,OAEN,8DAA+D,CAC7Dd,WAAY,OAEd,4DAA6D,CAC3DA,WAAY,OAId,sEAAuE,CACrEJ,QAAS,QAIX,8CAA+C,CAC7CuB,OAAQ,OACRL,GAAI,IACJZ,OAAQ,UACRJ,SAAU,QAEZ,8CAA+C,CAC7CA,SAAU,OACVN,MAAO,OACP4B,GAAI,MACJH,SAAU,OACVjB,WAAY,MACZqB,UAAW,UAEb,+BAAgC,CAC9BC,GAAI,MACJL,SAAU,QAGZ,kBAAmB,CACjBM,gBAAiB,gBACjBrB,OAAQ,UACRsB,aAAc,OAKhB,4BAA6B,CAC3BtB,OAAQ,QAKV,wFAAyF,CACvFA,OAAQ,cAIPuB,EAGH,kCAAmC,CACjCP,MAAO7B,EAAMiB,QAAQoB,UAAUC,OAEjC,8CAA+C,CAC7CT,MAAO7B,EAAMiB,QAAQsB,KAAKC,SAE5B,+HACE,CACEjC,QAAS,2BAIbkC,WAAYxC,EAAQwC,aAYXC,EAAsB,KAG1B,CACLC,UAAW,aACXC,aAAa,EACbC,+BAA+B,EAC/BC,UAA+B,QANnBC,IAMKvC,UAEjBwC,yBAAyB,IAShBC,EAA0DC,EAAW,EAAGC,KAAIC,cAAaC,GAAQC,IAE1GC,EAACC,EAAG,CACFL,GAAIM,EACDzD,IAAK,IACDD,EAAaC,KAElBmD,GAEFG,IAAKA,KACDD,EAAID,SAEPA"}

package/components/advancedTable/agGridIcons.d.ts

@@ -65,10 +65,16 @@ export declare const skodaAgGridIconOverrides: (customIcons?: {
     };
 };
 export declare const agGridCssIcons: {
-    '.ag-icon-desc:hover::before': {
+    '.ag-icon-desc::before, .ag-header-cell-sortable .ag-hidden .ag-icon-desc:hover::before': {
         maskImage: string;
     };
-    '.ag-icon-asc:hover::before': {
+    '.ag-icon-asc::before, .ag-header-cell-sortable .ag-hidden .ag-icon-asc:hover::before': {
+        maskImage: string;
+    };
+    '.ag-icon-desc:hover::before, .ag-header-cell-sortable .ag-hidden .ag-icon-desc::before': {
+        maskImage: string;
+    };
+    '.ag-icon-asc:hover::before, .ag-header-cell-sortable .ag-hidden .ag-icon-asc::before': {
         maskImage: string;
     };
 };

package/components/advancedTable/agGridIcons.js

@@ -1,2 +1,2 @@
-const s={previous:{svg:'<svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root" focusable="false" aria-hidden="true" viewBox="2 2 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M12.86 18.24L11.58 19.52L4.02 11.96L11.58 4.4L12.86 5.68L7.56 10.92H19.58V13H7.56L12.86 18.24Z"></path></svg>'},next:{svg:'<svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root" focusable="false" aria-hidden="true" viewBox="2 2 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M4.42 10.92H16.44L11.14 5.68L12.42 4.4L19.98 11.96L12.42 19.52L11.14 18.24L16.44 13H4.42V10.92Z"></path></svg>'},first:{svg:'<svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root" focusable="false" aria-hidden="true" viewBox="2 2 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M9.3 11.96L17.36 5L18.64 6.44L12.1 11.96L18.64 17.48L17.36 18.92L9.3 11.96ZM6.3 5.32H8.26V18.6H6.3V5.32Z"></path></svg>'},last:{svg:'<svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root" focusable="false" aria-hidden="true" viewBox="2 2 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M14.7 11.96L6.64 18.92L5.36 17.48L11.9 11.96L5.36 6.44L6.64 5L14.7 11.96ZM17.7 18.6H15.74V5.32H17.7V18.6Z"></path></svg>'},"small-down":{svg:'<svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root" focusable="false" aria-hidden="true" viewBox="2 2 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M12 16.42L4.64 9.06L6.12 7.58L12 13.46L17.88 7.58L19.36 9.06L12 16.42Z"></path></svg>'},asc:{svg:'<svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root" focusable="false" aria-hidden="true" viewBox="2 2 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M12 20.74C7.18 20.74 3.18 16.76 3.18 11.96C3.18 7.16 7.18 3.18 12 3.18C16.82 3.18 20.82 7.16 20.82 11.96C20.82 16.76 16.82 20.74 12 20.74ZM11.22 15.92H12.78V10.4L15.34 13.04L16.3 12.1L11.96 7.76L7.7 12.1L8.66 13.04L11.22 10.34V15.92Z"></path></svg>'},ascHover:{svg:'<svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root" focusable="false" aria-hidden="true" viewBox="2 2 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M12 20.74C7.18 20.74 3.18 16.76 3.18 11.96C3.18 7.16 7.18 3.18 12 3.18C16.82 3.18 20.82 7.16 20.82 11.96C20.82 16.76 16.82 20.74 12 20.74ZM12 4.98C8.2 4.98 5.06 8.14 5.06 11.96C5.06 15.78 8.2 18.94 12 18.94C15.8 18.94 18.94 15.78 18.94 11.96C18.94 8.14 15.8 4.98 12 4.98ZM11.22 15.92V10.36L8.66 13.04L7.7 12.1L12 7.76L16.3 12.1L15.34 13.04L12.78 10.36V15.92H11.22Z"></path></svg>'},desc:{svg:'<svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root" focusable="false" aria-hidden="true" viewBox="2 2 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M12 3.18C16.82 3.18 20.82 7.16 20.82 11.96C20.82 16.76 16.82 20.74 12 20.74C7.18 20.74 3.18 16.76 3.18 11.96C3.18 7.16 7.18 3.18 12 3.18ZM12.78 8H11.22V13.52L8.66 10.88L7.7 11.82L12.04 16.16L16.3 11.82L15.34 10.88L12.78 13.58V8Z"></path></svg>'},descHover:{svg:'<svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root" focusable="false" aria-hidden="true" viewBox="2 2 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M12 3.18C16.82 3.18 20.82 7.16 20.82 11.96C20.82 16.76 16.82 20.74 12 20.74C7.18 20.74 3.18 16.76 3.18 11.96C3.18 7.16 7.18 3.18 12 3.18ZM12 18.94C15.8 18.94 18.94 15.78 18.94 11.96C18.94 8.14 15.8 4.98 12 4.98C8.2 4.98 5.06 8.14 5.06 11.96C5.06 15.78 8.2 18.94 12 18.94ZM12.78 8V13.56L15.34 10.88L16.3 11.82L12 16.16L7.7 11.82L8.66 10.88L11.22 13.56V8H12.78Z"></path></svg>'}},o=o=>({type:"image",mask:!0,icons:{...s,...Object.fromEntries((o??[]).map(s=>[s.name,{svg:s.svg}]))}}),e={".ag-icon-desc:hover::before":{maskImage:`url(data:image/svg+xml;utf8,${encodeURIComponent(s.descHover.svg)})`},".ag-icon-asc:hover::before":{maskImage:`url(data:image/svg+xml;utf8,${encodeURIComponent(s.ascHover.svg)})`}};export{e as agGridCssIcons,s as agGridIconsDefinition,o as skodaAgGridIconOverrides};
+const o={previous:{svg:'<svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root" focusable="false" aria-hidden="true" viewBox="2 2 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M12.86 18.24L11.58 19.52L4.02 11.96L11.58 4.4L12.86 5.68L7.56 10.92H19.58V13H7.56L12.86 18.24Z"></path></svg>'},next:{svg:'<svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root" focusable="false" aria-hidden="true" viewBox="2 2 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M4.42 10.92H16.44L11.14 5.68L12.42 4.4L19.98 11.96L12.42 19.52L11.14 18.24L16.44 13H4.42V10.92Z"></path></svg>'},first:{svg:'<svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root" focusable="false" aria-hidden="true" viewBox="2 2 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M9.3 11.96L17.36 5L18.64 6.44L12.1 11.96L18.64 17.48L17.36 18.92L9.3 11.96ZM6.3 5.32H8.26V18.6H6.3V5.32Z"></path></svg>'},last:{svg:'<svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root" focusable="false" aria-hidden="true" viewBox="2 2 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M14.7 11.96L6.64 18.92L5.36 17.48L11.9 11.96L5.36 6.44L6.64 5L14.7 11.96ZM17.7 18.6H15.74V5.32H17.7V18.6Z"></path></svg>'},"small-down":{svg:'<svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root" focusable="false" aria-hidden="true" viewBox="2 2 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M12 16.42L4.64 9.06L6.12 7.58L12 13.46L17.88 7.58L19.36 9.06L12 16.42Z"></path></svg>'},asc:{svg:'<svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root" focusable="false" aria-hidden="true" viewBox="2 2 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M12 20.74C7.18 20.74 3.18 16.76 3.18 11.96C3.18 7.16 7.18 3.18 12 3.18C16.82 3.18 20.82 7.16 20.82 11.96C20.82 16.76 16.82 20.74 12 20.74ZM11.22 15.92H12.78V10.4L15.34 13.04L16.3 12.1L11.96 7.76L7.7 12.1L8.66 13.04L11.22 10.34V15.92Z"></path></svg>'},ascHover:{svg:'<svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root" focusable="false" aria-hidden="true" viewBox="2 2 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M12 20.74C7.18 20.74 3.18 16.76 3.18 11.96C3.18 7.16 7.18 3.18 12 3.18C16.82 3.18 20.82 7.16 20.82 11.96C20.82 16.76 16.82 20.74 12 20.74ZM12 4.98C8.2 4.98 5.06 8.14 5.06 11.96C5.06 15.78 8.2 18.94 12 18.94C15.8 18.94 18.94 15.78 18.94 11.96C18.94 8.14 15.8 4.98 12 4.98ZM11.22 15.92V10.36L8.66 13.04L7.7 12.1L12 7.76L16.3 12.1L15.34 13.04L12.78 10.36V15.92H11.22Z"></path></svg>'},desc:{svg:'<svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root" focusable="false" aria-hidden="true" viewBox="2 2 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M12 3.18C16.82 3.18 20.82 7.16 20.82 11.96C20.82 16.76 16.82 20.74 12 20.74C7.18 20.74 3.18 16.76 3.18 11.96C3.18 7.16 7.18 3.18 12 3.18ZM12.78 8H11.22V13.52L8.66 10.88L7.7 11.82L12.04 16.16L16.3 11.82L15.34 10.88L12.78 13.58V8Z"></path></svg>'},descHover:{svg:'<svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root" focusable="false" aria-hidden="true" viewBox="2 2 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M12 3.18C16.82 3.18 20.82 7.16 20.82 11.96C20.82 16.76 16.82 20.74 12 20.74C7.18 20.74 3.18 16.76 3.18 11.96C3.18 7.16 7.18 3.18 12 3.18ZM12 18.94C15.8 18.94 18.94 15.78 18.94 11.96C18.94 8.14 15.8 4.98 12 4.98C8.2 4.98 5.06 8.14 5.06 11.96C5.06 15.78 8.2 18.94 12 18.94ZM12.78 8V13.56L15.34 10.88L16.3 11.82L12 16.16L7.7 11.82L8.66 10.88L11.22 13.56V8H12.78Z"></path></svg>'}},e=e=>({type:"image",mask:!0,icons:{...o,...Object.fromEntries((e??[]).map(o=>[o.name,{svg:o.svg}]))}}),s={".ag-icon-desc::before, .ag-header-cell-sortable .ag-hidden .ag-icon-desc:hover::before":{maskImage:`url(data:image/svg+xml;utf8,${encodeURIComponent(o.desc.svg)})`},".ag-icon-asc::before, .ag-header-cell-sortable .ag-hidden .ag-icon-asc:hover::before":{maskImage:`url(data:image/svg+xml;utf8,${encodeURIComponent(o.asc.svg)})`},".ag-icon-desc:hover::before, .ag-header-cell-sortable .ag-hidden .ag-icon-desc::before":{maskImage:`url(data:image/svg+xml;utf8,${encodeURIComponent(o.descHover.svg)})`},".ag-icon-asc:hover::before, .ag-header-cell-sortable .ag-hidden .ag-icon-asc::before":{maskImage:`url(data:image/svg+xml;utf8,${encodeURIComponent(o.ascHover.svg)})`}};export{s as agGridCssIcons,o as agGridIconsDefinition,e as skodaAgGridIconOverrides};
 //# sourceMappingURL=agGridIcons.js.map

package/components/advancedTable/agGridIcons.js.map

@@ -1 +1 @@
-{"version":3,"file":"agGridIcons.js","sources":["../../../src/components/advancedTable/agGridIcons.tsx"],"sourcesContent":["// hotfix to avoid using react-dom/server which can cause issues in Next\n// later the source of flow-icons2 should be used instead\nexport const agGridIconsDefinition = {\n  previous: {\n    // ArrowLeftIcon\n    svg: '<svg class=\"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"2 2 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12.86 18.24L11.58 19.52L4.02 11.96L11.58 4.4L12.86 5.68L7.56 10.92H19.58V13H7.56L12.86 18.24Z\"></path></svg>',\n  },\n  next: {\n    // ArrowRightIcon\n    svg: '<svg class=\"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"2 2 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M4.42 10.92H16.44L11.14 5.68L12.42 4.4L19.98 11.96L12.42 19.52L11.14 18.24L16.44 13H4.42V10.92Z\"></path></svg>',\n  },\n  first: {\n    // ChevronPreviousIcon\n    svg: '<svg class=\"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"2 2 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M9.3 11.96L17.36 5L18.64 6.44L12.1 11.96L18.64 17.48L17.36 18.92L9.3 11.96ZM6.3 5.32H8.26V18.6H6.3V5.32Z\"></path></svg>',\n  },\n  last: {\n    // ChevronNextIcon\n    svg: '<svg class=\"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"2 2 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M14.7 11.96L6.64 18.92L5.36 17.48L11.9 11.96L5.36 6.44L6.64 5L14.7 11.96ZM17.7 18.6H15.74V5.32H17.7V18.6Z\"></path></svg>',\n  },\n  'small-down': {\n    // ChevronDownIcon\n    svg: '<svg class=\"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"2 2 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12 16.42L4.64 9.06L6.12 7.58L12 13.46L17.88 7.58L19.36 9.06L12 16.42Z\"></path></svg>',\n  },\n  asc: {\n    // ArrowCircleUpFilledIcon\n    svg: '<svg class=\"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"2 2 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12 20.74C7.18 20.74 3.18 16.76 3.18 11.96C3.18 7.16 7.18 3.18 12 3.18C16.82 3.18 20.82 7.16 20.82 11.96C20.82 16.76 16.82 20.74 12 20.74ZM11.22 15.92H12.78V10.4L15.34 13.04L16.3 12.1L11.96 7.76L7.7 12.1L8.66 13.04L11.22 10.34V15.92Z\"></path></svg>',\n  },\n  ascHover: {\n    // ArrowCircleUpIcon\n    svg: '<svg class=\"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"2 2 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12 20.74C7.18 20.74 3.18 16.76 3.18 11.96C3.18 7.16 7.18 3.18 12 3.18C16.82 3.18 20.82 7.16 20.82 11.96C20.82 16.76 16.82 20.74 12 20.74ZM12 4.98C8.2 4.98 5.06 8.14 5.06 11.96C5.06 15.78 8.2 18.94 12 18.94C15.8 18.94 18.94 15.78 18.94 11.96C18.94 8.14 15.8 4.98 12 4.98ZM11.22 15.92V10.36L8.66 13.04L7.7 12.1L12 7.76L16.3 12.1L15.34 13.04L12.78 10.36V15.92H11.22Z\"></path></svg>',\n  },\n  desc: {\n    // ArrowCircleDownFilledIcon\n    svg: '<svg class=\"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"2 2 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12 3.18C16.82 3.18 20.82 7.16 20.82 11.96C20.82 16.76 16.82 20.74 12 20.74C7.18 20.74 3.18 16.76 3.18 11.96C3.18 7.16 7.18 3.18 12 3.18ZM12.78 8H11.22V13.52L8.66 10.88L7.7 11.82L12.04 16.16L16.3 11.82L15.34 10.88L12.78 13.58V8Z\"></path></svg>',\n  },\n  descHover: {\n    // ArrowCircleDownIcon\n    svg: '<svg class=\"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"2 2 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12 3.18C16.82 3.18 20.82 7.16 20.82 11.96C20.82 16.76 16.82 20.74 12 20.74C7.18 20.74 3.18 16.76 3.18 11.96C3.18 7.16 7.18 3.18 12 3.18ZM12 18.94C15.8 18.94 18.94 15.78 18.94 11.96C18.94 8.14 15.8 4.98 12 4.98C8.2 4.98 5.06 8.14 5.06 11.96C5.06 15.78 8.2 18.94 12 18.94ZM12.78 8V13.56L15.34 10.88L16.3 11.82L12 16.16L7.7 11.82L8.66 10.88L11.22 13.56V8H12.78Z\"></path></svg>',\n  },\n};\n\n/** Maps AG Grid icons to Skoda Flow library icons, overrides icons in AG Grid Theme */\nexport const skodaAgGridIconOverrides = (customIcons?: { name: string; svg: string }[]) => {\n  return {\n    type: 'image' as const,\n    mask: true, // for icons to use AG Grid currentColor\n    icons: {\n      ...agGridIconsDefinition,\n      ...Object.fromEntries((customIcons ?? []).map((icon) => [icon.name, { svg: icon.svg }])),\n    },\n  };\n};\n\nexport const agGridCssIcons = {\n  '.ag-icon-desc:hover::before': {\n    maskImage: `url(data:image/svg+xml;utf8,${encodeURIComponent(agGridIconsDefinition.descHover.svg)})`,\n  },\n  '.ag-icon-asc:hover::before': {\n    maskImage: `url(data:image/svg+xml;utf8,${encodeURIComponent(agGridIconsDefinition.ascHover.svg)})`,\n  },\n};\n"],"names":["agGridIconsDefinition","previous","svg","next","first","last","asc","ascHover","desc","descHover","skodaAgGridIconOverrides","customIcons","type","mask","icons","Object","fromEntries","map","icon","name","agGridCssIcons","maskImage","encodeURIComponent"],"mappings":"AAEO,MAAMA,EAAwB,CACnCC,SAAU,CAERC,IAAK,ySAEPC,KAAM,CAEJD,IAAK,0SAEPE,MAAO,CAELF,IAAK,mTAEPG,KAAM,CAEJH,IAAK,oTAEP,aAAc,CAEZA,IAAK,iRAEPI,IAAK,CAEHJ,IAAK,obAEPK,SAAU,CAERL,IAAK,ujBAEPM,KAAM,CAEJN,IAAK,+aAEPO,UAAW,CAETP,IAAK,mjBAKIQ,EAA4BC,IAChC,CACLC,KAAM,QACNC,MAAM,EACNC,MAAO,IACFd,KACAe,OAAOC,aAAaL,GAAe,IAAIM,IAAKC,GAAS,CAACA,EAAKC,KAAM,CAAEjB,IAAKgB,EAAKhB,WAKzEkB,EAAiB,CAC5B,8BAA+B,CAC7BC,UAAW,+BAA+BC,mBAAmBtB,EAAsBS,UAAUP,SAE/F,6BAA8B,CAC5BmB,UAAW,+BAA+BC,mBAAmBtB,EAAsBO,SAASL"}
+{"version":3,"file":"agGridIcons.js","sources":["../../../src/components/advancedTable/agGridIcons.tsx"],"sourcesContent":["// hotfix to avoid using react-dom/server which can cause issues in Next\n// later the source of flow-icons2 should be used instead\nexport const agGridIconsDefinition = {\n  previous: {\n    // ArrowLeftIcon\n    svg: '<svg class=\"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"2 2 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12.86 18.24L11.58 19.52L4.02 11.96L11.58 4.4L12.86 5.68L7.56 10.92H19.58V13H7.56L12.86 18.24Z\"></path></svg>',\n  },\n  next: {\n    // ArrowRightIcon\n    svg: '<svg class=\"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"2 2 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M4.42 10.92H16.44L11.14 5.68L12.42 4.4L19.98 11.96L12.42 19.52L11.14 18.24L16.44 13H4.42V10.92Z\"></path></svg>',\n  },\n  first: {\n    // ChevronPreviousIcon\n    svg: '<svg class=\"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"2 2 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M9.3 11.96L17.36 5L18.64 6.44L12.1 11.96L18.64 17.48L17.36 18.92L9.3 11.96ZM6.3 5.32H8.26V18.6H6.3V5.32Z\"></path></svg>',\n  },\n  last: {\n    // ChevronNextIcon\n    svg: '<svg class=\"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"2 2 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M14.7 11.96L6.64 18.92L5.36 17.48L11.9 11.96L5.36 6.44L6.64 5L14.7 11.96ZM17.7 18.6H15.74V5.32H17.7V18.6Z\"></path></svg>',\n  },\n  'small-down': {\n    // ChevronDownIcon\n    svg: '<svg class=\"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"2 2 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12 16.42L4.64 9.06L6.12 7.58L12 13.46L17.88 7.58L19.36 9.06L12 16.42Z\"></path></svg>',\n  },\n  asc: {\n    // ArrowCircleUpFilledIcon\n    svg: '<svg class=\"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"2 2 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12 20.74C7.18 20.74 3.18 16.76 3.18 11.96C3.18 7.16 7.18 3.18 12 3.18C16.82 3.18 20.82 7.16 20.82 11.96C20.82 16.76 16.82 20.74 12 20.74ZM11.22 15.92H12.78V10.4L15.34 13.04L16.3 12.1L11.96 7.76L7.7 12.1L8.66 13.04L11.22 10.34V15.92Z\"></path></svg>',\n  },\n  ascHover: {\n    // ArrowCircleUpIcon\n    svg: '<svg class=\"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"2 2 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12 20.74C7.18 20.74 3.18 16.76 3.18 11.96C3.18 7.16 7.18 3.18 12 3.18C16.82 3.18 20.82 7.16 20.82 11.96C20.82 16.76 16.82 20.74 12 20.74ZM12 4.98C8.2 4.98 5.06 8.14 5.06 11.96C5.06 15.78 8.2 18.94 12 18.94C15.8 18.94 18.94 15.78 18.94 11.96C18.94 8.14 15.8 4.98 12 4.98ZM11.22 15.92V10.36L8.66 13.04L7.7 12.1L12 7.76L16.3 12.1L15.34 13.04L12.78 10.36V15.92H11.22Z\"></path></svg>',\n  },\n  desc: {\n    // ArrowCircleDownFilledIcon\n    svg: '<svg class=\"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"2 2 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12 3.18C16.82 3.18 20.82 7.16 20.82 11.96C20.82 16.76 16.82 20.74 12 20.74C7.18 20.74 3.18 16.76 3.18 11.96C3.18 7.16 7.18 3.18 12 3.18ZM12.78 8H11.22V13.52L8.66 10.88L7.7 11.82L12.04 16.16L16.3 11.82L15.34 10.88L12.78 13.58V8Z\"></path></svg>',\n  },\n  descHover: {\n    // ArrowCircleDownIcon\n    svg: '<svg class=\"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"2 2 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12 3.18C16.82 3.18 20.82 7.16 20.82 11.96C20.82 16.76 16.82 20.74 12 20.74C7.18 20.74 3.18 16.76 3.18 11.96C3.18 7.16 7.18 3.18 12 3.18ZM12 18.94C15.8 18.94 18.94 15.78 18.94 11.96C18.94 8.14 15.8 4.98 12 4.98C8.2 4.98 5.06 8.14 5.06 11.96C5.06 15.78 8.2 18.94 12 18.94ZM12.78 8V13.56L15.34 10.88L16.3 11.82L12 16.16L7.7 11.82L8.66 10.88L11.22 13.56V8H12.78Z\"></path></svg>',\n  },\n};\n\n/** Maps AG Grid icons to Skoda Flow library icons, overrides icons in AG Grid Theme */\nexport const skodaAgGridIconOverrides = (customIcons?: { name: string; svg: string }[]) => {\n  return {\n    type: 'image' as const,\n    mask: true, // for icons to use AG Grid currentColor\n    icons: {\n      ...agGridIconsDefinition,\n      ...Object.fromEntries((customIcons ?? []).map((icon) => [icon.name, { svg: icon.svg }])),\n    },\n  };\n};\n\nexport const agGridCssIcons = {\n  '.ag-icon-desc::before, .ag-header-cell-sortable .ag-hidden .ag-icon-desc:hover::before': {\n    maskImage: `url(data:image/svg+xml;utf8,${encodeURIComponent(agGridIconsDefinition.desc.svg)})`,\n  },\n  '.ag-icon-asc::before, .ag-header-cell-sortable .ag-hidden .ag-icon-asc:hover::before': {\n    maskImage: `url(data:image/svg+xml;utf8,${encodeURIComponent(agGridIconsDefinition.asc.svg)})`,\n  },\n  '.ag-icon-desc:hover::before, .ag-header-cell-sortable .ag-hidden .ag-icon-desc::before': {\n    maskImage: `url(data:image/svg+xml;utf8,${encodeURIComponent(agGridIconsDefinition.descHover.svg)})`,\n  },\n  '.ag-icon-asc:hover::before, .ag-header-cell-sortable .ag-hidden .ag-icon-asc::before': {\n    maskImage: `url(data:image/svg+xml;utf8,${encodeURIComponent(agGridIconsDefinition.ascHover.svg)})`,\n  },\n};\n"],"names":["agGridIconsDefinition","previous","svg","next","first","last","asc","ascHover","desc","descHover","skodaAgGridIconOverrides","customIcons","type","mask","icons","Object","fromEntries","map","icon","name","agGridCssIcons","maskImage","encodeURIComponent"],"mappings":"AAEO,MAAMA,EAAwB,CACnCC,SAAU,CAERC,IAAK,ySAEPC,KAAM,CAEJD,IAAK,0SAEPE,MAAO,CAELF,IAAK,mTAEPG,KAAM,CAEJH,IAAK,oTAEP,aAAc,CAEZA,IAAK,iRAEPI,IAAK,CAEHJ,IAAK,obAEPK,SAAU,CAERL,IAAK,ujBAEPM,KAAM,CAEJN,IAAK,+aAEPO,UAAW,CAETP,IAAK,mjBAKIQ,EAA4BC,IAChC,CACLC,KAAM,QACNC,MAAM,EACNC,MAAO,IACFd,KACAe,OAAOC,aAAaL,GAAe,IAAIM,IAAKC,GAAS,CAACA,EAAKC,KAAM,CAAEjB,IAAKgB,EAAKhB,WAKzEkB,EAAiB,CAC5B,yFAA0F,CACxFC,UAAW,+BAA+BC,mBAAmBtB,EAAsBQ,KAAKN,SAE1F,uFAAwF,CACtFmB,UAAW,+BAA+BC,mBAAmBtB,EAAsBM,IAAIJ,SAEzF,yFAA0F,CACxFmB,UAAW,+BAA+BC,mBAAmBtB,EAAsBS,UAAUP,SAE/F,uFAAwF,CACtFmB,UAAW,+BAA+BC,mBAAmBtB,EAAsBO,SAASL"}

package/components/advancedTable/agGridSkodaTheme.js

@@ -1,2 +1,2 @@
-const e=e=>({fontFamily:"rtl"===e.direction?"SKODA Next R2L":"SKODA Next",fontSize:14,iconSize:17,backgroundColor:"transparent",foregroundColor:e.palette.text.primary,dataColor:e.palette.text.primary,headerForegroundColor:e.palette.text.primary,headerBackgroundColor:"transparent",subHeaderBackgroundColor:"transparent",subHeaderToolbarBackgroundColor:"transparent",secondaryForegroundColor:e.palette.onSurface.os500,disabledForegroundColor:e.palette.disabled.tertiary,checkboxCheckedColor:e.palette.brand.primary,checkboxIndeterminateColor:e.palette.brand.primary,rowHoverColor:e.palette.surface.primary,oddRowBackgroundColor:"transparent",rowBorderColor:e.palette.surface.secondary,selectedRowBackgroundColor:e.palette.surface.primary,headerFontSize:14,headerFontWeight:700,headerHeight:54,rowHeight:56,paginationPanelHeight:70,cellHorizontalPadding:16,cellVerticalPadding:4,rowVerticalPaddingScale:.04,borderRadius:8,headerColumnSeparatorColor:e.palette.surface.secondary,headerColumnResizeHandleColor:e.palette.surface.secondary,headerColumnSeparatorDisplay:"block",headerColumnResizeHandleDisplay:"block"});export{e as skodaAgThemeParams};
+import{getFontFamily as e}from"../../materialui/typography/typography.theme.js";const r=r=>({fontFamily:e("rtl"===r.direction),fontSize:14,iconSize:17,backgroundColor:"transparent",foregroundColor:r.palette.text.primary,dataColor:r.palette.text.primary,headerForegroundColor:r.palette.text.primary,headerBackgroundColor:"transparent",subHeaderBackgroundColor:"transparent",subHeaderToolbarBackgroundColor:"transparent",secondaryForegroundColor:r.palette.onSurface.os500,disabledForegroundColor:r.palette.disabled.tertiary,checkboxCheckedColor:r.palette.brand.primary,checkboxIndeterminateColor:r.palette.brand.primary,rowHoverColor:r.palette.surface.primary,oddRowBackgroundColor:"transparent",rowBorderColor:r.palette.surface.secondary,selectedRowBackgroundColor:r.palette.surface.primary,headerFontSize:14,headerFontWeight:700,headerHeight:54,rowHeight:56,paginationPanelHeight:70,cellHorizontalPadding:16,cellVerticalPadding:4,rowVerticalPaddingScale:.04,borderRadius:8,headerColumnSeparatorColor:r.palette.surface.secondary,headerColumnResizeHandleColor:r.palette.surface.secondary,headerColumnSeparatorDisplay:"block",headerColumnResizeHandleDisplay:"block"});export{r as skodaAgThemeParams};
 //# sourceMappingURL=agGridSkodaTheme.js.map

package/components/advancedTable/agGridSkodaTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"agGridSkodaTheme.js","sources":["../../../src/components/advancedTable/agGridSkodaTheme.ts"],"sourcesContent":["import { Theme } from '@mui/material';\n\n/** AG Grid Theme parameters (replaces variables since AG Grid v32) */\nexport const skodaAgThemeParams = (theme: Theme) => ({\n  // typography\n  fontFamily: theme.direction === 'rtl' ? 'SKODA Next R2L' : 'SKODA Next',\n  fontSize: 14,\n  iconSize: 17,\n\n  // colors\n  backgroundColor: 'transparent',\n  foregroundColor: theme.palette.text.primary,\n  dataColor: theme.palette.text.primary,\n  headerForegroundColor: theme.palette.text.primary,\n  headerBackgroundColor: 'transparent',\n  subHeaderBackgroundColor: 'transparent',\n  subHeaderToolbarBackgroundColor: 'transparent',\n  secondaryForegroundColor: theme.palette.onSurface.os500,\n  disabledForegroundColor: theme.palette.disabled.tertiary,\n  checkboxCheckedColor: theme.palette.brand.primary,\n  checkboxIndeterminateColor: theme.palette.brand.primary,\n\n  // rows / hover / borders\n  rowHoverColor: theme.palette.surface.primary,\n  oddRowBackgroundColor: 'transparent',\n  rowBorderColor: theme.palette.surface.secondary,\n  selectedRowBackgroundColor: theme.palette.surface.primary,\n\n  // sizing / spacing\n  headerFontSize: 14,\n  headerFontWeight: 700,\n  headerHeight: 54,\n  rowHeight: 56,\n  paginationPanelHeight: 70,\n  cellHorizontalPadding: 16,\n  cellVerticalPadding: 4,\n  rowVerticalPaddingScale: 0.04,\n  borderRadius: 8,\n\n  // header separators\n  headerColumnSeparatorColor: theme.palette.surface.secondary,\n  headerColumnResizeHandleColor: theme.palette.surface.secondary,\n  headerColumnSeparatorDisplay: 'block',\n  headerColumnResizeHandleDisplay: 'block',\n});\n"],"names":["skodaAgThemeParams","theme","fontFamily","direction","fontSize","iconSize","backgroundColor","foregroundColor","palette","text","primary","dataColor","headerForegroundColor","headerBackgroundColor","subHeaderBackgroundColor","subHeaderToolbarBackgroundColor","secondaryForegroundColor","onSurface","os500","disabledForegroundColor","disabled","tertiary","checkboxCheckedColor","brand","checkboxIndeterminateColor","rowHoverColor","surface","oddRowBackgroundColor","rowBorderColor","secondary","selectedRowBackgroundColor","headerFontSize","headerFontWeight","headerHeight","rowHeight","paginationPanelHeight","cellHorizontalPadding","cellVerticalPadding","rowVerticalPaddingScale","borderRadius","headerColumnSeparatorColor","headerColumnResizeHandleColor","headerColumnSeparatorDisplay","headerColumnResizeHandleDisplay"],"mappings":"MAGaA,EAAsBC,IAAY,CAE7CC,WAAgC,QAApBD,EAAME,UAAsB,iBAAmB,aAC3DC,SAAU,GACVC,SAAU,GAGVC,gBAAiB,cACjBC,gBAAiBN,EAAMO,QAAQC,KAAKC,QACpCC,UAAWV,EAAMO,QAAQC,KAAKC,QAC9BE,sBAAuBX,EAAMO,QAAQC,KAAKC,QAC1CG,sBAAuB,cACvBC,yBAA0B,cAC1BC,gCAAiC,cACjCC,yBAA0Bf,EAAMO,QAAQS,UAAUC,MAClDC,wBAAyBlB,EAAMO,QAAQY,SAASC,SAChDC,qBAAsBrB,EAAMO,QAAQe,MAAMb,QAC1Cc,2BAA4BvB,EAAMO,QAAQe,MAAMb,QAGhDe,cAAexB,EAAMO,QAAQkB,QAAQhB,QACrCiB,sBAAuB,cACvBC,eAAgB3B,EAAMO,QAAQkB,QAAQG,UACtCC,2BAA4B7B,EAAMO,QAAQkB,QAAQhB,QAGlDqB,eAAgB,GAChBC,iBAAkB,IAClBC,aAAc,GACdC,UAAW,GACXC,sBAAuB,GACvBC,sBAAuB,GACvBC,oBAAqB,EACrBC,wBAAyB,IACzBC,aAAc,EAGdC,2BAA4BvC,EAAMO,QAAQkB,QAAQG,UAClDY,8BAA+BxC,EAAMO,QAAQkB,QAAQG,UACrDa,6BAA8B,QAC9BC,gCAAiC"}
+{"version":3,"file":"agGridSkodaTheme.js","sources":["../../../src/components/advancedTable/agGridSkodaTheme.ts"],"sourcesContent":["import { Theme } from '@mui/material';\nimport { getFontFamily } from '@/src/materialui/typography/typography.theme';\n\n/** AG Grid Theme parameters (replaces variables since AG Grid v32) */\nexport const skodaAgThemeParams = (theme: Theme) => ({\n  // typography\n  fontFamily: getFontFamily(theme.direction === 'rtl'),\n  fontSize: 14,\n  iconSize: 17,\n\n  // colors\n  backgroundColor: 'transparent',\n  foregroundColor: theme.palette.text.primary,\n  dataColor: theme.palette.text.primary,\n  headerForegroundColor: theme.palette.text.primary,\n  headerBackgroundColor: 'transparent',\n  subHeaderBackgroundColor: 'transparent',\n  subHeaderToolbarBackgroundColor: 'transparent',\n  secondaryForegroundColor: theme.palette.onSurface.os500,\n  disabledForegroundColor: theme.palette.disabled.tertiary,\n  checkboxCheckedColor: theme.palette.brand.primary,\n  checkboxIndeterminateColor: theme.palette.brand.primary,\n\n  // rows / hover / borders\n  rowHoverColor: theme.palette.surface.primary,\n  oddRowBackgroundColor: 'transparent',\n  rowBorderColor: theme.palette.surface.secondary,\n  selectedRowBackgroundColor: theme.palette.surface.primary,\n\n  // sizing / spacing\n  headerFontSize: 14,\n  headerFontWeight: 700,\n  headerHeight: 54,\n  rowHeight: 56,\n  paginationPanelHeight: 70,\n  cellHorizontalPadding: 16,\n  cellVerticalPadding: 4,\n  rowVerticalPaddingScale: 0.04,\n  borderRadius: 8,\n\n  // header separators\n  headerColumnSeparatorColor: theme.palette.surface.secondary,\n  headerColumnResizeHandleColor: theme.palette.surface.secondary,\n  headerColumnSeparatorDisplay: 'block',\n  headerColumnResizeHandleDisplay: 'block',\n});\n"],"names":["skodaAgThemeParams","theme","fontFamily","getFontFamily","direction","fontSize","iconSize","backgroundColor","foregroundColor","palette","text","primary","dataColor","headerForegroundColor","headerBackgroundColor","subHeaderBackgroundColor","subHeaderToolbarBackgroundColor","secondaryForegroundColor","onSurface","os500","disabledForegroundColor","disabled","tertiary","checkboxCheckedColor","brand","checkboxIndeterminateColor","rowHoverColor","surface","oddRowBackgroundColor","rowBorderColor","secondary","selectedRowBackgroundColor","headerFontSize","headerFontWeight","headerHeight","rowHeight","paginationPanelHeight","cellHorizontalPadding","cellVerticalPadding","rowVerticalPaddingScale","borderRadius","headerColumnSeparatorColor","headerColumnResizeHandleColor","headerColumnSeparatorDisplay","headerColumnResizeHandleDisplay"],"mappings":"sFAIaA,EAAsBC,IAAY,CAE7CC,WAAYC,EAAkC,QAApBF,EAAMG,WAChCC,SAAU,GACVC,SAAU,GAGVC,gBAAiB,cACjBC,gBAAiBP,EAAMQ,QAAQC,KAAKC,QACpCC,UAAWX,EAAMQ,QAAQC,KAAKC,QAC9BE,sBAAuBZ,EAAMQ,QAAQC,KAAKC,QAC1CG,sBAAuB,cACvBC,yBAA0B,cAC1BC,gCAAiC,cACjCC,yBAA0BhB,EAAMQ,QAAQS,UAAUC,MAClDC,wBAAyBnB,EAAMQ,QAAQY,SAASC,SAChDC,qBAAsBtB,EAAMQ,QAAQe,MAAMb,QAC1Cc,2BAA4BxB,EAAMQ,QAAQe,MAAMb,QAGhDe,cAAezB,EAAMQ,QAAQkB,QAAQhB,QACrCiB,sBAAuB,cACvBC,eAAgB5B,EAAMQ,QAAQkB,QAAQG,UACtCC,2BAA4B9B,EAAMQ,QAAQkB,QAAQhB,QAGlDqB,eAAgB,GAChBC,iBAAkB,IAClBC,aAAc,GACdC,UAAW,GACXC,sBAAuB,GACvBC,sBAAuB,GACvBC,oBAAqB,EACrBC,wBAAyB,IACzBC,aAAc,EAGdC,2BAA4BxC,EAAMQ,QAAQkB,QAAQG,UAClDY,8BAA+BzC,EAAMQ,QAAQkB,QAAQG,UACrDa,6BAA8B,QAC9BC,gCAAiC"}

package/components/bottomSheet/BottomSheet.d.ts

@@ -71,4 +71,7 @@ export interface BottomSheetProps extends Omit<SwipeableDrawerProps, 'onClose' |
      */
     footerWrapper?: BoxProps<ElementType>;
 }
+/**
+ * Implementation of bottom Drawer with preset layout
+ */
 export declare const BottomSheet: React.FC<BottomSheetProps>;

package/components/bottomSheet/BottomSheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.js","sources":["../../../src/components/bottomSheet/BottomSheet.tsx"],"sourcesContent":["import React, { ComponentType, ElementType, forwardRef } from 'react';\nimport {\n  Box,\n  BoxProps,\n  IconButtonProps,\n  SwipeableDrawer,\n  SwipeableDrawerProps,\n  IconButton,\n  Typography,\n  TypographyProps,\n  useTheme,\n  SvgIconProps,\n  PaperProps,\n} from '@mui/material';\nimport { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\nimport { useElementScrollable } from '@/src/utils/useElementScrollable';\nimport { getFocusRingBoxShadow } from '@/src/components/focusring/focusring';\nimport { sxOverride } from '@/src/utils/sxOverride';\n\nexport interface BottomSheetProps extends Omit<SwipeableDrawerProps, 'onClose' | 'onOpen' | 'title'> {\n  /**\n   * Open state component flag\n   */\n  open: boolean;\n  /**\n   * Open state component function\n   */\n  setOpen: React.Dispatch<React.SetStateAction<boolean>>;\n  /**\n   * Flag for displaying close button\n   */\n  closeButton?: boolean;\n  /**\n   * Props applied to closeButton IconButton\n   */\n  closeButtonProps?: Partial<IconButtonProps>;\n  /**\n   * Props applied to Icon in closeButton\n   */\n  closeButtonIconProps?: SvgIconProps;\n  /**\n   * Icon node to be used\n   */\n  CloseButtonIconComponent?: ComponentType<SvgIconProps>;\n  /**\n   * Flag for displaying bar that visualizes pulling function\n   */\n  puller?: boolean;\n  /**\n   * Props applied to wrapper of puller\n   */\n  pullerWrapperProps?: BoxProps<ElementType>;\n  /**\n   * Props applied to puller\n   */\n  pullerProps?: BoxProps<ElementType>;\n  /**\n   * Footer children slot\n   */\n  footerSlot?: React.ReactNode;\n  /**\n   * Text in header\n   */\n  title?: React.ReactNode;\n  /**\n   * Text props\n   */\n  titleProps?: TypographyProps<ElementType>;\n  /**\n   * Max height of whole component in percentages\n   * @default 60\n   */\n  maxHeight?: number;\n  /**\n   * Wrapper of header\n   */\n  headerWrapper?: BoxProps<ElementType>;\n  /**\n   * Wrapper of title and close button\n   */\n  titleWrapper?: BoxProps<ElementType>;\n  /**\n   * Wrapper of content\n   */\n  contentWrapper?: BoxProps<ElementType>;\n  /**\n   * Wrapper of footer\n   */\n  footerWrapper?: BoxProps<ElementType>;\n}\n\nexport const BottomSheet: React.FC<BottomSheetProps> = forwardRef(\n  (\n    {\n      children,\n      open,\n      setOpen,\n      slotProps,\n      puller,\n      pullerWrapperProps,\n      pullerProps,\n      closeButton,\n      closeButtonProps,\n      closeButtonIconProps,\n      CloseButtonIconComponent,\n      footerSlot,\n      title,\n      titleProps = {},\n      headerWrapper,\n      titleWrapper,\n      contentWrapper,\n      footerWrapper,\n      maxHeight = 60,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sx: headerSx, ...restHeader } = headerWrapper ?? {};\n    const { sx: titleWrapperSx, ...restTitleWrapper } = titleWrapper ?? {};\n    const { sx: titleSx, ...restTitle } = titleProps ?? {};\n    const { sx: pullerWrapperSx, ...restPullerWrapper } = pullerWrapperProps ?? {};\n    const { sx: pullerSx, ...restPuller } = pullerProps ?? {};\n    const { sx: closeButtonSx, ...restCloseButton } = closeButtonProps ?? {};\n    const { sx: contentSx, ...restContent } = contentWrapper ?? {};\n    const { sx: footerSx, ...restFooter } = footerWrapper ?? {};\n    const theme = useTheme();\n    const BottomSheetCloseButtonIcon = CloseButtonIconComponent || CloseIcon;\n\n    const { isScrollable, elementRef } = useElementScrollable('y');\n\n    return (\n      <SwipeableDrawer\n        dir={theme.direction}\n        anchor=\"bottom\"\n        open={open}\n        onClose={() => setOpen(false)}\n        onOpen={() => setOpen(true)}\n        disableSwipeToOpen\n        ModalProps={{\n          keepMounted: true,\n        }}\n        data-testid=\"BottomSheet\"\n        slotProps={{\n          ...slotProps,\n          paper: {\n            ...slotProps?.paper,\n            sx: {\n              boxShadow: 'none',\n              borderTopLeftRadius: '16px',\n              borderTopRightRadius: '16px',\n              maxHeight: `${maxHeight}%`,\n              ...(slotProps?.paper as PaperProps)?.sx,\n            },\n          },\n        }}\n        ref={ref}\n        {...rest}\n      >\n        {(title || closeButton || puller) && (\n          <Box sx={sxOverride({ px: 2 }, headerSx)} data-testid=\"BottomSheet-header\" {...restHeader}>\n            {puller && (\n              <Box\n                sx={sxOverride(\n                  {\n                    position: 'relative',\n                    display: 'flex',\n                    flexDirection: 'row',\n                    justifyContent: 'center',\n                    alignItems: 'center',\n                  },\n                  pullerWrapperSx,\n                )}\n                {...restPullerWrapper}\n              >\n                <Box\n                  data-testid=\"BottomSheet-puller\"\n                  sx={sxOverride(\n                    {\n                      width: '28px',\n                      height: '4px',\n                      backgroundColor: 'onSurface.os500',\n                      mt: 1,\n                      mb: 1.5,\n                      borderRadius: '8px',\n                    },\n                    pullerSx,\n                  )}\n                  {...restPuller}\n                />\n              </Box>\n            )}\n            {(title || (closeButton && !puller)) && (\n              <Box\n                sx={sxOverride(\n                  {\n                    display: 'flex',\n                    justifyContent: title ? 'space-between' : 'flex-end',\n                    alignItems: 'flex-start',\n                    gap: 1,\n                    pt: isScrollable && puller ? 1 : 0,\n                  },\n                  titleWrapperSx,\n                )}\n                {...restTitleWrapper}\n              >\n                {title && (\n                  <Typography\n                    data-testid=\"BottomSheet-title\"\n                    variant=\"h4\"\n                    component=\"h2\"\n                    sx={sxOverride(\n                      {\n                        mt: puller ? 0 : 2,\n                        mb: isScrollable ? 2 : 0,\n                        overflow: 'hidden',\n                      },\n                      titleSx,\n                    )}\n                    {...restTitle}\n                  >\n                    {title}\n                  </Typography>\n                )}\n                {closeButton && !puller && (\n                  <IconButton\n                    data-testid=\"BottomSheet-closeButton\"\n                    size=\"medium\"\n                    onClick={() => setOpen(false)}\n                    aria-label=\"Close bottom sheet\"\n                    sx={sxOverride(\n                      {\n                        my: '4px',\n                        mr: '-6px',\n                      },\n                      closeButtonSx,\n                    )}\n                    {...restCloseButton}\n                  >\n                    <BottomSheetCloseButtonIcon {...closeButtonIconProps} />\n                  </IconButton>\n                )}\n              </Box>\n            )}\n          </Box>\n        )}\n        <Box\n          data-testid=\"BottomSheet-content\"\n          ref={elementRef}\n          sx={sxOverride(\n            {\n              overflow: 'auto',\n              borderTop: isScrollable ? 1 : 0,\n              borderBottom: isScrollable && footerSlot ? 1 : 0,\n              borderColor: 'surface.secondary',\n              p: 2,\n              // can be focused since scrollable\n              '&:focus-visible': {\n                outline: 'none',\n                boxShadow: getFocusRingBoxShadow(theme, true),\n              },\n            },\n            contentSx,\n          )}\n          {...restContent}\n        >\n          {children}\n        </Box>\n        {footerSlot && (\n          <Box\n            data-testid=\"BottomSheet-footer\"\n            sx={sxOverride(\n              {\n                px: 2,\n                pt: 3,\n                pb: 2,\n                display: 'flex',\n                justifyContent: 'flex-start',\n                alignItems: 'stretch',\n                flexDirection: 'column',\n                gap: '16px',\n              },\n              footerSx,\n            )}\n            {...restFooter}\n          >\n            {footerSlot}\n          </Box>\n        )}\n      </SwipeableDrawer>\n    );\n  },\n);\n"],"names":["BottomSheet","forwardRef","children","open","setOpen","slotProps","puller","pullerWrapperProps","pullerProps","closeButton","closeButtonProps","closeButtonIconProps","CloseButtonIconComponent","footerSlot","title","titleProps","headerWrapper","titleWrapper","contentWrapper","footerWrapper","maxHeight","rest","ref","sx","headerSx","restHeader","titleWrapperSx","restTitleWrapper","titleSx","restTitle","pullerWrapperSx","restPullerWrapper","pullerSx","restPuller","closeButtonSx","restCloseButton","contentSx","restContent","footerSx","restFooter","theme","useTheme","BottomSheetCloseButtonIcon","CloseIcon","isScrollable","elementRef","useElementScrollable","_jsxs","SwipeableDrawer","dir","direction","anchor","onClose","onOpen","disableSwipeToOpen","ModalProps","keepMounted","paper","boxShadow","borderTopLeftRadius","borderTopRightRadius","Box","sxOverride","px","_jsx","position","display","flexDirection","justifyContent","alignItems","width","height","backgroundColor","mt","mb","borderRadius","gap","pt","Typography","variant","component","overflow","IconButton","size","onClick","my","mr","borderTop","borderBottom","borderColor","p","outline","getFocusRingBoxShadow","pb"],"mappings":"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"}
+{"version":3,"file":"BottomSheet.js","sources":["../../../src/components/bottomSheet/BottomSheet.tsx"],"sourcesContent":["import React, { ComponentType, ElementType, forwardRef } from 'react';\nimport {\n  Box,\n  BoxProps,\n  IconButtonProps,\n  SwipeableDrawer,\n  SwipeableDrawerProps,\n  IconButton,\n  Typography,\n  TypographyProps,\n  useTheme,\n  SvgIconProps,\n  PaperProps,\n} from '@mui/material';\nimport { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\nimport { useElementScrollable } from '@/src/utils/useElementScrollable';\nimport { getFocusRingBoxShadow } from '@/src/components/focusring/focusring';\nimport { sxOverride } from '@/src/utils/sxOverride';\n\nexport interface BottomSheetProps extends Omit<SwipeableDrawerProps, 'onClose' | 'onOpen' | 'title'> {\n  /**\n   * Open state component flag\n   */\n  open: boolean;\n  /**\n   * Open state component function\n   */\n  setOpen: React.Dispatch<React.SetStateAction<boolean>>;\n  /**\n   * Flag for displaying close button\n   */\n  closeButton?: boolean;\n  /**\n   * Props applied to closeButton IconButton\n   */\n  closeButtonProps?: Partial<IconButtonProps>;\n  /**\n   * Props applied to Icon in closeButton\n   */\n  closeButtonIconProps?: SvgIconProps;\n  /**\n   * Icon node to be used\n   */\n  CloseButtonIconComponent?: ComponentType<SvgIconProps>;\n  /**\n   * Flag for displaying bar that visualizes pulling function\n   */\n  puller?: boolean;\n  /**\n   * Props applied to wrapper of puller\n   */\n  pullerWrapperProps?: BoxProps<ElementType>;\n  /**\n   * Props applied to puller\n   */\n  pullerProps?: BoxProps<ElementType>;\n  /**\n   * Footer children slot\n   */\n  footerSlot?: React.ReactNode;\n  /**\n   * Text in header\n   */\n  title?: React.ReactNode;\n  /**\n   * Text props\n   */\n  titleProps?: TypographyProps<ElementType>;\n  /**\n   * Max height of whole component in percentages\n   * @default 60\n   */\n  maxHeight?: number;\n  /**\n   * Wrapper of header\n   */\n  headerWrapper?: BoxProps<ElementType>;\n  /**\n   * Wrapper of title and close button\n   */\n  titleWrapper?: BoxProps<ElementType>;\n  /**\n   * Wrapper of content\n   */\n  contentWrapper?: BoxProps<ElementType>;\n  /**\n   * Wrapper of footer\n   */\n  footerWrapper?: BoxProps<ElementType>;\n}\n\n/**\n * Implementation of bottom Drawer with preset layout\n */\nexport const BottomSheet: React.FC<BottomSheetProps> = forwardRef(\n  (\n    {\n      children,\n      open,\n      setOpen,\n      slotProps,\n      puller,\n      pullerWrapperProps,\n      pullerProps,\n      closeButton,\n      closeButtonProps,\n      closeButtonIconProps,\n      CloseButtonIconComponent,\n      footerSlot,\n      title,\n      titleProps = {},\n      headerWrapper,\n      titleWrapper,\n      contentWrapper,\n      footerWrapper,\n      maxHeight = 60,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sx: headerSx, ...restHeader } = headerWrapper ?? {};\n    const { sx: titleWrapperSx, ...restTitleWrapper } = titleWrapper ?? {};\n    const { sx: titleSx, ...restTitle } = titleProps ?? {};\n    const { sx: pullerWrapperSx, ...restPullerWrapper } = pullerWrapperProps ?? {};\n    const { sx: pullerSx, ...restPuller } = pullerProps ?? {};\n    const { sx: closeButtonSx, ...restCloseButton } = closeButtonProps ?? {};\n    const { sx: contentSx, ...restContent } = contentWrapper ?? {};\n    const { sx: footerSx, ...restFooter } = footerWrapper ?? {};\n    const theme = useTheme();\n    const BottomSheetCloseButtonIcon = CloseButtonIconComponent || CloseIcon;\n\n    const { isScrollable, elementRef } = useElementScrollable('y');\n\n    return (\n      <SwipeableDrawer\n        dir={theme.direction}\n        anchor=\"bottom\"\n        open={open}\n        onClose={() => setOpen(false)}\n        onOpen={() => setOpen(true)}\n        disableSwipeToOpen\n        ModalProps={{\n          keepMounted: true,\n        }}\n        data-testid=\"BottomSheet\"\n        slotProps={{\n          ...slotProps,\n          paper: {\n            ...slotProps?.paper,\n            sx: {\n              boxShadow: 'none',\n              borderTopLeftRadius: '16px',\n              borderTopRightRadius: '16px',\n              maxHeight: `${maxHeight}%`,\n              ...(slotProps?.paper as PaperProps)?.sx,\n            },\n          },\n        }}\n        ref={ref}\n        {...rest}\n      >\n        {(title || closeButton || puller) && (\n          <Box sx={sxOverride({ px: 2 }, headerSx)} data-testid=\"BottomSheet-header\" {...restHeader}>\n            {puller && (\n              <Box\n                sx={sxOverride(\n                  {\n                    position: 'relative',\n                    display: 'flex',\n                    flexDirection: 'row',\n                    justifyContent: 'center',\n                    alignItems: 'center',\n                  },\n                  pullerWrapperSx,\n                )}\n                {...restPullerWrapper}\n              >\n                <Box\n                  data-testid=\"BottomSheet-puller\"\n                  sx={sxOverride(\n                    {\n                      width: '28px',\n                      height: '4px',\n                      backgroundColor: 'onSurface.os500',\n                      mt: 1,\n                      mb: 1.5,\n                      borderRadius: '8px',\n                    },\n                    pullerSx,\n                  )}\n                  {...restPuller}\n                />\n              </Box>\n            )}\n            {(title || (closeButton && !puller)) && (\n              <Box\n                sx={sxOverride(\n                  {\n                    display: 'flex',\n                    justifyContent: title ? 'space-between' : 'flex-end',\n                    alignItems: 'flex-start',\n                    gap: 1,\n                    pt: isScrollable && puller ? 1 : 0,\n                  },\n                  titleWrapperSx,\n                )}\n                {...restTitleWrapper}\n              >\n                {title && (\n                  <Typography\n                    data-testid=\"BottomSheet-title\"\n                    variant=\"h4\"\n                    component=\"h2\"\n                    sx={sxOverride(\n                      {\n                        mt: puller ? 0 : 2,\n                        mb: isScrollable ? 2 : 0,\n                        overflow: 'hidden',\n                      },\n                      titleSx,\n                    )}\n                    {...restTitle}\n                  >\n                    {title}\n                  </Typography>\n                )}\n                {closeButton && !puller && (\n                  <IconButton\n                    data-testid=\"BottomSheet-closeButton\"\n                    size=\"medium\"\n                    onClick={() => setOpen(false)}\n                    aria-label=\"Close bottom sheet\"\n                    sx={sxOverride(\n                      {\n                        my: '4px',\n                        mr: '-6px',\n                      },\n                      closeButtonSx,\n                    )}\n                    {...restCloseButton}\n                  >\n                    <BottomSheetCloseButtonIcon {...closeButtonIconProps} />\n                  </IconButton>\n                )}\n              </Box>\n            )}\n          </Box>\n        )}\n        <Box\n          data-testid=\"BottomSheet-content\"\n          ref={elementRef}\n          sx={sxOverride(\n            {\n              overflow: 'auto',\n              borderTop: isScrollable ? 1 : 0,\n              borderBottom: isScrollable && footerSlot ? 1 : 0,\n              borderColor: 'surface.secondary',\n              p: 2,\n              // can be focused since scrollable\n              '&:focus-visible': {\n                outline: 'none',\n                boxShadow: getFocusRingBoxShadow(theme, true),\n              },\n            },\n            contentSx,\n          )}\n          {...restContent}\n        >\n          {children}\n        </Box>\n        {footerSlot && (\n          <Box\n            data-testid=\"BottomSheet-footer\"\n            sx={sxOverride(\n              {\n                px: 2,\n                pt: 3,\n                pb: 2,\n                display: 'flex',\n                justifyContent: 'flex-start',\n                alignItems: 'stretch',\n                flexDirection: 'column',\n                gap: '16px',\n              },\n              footerSx,\n            )}\n            {...restFooter}\n          >\n            {footerSlot}\n          </Box>\n        )}\n      </SwipeableDrawer>\n    );\n  },\n);\n"],"names":["BottomSheet","forwardRef","children","open","setOpen","slotProps","puller","pullerWrapperProps","pullerProps","closeButton","closeButtonProps","closeButtonIconProps","CloseButtonIconComponent","footerSlot","title","titleProps","headerWrapper","titleWrapper","contentWrapper","footerWrapper","maxHeight","rest","ref","sx","headerSx","restHeader","titleWrapperSx","restTitleWrapper","titleSx","restTitle","pullerWrapperSx","restPullerWrapper","pullerSx","restPuller","closeButtonSx","restCloseButton","contentSx","restContent","footerSx","restFooter","theme","useTheme","BottomSheetCloseButtonIcon","CloseIcon","isScrollable","elementRef","useElementScrollable","_jsxs","SwipeableDrawer","dir","direction","anchor","onClose","onOpen","disableSwipeToOpen","ModalProps","keepMounted","paper","boxShadow","borderTopLeftRadius","borderTopRightRadius","Box","sxOverride","px","_jsx","position","display","flexDirection","justifyContent","alignItems","width","height","backgroundColor","mt","mb","borderRadius","gap","pt","Typography","variant","component","overflow","IconButton","size","onClick","my","mr","borderTop","borderBottom","borderColor","p","outline","getFocusRingBoxShadow","pb"],"mappings":"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"}

package/components/carousel/Autoplay.d.ts

@@ -1,7 +1,7 @@
 import { BoxProps } from '@mui/material';
 import { Swiper as CarouselInstance } from 'swiper';
-import { PlayPauseButtonProps } from '@/src/components/playPauseButton/PlayPauseButton';
-import { SpinnerProps } from '@/src/components/progress/Spinner';
+import { PlayPauseButtonProps } from '../playPauseButton/PlayPauseButton';
+import { SpinnerProps } from '../progress/Spinner';
 export interface CarouselAutoplayProgressProps extends Omit<BoxProps, 'children' | 'position'> {
     /**
      * Optional Carousel instance from useCarouselInstance hook
@@ -19,14 +19,19 @@ export interface CarouselAutoplayProgressProps extends Omit<BoxProps, 'children'
 /**
  * Spinner with autoplay progress value
  */
-export declare const CarouselAutoplayProgress: ({ carousel: carouselProp, sx, spinnerProps, position, ...rest }: CarouselAutoplayProgressProps) => import("react/jsx-runtime").JSX.Element;
-export interface CarouselAutoplayIconButtonProps extends Partial<PlayPauseButtonProps> {
+export declare const CarouselAutoplayProgress: ({ carousel: carouselProp, sx, spinnerProps, position, ...rest }: CarouselAutoplayProgressProps) => import("react").JSX.Element;
+export interface CarouselAutoplayIconButtonProps extends Omit<Partial<PlayPauseButtonProps>, 'aria-label'> {
     /**
      * Optional Carousel instance from useCarouselInstance hook
      */
     carousel?: CarouselInstance;
+    /**
+     * Accessible label for the button. Accepts a plain string or a function called with the current playing state.
+     * @default (isPlaying) => isPlaying ? 'Pause carousel autoplay' : 'Play carousel autoplay'
+     */
+    'aria-label'?: string | ((isPlaying: boolean) => string);
 }
 /**
  * IconButton controlling play/paused state of the autoplay
  */
-export declare function CarouselAutoplayIconButton({ carousel: carouselProp, ...rest }: CarouselAutoplayIconButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function CarouselAutoplayIconButton({ carousel: carouselProp, 'aria-label': ariaLabel, ...rest }: CarouselAutoplayIconButtonProps): import("react").JSX.Element;

package/components/carousel/Autoplay.js

@@ -1,2 +1,2 @@
-import{jsx as o}from"react/jsx-runtime";import{Box as t}from"@mui/material";import{sxOverride as a}from"../../utils/sxOverride/sxOverride.js";import{useCarousel as r}from"./hooks.js";import{useSwiper as e}from"swiper/react";import{useState as s,useEffect as i}from"react";import{PlayPauseButton as u}from"../playPauseButton/PlayPauseButton.js";import{Spinner as p}from"../progress/Spinner.js";const n=({carousel:r,sx:u,spinnerProps:n,position:l="outside",...m})=>{const[y,c]=s(0),d=e(),f=r||d;return i(()=>{f?.autoplay&&f.on("autoplayTimeLeft",(o,t,a)=>{c(o.autoplay.paused?0:Math.round(100-100*a))})},[!!f]),o(t,{sx:a({position:"relative",display:"flex",m:2,..."inside"===l&&{position:"absolute",zIndex:"90",bottom:"0",left:"0",right:"0",m:2}},u),"data-testid":"CarouselAutoplayProgress",...m,children:o(p,{value:y,...n})})};function l({carousel:t,...a}){const e=r(),p=t||e,[n,l]=s(0);return i(()=>{p?.autoplay&&p.on("autoplayTimeLeft",(o,t,a)=>{l(o.autoplay.paused?0:Math.round(100-100*a))})},[!!p]),o(u,{"aria-label":p?.autoplay?.running?"Pause carousel autoplay":"Play carousel autoplay",isPlaying:!!p?.autoplay?.running,progress:n,onClick:()=>{p?.autoplay?.[p?.autoplay?.running?"stop":"start"]()},...a})}export{l as CarouselAutoplayIconButton,n as CarouselAutoplayProgress};
+import{jsx as o}from"react/jsx-runtime";import{Box as t}from"@mui/material";import{sxOverride as a}from"../../utils/sxOverride/sxOverride.js";import{useCarousel as r}from"./hooks.js";import{useSwiper as e}from"swiper/react";import{useState as s,useEffect as i}from"react";import{PlayPauseButton as u}from"../playPauseButton/PlayPauseButton.js";import{Spinner as p}from"../progress/Spinner.js";const l=({carousel:r,sx:u,spinnerProps:l,position:n="outside",...m})=>{const[y,f]=s(0),c=e(),d=r||c;return i(()=>{d?.autoplay&&d.on("autoplayTimeLeft",(o,t,a)=>{f(o.autoplay.paused?0:Math.round(100-100*a))})},[!!d]),o(t,{sx:a({position:"relative",display:"flex",m:2,..."inside"===n&&{position:"absolute",zIndex:"90",bottom:"0",left:"0",right:"0",m:2}},u),"data-testid":"CarouselAutoplayProgress",...m,children:o(p,{value:y,...l})})};function n({carousel:t,"aria-label":a=o=>o?"Pause carousel autoplay":"Play carousel autoplay",...e}){const p=r(),l=t||p,[n,m]=s(0),y=!!l?.autoplay?.running;return i(()=>{l?.autoplay&&l.on("autoplayTimeLeft",(o,t,a)=>{m(o.autoplay.paused?0:Math.round(100-100*a))})},[!!l]),o(u,{"aria-label":"function"==typeof a?a(y):a,isPlaying:y,progress:n,onClick:()=>{l?.autoplay?.[l?.autoplay?.running?"stop":"start"]()},...e})}export{n as CarouselAutoplayIconButton,l as CarouselAutoplayProgress};
 //# sourceMappingURL=Autoplay.js.map