@skodaflow/web-library 7.13.1 → 7.15.0

package/cjs/materialui/card/card.theme.js

@@ -1,2 +1,2 @@
-"use strict";var r=require("./Card.js"),o=require("../../components/focusring/focusring.js");const e={defaultProps:{elevation:0,component:r.Card},styleOverrides:{root:({theme:r,color:e,disabled:a,isSelected:t})=>Object.assign(Object.assign(Object.assign({backgroundColor:["grey","secondary"].includes(e)?r.palette.surface.primary:r.palette.background.primary,position:"relative",borderRadius:"8px",overflow:"visible",border:"1px solid transparent","&::after":Object.assign({content:'""',position:"absolute",maxWidth:"none",borderStyle:"solid",borderRadius:"inherit",pointerEvents:"none",zIndex:"1",inset:"-1px",borderWidth:"1px",borderColor:r.palette.onSurface.os100},!a&&t&&{inset:"-3px",borderWidth:"3px",borderColor:r.palette.brand.primary})},!a&&t&&{"& .FlowCard-Icon-root":{borderColor:r.palette.brand.primary,backgroundColor:r.palette.brand.primary,color:r.palette.common.white},"&:hover":{"&::after":{borderColor:r.palette.brandHover.primary}}}),!a&&Object.assign({"&:has(.MuiCardActionArea-root):hover":{"&::after":Object.assign({inset:"-3px",borderWidth:"3px"},t&&{borderColor:r.palette.brandHover.primary}),"& .FlowCard-Icon-root":Object.assign(Object.assign({backgroundColor:r.palette.surface.primary},"secondary"===e&&{backgroundColor:r.palette.surface.secondary,borderColor:r.palette.onSurface.os200}),t&&{backgroundColor:r.palette.brandHover.primary,borderColor:r.palette.brandHover.primary})},"&:has(.MuiCardActionArea-root):hover, &:has(.MuiCardActionArea-root.Mui-focusVisible)":{"& .FlowCard-Icon-root .MuiSvgIcon-root":{"&:first-of-type":{display:"none"},"&:last-of-type":{display:"block"}}}},o.getFocusRingStyle(r,!1,3,":has(.MuiCardActionArea-root.Mui-focusVisible)"))),a&&{backgroundColor:r.palette.surface.primary,borderColor:r.palette.disabled.secondary,cursor:"not-allowed",userSelect:"none",pointerEvents:"none","& .FlowCard-Icon-root":{backgroundColor:r.palette.disabled.secondary,color:r.palette.disabled.tertiary},"&, & .MuiTypography-root":{color:r.palette.disabled.tertiary},"& img":{opacity:"0.6"}})},variants:[{props:{raised:!0},style:({theme:r})=>({boxShadow:r.flowShadows.xs})}]};exports.flowCard=e;
+"use strict";var r=require("./Card.js"),o=require("../../components/focusring/focusring.js"),e=require("../button/interactive.js");const t={defaultProps:{elevation:0,component:r.Card},styleOverrides:{root:({theme:r,color:t,disabled:a,isSelected:i})=>Object.assign(Object.assign(Object.assign({backgroundColor:["grey","secondary"].includes(t)?r.palette.surface.primary:r.palette.background.primary,position:"relative",borderRadius:"8px",overflow:"visible",border:"1px solid transparent","&::after":Object.assign({content:'""',position:"absolute",maxWidth:"none",borderStyle:"solid",borderRadius:"inherit",pointerEvents:"none",zIndex:"1",inset:"-1px",borderWidth:"1px",borderColor:r.palette.onSurface.os100},!a&&i&&{inset:"-3px",borderWidth:"3px",borderColor:r.palette.brand.primary})},!a&&i&&{"& .FlowCard-Icon-root":{color:r.palette.common.white,backgroundColor:r.palette.brand.primary,borderColor:r.palette.brand.primary},"&:hover":{"&::after":{borderColor:r.palette.brandHover.primary}}}),!a&&Object.assign({"&:has(.MuiCardActionArea-root)":Object.assign({},e.getInteractiveStyle({"&::after":Object.assign({inset:"-1px",borderWidth:"1px",borderColor:r.palette.onSurface.os100},i&&{inset:"-3px",borderWidth:"3px",borderColor:r.palette.brand.primary}),"& .FlowCard-Icon-root":Object.assign(Object.assign({backgroundColor:r.palette.background.primary},"secondary"===t&&{backgroundColor:r.palette.surface.primary}),i&&{backgroundColor:r.palette.brand.primary,borderColor:r.palette.brand.primary}),"& .FlowCard-Icon-root .MuiSvgIcon-root":{"&:first-of-type":{display:"block"},"&:last-of-type":{display:"none"}}},{"&::after":Object.assign({inset:"-3px",borderWidth:"3px"},i&&{borderColor:r.palette.brandHover.primary}),"& .FlowCard-Icon-root":Object.assign(Object.assign({backgroundColor:r.palette.surface.primary},"secondary"===t&&{backgroundColor:r.palette.surface.secondary}),i&&{backgroundColor:r.palette.brandHover.primary,borderColor:r.palette.brandHover.primary}),"& .FlowCard-Icon-root .MuiSvgIcon-root":{"&:first-of-type":{display:"none"},"&:last-of-type":{display:"block"}}},null,null,"&:has(.MuiCardActionArea-root.Mui-focusVisible)"))},o.getFocusRingStyle(r,!1,3,":has(.MuiCardActionArea-root.Mui-focusVisible, .FlowFlippingCardContent-root.Mui-focusVisible)"))),a&&{backgroundColor:r.palette.surface.primary,borderColor:r.palette.disabled.secondary,cursor:"not-allowed",userSelect:"none",pointerEvents:"none","& .FlowCard-Icon-root":{backgroundColor:r.palette.disabled.secondary,color:r.palette.disabled.tertiary},"&, & .MuiTypography-root":{color:r.palette.disabled.tertiary},"& img":{opacity:"0.6"}})},variants:[{props:{raised:!0},style:({theme:r})=>({boxShadow:r.flowShadows.xs})}]};exports.flowCard=t;
 //# sourceMappingURL=card.theme.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"card.theme.js","sources":["../../../../../src/materialui/card/card.theme.tsx"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { Card } from './Card';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\nexport const flowCard: Components<Theme>['MuiCard'] = {\n  defaultProps: {\n    elevation: 0,\n    // we use custom Card component that extends @mui card greatly\n    component: Card,\n  },\n  styleOverrides: {\n    root: ({ theme, color, disabled, isSelected }) => ({\n      backgroundColor: ['grey', 'secondary'].includes(color)\n        ? theme.palette.surface.primary\n        : theme.palette.background.primary,\n      position: 'relative',\n      borderRadius: '8px',\n      overflow: 'visible',\n      // adding standard border and changing its width on hover creates layout shift\n      // therefore we use absolute positioned border\n      border: '1px solid transparent',\n      '&::after': {\n        content: '\"\"',\n        position: 'absolute',\n        maxWidth: 'none',\n        borderStyle: 'solid',\n        borderRadius: 'inherit',\n        pointerEvents: 'none',\n        zIndex: '1',\n        // into the transparent border\n        inset: '-1px',\n        borderWidth: '1px',\n        borderColor: theme.palette.onSurface.os100,\n        // selected\n        ...(!disabled &&\n          isSelected && {\n            // keep 1px inside\n            inset: '-3px',\n            borderWidth: '3px',\n            borderColor: theme.palette.brand.primary,\n          }),\n      },\n      // selected\n      ...(!disabled &&\n        isSelected && {\n          // change style of icon\n          '& .FlowCard-Icon-root': {\n            borderColor: theme.palette.brand.primary,\n            backgroundColor: theme.palette.brand.primary,\n            color: theme.palette.common.white,\n          },\n          // hover effect that for non-link selected card\n          '&:hover': {\n            '&::after': {\n              borderColor: theme.palette.brandHover.primary,\n            },\n          },\n        }),\n      // hover effect is applied only if CardActionArea exists\n      ...(!disabled && {\n        '&:has(.MuiCardActionArea-root):hover': {\n          // adjust style of border\n          '&::after': {\n            inset: '-3px',\n            borderWidth: '3px',\n            ...(isSelected && {\n              borderColor: theme.palette.brandHover.primary,\n            }),\n          },\n          // change style of icon\n          '& .FlowCard-Icon-root': {\n            backgroundColor: theme.palette.surface.primary,\n            ...(color === 'secondary' && {\n              backgroundColor: theme.palette.surface.secondary,\n              borderColor: theme.palette.onSurface.os200,\n            }),\n            ...(isSelected && {\n              backgroundColor: theme.palette.brandHover.primary,\n              borderColor: theme.palette.brandHover.primary,\n            }),\n          },\n        },\n        '&:has(.MuiCardActionArea-root):hover, &:has(.MuiCardActionArea-root.Mui-focusVisible)': {\n          // flip icon being shown\n          '& .FlowCard-Icon-root .MuiSvgIcon-root': {\n            '&:first-of-type': {\n              display: 'none',\n            },\n            '&:last-of-type': {\n              display: 'block',\n            },\n          },\n        },\n        ...getFocusRingStyle(theme, false, 3, ':has(.MuiCardActionArea-root.Mui-focusVisible)'),\n      }),\n      ...(disabled && {\n        backgroundColor: theme.palette.surface.primary,\n        borderColor: theme.palette.disabled.secondary,\n        cursor: 'not-allowed',\n        userSelect: 'none',\n        pointerEvents: 'none',\n        // change style of icon\n        '& .FlowCard-Icon-root': {\n          backgroundColor: theme.palette.disabled.secondary,\n          color: theme.palette.disabled.tertiary,\n        },\n        // important selector to overwrite Typography sx color styling\n        '&, & .MuiTypography-root': {\n          color: theme.palette.disabled.tertiary,\n        },\n        // change visibility of images\n        '& img': {\n          opacity: '0.6',\n        },\n      }),\n    }),\n  },\n  variants: [\n    {\n      props: { raised: true },\n      style: ({ theme }) => ({\n        boxShadow: theme.flowShadows['xs'],\n      }),\n    },\n  ],\n};\n"],"names":["flowCard","defaultProps","elevation","component","Card","styleOverrides","root","theme","color","disabled","isSelected","Object","assign","backgroundColor","includes","palette","surface","primary","background","position","borderRadius","overflow","border","content","maxWidth","borderStyle","pointerEvents","zIndex","inset","borderWidth","borderColor","onSurface","os100","brand","common","white","brandHover","secondary","os200","display","getFocusRingStyle","cursor","userSelect","tertiary","opacity","variants","props","raised","style","boxShadow","flowShadows"],"mappings":"6FAKa,MAAAA,EAAyC,CACpDC,aAAc,CACZC,UAAW,EAEXC,UAAWC,EAAIA,MAEjBC,eAAgB,CACdC,KAAM,EAAGC,QAAOC,QAAOC,WAAUC,gBAC/BC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAAC,gBAAiB,CAAC,OAAQ,aAAaC,SAASN,GAC5CD,EAAMQ,QAAQC,QAAQC,QACtBV,EAAMQ,QAAQG,WAAWD,QAC7BE,SAAU,WACVC,aAAc,MACdC,SAAU,UAGVC,OAAQ,wBACR,WACEX,OAAAC,OAAA,CAAAW,QAAS,KACTJ,SAAU,WACVK,SAAU,OACVC,YAAa,QACbL,aAAc,UACdM,cAAe,OACfC,OAAQ,IAERC,MAAO,OACPC,YAAa,MACbC,YAAavB,EAAMQ,QAAQgB,UAAUC,QAEhCvB,GACHC,GAAc,CAEZkB,MAAO,OACPC,YAAa,MACbC,YAAavB,EAAMQ,QAAQkB,MAAMhB,YAIlCR,GACHC,GAAc,CAEZ,wBAAyB,CACvBoB,YAAavB,EAAMQ,QAAQkB,MAAMhB,QACjCJ,gBAAiBN,EAAMQ,QAAQkB,MAAMhB,QACrCT,MAAOD,EAAMQ,QAAQmB,OAAOC,OAG9B,UAAW,CACT,WAAY,CACVL,YAAavB,EAAMQ,QAAQqB,WAAWnB,aAKzCR,GAAQE,OAAAC,OAAA,CACX,uCAAwC,CAEtC,WAAUD,OAAAC,OAAA,CACRgB,MAAO,OACPC,YAAa,OACTnB,GAAc,CAChBoB,YAAavB,EAAMQ,QAAQqB,WAAWnB,UAI1C,wBACEN,OAAAC,OAAAD,OAAAC,OAAA,CAAAC,gBAAiBN,EAAMQ,QAAQC,QAAQC,SACzB,cAAVT,GAAyB,CAC3BK,gBAAiBN,EAAMQ,QAAQC,QAAQqB,UACvCP,YAAavB,EAAMQ,QAAQgB,UAAUO,QAEnC5B,GAAc,CAChBG,gBAAiBN,EAAMQ,QAAQqB,WAAWnB,QAC1Ca,YAAavB,EAAMQ,QAAQqB,WAAWnB,WAI5C,wFAAyF,CAEvF,yCAA0C,CACxC,kBAAmB,CACjBsB,QAAS,QAEX,iBAAkB,CAChBA,QAAS,YAIZC,EAAAA,kBAAkBjC,GAAO,EAAO,EAAG,oDAEpCE,GAAY,CACdI,gBAAiBN,EAAMQ,QAAQC,QAAQC,QACvCa,YAAavB,EAAMQ,QAAQN,SAAS4B,UACpCI,OAAQ,cACRC,WAAY,OACZhB,cAAe,OAEf,wBAAyB,CACvBb,gBAAiBN,EAAMQ,QAAQN,SAAS4B,UACxC7B,MAAOD,EAAMQ,QAAQN,SAASkC,UAGhC,2BAA4B,CAC1BnC,MAAOD,EAAMQ,QAAQN,SAASkC,UAGhC,QAAS,CACPC,QAAS,UAKjBC,SAAU,CACR,CACEC,MAAO,CAAEC,QAAQ,GACjBC,MAAO,EAAGzC,YAAa,CACrB0C,UAAW1C,EAAM2C,YAAgB"}
+{"version":3,"file":"card.theme.js","sources":["../../../../../src/materialui/card/card.theme.tsx"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { Card } from './Card';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport const flowCard: Components<Theme>['MuiCard'] = {\n  defaultProps: {\n    elevation: 0,\n    // we use custom Card component that extends @mui card greatly\n    component: Card,\n  },\n  styleOverrides: {\n    root: ({ theme, color, disabled, isSelected }) => ({\n      backgroundColor: ['grey', 'secondary'].includes(color)\n        ? theme.palette.surface.primary\n        : theme.palette.background.primary,\n      position: 'relative',\n      borderRadius: '8px',\n      overflow: 'visible',\n      // adding standard border and changing its width on hover creates layout shift\n      // therefore we use absolute positioned border\n      border: '1px solid transparent',\n      '&::after': {\n        content: '\"\"',\n        position: 'absolute',\n        maxWidth: 'none',\n        borderStyle: 'solid',\n        borderRadius: 'inherit',\n        pointerEvents: 'none',\n        zIndex: '1',\n        // same style is applied for the interactive effect bellow\n        // into the transparent border\n        inset: '-1px',\n        borderWidth: '1px',\n        borderColor: theme.palette.onSurface.os100,\n        // selected\n        ...(!disabled &&\n          isSelected && {\n            // keep 1px inside\n            inset: '-3px',\n            borderWidth: '3px',\n            borderColor: theme.palette.brand.primary,\n          }),\n      },\n      // selected\n      ...(!disabled &&\n        isSelected && {\n          // change style of icon\n          '& .FlowCard-Icon-root': {\n            color: theme.palette.common.white,\n            backgroundColor: theme.palette.brand.primary,\n            borderColor: theme.palette.brand.primary,\n          },\n          // hover effect that for non-link selected card\n          '&:hover': {\n            '&::after': {\n              borderColor: theme.palette.brandHover.primary,\n            },\n          },\n        }),\n      // hover effect is applied only if FlowIconButton exists\n      ...(!disabled && {\n        '&:has(.MuiCardActionArea-root)': {\n          ...getInteractiveStyle(\n            {\n              '&::after': {\n                inset: '-1px',\n                borderWidth: '1px',\n                borderColor: theme.palette.onSurface.os100,\n                // selected\n                ...(isSelected && {\n                  inset: '-3px',\n                  borderWidth: '3px',\n                  borderColor: theme.palette.brand.primary,\n                }),\n              },\n              // same style is also in Card.tsx\n              '& .FlowCard-Icon-root': {\n                backgroundColor: theme.palette.background.primary,\n                ...(color === 'secondary' && {\n                  backgroundColor: theme.palette.surface.primary,\n                }),\n                ...(isSelected && {\n                  backgroundColor: theme.palette.brand.primary,\n                  borderColor: theme.palette.brand.primary,\n                }),\n              },\n              '& .FlowCard-Icon-root .MuiSvgIcon-root': {\n                '&:first-of-type': {\n                  display: 'block',\n                },\n                '&:last-of-type': {\n                  display: 'none',\n                },\n              },\n            },\n            {\n              // adjust style of border\n              '&::after': {\n                inset: '-3px',\n                borderWidth: '3px',\n                ...(isSelected && {\n                  borderColor: theme.palette.brandHover.primary,\n                }),\n              },\n              // change style of icon\n              '& .FlowCard-Icon-root': {\n                backgroundColor: theme.palette.surface.primary,\n                ...(color === 'secondary' && {\n                  backgroundColor: theme.palette.surface.secondary,\n                }),\n                ...(isSelected && {\n                  backgroundColor: theme.palette.brandHover.primary,\n                  borderColor: theme.palette.brandHover.primary,\n                }),\n              },\n              // flip icon being shown\n              '& .FlowCard-Icon-root .MuiSvgIcon-root': {\n                '&:first-of-type': {\n                  display: 'none',\n                },\n                '&:last-of-type': {\n                  display: 'block',\n                },\n              },\n            },\n            null,\n            null,\n            '&:has(.MuiCardActionArea-root.Mui-focusVisible)',\n          ),\n        },\n        ...getFocusRingStyle(\n          theme,\n          false,\n          3,\n          ':has(.MuiCardActionArea-root.Mui-focusVisible, .FlowFlippingCardContent-root.Mui-focusVisible)',\n        ),\n      }),\n      // disabled style\n      ...(disabled && {\n        backgroundColor: theme.palette.surface.primary,\n        borderColor: theme.palette.disabled.secondary,\n        cursor: 'not-allowed',\n        userSelect: 'none',\n        pointerEvents: 'none',\n        // change style of icon\n        '& .FlowCard-Icon-root': {\n          backgroundColor: theme.palette.disabled.secondary,\n          color: theme.palette.disabled.tertiary,\n        },\n        // important selector to overwrite Typography sx color styling\n        '&, & .MuiTypography-root': {\n          color: theme.palette.disabled.tertiary,\n        },\n        // change visibility of images\n        '& img': {\n          opacity: '0.6',\n        },\n      }),\n    }),\n  },\n  variants: [\n    {\n      props: { raised: true },\n      style: ({ theme }) => ({\n        boxShadow: theme.flowShadows['xs'],\n      }),\n    },\n  ],\n};\n"],"names":["flowCard","defaultProps","elevation","component","Card","styleOverrides","root","theme","color","disabled","isSelected","Object","assign","backgroundColor","includes","palette","surface","primary","background","position","borderRadius","overflow","border","content","maxWidth","borderStyle","pointerEvents","zIndex","inset","borderWidth","borderColor","onSurface","os100","brand","common","white","brandHover","getInteractiveStyle","display","secondary","getFocusRingStyle","cursor","userSelect","tertiary","opacity","variants","props","raised","style","boxShadow","flowShadows"],"mappings":"mIAMa,MAAAA,EAAyC,CACpDC,aAAc,CACZC,UAAW,EAEXC,UAAWC,EAAIA,MAEjBC,eAAgB,CACdC,KAAM,EAAGC,QAAOC,QAAOC,WAAUC,gBAC/BC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAAC,gBAAiB,CAAC,OAAQ,aAAaC,SAASN,GAC5CD,EAAMQ,QAAQC,QAAQC,QACtBV,EAAMQ,QAAQG,WAAWD,QAC7BE,SAAU,WACVC,aAAc,MACdC,SAAU,UAGVC,OAAQ,wBACR,WACEX,OAAAC,OAAA,CAAAW,QAAS,KACTJ,SAAU,WACVK,SAAU,OACVC,YAAa,QACbL,aAAc,UACdM,cAAe,OACfC,OAAQ,IAGRC,MAAO,OACPC,YAAa,MACbC,YAAavB,EAAMQ,QAAQgB,UAAUC,QAEhCvB,GACHC,GAAc,CAEZkB,MAAO,OACPC,YAAa,MACbC,YAAavB,EAAMQ,QAAQkB,MAAMhB,YAIlCR,GACHC,GAAc,CAEZ,wBAAyB,CACvBF,MAAOD,EAAMQ,QAAQmB,OAAOC,MAC5BtB,gBAAiBN,EAAMQ,QAAQkB,MAAMhB,QACrCa,YAAavB,EAAMQ,QAAQkB,MAAMhB,SAGnC,UAAW,CACT,WAAY,CACVa,YAAavB,EAAMQ,QAAQqB,WAAWnB,aAKzCR,kBACH,iCAAgCE,OAAAC,OAAA,CAAA,EAC3ByB,sBACD,CACE,WAAU1B,OAAAC,OAAA,CACRgB,MAAO,OACPC,YAAa,MACbC,YAAavB,EAAMQ,QAAQgB,UAAUC,OAEjCtB,GAAc,CAChBkB,MAAO,OACPC,YAAa,MACbC,YAAavB,EAAMQ,QAAQkB,MAAMhB,UAIrC,wBACEN,OAAAC,OAAAD,OAAAC,OAAA,CAAAC,gBAAiBN,EAAMQ,QAAQG,WAAWD,SAC5B,cAAVT,GAAyB,CAC3BK,gBAAiBN,EAAMQ,QAAQC,QAAQC,UAErCP,GAAc,CAChBG,gBAAiBN,EAAMQ,QAAQkB,MAAMhB,QACrCa,YAAavB,EAAMQ,QAAQkB,MAAMhB,UAGrC,yCAA0C,CACxC,kBAAmB,CACjBqB,QAAS,SAEX,iBAAkB,CAChBA,QAAS,UAIf,CAEE,WAAU3B,OAAAC,OAAA,CACRgB,MAAO,OACPC,YAAa,OACTnB,GAAc,CAChBoB,YAAavB,EAAMQ,QAAQqB,WAAWnB,UAI1C,wBACEN,OAAAC,OAAAD,OAAAC,OAAA,CAAAC,gBAAiBN,EAAMQ,QAAQC,QAAQC,SACzB,cAAVT,GAAyB,CAC3BK,gBAAiBN,EAAMQ,QAAQC,QAAQuB,YAErC7B,GAAc,CAChBG,gBAAiBN,EAAMQ,QAAQqB,WAAWnB,QAC1Ca,YAAavB,EAAMQ,QAAQqB,WAAWnB,UAI1C,yCAA0C,CACxC,kBAAmB,CACjBqB,QAAS,QAEX,iBAAkB,CAChBA,QAAS,WAIf,KACA,KACA,qDAGDE,EAAiBA,kBAClBjC,GACA,EACA,EACA,oGAIAE,GAAY,CACdI,gBAAiBN,EAAMQ,QAAQC,QAAQC,QACvCa,YAAavB,EAAMQ,QAAQN,SAAS8B,UACpCE,OAAQ,cACRC,WAAY,OACZhB,cAAe,OAEf,wBAAyB,CACvBb,gBAAiBN,EAAMQ,QAAQN,SAAS8B,UACxC/B,MAAOD,EAAMQ,QAAQN,SAASkC,UAGhC,2BAA4B,CAC1BnC,MAAOD,EAAMQ,QAAQN,SAASkC,UAGhC,QAAS,CACPC,QAAS,UAKjBC,SAAU,CACR,CACEC,MAAO,CAAEC,QAAQ,GACjBC,MAAO,EAAGzC,YAAa,CACrB0C,UAAW1C,EAAM2C,YAAgB"}

package/cjs/materialui/chip/chip.theme.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("../../components/icon/stroke/CloseIcon.js"),o=require("../../components/focusring/focusring.js"),t=require("../button/interactive.js");function a(e,r){return Object.assign(Object.assign({},e),{"&.MuiButtonBase-root":Object.assign({},t.getInteractiveStyle(e,r))})}function n(e,r,o,t){return"outlined"===r?{backgroundColor:t?e.palette.surface.primary:e.palette.onSurface.os0,color:o,borderColor:o}:{backgroundColor:o,color:e.palette.onSurface.os0,borderColor:o}}const i={defaultProps:{deleteIcon:e.jsx(r.CloseIcon,{})},styleOverrides:{root:({theme:e,ownerState:r})=>{var t,i,s;return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({position:"relative",height:"auto",minWidth:"0",padding:"5px 16px"},"small"===r.size&&{padding:"2px 12px"}),{textRendering:"geometricPrecision",textTransform:"none",fontSize:"16px",lineHeight:"20px",fontWeight:"400",letterSpacing:"0px",outline:"none",borderRadius:"1000px",textAlign:"center",transition:"transform 0.3s ease-out, color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out, box-shadow 0.3s ease-out, opacity 0.3s ease-out","&&.MuiButtonBase-root":{cursor:"pointer"},"&, &:active":Object.assign({boxShadow:"none"},(r.raised||(null===(t=r.className)||void 0===t?void 0:t.includes(".MuiChip-shadow")))&&{boxShadow:e.flowShadows.xs}),border:`1px solid ${e.palette.onSurface.os900}`}),a(Object.assign({backgroundColor:e.palette.surface.primary,color:e.palette.text.primary,borderColor:e.palette.text.primary},(r.raised||(null===(i=r.className)||void 0===i?void 0:i.includes(".MuiChip-shadow")))&&{backgroundColor:e.palette.background.primary}),Object.assign({backgroundColor:e.palette.surface.secondary,color:e.palette.text.primary,borderColor:e.palette.text.primary},(r.raised||(null===(s=r.className)||void 0===s?void 0:s.includes(".MuiChip-shadow")))&&{backgroundColor:e.palette.surface.primary}))),"transparent"===r.variant&&Object.assign({},a({backgroundColor:e.palette.transparent.primary},{backgroundColor:e.palette.transparent.secondary}))),"secondary"===r.color&&"outlined"!==r.variant&&Object.assign({},a({backgroundColor:e.palette.secondary.main,color:e.palette.common.white,borderColor:e.palette.secondary.main},{backgroundColor:e.palette.secondary.dark,color:e.palette.common.white,borderColor:e.palette.secondary.dark}))),"error"===r.color&&Object.assign({},a(Object.assign({},n(e,r.variant,e.palette.error.main)),Object.assign({},n(e,r.variant,e.palette.error.dark,!0))))),"warning"===r.color&&Object.assign({},a(Object.assign({},n(e,r.variant,e.palette.warning.main)),Object.assign({},n(e,r.variant,e.palette.warning.dark,!0))))),"info"===r.color&&Object.assign({},a(Object.assign({},n(e,r.variant,e.palette.info.main)),Object.assign({},n(e,r.variant,e.palette.info.dark,!0))))),(r.isSelected||["success","primary"].includes(r.color))&&Object.assign(Object.assign({borderWidth:"2px",padding:"4px 15px"},"small"===r.size&&{padding:"1px 11px"}),a("dark"===e.palette.mode?{backgroundColor:e.palette.onSurface.os800,color:e.palette.brand.secondary,borderColor:e.palette.brand.secondary}:{backgroundColor:e.palette.brand.quarternary,color:e.palette.brand.primary,borderColor:e.palette.brand.primary},"dark"===e.palette.mode?{backgroundColor:e.palette.onSurface.os800,color:e.palette.brandHover.secondary,borderColor:e.palette.brandHover.secondary}:{backgroundColor:e.palette.brand.quarternary,color:e.palette.brandHover.primary,borderColor:e.palette.brandHover.primary}))),{"&.Mui-disabled":Object.assign({opacity:"1",userSelect:"none",color:e.palette.disabled.primary,backgroundColor:e.palette.surface.primary,borderColor:e.palette.disabled.primary},"transparent"===r.variant&&{backgroundColor:e.palette.transparent.primary})}),o.getFocusRingStyle(e,!0,1)),(r.isSelected||["success","primary"].includes(r.color))&&Object.assign({},o.updateFocusRingStyle(2))),{"& .count":Object.assign(Object.assign({},"dark"===e.palette.mode?{backgroundColor:e.palette.brand.secondary,color:e.palette.onSurface.os900}:{backgroundColor:e.palette.brand.primary,color:e.palette.common.white}),{minWidth:"20px",height:"20px",borderRadius:"20px",paddingLeft:"4px",paddingRight:"4px",textAlign:"center",marginLeft:"10px",fontSize:"14px",lineHeight:"20px",fontWeight:"700","& + .MuiChip-deleteIcon":{marginLeft:"5px"}}),"& .chevron-down, & .chevron-up, & .MuiSvgIcon-root:last-child":{fontSize:"17px",marginRight:"0",marginLeft:"10px"},"&.chevron-down.isOpen, & .MuiSvgIcon-root:last-child.isOpen":{transform:"rotate(180deg)"}})},icon:{"&, &:hover":{color:"currentColor"},fontSize:"17px",marginRight:"10px",marginLeft:"0"},deleteIcon:{"&, &:hover":{color:"currentColor"},fontSize:"17px",marginRight:"0",marginLeft:"10px"},label:{display:"inline-flex",alignItems:"center",justifyContent:"flex-start",padding:"0"}}};exports.flowChip=i;
+"use strict";var e=require("react/jsx-runtime"),r=require("../../components/icon/stroke/CloseIcon.js"),o=require("../../components/focusring/focusring.js"),t=require("../button/interactive.js");function a(e,r){return Object.assign(Object.assign({},e),{"&.MuiButtonBase-root":Object.assign({},t.getInteractiveStyle(e,r))})}function n(e,r,o,t){return"outlined"===r?{backgroundColor:t?e.palette.transparent.secondary:"transparent",color:o,borderColor:o}:{backgroundColor:o,color:e.palette.onSurface.os0,borderColor:o}}const i={defaultProps:{deleteIcon:e.jsx(r.CloseIcon,{})},styleOverrides:{root:({theme:e,ownerState:r})=>{var t,i,s;return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({position:"relative",height:"auto",minWidth:"0",padding:"5px 16px"},"small"===r.size&&{padding:"2px 12px"}),{textRendering:"geometricPrecision",textTransform:"none",fontSize:"16px",lineHeight:"20px",fontWeight:"400",letterSpacing:"0px",outline:"none",borderRadius:"1000px",textAlign:"center",transition:"transform 0.3s ease-out, color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out, box-shadow 0.3s ease-out, opacity 0.3s ease-out","&&.MuiButtonBase-root":{cursor:"pointer"},"&, &:active":Object.assign({boxShadow:"none"},(r.raised||(null===(t=r.className)||void 0===t?void 0:t.includes(".MuiChip-shadow")))&&{boxShadow:e.flowShadows.xs}),border:`1px solid ${e.palette.onSurface.os900}`}),a(Object.assign({backgroundColor:e.palette.surface.primary,color:e.palette.text.primary,borderColor:e.palette.onSurface.os500},(r.raised||(null===(i=r.className)||void 0===i?void 0:i.includes(".MuiChip-shadow")))&&{backgroundColor:e.palette.background.primary}),Object.assign({backgroundColor:e.palette.surface.secondary,color:e.palette.text.primary,borderColor:e.palette.onSurface.os500},(r.raised||(null===(s=r.className)||void 0===s?void 0:s.includes(".MuiChip-shadow")))&&{backgroundColor:e.palette.surface.primary}))),"transparent"===r.variant&&Object.assign({},a({backgroundColor:e.palette.transparent.primary},{backgroundColor:e.palette.transparent.secondary}))),"secondary"===r.color&&"outlined"!==r.variant&&Object.assign({},a({backgroundColor:e.palette.secondary.main,color:e.palette.common.white,borderColor:e.palette.secondary.main},{backgroundColor:e.palette.secondary.dark,color:e.palette.common.white,borderColor:e.palette.secondary.dark}))),"error"===r.color&&Object.assign({},a(Object.assign({},n(e,r.variant,e.palette.error.main)),Object.assign({},n(e,r.variant,e.palette.error.dark,!0))))),"warning"===r.color&&Object.assign({},a(Object.assign({},n(e,r.variant,e.palette.warning.main)),Object.assign({},n(e,r.variant,e.palette.warning.dark,!0))))),"info"===r.color&&Object.assign({},a(Object.assign({},n(e,r.variant,e.palette.info.main)),Object.assign({},n(e,r.variant,e.palette.info.dark,!0))))),(r.isSelected||["success","primary"].includes(r.color))&&Object.assign(Object.assign({borderWidth:"2px",padding:"4px 15px"},"small"===r.size&&{padding:"1px 11px"}),a("dark"===e.palette.mode?{backgroundColor:e.palette.onSurface.os800,color:e.palette.brand.secondary,borderColor:e.palette.brand.secondary}:{backgroundColor:e.palette.brand.quarternary,color:e.palette.brand.primary,borderColor:e.palette.brand.primary},"dark"===e.palette.mode?{backgroundColor:e.palette.onSurface.os800,color:e.palette.brandHover.secondary,borderColor:e.palette.brandHover.secondary}:{backgroundColor:e.palette.brand.quarternary,color:e.palette.brandHover.primary,borderColor:e.palette.brandHover.primary}))),{"&.Mui-disabled":Object.assign({opacity:"1",userSelect:"none",color:e.palette.disabled.primary,backgroundColor:e.palette.surface.primary,borderColor:e.palette.disabled.primary},"transparent"===r.variant&&{backgroundColor:e.palette.transparent.primary})}),o.getFocusRingStyle(e,!0,1)),(r.isSelected||["success","primary"].includes(r.color))&&Object.assign({},o.updateFocusRingStyle(2))),{"& .count":Object.assign(Object.assign({},"dark"===e.palette.mode?{backgroundColor:e.palette.brand.secondary,color:e.palette.onSurface.os900}:{backgroundColor:e.palette.brand.primary,color:e.palette.common.white}),{minWidth:"20px",height:"20px",borderRadius:"20px",paddingLeft:"4px",paddingRight:"4px",textAlign:"center",marginLeft:"10px",fontSize:"14px",lineHeight:"20px",fontWeight:"700","& + .MuiChip-deleteIcon":{marginLeft:"5px"}}),"& .chevron-down, & .chevron-up, & .MuiSvgIcon-root:last-child":{fontSize:"17px",marginRight:"0",marginLeft:"10px"},"&.chevron-down.isOpen, & .MuiSvgIcon-root:last-child.isOpen":{transform:"rotate(180deg)"}})},icon:{"&, &:hover":{color:"currentColor"},fontSize:"17px",marginRight:"10px",marginLeft:"0"},deleteIcon:{"&, &:hover":{color:"currentColor"},fontSize:"17px",marginRight:"0",marginLeft:"10px"},label:{display:"inline-flex",alignItems:"center",justifyContent:"flex-start",padding:"0"}}};exports.flowChip=i;
 //# sourceMappingURL=chip.theme.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"chip.theme.js","sources":["../../../../../src/materialui/chip/chip.theme.tsx"],"sourcesContent":["import { Components } from '@mui/material/styles/components';\nimport { CSSObject, Theme } from '@mui/material';\nimport { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\nimport { getFocusRingStyle, updateFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\n/**\n * Wrapper around getInteractiveStyle() function to provide interactive style\n *  only for chip that is actually a button\n */\nfunction getChipInteractiveStyle(defaultStyle: CSSObject, hoverStyle: CSSObject): CSSObject {\n  return {\n    ...defaultStyle,\n    '&.MuiButtonBase-root': {\n      ...getInteractiveStyle(defaultStyle, hoverStyle),\n    },\n  };\n}\n\n/**\n * Return style for either outlined or filled variant. Used by deprecated semantic colors\n */\nfunction getVariantStyle(theme: Theme, variant: string, primaryColor: string, hover?: boolean): CSSObject {\n  if (variant === 'outlined') {\n    return {\n      backgroundColor: hover ? theme.palette.surface.primary : theme.palette.onSurface.os0,\n      color: primaryColor,\n      borderColor: primaryColor,\n    };\n  } else {\n    return {\n      backgroundColor: primaryColor,\n      color: theme.palette.onSurface.os0,\n      borderColor: primaryColor,\n    };\n  }\n}\n\nexport const flowChip: Components<Theme>['MuiChip'] = {\n  defaultProps: {\n    deleteIcon: <CloseIcon />,\n  },\n  styleOverrides: {\n    root: ({ theme, ownerState }) => ({\n      position: 'relative',\n      // proportions\n      height: 'auto',\n      minWidth: '0',\n      padding: '5px 16px',\n      // not recommended small variant\n      ...(ownerState.size === 'small' && {\n        padding: '2px 12px',\n      }),\n      // custom font size\n      textRendering: 'geometricPrecision',\n      textTransform: 'none',\n      fontSize: '16px',\n      lineHeight: '20px',\n      fontWeight: '400',\n      letterSpacing: '0px',\n      outline: 'none',\n      // 50% border radius without skewing ratio\n      borderRadius: '1000px',\n      textAlign: 'center',\n      transition:\n        'transform 0.3s ease-out, color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out, box-shadow 0.3s ease-out, opacity 0.3s ease-out',\n      // correct cursor if the chip is clickable button\n      '&&.MuiButtonBase-root': {\n        cursor: 'pointer',\n      },\n      // more important selector to overwrite default @mui styling\n      '&, &:active': {\n        boxShadow: 'none',\n        // drop shadow variant (+ old API support)\n        ...((ownerState.raised || ownerState.className?.includes('.MuiChip-shadow')) && {\n          boxShadow: theme.flowShadows.xs,\n        }),\n      },\n      // style (default 'filled' (solid) variant)\n      border: `1px solid ${theme.palette.onSurface.os900}`,\n      ...getChipInteractiveStyle(\n        {\n          backgroundColor: theme.palette.surface.primary,\n          color: theme.palette.text.primary,\n          borderColor: theme.palette.text.primary,\n          // drop shadow variant (+ old API support)\n          ...((ownerState.raised || ownerState.className?.includes('.MuiChip-shadow')) && {\n            backgroundColor: theme.palette.background.primary,\n          }),\n        },\n        {\n          backgroundColor: theme.palette.surface.secondary,\n          color: theme.palette.text.primary,\n          borderColor: theme.palette.text.primary,\n          // drop shadow variant (+ old API support)\n          ...((ownerState.raised || ownerState.className?.includes('.MuiChip-shadow')) && {\n            backgroundColor: theme.palette.surface.primary,\n          }),\n        },\n      ),\n      // transparent variant\n      ...(ownerState.variant === 'transparent' && {\n        ...getChipInteractiveStyle(\n          {\n            backgroundColor: theme.palette.transparent.primary,\n          },\n          {\n            backgroundColor: theme.palette.transparent.secondary,\n          },\n        ),\n      }),\n      // deprecated secondary color\n      ...(ownerState.color === 'secondary' &&\n        ownerState.variant !== 'outlined' && {\n          ...getChipInteractiveStyle(\n            {\n              backgroundColor: theme.palette.secondary.main,\n              color: theme.palette.common.white,\n              borderColor: theme.palette.secondary.main,\n            },\n            {\n              backgroundColor: theme.palette.secondary.dark,\n              color: theme.palette.common.white,\n              borderColor: theme.palette.secondary.dark,\n            },\n          ),\n        }),\n      // deprecated semantic colors\n      ...(ownerState.color === 'error' && {\n        ...getChipInteractiveStyle(\n          {\n            ...getVariantStyle(theme, ownerState.variant, theme.palette.error.main),\n          },\n          {\n            ...getVariantStyle(theme, ownerState.variant, theme.palette.error.dark, true),\n          },\n        ),\n      }),\n      ...(ownerState.color === 'warning' && {\n        ...getChipInteractiveStyle(\n          {\n            ...getVariantStyle(theme, ownerState.variant, theme.palette.warning.main),\n          },\n          {\n            ...getVariantStyle(theme, ownerState.variant, theme.palette.warning.dark, true),\n          },\n        ),\n      }),\n      ...(ownerState.color === 'info' && {\n        ...getChipInteractiveStyle(\n          {\n            ...getVariantStyle(theme, ownerState.variant, theme.palette.info.main),\n          },\n          {\n            ...getVariantStyle(theme, ownerState.variant, theme.palette.info.dark, true),\n          },\n        ),\n      }),\n      // selected chip\n      ...((ownerState.isSelected || ['success', 'primary'].includes(ownerState.color)) && {\n        borderWidth: '2px',\n        // remove 1px border for each side\n        padding: '4px 15px',\n        ...(ownerState.size === 'small' && {\n          padding: '1px 11px',\n        }),\n        ...getChipInteractiveStyle(\n          theme.palette.mode === 'dark'\n            ? {\n                backgroundColor: theme.palette.onSurface.os800,\n                color: theme.palette.brand.secondary,\n                borderColor: theme.palette.brand.secondary,\n              }\n            : {\n                backgroundColor: theme.palette.brand.quarternary,\n                color: theme.palette.brand.primary,\n                borderColor: theme.palette.brand.primary,\n              },\n          theme.palette.mode === 'dark'\n            ? {\n                backgroundColor: theme.palette.onSurface.os800,\n                color: theme.palette.brandHover.secondary,\n                borderColor: theme.palette.brandHover.secondary,\n              }\n            : {\n                backgroundColor: theme.palette.brand.quarternary,\n                color: theme.palette.brandHover.primary,\n                borderColor: theme.palette.brandHover.primary,\n              },\n        ),\n      }),\n      // disabled\n      '&.Mui-disabled': {\n        opacity: '1',\n        userSelect: 'none',\n        color: theme.palette.disabled.primary,\n        backgroundColor: theme.palette.surface.primary,\n        borderColor: theme.palette.disabled.primary,\n        // transparent variant\n        ...(ownerState.variant === 'transparent' && {\n          backgroundColor: theme.palette.transparent.primary,\n        }),\n      },\n      // focused style\n      ...getFocusRingStyle(theme, true, 1),\n      ...((ownerState.isSelected || ['success', 'primary'].includes(ownerState.color)) && {\n        ...updateFocusRingStyle(2),\n      }),\n      // old api, counting dot\n      '& .count': {\n        ...(theme.palette.mode === 'dark'\n          ? {\n              backgroundColor: theme.palette.brand.secondary,\n              color: theme.palette.onSurface.os900,\n            }\n          : {\n              backgroundColor: theme.palette.brand.primary,\n              color: theme.palette.common.white,\n            }),\n        minWidth: '20px',\n        height: '20px',\n        borderRadius: '20px',\n        paddingLeft: '4px',\n        paddingRight: '4px',\n        textAlign: 'center',\n        marginLeft: '10px',\n        fontSize: '14px',\n        lineHeight: '20px',\n        fontWeight: '700',\n        '& + .MuiChip-deleteIcon': {\n          marginLeft: '5px',\n        },\n      },\n      '& .chevron-down, & .chevron-up, & .MuiSvgIcon-root:last-child': {\n        fontSize: '17px',\n        // space between text and icon\n        marginRight: '0',\n        marginLeft: '10px',\n      },\n      '&.chevron-down.isOpen, & .MuiSvgIcon-root:last-child.isOpen': {\n        transform: 'rotate(180deg)',\n      },\n    }),\n    icon: {\n      '&, &:hover': {\n        color: 'currentColor',\n      },\n      fontSize: '17px',\n      // space between text and icon\n      marginRight: '10px',\n      marginLeft: '0',\n    },\n    deleteIcon: {\n      '&, &:hover': {\n        color: 'currentColor',\n      },\n      fontSize: '17px',\n      // space between text and icon\n      marginRight: '0',\n      marginLeft: '10px',\n    },\n    label: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'flex-start',\n      padding: '0',\n    },\n  },\n};\n"],"names":["getChipInteractiveStyle","defaultStyle","hoverStyle","Object","assign","getInteractiveStyle","getVariantStyle","theme","variant","primaryColor","hover","backgroundColor","palette","surface","primary","onSurface","os0","color","borderColor","flowChip","defaultProps","deleteIcon","_jsx","CloseIcon","styleOverrides","root","ownerState","position","height","minWidth","padding","size","textRendering","textTransform","fontSize","lineHeight","fontWeight","letterSpacing","outline","borderRadius","textAlign","transition","cursor","boxShadow","raised","className","_a","includes","flowShadows","xs","border","os900","text","_b","background","secondary","_c","transparent","main","common","white","dark","error","warning","info","isSelected","borderWidth","mode","os800","brand","quarternary","brandHover","opacity","userSelect","disabled","getFocusRingStyle","updateFocusRingStyle","paddingLeft","paddingRight","marginLeft","marginRight","transform","icon","label","display","alignItems","justifyContent"],"mappings":"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"}
+{"version":3,"file":"chip.theme.js","sources":["../../../../../src/materialui/chip/chip.theme.tsx"],"sourcesContent":["import { Components } from '@mui/material/styles/components';\nimport { CSSObject, Theme } from '@mui/material';\nimport { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\nimport { getFocusRingStyle, updateFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\n/**\n * Wrapper around getInteractiveStyle() function to provide interactive style\n *  only for chip that is actually a button\n */\nfunction getChipInteractiveStyle(defaultStyle: CSSObject, hoverStyle: CSSObject): CSSObject {\n  return {\n    ...defaultStyle,\n    '&.MuiButtonBase-root': {\n      ...getInteractiveStyle(defaultStyle, hoverStyle),\n    },\n  };\n}\n\n/**\n * Return style for either outlined or filled variant. Used by deprecated semantic colors\n */\nfunction getVariantStyle(theme: Theme, variant: string, primaryColor: string, hover?: boolean): CSSObject {\n  if (variant === 'outlined') {\n    return {\n      backgroundColor: hover ? theme.palette.transparent.secondary : 'transparent',\n      color: primaryColor,\n      borderColor: primaryColor,\n    };\n  } else {\n    return {\n      backgroundColor: primaryColor,\n      color: theme.palette.onSurface.os0,\n      borderColor: primaryColor,\n    };\n  }\n}\n\nexport const flowChip: Components<Theme>['MuiChip'] = {\n  defaultProps: {\n    deleteIcon: <CloseIcon />,\n  },\n  styleOverrides: {\n    root: ({ theme, ownerState }) => ({\n      position: 'relative',\n      // proportions\n      height: 'auto',\n      minWidth: '0',\n      padding: '5px 16px',\n      // not recommended small variant\n      ...(ownerState.size === 'small' && {\n        padding: '2px 12px',\n      }),\n      // custom font size\n      textRendering: 'geometricPrecision',\n      textTransform: 'none',\n      fontSize: '16px',\n      lineHeight: '20px',\n      fontWeight: '400',\n      letterSpacing: '0px',\n      outline: 'none',\n      // 50% border radius without skewing ratio\n      borderRadius: '1000px',\n      textAlign: 'center',\n      transition:\n        'transform 0.3s ease-out, color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out, box-shadow 0.3s ease-out, opacity 0.3s ease-out',\n      // correct cursor if the chip is clickable button\n      '&&.MuiButtonBase-root': {\n        cursor: 'pointer',\n      },\n      // more important selector to overwrite default @mui styling\n      '&, &:active': {\n        boxShadow: 'none',\n        // drop shadow variant (+ old API support)\n        ...((ownerState.raised || ownerState.className?.includes('.MuiChip-shadow')) && {\n          boxShadow: theme.flowShadows.xs,\n        }),\n      },\n      // style (default 'filled' (solid) variant)\n      border: `1px solid ${theme.palette.onSurface.os900}`,\n      ...getChipInteractiveStyle(\n        {\n          backgroundColor: theme.palette.surface.primary,\n          color: theme.palette.text.primary,\n          borderColor: theme.palette.onSurface.os500,\n          // drop shadow variant (+ old API support)\n          ...((ownerState.raised || ownerState.className?.includes('.MuiChip-shadow')) && {\n            backgroundColor: theme.palette.background.primary,\n          }),\n        },\n        {\n          backgroundColor: theme.palette.surface.secondary,\n          color: theme.palette.text.primary,\n          borderColor: theme.palette.onSurface.os500,\n          // drop shadow variant (+ old API support)\n          ...((ownerState.raised || ownerState.className?.includes('.MuiChip-shadow')) && {\n            backgroundColor: theme.palette.surface.primary,\n          }),\n        },\n      ),\n      // transparent variant\n      ...(ownerState.variant === 'transparent' && {\n        ...getChipInteractiveStyle(\n          {\n            backgroundColor: theme.palette.transparent.primary,\n          },\n          {\n            backgroundColor: theme.palette.transparent.secondary,\n          },\n        ),\n      }),\n      // deprecated secondary color\n      ...(ownerState.color === 'secondary' &&\n        ownerState.variant !== 'outlined' && {\n          ...getChipInteractiveStyle(\n            {\n              backgroundColor: theme.palette.secondary.main,\n              color: theme.palette.common.white,\n              borderColor: theme.palette.secondary.main,\n            },\n            {\n              backgroundColor: theme.palette.secondary.dark,\n              color: theme.palette.common.white,\n              borderColor: theme.palette.secondary.dark,\n            },\n          ),\n        }),\n      // deprecated semantic colors\n      ...(ownerState.color === 'error' && {\n        ...getChipInteractiveStyle(\n          {\n            ...getVariantStyle(theme, ownerState.variant, theme.palette.error.main),\n          },\n          {\n            ...getVariantStyle(theme, ownerState.variant, theme.palette.error.dark, true),\n          },\n        ),\n      }),\n      ...(ownerState.color === 'warning' && {\n        ...getChipInteractiveStyle(\n          {\n            ...getVariantStyle(theme, ownerState.variant, theme.palette.warning.main),\n          },\n          {\n            ...getVariantStyle(theme, ownerState.variant, theme.palette.warning.dark, true),\n          },\n        ),\n      }),\n      ...(ownerState.color === 'info' && {\n        ...getChipInteractiveStyle(\n          {\n            ...getVariantStyle(theme, ownerState.variant, theme.palette.info.main),\n          },\n          {\n            ...getVariantStyle(theme, ownerState.variant, theme.palette.info.dark, true),\n          },\n        ),\n      }),\n      // selected chip\n      ...((ownerState.isSelected || ['success', 'primary'].includes(ownerState.color)) && {\n        borderWidth: '2px',\n        // remove 1px border for each side\n        padding: '4px 15px',\n        ...(ownerState.size === 'small' && {\n          padding: '1px 11px',\n        }),\n        ...getChipInteractiveStyle(\n          theme.palette.mode === 'dark'\n            ? {\n                backgroundColor: theme.palette.onSurface.os800,\n                color: theme.palette.brand.secondary,\n                borderColor: theme.palette.brand.secondary,\n              }\n            : {\n                backgroundColor: theme.palette.brand.quarternary,\n                color: theme.palette.brand.primary,\n                borderColor: theme.palette.brand.primary,\n              },\n          theme.palette.mode === 'dark'\n            ? {\n                backgroundColor: theme.palette.onSurface.os800,\n                color: theme.palette.brandHover.secondary,\n                borderColor: theme.palette.brandHover.secondary,\n              }\n            : {\n                backgroundColor: theme.palette.brand.quarternary,\n                color: theme.palette.brandHover.primary,\n                borderColor: theme.palette.brandHover.primary,\n              },\n        ),\n      }),\n      // disabled\n      '&.Mui-disabled': {\n        opacity: '1',\n        userSelect: 'none',\n        color: theme.palette.disabled.primary,\n        backgroundColor: theme.palette.surface.primary,\n        borderColor: theme.palette.disabled.primary,\n        // transparent variant\n        ...(ownerState.variant === 'transparent' && {\n          backgroundColor: theme.palette.transparent.primary,\n        }),\n      },\n      // focused style\n      ...getFocusRingStyle(theme, true, 1),\n      ...((ownerState.isSelected || ['success', 'primary'].includes(ownerState.color)) && {\n        ...updateFocusRingStyle(2),\n      }),\n      // old api, counting dot\n      '& .count': {\n        ...(theme.palette.mode === 'dark'\n          ? {\n              backgroundColor: theme.palette.brand.secondary,\n              color: theme.palette.onSurface.os900,\n            }\n          : {\n              backgroundColor: theme.palette.brand.primary,\n              color: theme.palette.common.white,\n            }),\n        minWidth: '20px',\n        height: '20px',\n        borderRadius: '20px',\n        paddingLeft: '4px',\n        paddingRight: '4px',\n        textAlign: 'center',\n        marginLeft: '10px',\n        fontSize: '14px',\n        lineHeight: '20px',\n        fontWeight: '700',\n        '& + .MuiChip-deleteIcon': {\n          marginLeft: '5px',\n        },\n      },\n      '& .chevron-down, & .chevron-up, & .MuiSvgIcon-root:last-child': {\n        fontSize: '17px',\n        // space between text and icon\n        marginRight: '0',\n        marginLeft: '10px',\n      },\n      '&.chevron-down.isOpen, & .MuiSvgIcon-root:last-child.isOpen': {\n        transform: 'rotate(180deg)',\n      },\n    }),\n    icon: {\n      '&, &:hover': {\n        color: 'currentColor',\n      },\n      fontSize: '17px',\n      // space between text and icon\n      marginRight: '10px',\n      marginLeft: '0',\n    },\n    deleteIcon: {\n      '&, &:hover': {\n        color: 'currentColor',\n      },\n      fontSize: '17px',\n      // space between text and icon\n      marginRight: '0',\n      marginLeft: '10px',\n    },\n    label: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'flex-start',\n      padding: '0',\n    },\n  },\n};\n"],"names":["getChipInteractiveStyle","defaultStyle","hoverStyle","Object","assign","getInteractiveStyle","getVariantStyle","theme","variant","primaryColor","hover","backgroundColor","palette","transparent","secondary","color","borderColor","onSurface","os0","flowChip","defaultProps","deleteIcon","_jsx","CloseIcon","styleOverrides","root","ownerState","position","height","minWidth","padding","size","textRendering","textTransform","fontSize","lineHeight","fontWeight","letterSpacing","outline","borderRadius","textAlign","transition","cursor","boxShadow","raised","className","_a","includes","flowShadows","xs","border","os900","surface","primary","text","os500","_b","background","_c","main","common","white","dark","error","warning","info","isSelected","borderWidth","mode","os800","brand","quarternary","brandHover","opacity","userSelect","disabled","getFocusRingStyle","updateFocusRingStyle","paddingLeft","paddingRight","marginLeft","marginRight","transform","icon","label","display","alignItems","justifyContent"],"mappings":"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"}

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

@@ -1,3 +1,7 @@
-import { Theme } from '@mui/material';
+import { Breakpoint, Theme } from '@mui/material';
 import { Components } from '@mui/material/styles/components';
+export declare const getGutters: (breakpoint: Breakpoint, narrow?: boolean) => {
+    paddingLeft: string;
+    paddingRight: string;
+};
 export declare const flowContainer: Components<Theme>['MuiContainer'];

package/cjs/materialui/container/container.theme.js

@@ -1,2 +1,2 @@
-"use strict";function e(e){return e&&e.__esModule?e:{default:e}}var t=e(require("@skodaflow/web-tokens/src/tokens.json"));const s=(e,s)=>((e,s)=>{const a=s?t.default["flow-grid"].narrow:t.default["flow-grid"].default;switch(e){case"xs":case"sm":return a.find((e=>"mobile"===e.media));case"md":return a.find((e=>"tablet"===e.media));case"lg":return a.find((e=>"desktop"===e.media));case"xl":return a.find((e=>"desktop-xl"===e.media))}})(e,s).style.offset,a=(e,t)=>{const a=s(e,t);return a?{paddingLeft:+a+"px",paddingRight:+a+"px"}:void 0},i={paddingLeft:0,paddingRight:0},p={defaultProps:{maxWidth:!1},styleOverrides:{root:({theme:e})=>({[e.breakpoints.up("xs")]:a("xs"),[e.breakpoints.up("sm")]:a("sm"),[e.breakpoints.up("md")]:a("md"),[e.breakpoints.up("lg")]:a("lg"),[e.breakpoints.up("xl")]:a("xl"),"&.narrow":{[e.breakpoints.up("xs")]:a("xs",!0),[e.breakpoints.up("sm")]:a("sm",!0),[e.breakpoints.up("md")]:a("md",!0),[e.breakpoints.up("lg")]:a("lg",!0),[e.breakpoints.up("xl")]:a("xl",!0)}}),disableGutters:({theme:e})=>({[e.breakpoints.up("xs")]:i,[e.breakpoints.up("sm")]:i,[e.breakpoints.up("md")]:i,[e.breakpoints.up("lg")]:i,[e.breakpoints.up("md")]:i,"&.narrow":{[e.breakpoints.up("xs")]:i,[e.breakpoints.up("sm")]:i,[e.breakpoints.up("md")]:i,[e.breakpoints.up("lg")]:i,[e.breakpoints.up("md")]:i}}),maxWidthXs:({theme:e})=>({[e.breakpoints.up("xs")]:{maxWidth:e.breakpoints.values.sm}}),maxWidthSm:({theme:e})=>({[e.breakpoints.up("sm")]:{maxWidth:e.breakpoints.values.md}}),maxWidthMd:({theme:e})=>({[e.breakpoints.up("md")]:{maxWidth:e.breakpoints.values.lg}}),maxWidthLg:({theme:e})=>({[e.breakpoints.up("lg")]:{maxWidth:e.breakpoints.values.xl}}),maxWidthXl:({theme:e})=>({[e.breakpoints.up("xl")]:{maxWidth:e.breakpoints.values.xl}})},variants:[]};exports.flowContainer=p;
+"use strict";function e(e){return e&&e.__esModule?e:{default:e}}var t=e(require("@skodaflow/web-tokens/src/tokens.json"));const s=(e,s)=>((e,s)=>{const a=s?t.default["flow-grid"].narrow:t.default["flow-grid"].default;switch(e){case"xs":case"sm":return a.find((e=>"mobile"===e.media));case"md":return a.find((e=>"tablet"===e.media));case"lg":return a.find((e=>"desktop"===e.media));case"xl":return a.find((e=>"desktop-xl"===e.media))}})(e,s).style.offset,a=(e,t)=>{const a=s(e,t);return a?{paddingLeft:+a+"px",paddingRight:+a+"px"}:void 0},i={paddingLeft:0,paddingRight:0},p={defaultProps:{maxWidth:!1},styleOverrides:{root:({theme:e})=>({[e.breakpoints.up("xs")]:a("xs"),[e.breakpoints.up("sm")]:a("sm"),[e.breakpoints.up("md")]:a("md"),[e.breakpoints.up("lg")]:a("lg"),[e.breakpoints.up("xl")]:a("xl"),"&.narrow":{[e.breakpoints.up("xs")]:a("xs",!0),[e.breakpoints.up("sm")]:a("sm",!0),[e.breakpoints.up("md")]:a("md",!0),[e.breakpoints.up("lg")]:a("lg",!0),[e.breakpoints.up("xl")]:a("xl",!0)}}),disableGutters:({theme:e})=>({[e.breakpoints.up("xs")]:i,[e.breakpoints.up("sm")]:i,[e.breakpoints.up("md")]:i,[e.breakpoints.up("lg")]:i,[e.breakpoints.up("md")]:i,"&.narrow":{[e.breakpoints.up("xs")]:i,[e.breakpoints.up("sm")]:i,[e.breakpoints.up("md")]:i,[e.breakpoints.up("lg")]:i,[e.breakpoints.up("md")]:i}}),maxWidthXs:({theme:e})=>({[e.breakpoints.up("xs")]:{maxWidth:e.breakpoints.values.sm}}),maxWidthSm:({theme:e})=>({[e.breakpoints.up("sm")]:{maxWidth:e.breakpoints.values.md}}),maxWidthMd:({theme:e})=>({[e.breakpoints.up("md")]:{maxWidth:e.breakpoints.values.lg}}),maxWidthLg:({theme:e})=>({[e.breakpoints.up("lg")]:{maxWidth:e.breakpoints.values.xl}}),maxWidthXl:({theme:e})=>({[e.breakpoints.up("xl")]:{maxWidth:e.breakpoints.values.xl}})},variants:[]};exports.flowContainer=p,exports.getGutters=a;
 //# sourceMappingURL=container.theme.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"container.theme.js","sources":["../../../../../src/materialui/container/container.theme.ts"],"sourcesContent":["import { Breakpoint, Theme } from '@mui/material';\nimport { Components } from '@mui/material/styles/components';\nimport tokens from '@skodaflow/web-tokens/src/tokens.json';\n\nconst getGridSettings = (breakpoint: Breakpoint, narrow?: boolean) => {\n  const grid = narrow ? tokens['flow-grid'].narrow : tokens['flow-grid'].default;\n  switch (breakpoint) {\n    case 'xs':\n      return grid.find((i) => i.media === 'mobile');\n    case 'sm':\n      return grid.find((i) => i.media === 'mobile');\n    case 'md':\n      return grid.find((i) => i.media === 'tablet');\n    case 'lg':\n      return grid.find((i) => i.media === 'desktop');\n    case 'xl':\n      return grid.find((i) => i.media === 'desktop-xl');\n  }\n};\n\nconst getOffset = (breakpoint: Breakpoint, narrow?: boolean) => getGridSettings(breakpoint, narrow).style.offset;\n\nconst getGutters = (breakpoint: Breakpoint, narrow?: boolean) => {\n  const padding = getOffset(breakpoint, narrow);\n  return padding ? { paddingLeft: `${+padding}px`, paddingRight: `${+padding}px` } : undefined;\n};\n\nconst disabledGutters = {\n  paddingLeft: 0,\n  paddingRight: 0,\n};\n\nexport const flowContainer: Components<Theme>['MuiContainer'] = {\n  defaultProps: {\n    maxWidth: false,\n  },\n  styleOverrides: {\n    root: ({ theme }) => ({\n      [theme.breakpoints.up('xs')]: getGutters('xs'),\n      [theme.breakpoints.up('sm')]: getGutters('sm'),\n      [theme.breakpoints.up('md')]: getGutters('md'),\n      [theme.breakpoints.up('lg')]: getGutters('lg'),\n      [theme.breakpoints.up('xl')]: getGutters('xl'),\n      // @deprecated <Container classsName='narrow' />\n      '&.narrow': {\n        [theme.breakpoints.up('xs')]: getGutters('xs', true),\n        [theme.breakpoints.up('sm')]: getGutters('sm', true),\n        [theme.breakpoints.up('md')]: getGutters('md', true),\n        [theme.breakpoints.up('lg')]: getGutters('lg', true),\n        [theme.breakpoints.up('xl')]: getGutters('xl', true),\n      },\n    }),\n    disableGutters: ({ theme }) => ({\n      [theme.breakpoints.up('xs')]: disabledGutters,\n      [theme.breakpoints.up('sm')]: disabledGutters,\n      [theme.breakpoints.up('md')]: disabledGutters,\n      [theme.breakpoints.up('lg')]: disabledGutters,\n      [theme.breakpoints.up('md')]: disabledGutters,\n      // @deprecated <Container classsName='narrow' />\n      '&.narrow': {\n        [theme.breakpoints.up('xs')]: disabledGutters,\n        [theme.breakpoints.up('sm')]: disabledGutters,\n        [theme.breakpoints.up('md')]: disabledGutters,\n        [theme.breakpoints.up('lg')]: disabledGutters,\n        [theme.breakpoints.up('md')]: disabledGutters,\n      },\n    }),\n    maxWidthXs: ({ theme }) => ({\n      [theme.breakpoints.up('xs')]: {\n        maxWidth: theme.breakpoints.values.sm,\n      },\n    }),\n    maxWidthSm: ({ theme }) => ({\n      [theme.breakpoints.up('sm')]: {\n        maxWidth: theme.breakpoints.values.md,\n      },\n    }),\n    maxWidthMd: ({ theme }) => ({\n      [theme.breakpoints.up('md')]: {\n        maxWidth: theme.breakpoints.values.lg,\n      },\n    }),\n    maxWidthLg: ({ theme }) => ({\n      [theme.breakpoints.up('lg')]: {\n        maxWidth: theme.breakpoints.values.xl,\n      },\n    }),\n    maxWidthXl: ({ theme }) => ({\n      [theme.breakpoints.up('xl')]: {\n        maxWidth: theme.breakpoints.values.xl,\n      },\n    }),\n  },\n  variants: [],\n};\n"],"names":["getOffset","breakpoint","narrow","grid","tokens","default","find","i","media","getGridSettings","style","offset","getGutters","padding","paddingLeft","paddingRight","undefined","disabledGutters","flowContainer","defaultProps","maxWidth","styleOverrides","root","theme","breakpoints","up","disableGutters","maxWidthXs","values","sm","maxWidthSm","md","maxWidthMd","lg","maxWidthLg","xl","maxWidthXl","variants"],"mappings":"0HAIA,MAgBMA,EAAY,CAACC,EAAwBC,IAhBnB,EAACD,EAAwBC,KAC/C,MAAMC,EAAOD,EAASE,UAAO,aAAaF,OAASE,EAAAA,QAAO,aAAaC,QACvE,OAAQJ,GACN,IAAK,KAEL,IAAK,KACH,OAAOE,EAAKG,MAAMC,GAAkB,WAAZA,EAAEC,QAC5B,IAAK,KACH,OAAOL,EAAKG,MAAMC,GAAkB,WAAZA,EAAEC,QAC5B,IAAK,KACH,OAAOL,EAAKG,MAAMC,GAAkB,YAAZA,EAAEC,QAC5B,IAAK,KACH,OAAOL,EAAKG,MAAMC,GAAkB,eAAZA,EAAEC,UAIgCC,CAAgBR,EAAYC,GAAQQ,MAAMC,OAEpGC,EAAa,CAACX,EAAwBC,KAC1C,MAAMW,EAAUb,EAAUC,EAAYC,GACtC,OAAOW,EAAU,CAAEC,aAAiBD,EAAJ,KAAiBE,cAAkBF,EAAJ,WAAoBG,CAAS,EAGxFC,EAAkB,CACtBH,YAAa,EACbC,aAAc,GAGHG,EAAmD,CAC9DC,aAAc,CACZC,UAAU,GAEZC,eAAgB,CACdC,KAAM,EAAGC,YAAa,CACpB,CAACA,EAAMC,YAAYC,GAAG,OAAQb,EAAW,MACzC,CAACW,EAAMC,YAAYC,GAAG,OAAQb,EAAW,MACzC,CAACW,EAAMC,YAAYC,GAAG,OAAQb,EAAW,MACzC,CAACW,EAAMC,YAAYC,GAAG,OAAQb,EAAW,MACzC,CAACW,EAAMC,YAAYC,GAAG,OAAQb,EAAW,MAEzC,WAAY,CACV,CAACW,EAAMC,YAAYC,GAAG,OAAQb,EAAW,MAAM,GAC/C,CAACW,EAAMC,YAAYC,GAAG,OAAQb,EAAW,MAAM,GAC/C,CAACW,EAAMC,YAAYC,GAAG,OAAQb,EAAW,MAAM,GAC/C,CAACW,EAAMC,YAAYC,GAAG,OAAQb,EAAW,MAAM,GAC/C,CAACW,EAAMC,YAAYC,GAAG,OAAQb,EAAW,MAAM,MAGnDc,eAAgB,EAAGH,YAAa,CAC9B,CAACA,EAAMC,YAAYC,GAAG,OAAQR,EAC9B,CAACM,EAAMC,YAAYC,GAAG,OAAQR,EAC9B,CAACM,EAAMC,YAAYC,GAAG,OAAQR,EAC9B,CAACM,EAAMC,YAAYC,GAAG,OAAQR,EAC9B,CAACM,EAAMC,YAAYC,GAAG,OAAQR,EAE9B,WAAY,CACV,CAACM,EAAMC,YAAYC,GAAG,OAAQR,EAC9B,CAACM,EAAMC,YAAYC,GAAG,OAAQR,EAC9B,CAACM,EAAMC,YAAYC,GAAG,OAAQR,EAC9B,CAACM,EAAMC,YAAYC,GAAG,OAAQR,EAC9B,CAACM,EAAMC,YAAYC,GAAG,OAAQR,KAGlCU,WAAY,EAAGJ,YAAa,CAC1B,CAACA,EAAMC,YAAYC,GAAG,OAAQ,CAC5BL,SAAUG,EAAMC,YAAYI,OAAOC,MAGvCC,WAAY,EAAGP,YAAa,CAC1B,CAACA,EAAMC,YAAYC,GAAG,OAAQ,CAC5BL,SAAUG,EAAMC,YAAYI,OAAOG,MAGvCC,WAAY,EAAGT,YAAa,CAC1B,CAACA,EAAMC,YAAYC,GAAG,OAAQ,CAC5BL,SAAUG,EAAMC,YAAYI,OAAOK,MAGvCC,WAAY,EAAGX,YAAa,CAC1B,CAACA,EAAMC,YAAYC,GAAG,OAAQ,CAC5BL,SAAUG,EAAMC,YAAYI,OAAOO,MAGvCC,WAAY,EAAGb,YAAa,CAC1B,CAACA,EAAMC,YAAYC,GAAG,OAAQ,CAC5BL,SAAUG,EAAMC,YAAYI,OAAOO,OAIzCE,SAAU"}
+{"version":3,"file":"container.theme.js","sources":["../../../../../src/materialui/container/container.theme.ts"],"sourcesContent":["import { Breakpoint, Theme } from '@mui/material';\nimport { Components } from '@mui/material/styles/components';\nimport tokens from '@skodaflow/web-tokens/src/tokens.json';\n\nconst getGridSettings = (breakpoint: Breakpoint, narrow?: boolean) => {\n  const grid = narrow ? tokens['flow-grid'].narrow : tokens['flow-grid'].default;\n  switch (breakpoint) {\n    case 'xs':\n      return grid.find((i) => i.media === 'mobile');\n    case 'sm':\n      return grid.find((i) => i.media === 'mobile');\n    case 'md':\n      return grid.find((i) => i.media === 'tablet');\n    case 'lg':\n      return grid.find((i) => i.media === 'desktop');\n    case 'xl':\n      return grid.find((i) => i.media === 'desktop-xl');\n  }\n};\n\nconst getOffset = (breakpoint: Breakpoint, narrow?: boolean) => getGridSettings(breakpoint, narrow).style.offset;\n\nexport const getGutters = (breakpoint: Breakpoint, narrow?: boolean) => {\n  const padding = getOffset(breakpoint, narrow);\n  return padding ? { paddingLeft: `${+padding}px`, paddingRight: `${+padding}px` } : undefined;\n};\n\nconst disabledGutters = {\n  paddingLeft: 0,\n  paddingRight: 0,\n};\n\nexport const flowContainer: Components<Theme>['MuiContainer'] = {\n  defaultProps: {\n    maxWidth: false,\n  },\n  styleOverrides: {\n    root: ({ theme }) => ({\n      [theme.breakpoints.up('xs')]: getGutters('xs'),\n      [theme.breakpoints.up('sm')]: getGutters('sm'),\n      [theme.breakpoints.up('md')]: getGutters('md'),\n      [theme.breakpoints.up('lg')]: getGutters('lg'),\n      [theme.breakpoints.up('xl')]: getGutters('xl'),\n      // @deprecated <Container classsName='narrow' />\n      '&.narrow': {\n        [theme.breakpoints.up('xs')]: getGutters('xs', true),\n        [theme.breakpoints.up('sm')]: getGutters('sm', true),\n        [theme.breakpoints.up('md')]: getGutters('md', true),\n        [theme.breakpoints.up('lg')]: getGutters('lg', true),\n        [theme.breakpoints.up('xl')]: getGutters('xl', true),\n      },\n    }),\n    disableGutters: ({ theme }) => ({\n      [theme.breakpoints.up('xs')]: disabledGutters,\n      [theme.breakpoints.up('sm')]: disabledGutters,\n      [theme.breakpoints.up('md')]: disabledGutters,\n      [theme.breakpoints.up('lg')]: disabledGutters,\n      [theme.breakpoints.up('md')]: disabledGutters,\n      // @deprecated <Container classsName='narrow' />\n      '&.narrow': {\n        [theme.breakpoints.up('xs')]: disabledGutters,\n        [theme.breakpoints.up('sm')]: disabledGutters,\n        [theme.breakpoints.up('md')]: disabledGutters,\n        [theme.breakpoints.up('lg')]: disabledGutters,\n        [theme.breakpoints.up('md')]: disabledGutters,\n      },\n    }),\n    maxWidthXs: ({ theme }) => ({\n      [theme.breakpoints.up('xs')]: {\n        maxWidth: theme.breakpoints.values.sm,\n      },\n    }),\n    maxWidthSm: ({ theme }) => ({\n      [theme.breakpoints.up('sm')]: {\n        maxWidth: theme.breakpoints.values.md,\n      },\n    }),\n    maxWidthMd: ({ theme }) => ({\n      [theme.breakpoints.up('md')]: {\n        maxWidth: theme.breakpoints.values.lg,\n      },\n    }),\n    maxWidthLg: ({ theme }) => ({\n      [theme.breakpoints.up('lg')]: {\n        maxWidth: theme.breakpoints.values.xl,\n      },\n    }),\n    maxWidthXl: ({ theme }) => ({\n      [theme.breakpoints.up('xl')]: {\n        maxWidth: theme.breakpoints.values.xl,\n      },\n    }),\n  },\n  variants: [],\n};\n"],"names":["getOffset","breakpoint","narrow","grid","tokens","default","find","i","media","getGridSettings","style","offset","getGutters","padding","paddingLeft","paddingRight","undefined","disabledGutters","flowContainer","defaultProps","maxWidth","styleOverrides","root","theme","breakpoints","up","disableGutters","maxWidthXs","values","sm","maxWidthSm","md","maxWidthMd","lg","maxWidthLg","xl","maxWidthXl","variants"],"mappings":"0HAIA,MAgBMA,EAAY,CAACC,EAAwBC,IAhBnB,EAACD,EAAwBC,KAC/C,MAAMC,EAAOD,EAASE,UAAO,aAAaF,OAASE,EAAAA,QAAO,aAAaC,QACvE,OAAQJ,GACN,IAAK,KAEL,IAAK,KACH,OAAOE,EAAKG,MAAMC,GAAkB,WAAZA,EAAEC,QAC5B,IAAK,KACH,OAAOL,EAAKG,MAAMC,GAAkB,WAAZA,EAAEC,QAC5B,IAAK,KACH,OAAOL,EAAKG,MAAMC,GAAkB,YAAZA,EAAEC,QAC5B,IAAK,KACH,OAAOL,EAAKG,MAAMC,GAAkB,eAAZA,EAAEC,UAIgCC,CAAgBR,EAAYC,GAAQQ,MAAMC,OAE7FC,EAAa,CAACX,EAAwBC,KACjD,MAAMW,EAAUb,EAAUC,EAAYC,GACtC,OAAOW,EAAU,CAAEC,aAAiBD,EAAJ,KAAiBE,cAAkBF,EAAJ,WAAoBG,CAAS,EAGxFC,EAAkB,CACtBH,YAAa,EACbC,aAAc,GAGHG,EAAmD,CAC9DC,aAAc,CACZC,UAAU,GAEZC,eAAgB,CACdC,KAAM,EAAGC,YAAa,CACpB,CAACA,EAAMC,YAAYC,GAAG,OAAQb,EAAW,MACzC,CAACW,EAAMC,YAAYC,GAAG,OAAQb,EAAW,MACzC,CAACW,EAAMC,YAAYC,GAAG,OAAQb,EAAW,MACzC,CAACW,EAAMC,YAAYC,GAAG,OAAQb,EAAW,MACzC,CAACW,EAAMC,YAAYC,GAAG,OAAQb,EAAW,MAEzC,WAAY,CACV,CAACW,EAAMC,YAAYC,GAAG,OAAQb,EAAW,MAAM,GAC/C,CAACW,EAAMC,YAAYC,GAAG,OAAQb,EAAW,MAAM,GAC/C,CAACW,EAAMC,YAAYC,GAAG,OAAQb,EAAW,MAAM,GAC/C,CAACW,EAAMC,YAAYC,GAAG,OAAQb,EAAW,MAAM,GAC/C,CAACW,EAAMC,YAAYC,GAAG,OAAQb,EAAW,MAAM,MAGnDc,eAAgB,EAAGH,YAAa,CAC9B,CAACA,EAAMC,YAAYC,GAAG,OAAQR,EAC9B,CAACM,EAAMC,YAAYC,GAAG,OAAQR,EAC9B,CAACM,EAAMC,YAAYC,GAAG,OAAQR,EAC9B,CAACM,EAAMC,YAAYC,GAAG,OAAQR,EAC9B,CAACM,EAAMC,YAAYC,GAAG,OAAQR,EAE9B,WAAY,CACV,CAACM,EAAMC,YAAYC,GAAG,OAAQR,EAC9B,CAACM,EAAMC,YAAYC,GAAG,OAAQR,EAC9B,CAACM,EAAMC,YAAYC,GAAG,OAAQR,EAC9B,CAACM,EAAMC,YAAYC,GAAG,OAAQR,EAC9B,CAACM,EAAMC,YAAYC,GAAG,OAAQR,KAGlCU,WAAY,EAAGJ,YAAa,CAC1B,CAACA,EAAMC,YAAYC,GAAG,OAAQ,CAC5BL,SAAUG,EAAMC,YAAYI,OAAOC,MAGvCC,WAAY,EAAGP,YAAa,CAC1B,CAACA,EAAMC,YAAYC,GAAG,OAAQ,CAC5BL,SAAUG,EAAMC,YAAYI,OAAOG,MAGvCC,WAAY,EAAGT,YAAa,CAC1B,CAACA,EAAMC,YAAYC,GAAG,OAAQ,CAC5BL,SAAUG,EAAMC,YAAYI,OAAOK,MAGvCC,WAAY,EAAGX,YAAa,CAC1B,CAACA,EAAMC,YAAYC,GAAG,OAAQ,CAC5BL,SAAUG,EAAMC,YAAYI,OAAOO,MAGvCC,WAAY,EAAGb,YAAa,CAC1B,CAACA,EAAMC,YAAYC,GAAG,OAAQ,CAC5BL,SAAUG,EAAMC,YAAYI,OAAOO,OAIzCE,SAAU"}

package/cjs/materialui/fab/fab.theme.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../components/focusring/focusring.js"),o=require("../button/interactive.js");const t={defaultProps:{color:"primary"},styleOverrides:{root:({theme:t,ownerState:a})=>Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({transition:"transform 0.3s ease-out, color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out, box-shadow 0.3s ease-out, opacity 0.3s ease-out","&, &:active, &.Mui-disabled, &.Mui-focusVisible":{boxShadow:!1===a.raised?"none":t.flowShadows.xs},outline:"none",flexShrink:"0",borderRadius:"1000px",padding:"11px",height:"auto",width:"auto",minWidth:"0",minHeight:"0",gap:"10px",textRendering:"geometricPrecision"},t.typography.button),{"& .MuiSvgIcon-root":{fontSize:"20px"}}),e.getFocusRingStyle(t,!0,1)),{border:`1px solid ${t.palette.onSurface.os100}`}),o.getInteractiveStyle({backgroundColor:t.palette.onSurface.os0,color:t.palette.onSurface.os900},{backgroundColor:t.palette.surface.secondary,color:t.palette.onSurface.os900})),{"&.Mui-disabled":{backgroundColor:t.palette.disabled.secondary,color:t.palette.disabled.tertiary}}),extended:{paddingLeft:"21px",paddingRight:"19px"},primary:({theme:t,ownerState:a})=>Object.assign(Object.assign(Object.assign({border:"none",padding:"12px"},"extended"===a.variant&&{paddingLeft:"22px",paddingRight:"20px"}),e.updateFocusRingStyle(0)),o.getInteractiveStyle({backgroundColor:t.palette.brand.secondary,color:t.palette.onSurface.os900},{backgroundColor:t.palette.brandHover.secondary,color:t.palette.onSurface.os900}))},variants:[{props:{expandable:!0},style:{paddingLeft:"11px",paddingRight:"11px","& > span":{display:"none"},"&:hover, &.Mui-focusVisible":{paddingLeft:"21px",paddingRight:"19px","& > span":{display:"inline"}}}},{props:{expandable:!0,color:"primary"},style:{paddingLeft:"12px",paddingRight:"12px","&:hover, &.Mui-focusVisible":{paddingLeft:"22px",paddingRight:"20px"}}}]};exports.flowFab=t;
+"use strict";var e=require("../../components/focusring/focusring.js"),o=require("../button/interactive.js");const t={defaultProps:{color:"primary"},styleOverrides:{root:({theme:t,ownerState:a})=>Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({transition:"transform 0.3s ease-out, color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out, box-shadow 0.3s ease-out, opacity 0.3s ease-out","&, &:active, &.Mui-disabled, &.Mui-focusVisible":{boxShadow:!1===a.raised?"none":t.flowShadows.xs},outline:"none",flexShrink:"0",borderRadius:"1000px",padding:"11px",height:"auto",width:"auto",minWidth:"0",minHeight:"0",gap:"10px",textRendering:"geometricPrecision"},t.typography.button),{"& .MuiSvgIcon-root":{fontSize:"20px"}}),e.getFocusRingStyle(t,!0,1)),{border:`1px solid ${t.palette.onSurface.os500}`}),o.getInteractiveStyle({backgroundColor:t.palette.onSurface.os0,color:t.palette.onSurface.os900},{backgroundColor:t.palette.surface.secondary,color:t.palette.onSurface.os900})),{"&.Mui-disabled":{backgroundColor:t.palette.surface.secondary,borderColor:t.palette.surface.secondary,color:t.palette.disabled.primary}}),extended:{paddingLeft:"21px",paddingRight:"19px"},primary:({theme:t,ownerState:a})=>Object.assign(Object.assign(Object.assign(Object.assign({border:"none",padding:"12px"},"extended"===a.variant&&{paddingLeft:"22px",paddingRight:"20px"}),e.updateFocusRingStyle(0)),o.getInteractiveStyle({backgroundColor:t.palette.brand.secondary,color:t.palette.onSurface.os900},{backgroundColor:t.palette.brandHover.secondary,color:t.palette.onSurface.os900})),{"&.Mui-disabled":{backgroundColor:t.palette.disabled.secondary,color:t.palette.disabled.tertiary}})},variants:[{props:{expandable:!0},style:{paddingLeft:"11px",paddingRight:"11px","& > span":{display:"none"},"&:hover, &.Mui-focusVisible":{paddingLeft:"21px",paddingRight:"19px","& > span":{display:"inline"}}}},{props:{expandable:!0,color:"primary"},style:{paddingLeft:"12px",paddingRight:"12px","&:hover, &.Mui-focusVisible":{paddingLeft:"22px",paddingRight:"20px"}}}]};exports.flowFab=t;
 //# sourceMappingURL=fab.theme.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"fab.theme.js","sources":["../../../../../src/materialui/fab/fab.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles/components';\nimport { Theme } from '@mui/material';\nimport { getFocusRingStyle, updateFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport const flowFab: Components<Theme>['MuiFab'] = {\n  defaultProps: {\n    color: 'primary',\n  },\n  styleOverrides: {\n    root: ({ theme, ownerState }) => ({\n      transition:\n        'transform 0.3s ease-out, color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out, box-shadow 0.3s ease-out, opacity 0.3s ease-out',\n      // by default, fab contains shadow\n      '&, &:active, &.Mui-disabled, &.Mui-focusVisible': {\n        boxShadow: ownerState.raised === false ? 'none' : theme.flowShadows.xs,\n      },\n      outline: 'none',\n      flexShrink: '0',\n      // 50% border radius without skewing ratio\n      borderRadius: '1000px',\n      // 44px\n      padding: '11px',\n      height: 'auto',\n      width: 'auto',\n      minWidth: '0',\n      minHeight: '0',\n      // space between icon and text\n      gap: '10px',\n      // label\n      textRendering: 'geometricPrecision',\n      ...theme.typography.button,\n      // icon itself\n      '& .MuiSvgIcon-root': {\n        fontSize: '20px',\n      },\n      // focused style\n      ...getFocusRingStyle(theme, true, 1),\n      // default (secondary variant)\n      border: `1px solid ${theme.palette.onSurface.os100}`,\n      ...getInteractiveStyle(\n        {\n          backgroundColor: theme.palette.onSurface.os0,\n          color: theme.palette.onSurface.os900,\n        },\n        {\n          backgroundColor: theme.palette.surface.secondary,\n          color: theme.palette.onSurface.os900,\n        },\n      ),\n      // disabled style\n      '&.Mui-disabled': {\n        backgroundColor: theme.palette.disabled.secondary,\n        color: theme.palette.disabled.tertiary,\n      },\n    }),\n    // fab with label\n    extended: {\n      // adjust proportions\n      paddingLeft: '21px',\n      paddingRight: '19px',\n    },\n    primary: ({ theme, ownerState }) => ({\n      // remove border\n      border: 'none',\n      // update padding without changing proportions\n      padding: '12px',\n      ...(ownerState.variant === 'extended' && {\n        paddingLeft: '22px',\n        paddingRight: '20px',\n      }),\n      // and focus ring\n      ...updateFocusRingStyle(0),\n      // style\n      ...getInteractiveStyle(\n        {\n          backgroundColor: theme.palette.brand.secondary,\n          color: theme.palette.onSurface.os900,\n        },\n        {\n          backgroundColor: theme.palette.brandHover.secondary,\n          color: theme.palette.onSurface.os900,\n        },\n      ),\n    }),\n  },\n  variants: [\n    {\n      props: { expandable: true },\n      style: {\n        paddingLeft: '11px',\n        paddingRight: '11px',\n        // hide label wrapped in span\n        '& > span': {\n          display: 'none',\n        },\n        // on hover/focus\n        '&:hover, &.Mui-focusVisible': {\n          paddingLeft: '21px',\n          paddingRight: '19px',\n          // show label\n          '& > span': {\n            display: 'inline',\n          },\n        },\n      },\n    },\n    {\n      props: { expandable: true, color: 'primary' },\n      style: {\n        paddingLeft: '12px',\n        paddingRight: '12px',\n        // on hover/focus\n        '&:hover, &.Mui-focusVisible': {\n          // change to extended variant\n          paddingLeft: '22px',\n          paddingRight: '20px',\n        },\n      },\n    },\n  ],\n};\n"],"names":["flowFab","defaultProps","color","styleOverrides","root","theme","ownerState","Object","assign","transition","boxShadow","raised","flowShadows","xs","outline","flexShrink","borderRadius","padding","height","width","minWidth","minHeight","gap","textRendering","typography","button","fontSize","getFocusRingStyle","border","palette","onSurface","os100","getInteractiveStyle","backgroundColor","os0","os900","surface","secondary","disabled","tertiary","extended","paddingLeft","paddingRight","primary","variant","updateFocusRingStyle","brand","brandHover","variants","props","expandable","style","display"],"mappings":"4GAKa,MAAAA,EAAuC,CAClDC,aAAc,CACZC,MAAO,WAETC,eAAgB,CACdC,KAAM,EAAGC,QAAOC,gBACdC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAAC,WACE,4JAEF,kDAAmD,CACjDC,WAAiC,IAAtBJ,EAAWK,OAAmB,OAASN,EAAMO,YAAYC,IAEtEC,QAAS,OACTC,WAAY,IAEZC,aAAc,SAEdC,QAAS,OACTC,OAAQ,OACRC,MAAO,OACPC,SAAU,IACVC,UAAW,IAEXC,IAAK,OAELC,cAAe,sBACZlB,EAAMmB,WAAWC,QAAM,CAE1B,qBAAsB,CACpBC,SAAU,UAGTC,EAAAA,kBAAkBtB,GAAO,EAAM,IAAE,CAEpCuB,OAAQ,aAAavB,EAAMwB,QAAQC,UAAUC,UAC1CC,sBACD,CACEC,gBAAiB5B,EAAMwB,QAAQC,UAAUI,IACzChC,MAAOG,EAAMwB,QAAQC,UAAUK,OAEjC,CACEF,gBAAiB5B,EAAMwB,QAAQO,QAAQC,UACvCnC,MAAOG,EAAMwB,QAAQC,UAAUK,SAElC,CAED,iBAAkB,CAChBF,gBAAiB5B,EAAMwB,QAAQS,SAASD,UACxCnC,MAAOG,EAAMwB,QAAQS,SAASC,YAIlCC,SAAU,CAERC,YAAa,OACbC,aAAc,QAEhBC,QAAS,EAAGtC,QAAOC,gBAAiBC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAElCoB,OAAQ,OAERX,QAAS,QACkB,aAAvBX,EAAWsC,SAA0B,CACvCH,YAAa,OACbC,aAAc,SAGbG,EAAoBA,qBAAC,IAErBb,EAAAA,oBACD,CACEC,gBAAiB5B,EAAMwB,QAAQiB,MAAMT,UACrCnC,MAAOG,EAAMwB,QAAQC,UAAUK,OAEjC,CACEF,gBAAiB5B,EAAMwB,QAAQkB,WAAWV,UAC1CnC,MAAOG,EAAMwB,QAAQC,UAAUK,UAKvCa,SAAU,CACR,CACEC,MAAO,CAAEC,YAAY,GACrBC,MAAO,CACLV,YAAa,OACbC,aAAc,OAEd,WAAY,CACVU,QAAS,QAGX,8BAA+B,CAC7BX,YAAa,OACbC,aAAc,OAEd,WAAY,CACVU,QAAS,aAKjB,CACEH,MAAO,CAAEC,YAAY,EAAMhD,MAAO,WAClCiD,MAAO,CACLV,YAAa,OACbC,aAAc,OAEd,8BAA+B,CAE7BD,YAAa,OACbC,aAAc"}
+{"version":3,"file":"fab.theme.js","sources":["../../../../../src/materialui/fab/fab.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles/components';\nimport { Theme } from '@mui/material';\nimport { getFocusRingStyle, updateFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport const flowFab: Components<Theme>['MuiFab'] = {\n  defaultProps: {\n    color: 'primary',\n  },\n  styleOverrides: {\n    root: ({ theme, ownerState }) => ({\n      transition:\n        'transform 0.3s ease-out, color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out, box-shadow 0.3s ease-out, opacity 0.3s ease-out',\n      // by default, fab contains shadow\n      '&, &:active, &.Mui-disabled, &.Mui-focusVisible': {\n        boxShadow: ownerState.raised === false ? 'none' : theme.flowShadows.xs,\n      },\n      outline: 'none',\n      flexShrink: '0',\n      // 50% border radius without skewing ratio\n      borderRadius: '1000px',\n      // 44px\n      padding: '11px',\n      height: 'auto',\n      width: 'auto',\n      minWidth: '0',\n      minHeight: '0',\n      // space between icon and text\n      gap: '10px',\n      // label\n      textRendering: 'geometricPrecision',\n      ...theme.typography.button,\n      // icon itself\n      '& .MuiSvgIcon-root': {\n        fontSize: '20px',\n      },\n      // focused style\n      ...getFocusRingStyle(theme, true, 1),\n      // default (secondary variant)\n      border: `1px solid ${theme.palette.onSurface.os500}`,\n      ...getInteractiveStyle(\n        {\n          backgroundColor: theme.palette.onSurface.os0,\n          color: theme.palette.onSurface.os900,\n        },\n        {\n          backgroundColor: theme.palette.surface.secondary,\n          color: theme.palette.onSurface.os900,\n        },\n      ),\n      // disabled style\n      '&.Mui-disabled': {\n        backgroundColor: theme.palette.surface.secondary,\n        borderColor: theme.palette.surface.secondary,\n        color: theme.palette.disabled.primary,\n      },\n    }),\n    // fab with label\n    extended: {\n      // adjust proportions\n      paddingLeft: '21px',\n      paddingRight: '19px',\n    },\n    primary: ({ theme, ownerState }) => ({\n      // remove border\n      border: 'none',\n      // update padding without changing proportions\n      padding: '12px',\n      ...(ownerState.variant === 'extended' && {\n        paddingLeft: '22px',\n        paddingRight: '20px',\n      }),\n      // and focus ring\n      ...updateFocusRingStyle(0),\n      // style\n      ...getInteractiveStyle(\n        {\n          backgroundColor: theme.palette.brand.secondary,\n          color: theme.palette.onSurface.os900,\n        },\n        {\n          backgroundColor: theme.palette.brandHover.secondary,\n          color: theme.palette.onSurface.os900,\n        },\n      ),\n      // disabled style\n      '&.Mui-disabled': {\n        backgroundColor: theme.palette.disabled.secondary,\n        color: theme.palette.disabled.tertiary,\n      },\n    }),\n  },\n  variants: [\n    {\n      props: { expandable: true },\n      style: {\n        paddingLeft: '11px',\n        paddingRight: '11px',\n        // hide label wrapped in span\n        '& > span': {\n          display: 'none',\n        },\n        // on hover/focus\n        '&:hover, &.Mui-focusVisible': {\n          paddingLeft: '21px',\n          paddingRight: '19px',\n          // show label\n          '& > span': {\n            display: 'inline',\n          },\n        },\n      },\n    },\n    {\n      props: { expandable: true, color: 'primary' },\n      style: {\n        paddingLeft: '12px',\n        paddingRight: '12px',\n        // on hover/focus\n        '&:hover, &.Mui-focusVisible': {\n          // change to extended variant\n          paddingLeft: '22px',\n          paddingRight: '20px',\n        },\n      },\n    },\n  ],\n};\n"],"names":["flowFab","defaultProps","color","styleOverrides","root","theme","ownerState","Object","assign","transition","boxShadow","raised","flowShadows","xs","outline","flexShrink","borderRadius","padding","height","width","minWidth","minHeight","gap","textRendering","typography","button","fontSize","getFocusRingStyle","border","palette","onSurface","os500","getInteractiveStyle","backgroundColor","os0","os900","surface","secondary","borderColor","disabled","primary","extended","paddingLeft","paddingRight","variant","updateFocusRingStyle","brand","brandHover","tertiary","variants","props","expandable","style","display"],"mappings":"4GAKa,MAAAA,EAAuC,CAClDC,aAAc,CACZC,MAAO,WAETC,eAAgB,CACdC,KAAM,EAAGC,QAAOC,gBACdC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAAC,WACE,4JAEF,kDAAmD,CACjDC,WAAiC,IAAtBJ,EAAWK,OAAmB,OAASN,EAAMO,YAAYC,IAEtEC,QAAS,OACTC,WAAY,IAEZC,aAAc,SAEdC,QAAS,OACTC,OAAQ,OACRC,MAAO,OACPC,SAAU,IACVC,UAAW,IAEXC,IAAK,OAELC,cAAe,sBACZlB,EAAMmB,WAAWC,QAAM,CAE1B,qBAAsB,CACpBC,SAAU,UAGTC,EAAAA,kBAAkBtB,GAAO,EAAM,IAAE,CAEpCuB,OAAQ,aAAavB,EAAMwB,QAAQC,UAAUC,UAC1CC,sBACD,CACEC,gBAAiB5B,EAAMwB,QAAQC,UAAUI,IACzChC,MAAOG,EAAMwB,QAAQC,UAAUK,OAEjC,CACEF,gBAAiB5B,EAAMwB,QAAQO,QAAQC,UACvCnC,MAAOG,EAAMwB,QAAQC,UAAUK,SAElC,CAED,iBAAkB,CAChBF,gBAAiB5B,EAAMwB,QAAQO,QAAQC,UACvCC,YAAajC,EAAMwB,QAAQO,QAAQC,UACnCnC,MAAOG,EAAMwB,QAAQU,SAASC,WAIlCC,SAAU,CAERC,YAAa,OACbC,aAAc,QAEhBH,QAAS,EAAGnC,QAAOC,gBAAiBC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAElCoB,OAAQ,OAERX,QAAS,QACkB,aAAvBX,EAAWsC,SAA0B,CACvCF,YAAa,OACbC,aAAc,SAGbE,EAAoBA,qBAAC,IAErBb,EAAAA,oBACD,CACEC,gBAAiB5B,EAAMwB,QAAQiB,MAAMT,UACrCnC,MAAOG,EAAMwB,QAAQC,UAAUK,OAEjC,CACEF,gBAAiB5B,EAAMwB,QAAQkB,WAAWV,UAC1CnC,MAAOG,EAAMwB,QAAQC,UAAUK,SAElC,CAED,iBAAkB,CAChBF,gBAAiB5B,EAAMwB,QAAQU,SAASF,UACxCnC,MAAOG,EAAMwB,QAAQU,SAASS,aAIpCC,SAAU,CACR,CACEC,MAAO,CAAEC,YAAY,GACrBC,MAAO,CACLV,YAAa,OACbC,aAAc,OAEd,WAAY,CACVU,QAAS,QAGX,8BAA+B,CAC7BX,YAAa,OACbC,aAAc,OAEd,WAAY,CACVU,QAAS,aAKjB,CACEH,MAAO,CAAEC,YAAY,EAAMjD,MAAO,WAClCkD,MAAO,CACLV,YAAa,OACbC,aAAc,OAEd,8BAA+B,CAE7BD,YAAa,OACbC,aAAc"}

package/cjs/materialui/iconButton/iconButton.theme.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../components/focusring/focusring.js"),t=require("../button/interactive.js");const r={defaultProps:{disableRipple:!0,variant:"standard",color:"secondary",size:"standard"},styleOverrides:{root:({theme:r})=>Object.assign(Object.assign(Object.assign({position:"relative",boxShadow:"none",outline:"none",width:"44px",height:"44px",borderRadius:"1000px",maxWidth:"none",transition:"all 0.3s ease-out",flexShrink:"0","&:hover":{boxShadow:"none"},"&&:active":{boxShadow:"none"}},t.getInteractiveStyle({backgroundColor:"transparent"},{backgroundColor:r.palette.surface.primary})),e.getFocusRingStyle(r)),{"&.Mui-disabled":{opacity:"1",color:r.palette.disabled.primary}}),sizeSmall:{height:"32px",width:"32px","& .MuiSvgIcon-root":{fontSize:"17px"}},sizeMedium:{"& .MuiSvgIcon-root":{fontSize:"20px"}},sizeLarge:{height:"50px",width:"50px","& .MuiSvgIcon-root":{fontSize:"22px"}}},variants:[{props:{color:"secondary"},style:({theme:e})=>Object.assign({},t.getInteractiveStyle({color:e.palette.text.primary},{color:e.palette.text.primary}))},{props:{variant:"filled"},style:({theme:e})=>({"&.Mui-disabled":{opacity:"1",backgroundColor:e.palette.disabled.secondary,color:e.palette.disabled.tertiary}})},{props:{variant:"filled",color:"primary"},style:({theme:e})=>Object.assign({},t.getInteractiveStyle({backgroundColor:e.palette.brand.secondary,color:e.palette.onSurface.os900},{backgroundColor:e.palette.brandHover.secondary,color:e.palette.onSurface.os900}))},{props:{variant:"filled",color:"secondary"},style:({theme:e})=>Object.assign({},t.getInteractiveStyle({backgroundColor:e.palette.secondary.main,color:e.palette.secondary.contrastText},{backgroundColor:e.palette.secondary.light,color:e.palette.secondary.contrastText}))},{props:{variant:"filled",color:"error"},style:({theme:e})=>Object.assign({},t.getInteractiveStyle({color:e.palette.error.contrastText,backgroundColor:e.palette.error.main},{color:e.palette.error.contrastText,backgroundColor:e.palette.error.dark}))},{props:{variant:"filled",color:"inherit"},style:({theme:e})=>Object.assign({},t.getInteractiveStyle({backgroundColor:e.palette.transparent.secondary},{backgroundColor:e.palette.surface.primary}))},{props:{variant:"outlined"},style:Object.assign({border:"2px solid currentColor"},e.updateFocusRingStyle(2))},{props:{variant:"outlined",size:"small"},style:Object.assign({borderWidth:"1px"},e.updateFocusRingStyle(1))},{props:{color:"surface"},style:({theme:r})=>Object.assign(Object.assign(Object.assign({border:`1px solid ${"dark"===r.palette.mode?r.palette.transparent.quarternary:r.palette.onSurface.os100}`},e.updateFocusRingStyle(1)),t.getInteractiveStyle({backgroundColor:r.palette.surface.primary,color:r.palette.text.primary},{backgroundColor:r.palette.surface.secondary,color:r.palette.text.primary})),{"&.Mui-disabled":{borderColor:r.palette.surface.secondary,color:r.palette.disabled.primary}})},{props:{color:"surface",variant:"outlined"},style:Object.assign({borderWidth:"2px"},e.updateFocusRingStyle(2))},{props:{color:"white"},style:({theme:e})=>Object.assign(Object.assign({},t.getInteractiveStyle({backgroundColor:"transparent",color:e.palette.onSurface.os0},{color:e.palette.onSurface.os0,backgroundColor:e.palette.transparent.tertiary})),{"&.Mui-disabled":{borderColor:e.palette.disabled.primary,color:e.palette.disabled.primary}})}]};exports.flowIconButton=r;
+"use strict";var e=require("../../components/focusring/focusring.js"),t=require("../button/interactive.js");const r={defaultProps:{disableRipple:!0,variant:"standard",color:"secondary",size:"standard"},styleOverrides:{root:({theme:r})=>Object.assign(Object.assign(Object.assign({position:"relative",boxShadow:"none",outline:"none",width:"44px",height:"44px",borderRadius:"1000px",maxWidth:"none",transition:"all 0.3s ease-out",flexShrink:"0","&:hover":{boxShadow:"none"},"&&:active":{boxShadow:"none"}},t.getInteractiveStyle({backgroundColor:"transparent"},{backgroundColor:r.palette.transparent.secondary})),e.getFocusRingStyle(r)),{"&.Mui-disabled":{opacity:"1",color:r.palette.disabled.primary}}),sizeSmall:{height:"32px",width:"32px","& .MuiSvgIcon-root":{fontSize:"17px"}},sizeMedium:{"& .MuiSvgIcon-root":{fontSize:"20px"}},sizeLarge:{height:"50px",width:"50px","& .MuiSvgIcon-root":{fontSize:"22px"}}},variants:[{props:{color:"secondary"},style:({theme:e})=>Object.assign({},t.getInteractiveStyle({color:e.palette.text.primary},{color:e.palette.text.primary}))},{props:{variant:"filled"},style:({theme:e})=>({"&.Mui-disabled":{opacity:"1",backgroundColor:e.palette.disabled.secondary,color:e.palette.disabled.tertiary}})},{props:{variant:"filled",color:"primary"},style:({theme:e})=>Object.assign({},t.getInteractiveStyle({backgroundColor:e.palette.brand.secondary,color:e.palette.onSurface.os900},{backgroundColor:e.palette.brandHover.secondary,color:e.palette.onSurface.os900}))},{props:{variant:"filled",color:"secondary"},style:({theme:e})=>Object.assign({},t.getInteractiveStyle({backgroundColor:e.palette.secondary.main,color:e.palette.secondary.contrastText},{backgroundColor:e.palette.secondary.light,color:e.palette.secondary.contrastText}))},{props:{variant:"filled",color:"error"},style:({theme:e})=>Object.assign({},t.getInteractiveStyle({color:e.palette.error.contrastText,backgroundColor:e.palette.error.main},{color:e.palette.error.contrastText,backgroundColor:e.palette.error.dark}))},{props:{variant:"filled",color:"inherit"},style:({theme:e})=>Object.assign({},t.getInteractiveStyle({backgroundColor:e.palette.transparent.secondary},{backgroundColor:e.palette.surface.primary}))},{props:{variant:"outlined"},style:Object.assign({border:"2px solid currentColor"},e.updateFocusRingStyle(2))},{props:{variant:"outlined",size:"small"},style:Object.assign({borderWidth:"1px"},e.updateFocusRingStyle(1))},{props:{color:"surface"},style:({theme:r})=>Object.assign(Object.assign(Object.assign({border:`1px solid ${"dark"===r.palette.mode?r.palette.transparent.quarternary:r.palette.onSurface.os100}`},e.updateFocusRingStyle(1)),t.getInteractiveStyle({backgroundColor:r.palette.surface.primary,color:r.palette.text.primary},{backgroundColor:r.palette.surface.secondary,color:r.palette.text.primary})),{"&.Mui-disabled":{borderColor:r.palette.surface.secondary,color:r.palette.disabled.primary}})},{props:{color:"surface",variant:"outlined"},style:Object.assign({borderWidth:"2px"},e.updateFocusRingStyle(2))},{props:{color:"white"},style:({theme:e})=>Object.assign(Object.assign({},t.getInteractiveStyle({backgroundColor:"transparent",color:e.palette.onSurface.os0},{color:e.palette.onSurface.os0,backgroundColor:e.palette.transparent.tertiary})),{"&.Mui-disabled":{borderColor:e.palette.disabled.primary,color:e.palette.disabled.primary}})}]};exports.flowIconButton=r;
 //# sourceMappingURL=iconButton.theme.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"iconButton.theme.js","sources":["../../../../../src/materialui/iconButton/iconButton.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles/components';\nimport { Theme } from '@mui/material';\nimport { getFocusRingStyle, updateFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport const flowIconButton: Components<Theme>['MuiIconButton'] = {\n  defaultProps: {\n    disableRipple: true,\n    variant: 'standard',\n    color: 'secondary',\n    // 'medium' is according to a Flow system, 'standard' is new introduced property that matches\n    //  previous implementation to avoid heavy visual breaking change\n    size: 'standard',\n  },\n  styleOverrides: {\n    root: ({ theme }) => ({\n      position: 'relative',\n      boxShadow: 'none',\n      outline: 'none',\n      width: '44px',\n      height: '44px',\n      borderRadius: '1000px',\n      maxWidth: 'none',\n      transition: 'all 0.3s ease-out',\n      flexShrink: '0',\n      '&:hover': {\n        boxShadow: 'none',\n      },\n      '&&:active': {\n        boxShadow: 'none',\n      },\n      ...getInteractiveStyle(\n        {\n          backgroundColor: 'transparent',\n        },\n        {\n          backgroundColor: theme.palette.surface.primary,\n        },\n      ),\n      // focused style\n      ...getFocusRingStyle(theme),\n      // disabled style\n      '&.Mui-disabled': {\n        opacity: '1',\n        color: theme.palette.disabled.primary,\n      },\n    }),\n    sizeSmall: {\n      height: '32px',\n      width: '32px',\n      // icon itself\n      '& .MuiSvgIcon-root': {\n        fontSize: '17px',\n      },\n    },\n    sizeMedium: {\n      // width & height & borderRadius is default in root\n      // icon itself\n      '& .MuiSvgIcon-root': {\n        fontSize: '20px',\n      },\n    },\n    sizeLarge: {\n      height: '50px',\n      width: '50px',\n      // icon itself\n      '& .MuiSvgIcon-root': {\n        fontSize: '22px',\n      },\n    },\n  },\n  variants: [\n    {\n      props: { color: 'secondary' },\n      style: ({ theme }) => ({\n        ...getInteractiveStyle(\n          {\n            color: theme.palette.text.primary,\n          },\n          {\n            color: theme.palette.text.primary,\n          },\n        ),\n      }),\n    },\n    {\n      props: { variant: 'filled' },\n      style: ({ theme }) => ({\n        // disabled style\n        '&.Mui-disabled': {\n          opacity: '1',\n          backgroundColor: theme.palette.disabled.secondary,\n          color: theme.palette.disabled.tertiary,\n        },\n      }),\n    },\n    {\n      props: { variant: 'filled', color: 'primary' },\n      style: ({ theme }) => ({\n        ...getInteractiveStyle(\n          {\n            backgroundColor: theme.palette.brand.secondary,\n            color: theme.palette.onSurface.os900,\n          },\n          {\n            backgroundColor: theme.palette.brandHover.secondary,\n            color: theme.palette.onSurface.os900,\n          },\n        ),\n      }),\n    },\n    {\n      props: { variant: 'filled', color: 'secondary' },\n      style: ({ theme }) => ({\n        ...getInteractiveStyle(\n          {\n            backgroundColor: theme.palette.secondary.main,\n            color: theme.palette.secondary.contrastText,\n          },\n          {\n            backgroundColor: theme.palette.secondary.light,\n            color: theme.palette.secondary.contrastText,\n          },\n        ),\n      }),\n    },\n    {\n      props: { variant: 'filled', color: 'error' },\n      style: ({ theme }) => ({\n        ...getInteractiveStyle(\n          {\n            color: theme.palette.error.contrastText,\n            backgroundColor: theme.palette.error.main,\n          },\n          {\n            color: theme.palette.error.contrastText,\n            backgroundColor: theme.palette.error.dark,\n          },\n        ),\n      }),\n    },\n    {\n      props: { variant: 'filled', color: 'inherit' },\n      style: ({ theme }) => ({\n        ...getInteractiveStyle(\n          {\n            backgroundColor: theme.palette.transparent.secondary,\n          },\n          {\n            backgroundColor: theme.palette.surface.primary,\n          },\n        ),\n      }),\n    },\n    {\n      props: { variant: 'outlined' },\n      style: {\n        border: '2px solid currentColor',\n        ...updateFocusRingStyle(2),\n      },\n    },\n    {\n      props: { variant: 'outlined', size: 'small' },\n      style: {\n        borderWidth: '1px',\n        ...updateFocusRingStyle(1),\n      },\n    },\n    {\n      props: { color: 'surface' },\n      style: ({ theme }) => ({\n        border: `1px solid ${theme.palette.mode === 'dark' ? theme.palette.transparent.quarternary : theme.palette.onSurface.os100}`,\n        ...updateFocusRingStyle(1),\n        ...getInteractiveStyle(\n          {\n            backgroundColor: theme.palette.surface.primary,\n            color: theme.palette.text.primary,\n          },\n          {\n            backgroundColor: theme.palette.surface.secondary,\n            color: theme.palette.text.primary,\n          },\n        ),\n        // disabled style\n        '&.Mui-disabled': {\n          borderColor: theme.palette.surface.secondary,\n          color: theme.palette.disabled.primary,\n        },\n      }),\n    },\n    {\n      props: { color: 'surface', variant: 'outlined' },\n      style: {\n        borderWidth: '2px',\n        ...updateFocusRingStyle(2),\n      },\n    },\n    {\n      props: { color: 'white' },\n      style: ({ theme }) => ({\n        ...getInteractiveStyle(\n          {\n            backgroundColor: 'transparent',\n            color: theme.palette.onSurface.os0,\n          },\n          {\n            color: theme.palette.onSurface.os0,\n            backgroundColor: theme.palette.transparent.tertiary,\n          },\n        ),\n        // disabled style\n        '&.Mui-disabled': {\n          borderColor: theme.palette.disabled.primary,\n          color: theme.palette.disabled.primary,\n        },\n      }),\n    },\n  ],\n};\n"],"names":["flowIconButton","defaultProps","disableRipple","variant","color","size","styleOverrides","root","theme","Object","assign","position","boxShadow","outline","width","height","borderRadius","maxWidth","transition","flexShrink","getInteractiveStyle","backgroundColor","palette","surface","primary","getFocusRingStyle","opacity","disabled","sizeSmall","fontSize","sizeMedium","sizeLarge","variants","props","style","text","secondary","tertiary","brand","onSurface","os900","brandHover","main","contrastText","light","error","dark","transparent","border","updateFocusRingStyle","borderWidth","mode","quarternary","os100","borderColor","os0"],"mappings":"4GAKa,MAAAA,EAAqD,CAChEC,aAAc,CACZC,eAAe,EACfC,QAAS,WACTC,MAAO,YAGPC,KAAM,YAERC,eAAgB,CACdC,KAAM,EAAGC,WACPC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAAC,SAAU,WACVC,UAAW,OACXC,QAAS,OACTC,MAAO,OACPC,OAAQ,OACRC,aAAc,SACdC,SAAU,OACVC,WAAY,oBACZC,WAAY,IACZ,UAAW,CACTP,UAAW,QAEb,YAAa,CACXA,UAAW,SAEVQ,EAAAA,oBACD,CACEC,gBAAiB,eAEnB,CACEA,gBAAiBb,EAAMc,QAAQC,QAAQC,WAIxCC,EAAAA,kBAAkBjB,IAAM,CAE3B,iBAAkB,CAChBkB,QAAS,IACTtB,MAAOI,EAAMc,QAAQK,SAASH,WAGlCI,UAAW,CACTb,OAAQ,OACRD,MAAO,OAEP,qBAAsB,CACpBe,SAAU,SAGdC,WAAY,CAGV,qBAAsB,CACpBD,SAAU,SAGdE,UAAW,CACThB,OAAQ,OACRD,MAAO,OAEP,qBAAsB,CACpBe,SAAU,UAIhBG,SAAU,CACR,CACEC,MAAO,CAAE7B,MAAO,aAChB8B,MAAO,EAAG1B,WACLC,OAAAC,OAAA,CAAA,EAAAU,sBACD,CACEhB,MAAOI,EAAMc,QAAQa,KAAKX,SAE5B,CACEpB,MAAOI,EAAMc,QAAQa,KAAKX,YAKlC,CACES,MAAO,CAAE9B,QAAS,UAClB+B,MAAO,EAAG1B,YAAa,CAErB,iBAAkB,CAChBkB,QAAS,IACTL,gBAAiBb,EAAMc,QAAQK,SAASS,UACxChC,MAAOI,EAAMc,QAAQK,SAASU,aAIpC,CACEJ,MAAO,CAAE9B,QAAS,SAAUC,MAAO,WACnC8B,MAAO,EAAG1B,WACLC,OAAAC,OAAA,CAAA,EAAAU,sBACD,CACEC,gBAAiBb,EAAMc,QAAQgB,MAAMF,UACrChC,MAAOI,EAAMc,QAAQiB,UAAUC,OAEjC,CACEnB,gBAAiBb,EAAMc,QAAQmB,WAAWL,UAC1ChC,MAAOI,EAAMc,QAAQiB,UAAUC,UAKvC,CACEP,MAAO,CAAE9B,QAAS,SAAUC,MAAO,aACnC8B,MAAO,EAAG1B,WACLC,OAAAC,OAAA,CAAA,EAAAU,sBACD,CACEC,gBAAiBb,EAAMc,QAAQc,UAAUM,KACzCtC,MAAOI,EAAMc,QAAQc,UAAUO,cAEjC,CACEtB,gBAAiBb,EAAMc,QAAQc,UAAUQ,MACzCxC,MAAOI,EAAMc,QAAQc,UAAUO,iBAKvC,CACEV,MAAO,CAAE9B,QAAS,SAAUC,MAAO,SACnC8B,MAAO,EAAG1B,WACLC,OAAAC,OAAA,CAAA,EAAAU,sBACD,CACEhB,MAAOI,EAAMc,QAAQuB,MAAMF,aAC3BtB,gBAAiBb,EAAMc,QAAQuB,MAAMH,MAEvC,CACEtC,MAAOI,EAAMc,QAAQuB,MAAMF,aAC3BtB,gBAAiBb,EAAMc,QAAQuB,MAAMC,SAK7C,CACEb,MAAO,CAAE9B,QAAS,SAAUC,MAAO,WACnC8B,MAAO,EAAG1B,WACLC,OAAAC,OAAA,CAAA,EAAAU,sBACD,CACEC,gBAAiBb,EAAMc,QAAQyB,YAAYX,WAE7C,CACEf,gBAAiBb,EAAMc,QAAQC,QAAQC,YAK/C,CACES,MAAO,CAAE9B,QAAS,YAClB+B,MAAKzB,OAAAC,OAAA,CACHsC,OAAQ,0BACLC,EAAAA,qBAAqB,KAG5B,CACEhB,MAAO,CAAE9B,QAAS,WAAYE,KAAM,SACpC6B,MAAKzB,OAAAC,OAAA,CACHwC,YAAa,OACVD,EAAAA,qBAAqB,KAG5B,CACEhB,MAAO,CAAE7B,MAAO,WAChB8B,MAAO,EAAG1B,WACRC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAAsC,OAAQ,aAAoC,SAAvBxC,EAAMc,QAAQ6B,KAAkB3C,EAAMc,QAAQyB,YAAYK,YAAc5C,EAAMc,QAAQiB,UAAUc,SAClHJ,EAAAA,qBAAqB,IACrB7B,EAAAA,oBACD,CACEC,gBAAiBb,EAAMc,QAAQC,QAAQC,QACvCpB,MAAOI,EAAMc,QAAQa,KAAKX,SAE5B,CACEH,gBAAiBb,EAAMc,QAAQC,QAAQa,UACvChC,MAAOI,EAAMc,QAAQa,KAAKX,WAE7B,CAED,iBAAkB,CAChB8B,YAAa9C,EAAMc,QAAQC,QAAQa,UACnChC,MAAOI,EAAMc,QAAQK,SAASH,YAIpC,CACES,MAAO,CAAE7B,MAAO,UAAWD,QAAS,YACpC+B,MAAKzB,OAAAC,OAAA,CACHwC,YAAa,OACVD,EAAAA,qBAAqB,KAG5B,CACEhB,MAAO,CAAE7B,MAAO,SAChB8B,MAAO,EAAG1B,WACLC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAU,sBACD,CACEC,gBAAiB,cACjBjB,MAAOI,EAAMc,QAAQiB,UAAUgB,KAEjC,CACEnD,MAAOI,EAAMc,QAAQiB,UAAUgB,IAC/BlC,gBAAiBb,EAAMc,QAAQyB,YAAYV,YAE9C,CAED,iBAAkB,CAChBiB,YAAa9C,EAAMc,QAAQK,SAASH,QACpCpB,MAAOI,EAAMc,QAAQK,SAASH"}
+{"version":3,"file":"iconButton.theme.js","sources":["../../../../../src/materialui/iconButton/iconButton.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles/components';\nimport { Theme } from '@mui/material';\nimport { getFocusRingStyle, updateFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport const flowIconButton: Components<Theme>['MuiIconButton'] = {\n  defaultProps: {\n    disableRipple: true,\n    variant: 'standard',\n    color: 'secondary',\n    // 'medium' is according to a Flow system, 'standard' is new introduced property that matches\n    //  previous implementation to avoid heavy visual breaking change\n    size: 'standard',\n  },\n  styleOverrides: {\n    root: ({ theme }) => ({\n      position: 'relative',\n      boxShadow: 'none',\n      outline: 'none',\n      width: '44px',\n      height: '44px',\n      borderRadius: '1000px',\n      maxWidth: 'none',\n      transition: 'all 0.3s ease-out',\n      flexShrink: '0',\n      '&:hover': {\n        boxShadow: 'none',\n      },\n      '&&:active': {\n        boxShadow: 'none',\n      },\n      ...getInteractiveStyle(\n        {\n          backgroundColor: 'transparent',\n        },\n        {\n          // hover effect also in accordionSummary.theme.tsx\n          backgroundColor: theme.palette.transparent.secondary,\n        },\n      ),\n      // focused style\n      ...getFocusRingStyle(theme),\n      // disabled style\n      '&.Mui-disabled': {\n        opacity: '1',\n        color: theme.palette.disabled.primary,\n      },\n    }),\n    sizeSmall: {\n      height: '32px',\n      width: '32px',\n      // icon itself\n      '& .MuiSvgIcon-root': {\n        fontSize: '17px',\n      },\n    },\n    sizeMedium: {\n      // width & height & borderRadius is default in root\n      // icon itself\n      '& .MuiSvgIcon-root': {\n        fontSize: '20px',\n      },\n    },\n    sizeLarge: {\n      height: '50px',\n      width: '50px',\n      // icon itself\n      '& .MuiSvgIcon-root': {\n        fontSize: '22px',\n      },\n    },\n  },\n  variants: [\n    {\n      props: { color: 'secondary' },\n      style: ({ theme }) => ({\n        ...getInteractiveStyle(\n          {\n            color: theme.palette.text.primary,\n          },\n          {\n            color: theme.palette.text.primary,\n          },\n        ),\n      }),\n    },\n    {\n      props: { variant: 'filled' },\n      style: ({ theme }) => ({\n        // disabled style\n        '&.Mui-disabled': {\n          opacity: '1',\n          backgroundColor: theme.palette.disabled.secondary,\n          color: theme.palette.disabled.tertiary,\n        },\n      }),\n    },\n    {\n      props: { variant: 'filled', color: 'primary' },\n      style: ({ theme }) => ({\n        ...getInteractiveStyle(\n          {\n            backgroundColor: theme.palette.brand.secondary,\n            color: theme.palette.onSurface.os900,\n          },\n          {\n            backgroundColor: theme.palette.brandHover.secondary,\n            color: theme.palette.onSurface.os900,\n          },\n        ),\n      }),\n    },\n    {\n      props: { variant: 'filled', color: 'secondary' },\n      style: ({ theme }) => ({\n        ...getInteractiveStyle(\n          {\n            backgroundColor: theme.palette.secondary.main,\n            color: theme.palette.secondary.contrastText,\n          },\n          {\n            backgroundColor: theme.palette.secondary.light,\n            color: theme.palette.secondary.contrastText,\n          },\n        ),\n      }),\n    },\n    {\n      props: { variant: 'filled', color: 'error' },\n      style: ({ theme }) => ({\n        ...getInteractiveStyle(\n          {\n            color: theme.palette.error.contrastText,\n            backgroundColor: theme.palette.error.main,\n          },\n          {\n            color: theme.palette.error.contrastText,\n            backgroundColor: theme.palette.error.dark,\n          },\n        ),\n      }),\n    },\n    {\n      props: { variant: 'filled', color: 'inherit' },\n      style: ({ theme }) => ({\n        ...getInteractiveStyle(\n          {\n            backgroundColor: theme.palette.transparent.secondary,\n          },\n          {\n            backgroundColor: theme.palette.surface.primary,\n          },\n        ),\n      }),\n    },\n    {\n      props: { variant: 'outlined' },\n      style: {\n        border: '2px solid currentColor',\n        ...updateFocusRingStyle(2),\n      },\n    },\n    {\n      props: { variant: 'outlined', size: 'small' },\n      style: {\n        borderWidth: '1px',\n        ...updateFocusRingStyle(1),\n      },\n    },\n    {\n      props: { color: 'surface' },\n      style: ({ theme }) => ({\n        border: `1px solid ${theme.palette.mode === 'dark' ? theme.palette.transparent.quarternary : theme.palette.onSurface.os100}`,\n        ...updateFocusRingStyle(1),\n        ...getInteractiveStyle(\n          {\n            backgroundColor: theme.palette.surface.primary,\n            color: theme.palette.text.primary,\n          },\n          {\n            backgroundColor: theme.palette.surface.secondary,\n            color: theme.palette.text.primary,\n          },\n        ),\n        // disabled style\n        '&.Mui-disabled': {\n          borderColor: theme.palette.surface.secondary,\n          color: theme.palette.disabled.primary,\n        },\n      }),\n    },\n    {\n      props: { color: 'surface', variant: 'outlined' },\n      style: {\n        borderWidth: '2px',\n        ...updateFocusRingStyle(2),\n      },\n    },\n    {\n      props: { color: 'white' },\n      style: ({ theme }) => ({\n        // hover effect also in accordionSummary.theme.tsx\n        // hover effect also in FooterAccordion.tsx\n        ...getInteractiveStyle(\n          {\n            backgroundColor: 'transparent',\n            color: theme.palette.onSurface.os0,\n          },\n          {\n            color: theme.palette.onSurface.os0,\n            backgroundColor: theme.palette.transparent.tertiary,\n          },\n        ),\n        // disabled style\n        '&.Mui-disabled': {\n          borderColor: theme.palette.disabled.primary,\n          color: theme.palette.disabled.primary,\n        },\n      }),\n    },\n  ],\n};\n"],"names":["flowIconButton","defaultProps","disableRipple","variant","color","size","styleOverrides","root","theme","Object","assign","position","boxShadow","outline","width","height","borderRadius","maxWidth","transition","flexShrink","getInteractiveStyle","backgroundColor","palette","transparent","secondary","getFocusRingStyle","opacity","disabled","primary","sizeSmall","fontSize","sizeMedium","sizeLarge","variants","props","style","text","tertiary","brand","onSurface","os900","brandHover","main","contrastText","light","error","dark","surface","border","updateFocusRingStyle","borderWidth","mode","quarternary","os100","borderColor","os0"],"mappings":"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"}

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

@@ -1,4 +1,3 @@
 import { Components } from '@mui/material/styles';
 import { Theme } from '@mui/material';
-export declare const flowPaginationItem: Components<Theme>['MuiPaginationItem'];
 export declare const flowPagination: Components<Theme>['MuiPagination'];

package/cjs/materialui/pagination/pagination.theme.js

@@ -1,2 +1,2 @@
-"use strict";exports.flowPagination={defaultProps:{},styleOverrides:{root:{},ul:{"& li":{margin:"0 10px","&:first-child":{marginLeft:0},"&:last-child":{marginRight:0}}}}},exports.flowPaginationItem={defaultProps:{},styleOverrides:{root:({theme:t})=>({"&.MuiPaginationItem-root":{backgroundColor:"transparent",color:t.palette.text.primary,fontWeight:"400",fontSize:"16px",letterSpacing:"0.2px",lineHeight:"24px",margin:0,minWidth:"34px",height:"34px",padding:0,position:"relative","&.MuiPaginationItem-previousNext":{padding:"0px 5px",borderRadius:"1000px"},"&.MuiPaginationItem-firstLast":{padding:"0px 5px",borderRadius:"1000px"},"&.MuiPaginationItem-ellipsis":{"&:hover":{backgroundColor:"transparent"}},"&:hover":{backgroundColor:t.palette.transparent.primary},"&.Mui-selected":{backgroundColor:t.palette.transparent.primary},"&.Mui-disabled":{color:t.palette.disabled.primary,opacity:1,"& .MuiIcon-root":{color:t.palette.disabled.primary}}}})}};
+"use strict";const t={defaultProps:{variant:"text",showFirstButton:!0,showLastButton:!0,siblingCount:1,boundaryCount:0},styleOverrides:{root:({ownerState:t,theme:i})=>Object.assign({margin:"4px auto",ul:{flexWrap:"nowrap",li:{minWidth:"0"},"& li:has(.MuiPaginationItem-previousNext):not(li:has(.MuiPaginationItem-previousNext) ~ li:has(.MuiPaginationItem-previousNext))":{marginRight:"37px",[i.breakpoints.down("md")]:{marginRight:"18px"}},"& li:has(.MuiPaginationItem-previousNext):not(:has(~ li .MuiPaginationItem-previousNext))":{marginLeft:"37px",[i.breakpoints.down("md")]:{marginLeft:"18px"}}},"&.MuiPagination-dots":{ul:{li:{padding:"0 2px",[i.breakpoints.down("md")]:{padding:"0","& .MuiPaginationItem-root":{display:"none","&.MuiPaginationItem-previousNext, &.MuiPaginationItem-firstLast, &.Mui-selected":{display:"inline-flex"},"&.Mui-selected":{minWidth:"72px"}}}},"& li:has(.MuiPaginationItem-previousNext):not(li:has(.MuiPaginationItem-previousNext) ~ li:has(.MuiPaginationItem-previousNext))":{marginRight:"30px",[i.breakpoints.down("md")]:{marginRight:"23px"}},"& li:has(.MuiPaginationItem-previousNext):not(:has(~ li .MuiPaginationItem-previousNext))":{marginLeft:"30px",[i.breakpoints.down("md")]:{marginLeft:"23px"}}}}},0===t.boundaryCount&&t.count>5&&{[`&:not(:has(li:nth-of-type(${[t.showFirstButton,!t.hidePrevButton,!0].filter(Boolean).length}) > .MuiPaginationItem-ellipsis))`]:{[`& li:nth-last-of-type(${[t.showLastButton,!t.hideNextButton,!0,!0].filter(Boolean).length})`]:{display:"none"}},[`&:not(:has(li:nth-last-of-type(${[t.showLastButton,!t.hideNextButton,!0].filter(Boolean).length}) > .MuiPaginationItem-ellipsis))`]:{[`& li:nth-of-type(${[t.showFirstButton,!t.hidePrevButton,!0,!0].filter(Boolean).length})`]:{display:"none"}}})}};exports.flowPagination=t;
 //# sourceMappingURL=pagination.theme.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"pagination.theme.js","sources":["../../../../../src/materialui/pagination/pagination.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowPaginationItem: Components<Theme>['MuiPaginationItem'] = {\n  defaultProps: {},\n  styleOverrides: {\n    root: ({ theme }) => ({\n      '&.MuiPaginationItem-root': {\n        backgroundColor: 'transparent',\n        color: theme.palette.text.primary,\n        fontWeight: '400',\n        fontSize: '16px',\n        letterSpacing: '0.2px',\n        lineHeight: '24px',\n        margin: 0,\n        minWidth: '34px',\n        height: '34px',\n        padding: 0,\n        position: 'relative',\n        '&.MuiPaginationItem-previousNext': {\n          padding: '0px 5px',\n          borderRadius: '1000px',\n        },\n        '&.MuiPaginationItem-firstLast': {\n          padding: '0px 5px',\n          borderRadius: '1000px',\n        },\n        '&.MuiPaginationItem-ellipsis': {\n          // for dots in pagination\n          '&:hover': {\n            backgroundColor: 'transparent',\n          },\n        },\n        '&:hover': {\n          backgroundColor: theme.palette.transparent.primary,\n        },\n        '&.Mui-selected': {\n          backgroundColor: theme.palette.transparent.primary,\n        },\n        '&.Mui-disabled': {\n          color: theme.palette.disabled.primary,\n          opacity: 1,\n          '& .MuiIcon-root': {\n            color: theme.palette.disabled.primary,\n          },\n        },\n      },\n    }),\n  },\n};\n\nexport const flowPagination: Components<Theme>['MuiPagination'] = {\n  defaultProps: {},\n  styleOverrides: {\n    root: {},\n    ul: {\n      '& li': {\n        margin: '0 10px',\n        '&:first-child': {\n          marginLeft: 0,\n        },\n        '&:last-child': {\n          marginRight: 0,\n        },\n      },\n    },\n  },\n};\n"],"names":["defaultProps","styleOverrides","root","ul","margin","marginLeft","marginRight","theme","backgroundColor","color","palette","text","primary","fontWeight","fontSize","letterSpacing","lineHeight","minWidth","height","padding","position","borderRadius","transparent","disabled","opacity"],"mappings":"oCAmDkE,CAChEA,aAAc,CAAE,EAChBC,eAAgB,CACdC,KAAM,CAAE,EACRC,GAAI,CACF,OAAQ,CACNC,OAAQ,SACR,gBAAiB,CACfC,WAAY,GAEd,eAAgB,CACdC,YAAa,kCA3DmD,CACxEN,aAAc,CAAE,EAChBC,eAAgB,CACdC,KAAM,EAAGK,YAAa,CACpB,2BAA4B,CAC1BC,gBAAiB,cACjBC,MAAOF,EAAMG,QAAQC,KAAKC,QAC1BC,WAAY,MACZC,SAAU,OACVC,cAAe,QACfC,WAAY,OACZZ,OAAQ,EACRa,SAAU,OACVC,OAAQ,OACRC,QAAS,EACTC,SAAU,WACV,mCAAoC,CAClCD,QAAS,UACTE,aAAc,UAEhB,gCAAiC,CAC/BF,QAAS,UACTE,aAAc,UAEhB,+BAAgC,CAE9B,UAAW,CACTb,gBAAiB,gBAGrB,UAAW,CACTA,gBAAiBD,EAAMG,QAAQY,YAAYV,SAE7C,iBAAkB,CAChBJ,gBAAiBD,EAAMG,QAAQY,YAAYV,SAE7C,iBAAkB,CAChBH,MAAOF,EAAMG,QAAQa,SAASX,QAC9BY,QAAS,EACT,kBAAmB,CACjBf,MAAOF,EAAMG,QAAQa,SAASX"}
+{"version":3,"file":"pagination.theme.js","sources":["../../../../../src/materialui/pagination/pagination.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowPagination: Components<Theme>['MuiPagination'] = {\n  defaultProps: {\n    variant: 'text',\n    showFirstButton: true,\n    showLastButton: true,\n    siblingCount: 1,\n    boundaryCount: 0,\n  },\n  styleOverrides: {\n    root: ({ ownerState, theme }) => ({\n      margin: '4px auto',\n      ul: {\n        flexWrap: 'nowrap',\n        li: {\n          minWidth: '0',\n        },\n        '& li:has(.MuiPaginationItem-previousNext):not(li:has(.MuiPaginationItem-previousNext) ~ li:has(.MuiPaginationItem-previousNext))':\n          {\n            marginRight: '37px',\n            [theme.breakpoints.down('md')]: {\n              marginRight: '18px',\n            },\n          },\n        '& li:has(.MuiPaginationItem-previousNext):not(:has(~ li .MuiPaginationItem-previousNext))': {\n          marginLeft: '37px',\n          [theme.breakpoints.down('md')]: {\n            marginLeft: '18px',\n          },\n        },\n      },\n      '&.MuiPagination-dots': {\n        ul: {\n          li: {\n            padding: '0 2px',\n            // style for mobile version for DOTS version\n            [theme.breakpoints.down('md')]: {\n              padding: '0',\n              '& .MuiPaginationItem-root': {\n                // hide items by default\n                display: 'none',\n                // only show navigation arrows and selected page\n                '&.MuiPaginationItem-previousNext, &.MuiPaginationItem-firstLast, &.Mui-selected': {\n                  display: 'inline-flex',\n                },\n                // adjust styling\n                '&.Mui-selected': {\n                  minWidth: '72px',\n                },\n              },\n            },\n          },\n          '& li:has(.MuiPaginationItem-previousNext):not(li:has(.MuiPaginationItem-previousNext) ~ li:has(.MuiPaginationItem-previousNext))':\n            {\n              marginRight: '30px',\n              [theme.breakpoints.down('md')]: {\n                marginRight: '23px',\n              },\n            },\n          '& li:has(.MuiPaginationItem-previousNext):not(:has(~ li .MuiPaginationItem-previousNext))': {\n            marginLeft: '30px',\n            [theme.breakpoints.down('md')]: {\n              marginLeft: '23px',\n            },\n          },\n        },\n      },\n      // remove extra page that is provided by @mui at the start/end of pagination\n      ...(ownerState.boundaryCount === 0 &&\n        ownerState.count > 5 && {\n          // check if first ellipsis is not shown - hide last page\n          [`&:not(:has(li:nth-of-type(${[ownerState.showFirstButton, !ownerState.hidePrevButton, true].filter(Boolean).length}) > .MuiPaginationItem-ellipsis))`]:\n            {\n              // last page\n              [`& li:nth-last-of-type(${[ownerState.showLastButton, !ownerState.hideNextButton, true, true].filter(Boolean).length})`]:\n                {\n                  display: 'none',\n                },\n            },\n          // check if last ellipsis is not shown - hide first page\n          [`&:not(:has(li:nth-last-of-type(${[ownerState.showLastButton, !ownerState.hideNextButton, true].filter(Boolean).length}) > .MuiPaginationItem-ellipsis))`]:\n            {\n              // first page\n              [`& li:nth-of-type(${[ownerState.showFirstButton, !ownerState.hidePrevButton, true, true].filter(Boolean).length})`]:\n                {\n                  display: 'none',\n                },\n            },\n        }),\n    }),\n  },\n};\n"],"names":["flowPagination","defaultProps","variant","showFirstButton","showLastButton","siblingCount","boundaryCount","styleOverrides","root","ownerState","theme","margin","ul","flexWrap","li","minWidth","marginRight","breakpoints","down","marginLeft","padding","display","count","hidePrevButton","filter","Boolean","length","hideNextButton"],"mappings":"aAGa,MAAAA,EAAqD,CAChEC,aAAc,CACZC,QAAS,OACTC,iBAAiB,EACjBC,gBAAgB,EAChBC,aAAc,EACdC,cAAe,GAEjBC,eAAgB,CACdC,KAAM,EAAGC,aAAYC,0BACnBC,OAAQ,WACRC,GAAI,CACFC,SAAU,SACVC,GAAI,CACFC,SAAU,KAEZ,mIACE,CACEC,YAAa,OACb,CAACN,EAAMO,YAAYC,KAAK,OAAQ,CAC9BF,YAAa,SAGnB,4FAA6F,CAC3FG,WAAY,OACZ,CAACT,EAAMO,YAAYC,KAAK,OAAQ,CAC9BC,WAAY,UAIlB,uBAAwB,CACtBP,GAAI,CACFE,GAAI,CACFM,QAAS,QAET,CAACV,EAAMO,YAAYC,KAAK,OAAQ,CAC9BE,QAAS,IACT,4BAA6B,CAE3BC,QAAS,OAET,kFAAmF,CACjFA,QAAS,eAGX,iBAAkB,CAChBN,SAAU,WAKlB,mIACE,CACEC,YAAa,OACb,CAACN,EAAMO,YAAYC,KAAK,OAAQ,CAC9BF,YAAa,SAGnB,4FAA6F,CAC3FG,WAAY,OACZ,CAACT,EAAMO,YAAYC,KAAK,OAAQ,CAC9BC,WAAY,YAMa,IAA7BV,EAAWH,eACbG,EAAWa,MAAQ,GAAK,CAEtB,CAAC,6BAA6B,CAACb,EAAWN,iBAAkBM,EAAWc,gBAAgB,GAAMC,OAAOC,SAASC,2CAC3G,CAEE,CAAC,yBAAyB,CAACjB,EAAWL,gBAAiBK,EAAWkB,gBAAgB,GAAM,GAAMH,OAAOC,SAASC,WAC5G,CACEL,QAAS,SAIjB,CAAC,kCAAkC,CAACZ,EAAWL,gBAAiBK,EAAWkB,gBAAgB,GAAMH,OAAOC,SAASC,2CAC/G,CAEE,CAAC,oBAAoB,CAACjB,EAAWN,iBAAkBM,EAAWc,gBAAgB,GAAM,GAAMC,OAAOC,SAASC,WACxG,CACEL,QAAS"}

package/cjs/materialui/pagination/paginationItem.theme.d.ts

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"rating.theme.js","sources":["../../../../../src/materialui/rating/rating.theme.tsx"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\nimport { ShapeStarIcon } from '@/src/components/icon/stroke/ShapeStarIcon';\nimport { ShapeStarFilledIcon } from '@/src/components/icon/filled/ShapeStarFilledIcon';\n\nexport const flowRating: Components<Theme>['MuiRating'] = {\n  defaultProps: {\n    size: 'medium',\n    precision: 1,\n    max: 5,\n    icon: <ShapeStarFilledIcon fontSize=\"inherit\" />,\n    emptyIcon: <ShapeStarIcon fontSize=\"inherit\" />,\n  },\n  styleOverrides: {\n    root: ({ theme }) => ({\n      '&.Mui-disabled': {\n        opacity: '1',\n        '& .MuiRating-icon': {\n          '&.MuiRating-iconFilled, &.MuiRating-iconEmpty': {\n            color: theme.palette.disabled.tertiary,\n          },\n        },\n      },\n      // focus visible state\n      '&.Mui-focusVisible .MuiRating-iconActive': {\n        outline: `2px solid ${theme.palette.info.main}`,\n      },\n      '& .MuiRating-decimal': {\n        transform: 'none',\n      },\n      // will overwrite maxWidth: '100%' from css reset\n      '& .MuiRating-decimal *': {\n        maxWidth: 'none',\n      },\n      // size overrides\n      '&.MuiRating-sizeSmall': {\n        gap: '3px',\n        '& .MuiRating-iconFilled, & .MuiRating-iconEmpty': {\n          fontSize: '1rem',\n        },\n      },\n      '&.MuiRating-sizeMedium': {\n        gap: '8px',\n        '& .MuiRating-iconFilled, & .MuiRating-iconEmpty': {\n          fontSize: '1.5rem',\n        },\n      },\n      '&.MuiRating-sizeLarge': {\n        gap: '12px',\n        '& .MuiRating-iconFilled, & .MuiRating-iconEmpty': {\n          fontSize: '2rem',\n        },\n      },\n      '& .MuiRating-icon': {\n        transition: 'none',\n        transform: 'none',\n        // hover effects\n        '&.MuiRating-iconHover': {\n          color: theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brand.primary,\n        },\n        '&.MuiRating-iconFilled': {\n          // color: theme.palette.brand.primary,\n          color: theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brand.primary,\n        },\n        '&.MuiRating-iconEmpty': {\n          color: theme.palette.onSurface.os500,\n        },\n      },\n    }),\n  },\n};\n"],"names":["flowRating","defaultProps","size","precision","max","icon","_jsx","ShapeStarFilledIcon","fontSize","emptyIcon","ShapeStarIcon","styleOverrides","root","theme","opacity","color","palette","disabled","tertiary","outline","info","main","transform","maxWidth","gap","transition","mode","brand","secondary","primary","onSurface","os500"],"mappings":"4KAKa,MAAAA,EAA6C,CACxDC,aAAc,CACZC,KAAM,SACNC,UAAW,EACXC,IAAK,EACLC,KAAMC,EAAAA,IAACC,EAAAA,qBAAoBC,SAAS,YACpCC,UAAWH,EAAAA,IAACI,EAAAA,eAAcF,SAAS,aAErCG,eAAgB,CACdC,KAAM,EAAGC,YAAa,CACpB,iBAAkB,CAChBC,QAAS,IACT,oBAAqB,CACnB,gDAAiD,CAC/CC,MAAOF,EAAMG,QAAQC,SAASC,YAKpC,2CAA4C,CAC1CC,QAAS,aAAaN,EAAMG,QAAQI,KAAKC,QAE3C,uBAAwB,CACtBC,UAAW,QAGb,yBAA0B,CACxBC,SAAU,QAGZ,wBAAyB,CACvBC,IAAK,MACL,kDAAmD,CACjDhB,SAAU,SAGd,yBAA0B,CACxBgB,IAAK,MACL,kDAAmD,CACjDhB,SAAU,WAGd,wBAAyB,CACvBgB,IAAK,OACL,kDAAmD,CACjDhB,SAAU,SAGd,oBAAqB,CACnBiB,WAAY,OACZH,UAAW,OAEX,wBAAyB,CACvBP,MAA8B,SAAvBF,EAAMG,QAAQU,KAAkBb,EAAMG,QAAQW,MAAMC,UAAYf,EAAMG,QAAQW,MAAME,SAE7F,yBAA0B,CAExBd,MAA8B,SAAvBF,EAAMG,QAAQU,KAAkBb,EAAMG,QAAQW,MAAMC,UAAYf,EAAMG,QAAQW,MAAME,SAE7F,wBAAyB,CACvBd,MAAOF,EAAMG,QAAQc,UAAUC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"skeleton.theme.js","sources":["../../../../../src/materialui/skeleton/skeleton.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { CSSObject, Theme } from '@mui/material';\nimport tokens from '@skodaflow/web-tokens/src/tokens.json';\nimport { TypographySize } from '../theme/theme.typography';\n\nexport const getTypographyLineHeight = (element: string, size: TypographySize): CSSObject => {\n  const typo = tokens['flow-typography'].find((el) => el.name === `${size}-${element}`);\n  if (typo) {\n    return {\n      height: typo['style'].lineHeight,\n    };\n  } else {\n    return {};\n  }\n};\n\nexport const getResponsiveLineHeight = (element: string, theme: Theme): CSSObject => {\n  return {\n    ...getTypographyLineHeight(element, 'small'),\n    [theme.breakpoints.up('md')]: {\n      ...getTypographyLineHeight(element, 'medium'),\n    },\n    [theme.breakpoints.up('xl')]: {\n      ...getTypographyLineHeight(element, 'large'),\n    },\n  };\n};\n\nexport const getTextVariantStyle = (): CSSObject => ({\n  borderRadius: '4px',\n  // style taken from @mui, lowering size\n  transform: 'scale(1, 0.60)',\n  transformOrigin: '0 55%',\n});\n\nexport const flowSkeleton: Components<Theme>['MuiSkeleton'] = {\n  defaultProps: {\n    animation: 'wave',\n  },\n  styleOverrides: {\n    text: {\n      ...getTextVariantStyle(),\n    },\n    circular: {\n      flexShrink: '0',\n    },\n    wave: ({ theme }) => ({\n      backgroundColor: theme.palette.onSurface.os100,\n      '&:after': {\n        background: `\n          linear-gradient(\n            90deg,\n            transparent,\n            ${theme.palette.surface.secondary},\n            transparent\n          )\n        `,\n      },\n      ...(theme.palette.mode === 'dark' && {\n        backgroundColor: theme.palette.surface.secondary,\n        '&:after': {\n          background: `\n             linear-gradient(\n               90deg,\n               transparent,\n               ${theme.palette.surface.primary},\n               transparent\n             )\n           `,\n        },\n      }),\n    }),\n  },\n  variants: [\n    {\n      props: { variant: 'display' },\n      style: ({ theme }) => ({\n        ...getResponsiveLineHeight('display', theme),\n        ...getTextVariantStyle(),\n        width: '600px',\n      }),\n    },\n    {\n      props: { variant: 'h1' },\n      style: ({ theme }) => ({\n        ...getResponsiveLineHeight('h1', theme),\n        ...getTextVariantStyle(),\n        width: '540px',\n      }),\n    },\n    {\n      props: { variant: 'h2' },\n      style: ({ theme }) => ({\n        ...getResponsiveLineHeight('h2', theme),\n        ...getTextVariantStyle(),\n        width: '510px',\n      }),\n    },\n    {\n      props: { variant: 'h3' },\n      style: ({ theme }) => ({\n        ...getResponsiveLineHeight('h3', theme),\n        ...getTextVariantStyle(),\n        width: '480px',\n      }),\n    },\n    {\n      props: { variant: 'h4' },\n      style: ({ theme }) => ({\n        ...getResponsiveLineHeight('h4', theme),\n        ...getTextVariantStyle(),\n        width: '450px',\n      }),\n    },\n    {\n      props: { variant: 'subheadline' },\n      style: ({ theme }) => ({\n        ...getResponsiveLineHeight('subheadline', theme),\n        ...getTextVariantStyle(),\n        width: '420px',\n      }),\n    },\n    {\n      props: { variant: 'body' },\n      style: ({ theme }) => ({\n        ...getResponsiveLineHeight('body', theme),\n        ...getTextVariantStyle(),\n        width: '480px',\n      }),\n    },\n    {\n      props: { variant: 'disclaimer' },\n      style: ({ theme }) => ({\n        ...getResponsiveLineHeight('disclaimer', theme),\n        ...getTextVariantStyle(),\n        width: '360px',\n      }),\n    },\n    {\n      props: { variant: 'disclaimer1' },\n      style: ({ theme }) => ({\n        ...getResponsiveLineHeight('disclaimer1', theme),\n        ...getTextVariantStyle(),\n        width: '360px',\n      }),\n    },\n    {\n      props: { variant: 'disclaimer2' },\n      style: ({ theme }) => ({\n        ...getResponsiveLineHeight('disclaimer2', theme),\n        ...getTextVariantStyle(),\n        width: '360px',\n      }),\n    },\n    {\n      props: { variant: 'caption1' },\n      style: ({ theme }) => ({\n        ...getResponsiveLineHeight('caption1', theme),\n        ...getTextVariantStyle(),\n        width: '300px',\n      }),\n    },\n    {\n      props: { variant: 'caption2' },\n      style: ({ theme }) => ({\n        ...getResponsiveLineHeight('caption2', theme),\n        ...getTextVariantStyle(),\n        width: '300px',\n      }),\n    },\n    {\n      props: { variant: 'list' },\n      style: ({ theme }) => ({\n        ...getResponsiveLineHeight('list', theme),\n        ...getTextVariantStyle(),\n        width: '600px',\n      }),\n    },\n  ],\n};\n"],"names":["getTypographyLineHeight","element","size","typo","tokens","default","find","el","name","height","lineHeight","getResponsiveLineHeight","theme","Object","assign","breakpoints","up","getTextVariantStyle","borderRadius","transform","transformOrigin","flowSkeleton","defaultProps","animation","styleOverrides","text","circular","flexShrink","wave","backgroundColor","palette","onSurface","os100","background","surface","secondary","mode","primary","variants","props","variant","style","width"],"mappings":"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"}
+{"version":3,"file":"skeleton.theme.js","sources":["../../../../../src/materialui/skeleton/skeleton.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { CSSObject, Theme } from '@mui/material';\nimport tokens from '@skodaflow/web-tokens/src/tokens.json';\nimport { TypographySize } from '../theme/theme.typography';\n\nexport const getTypographyLineHeight = (element: string, size: TypographySize): CSSObject => {\n  const typo = tokens['flow-typography'].find((el) => el.name === `${size}-${element}`);\n  if (typo) {\n    return {\n      height: typo['style'].lineHeight,\n    };\n  } else {\n    return {};\n  }\n};\n\nexport const getResponsiveLineHeight = (element: string, theme: Theme): CSSObject => {\n  return {\n    ...getTypographyLineHeight(element, 'small'),\n    [theme.breakpoints.up('md')]: {\n      ...getTypographyLineHeight(element, 'medium'),\n    },\n    [theme.breakpoints.up('xl')]: {\n      ...getTypographyLineHeight(element, 'large'),\n    },\n  };\n};\n\nexport const getTextVariantStyle = (): CSSObject => ({\n  borderRadius: '4px',\n  // style taken from @mui, lowering size\n  transform: 'scale(1, 0.60)',\n  transformOrigin: '0 55%',\n});\n\nexport const flowSkeleton: Components<Theme>['MuiSkeleton'] = {\n  defaultProps: {\n    animation: 'wave',\n    ['aria-label']: 'placeholder',\n    role: 'progressbar',\n  },\n  styleOverrides: {\n    text: {\n      ...getTextVariantStyle(),\n    },\n    circular: {\n      flexShrink: '0',\n    },\n    wave: ({ theme }) => ({\n      backgroundColor: theme.palette.onSurface.os100,\n      '&:after': {\n        background: `\n          linear-gradient(\n            90deg,\n            transparent,\n            ${theme.palette.surface.secondary},\n            transparent\n          )\n        `,\n      },\n      ...(theme.palette.mode === 'dark' && {\n        backgroundColor: theme.palette.surface.secondary,\n        '&:after': {\n          background: `\n             linear-gradient(\n               90deg,\n               transparent,\n               ${theme.palette.surface.primary},\n               transparent\n             )\n           `,\n        },\n      }),\n    }),\n  },\n  variants: [\n    {\n      props: { variant: 'display' },\n      style: ({ theme }) => ({\n        ...getResponsiveLineHeight('display', theme),\n        ...getTextVariantStyle(),\n        width: '600px',\n      }),\n    },\n    {\n      props: { variant: 'h1' },\n      style: ({ theme }) => ({\n        ...getResponsiveLineHeight('h1', theme),\n        ...getTextVariantStyle(),\n        width: '540px',\n      }),\n    },\n    {\n      props: { variant: 'h2' },\n      style: ({ theme }) => ({\n        ...getResponsiveLineHeight('h2', theme),\n        ...getTextVariantStyle(),\n        width: '510px',\n      }),\n    },\n    {\n      props: { variant: 'h3' },\n      style: ({ theme }) => ({\n        ...getResponsiveLineHeight('h3', theme),\n        ...getTextVariantStyle(),\n        width: '480px',\n      }),\n    },\n    {\n      props: { variant: 'h4' },\n      style: ({ theme }) => ({\n        ...getResponsiveLineHeight('h4', theme),\n        ...getTextVariantStyle(),\n        width: '450px',\n      }),\n    },\n    {\n      props: { variant: 'subheadline' },\n      style: ({ theme }) => ({\n        ...getResponsiveLineHeight('subheadline', theme),\n        ...getTextVariantStyle(),\n        width: '420px',\n      }),\n    },\n    {\n      props: { variant: 'body' },\n      style: ({ theme }) => ({\n        ...getResponsiveLineHeight('body', theme),\n        ...getTextVariantStyle(),\n        width: '480px',\n      }),\n    },\n    {\n      props: { variant: 'disclaimer' },\n      style: ({ theme }) => ({\n        ...getResponsiveLineHeight('disclaimer', theme),\n        ...getTextVariantStyle(),\n        width: '360px',\n      }),\n    },\n    {\n      props: { variant: 'disclaimer1' },\n      style: ({ theme }) => ({\n        ...getResponsiveLineHeight('disclaimer1', theme),\n        ...getTextVariantStyle(),\n        width: '360px',\n      }),\n    },\n    {\n      props: { variant: 'disclaimer2' },\n      style: ({ theme }) => ({\n        ...getResponsiveLineHeight('disclaimer2', theme),\n        ...getTextVariantStyle(),\n        width: '360px',\n      }),\n    },\n    {\n      props: { variant: 'caption1' },\n      style: ({ theme }) => ({\n        ...getResponsiveLineHeight('caption1', theme),\n        ...getTextVariantStyle(),\n        width: '300px',\n      }),\n    },\n    {\n      props: { variant: 'caption2' },\n      style: ({ theme }) => ({\n        ...getResponsiveLineHeight('caption2', theme),\n        ...getTextVariantStyle(),\n        width: '300px',\n      }),\n    },\n    {\n      props: { variant: 'list' },\n      style: ({ theme }) => ({\n        ...getResponsiveLineHeight('list', theme),\n        ...getTextVariantStyle(),\n        width: '600px',\n      }),\n    },\n  ],\n};\n"],"names":["getTypographyLineHeight","element","size","typo","tokens","default","find","el","name","height","lineHeight","getResponsiveLineHeight","theme","Object","assign","breakpoints","up","getTextVariantStyle","borderRadius","transform","transformOrigin","flowSkeleton","defaultProps","animation","role","styleOverrides","text","circular","flexShrink","wave","backgroundColor","palette","onSurface","os100","background","surface","secondary","mode","primary","variants","props","variant","style","width"],"mappings":"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"}