@skodaflow/web-library 7.13.1 → 7.14.0

package/cjs/materialui/card/FlippingCardContent.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { BoxProps, SlideProps, CardContentProps } from '@mui/material';
+import { SlideProps, CardContentProps, ButtonBaseProps } from '@mui/material';
 export interface FlippingCardContentProps extends CardContentProps {
     disabled?: boolean;
     /**
@@ -15,7 +15,7 @@ export interface FlippingCardContentProps extends CardContentProps {
     /**
      * Properties applied to wrapper component
      */
-    containerProps?: BoxProps;
+    containerProps?: ButtonBaseProps;
     /**
      * Properties applied to <Slide /> component
      */

package/cjs/materialui/card/FlippingCardContent.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),i=require("react/jsx-runtime"),r=require("react"),s=require("@mui/material");exports.FlippingCardContent=n=>{var{children:t,disabled:o,isFlipped:a=!1,flipOnHover:d=!0,sx:l,containerProps:c,slideProps:u}=n,p=e.__rest(n,["children","disabled","isFlipped","flipOnHover","sx","containerProps","slideProps"]);const b=c||{},{sx:x}=b,j=e.__rest(b,["sx"]),f=r.useRef(null),[g,h]=r.useState(a);r.useEffect((()=>{h(a)}),[a]);return i.jsx(s.Box,Object.assign({sx:Object.assign(Object.assign({position:"absolute",inset:"0px",overflow:"hidden",borderRadius:"inherit"},d||a?{}:{pointerEvents:"none"}),x),ref:f,onMouseEnter:()=>!o&&d&&h(!0),onMouseLeave:()=>!o&&d&&h(!1),"aria-hidden":!g},j,{children:i.jsx(s.Slide,Object.assign({in:g,direction:"up",container:f.current},u,{children:i.jsx(s.CardContent,Object.assign({sx:Object.assign({position:"absolute",inset:"0",backgroundColor:"surface.primary",overflow:"auto"},l)},p,{children:t}))}))}))};
+"use strict";var e=require("tslib"),s=require("react/jsx-runtime"),i=require("react"),n=require("@mui/material");exports.FlippingCardContent=r=>{var{children:t,disabled:o,isFlipped:a=!1,flipOnHover:l=!0,sx:c,className:d,containerProps:u,slideProps:p}=r,b=e.__rest(r,["children","disabled","isFlipped","flipOnHover","sx","className","containerProps","slideProps"]);const x=u||{},{sx:f}=x,j=e.__rest(x,["sx"]),g=i.useRef(null),[v,h]=i.useState(a);i.useEffect((()=>{h(a)}),[a]);const m=()=>!o&&l&&h(!0),O=()=>!o&&l&&h(!1);return s.jsx(n.ButtonBase,Object.assign({sx:Object.assign(Object.assign({display:"block",textAlign:"left",position:"absolute",inset:"0px",overflow:"hidden",borderRadius:"inherit"},l||a?{}:{pointerEvents:"none"}),f),component:"div",ref:g,onFocus:m,onBlur:O,onMouseEnter:m,onMouseLeave:O,"aria-hidden":!v,className:["FlowFlippingCardContent-root",d].filter(Boolean).join(", ")},j,{children:s.jsx(n.Slide,Object.assign({in:v,direction:"up",container:g.current},p,{children:s.jsx(n.CardContent,Object.assign({sx:Object.assign({position:"absolute",inset:"0",backgroundColor:"surface.primary",overflow:"auto"},c)},b,{children:t}))}))}))};
 //# sourceMappingURL=FlippingCardContent.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FlippingCardContent.js","sources":["../../../../../src/materialui/card/FlippingCardContent.tsx"],"sourcesContent":["import { FC, useEffect, useRef, useState } from 'react';\nimport { BoxProps, Slide, SlideProps, CardContent, CardContentProps, Box } from '@mui/material';\n\nexport interface FlippingCardContentProps extends CardContentProps {\n  disabled?: boolean;\n  /**\n   * Specifies if detail should be flipped on card hover\n   * @default true\n   */\n  flipOnHover?: boolean;\n  /**\n   * Specifies if detail should be flipped\n   * @default false\n   */\n  isFlipped?: boolean;\n  /**\n   * Properties applied to wrapper component\n   */\n  containerProps?: BoxProps;\n  /**\n   * Properties applied to <Slide /> component\n   */\n  slideProps?: SlideProps;\n}\n\n/**\n * Sub-element for Card component for flipping content\n */\nexport const FlippingCardContent: FC<FlippingCardContentProps> = ({\n  children,\n  disabled,\n  isFlipped = false,\n  flipOnHover = true,\n  sx,\n  containerProps,\n  slideProps,\n  ...rest\n}) => {\n  const { sx: containerSx, ...restContainer } = containerProps || {};\n  const containerRef = useRef(null);\n\n  const [flipped, setFlipped] = useState(isFlipped);\n  /**\n   * Detect controlled state\n   */\n  useEffect(() => {\n    setFlipped(isFlipped);\n  }, [isFlipped]);\n\n  const handleMouseEnter = () => !disabled && flipOnHover && setFlipped(true);\n  const handleMouseLeave = () => !disabled && flipOnHover && setFlipped(false);\n\n  return (\n    <Box\n      sx={{\n        position: 'absolute',\n        inset: '0px',\n        overflow: 'hidden',\n        borderRadius: 'inherit',\n        ...(!flipOnHover && !isFlipped\n          ? {\n              pointerEvents: 'none',\n            }\n          : {}),\n        ...containerSx,\n      }}\n      ref={containerRef}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      aria-hidden={!flipped}\n      {...restContainer}\n    >\n      <Slide in={flipped} direction=\"up\" container={containerRef.current} {...slideProps}>\n        <CardContent\n          sx={{\n            position: 'absolute',\n            inset: '0',\n            backgroundColor: 'surface.primary',\n            overflow: 'auto',\n            ...sx,\n          }}\n          {...rest}\n        >\n          {children}\n        </CardContent>\n      </Slide>\n    </Box>\n  );\n};\n"],"names":["_a","children","disabled","isFlipped","flipOnHover","sx","containerProps","slideProps","rest","__rest","_b","containerSx","restContainer","containerRef","useRef","flipped","setFlipped","useState","useEffect","_jsx","jsx","Box","Object","assign","position","inset","overflow","borderRadius","pointerEvents","ref","onMouseEnter","onMouseLeave","Slide","in","direction","container","current","CardContent","backgroundColor"],"mappings":"6IA4BkEA,QAAAC,SAChEA,EAAQC,SACRA,EAAQC,UACRA,GAAY,EAAKC,YACjBA,GAAc,EAAIC,GAClBA,EAAEC,eACFA,EAAcC,WACdA,KACGC,EAR6DC,SAAAT,EAAA,CAAA,WAAA,WAAA,YAAA,cAAA,KAAA,iBAAA,eAUhE,MAAMU,EAAwCJ,GAAkB,IAAxDD,GAAIM,KAAgBC,EAAtBH,EAAAA,OAAAC,EAAA,CAAA,OACAG,EAAeC,EAAMA,OAAC,OAErBC,EAASC,GAAcC,EAAAA,SAASd,GAIvCe,EAAAA,WAAU,KACRF,EAAWb,EAAU,GACpB,CAACA,IAKJ,OACEgB,EAACC,IAAAC,MACCC,OAAAC,OAAA,CAAAlB,GACEiB,OAAAC,OAAAD,OAAAC,OAAA,CAAAC,SAAU,WACVC,MAAO,MACPC,SAAU,SACVC,aAAc,WACTvB,GAAgBD,EAIjB,CAAA,EAHA,CACEyB,cAAe,SAGlBjB,GAELkB,IAAKhB,EACLiB,aAlBqB,KAAO5B,GAAYE,GAAeY,GAAW,GAmBlEe,aAlBqB,KAAO7B,GAAYE,GAAeY,GAAW,GAmBrD,eAACD,GACVH,EAAa,CAAAX,SAEjBkB,MAACa,EAAKA,MAAAV,OAAAC,OAAA,CAACU,GAAIlB,EAASmB,UAAU,KAAKC,UAAWtB,EAAauB,SAAa7B,EAAU,CAAAN,SAChFkB,EAAAA,IAACkB,EAAAA,YAAWf,OAAAC,OAAA,CACVlB,GAAEiB,OAAAC,OAAA,CACAC,SAAU,WACVC,MAAO,IACPa,gBAAiB,kBACjBZ,SAAU,QACPrB,IAEDG,YAEHP,UAGD"}
+{"version":3,"file":"FlippingCardContent.js","sources":["../../../../../src/materialui/card/FlippingCardContent.tsx"],"sourcesContent":["import { FC, useEffect, useRef, useState } from 'react';\nimport { Slide, SlideProps, CardContent, CardContentProps, ButtonBase, ButtonBaseProps } from '@mui/material';\n\nexport interface FlippingCardContentProps extends CardContentProps {\n  disabled?: boolean;\n  /**\n   * Specifies if detail should be flipped on card hover\n   * @default true\n   */\n  flipOnHover?: boolean;\n  /**\n   * Specifies if detail should be flipped\n   * @default false\n   */\n  isFlipped?: boolean;\n  /**\n   * Properties applied to wrapper component\n   */\n  containerProps?: ButtonBaseProps;\n  /**\n   * Properties applied to <Slide /> component\n   */\n  slideProps?: SlideProps;\n}\n\n/**\n * Sub-element for Card component for flipping content\n */\nexport const FlippingCardContent: FC<FlippingCardContentProps> = ({\n  children,\n  disabled,\n  isFlipped = false,\n  flipOnHover = true,\n  sx,\n  className,\n  containerProps,\n  slideProps,\n  ...rest\n}) => {\n  const { sx: containerSx, ...restContainer } = containerProps || {};\n  const containerRef = useRef(null);\n\n  const [flipped, setFlipped] = useState(isFlipped);\n  /**\n   * Detect controlled state\n   */\n  useEffect(() => {\n    setFlipped(isFlipped);\n  }, [isFlipped]);\n\n  const handleMouseEnter = () => !disabled && flipOnHover && setFlipped(true);\n  const handleMouseLeave = () => !disabled && flipOnHover && setFlipped(false);\n\n  return (\n    <ButtonBase\n      sx={{\n        display: 'block',\n        textAlign: 'left',\n        position: 'absolute',\n        inset: '0px',\n        overflow: 'hidden',\n        borderRadius: 'inherit',\n        ...(!flipOnHover && !isFlipped\n          ? {\n              pointerEvents: 'none',\n            }\n          : {}),\n        ...containerSx,\n      }}\n      component=\"div\"\n      ref={containerRef}\n      onFocus={handleMouseEnter}\n      onBlur={handleMouseLeave}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      aria-hidden={!flipped}\n      className={['FlowFlippingCardContent-root', className].filter(Boolean).join(', ')}\n      {...restContainer}\n    >\n      <Slide in={flipped} direction=\"up\" container={containerRef.current} {...slideProps}>\n        <CardContent\n          sx={{\n            position: 'absolute',\n            inset: '0',\n            backgroundColor: 'surface.primary',\n            overflow: 'auto',\n            ...sx,\n          }}\n          {...rest}\n        >\n          {children}\n        </CardContent>\n      </Slide>\n    </ButtonBase>\n  );\n};\n"],"names":["_a","children","disabled","isFlipped","flipOnHover","sx","className","containerProps","slideProps","rest","__rest","_b","containerSx","restContainer","containerRef","useRef","flipped","setFlipped","useState","useEffect","handleMouseEnter","handleMouseLeave","_jsx","ButtonBase","Object","assign","display","textAlign","position","inset","overflow","borderRadius","pointerEvents","component","ref","onFocus","onBlur","onMouseEnter","onMouseLeave","filter","Boolean","join","Slide","in","direction","container","current","CardContent","backgroundColor"],"mappings":"6IA4BkEA,QAAAC,SAChEA,EAAQC,SACRA,EAAQC,UACRA,GAAY,EAAKC,YACjBA,GAAc,EAAIC,GAClBA,EAAEC,UACFA,EAASC,eACTA,EAAcC,WACdA,KACGC,EAT6DC,SAAAV,EAAA,CAAA,WAAA,WAAA,YAAA,cAAA,KAAA,YAAA,iBAAA,eAWhE,MAAMW,EAAwCJ,GAAkB,IAAxDF,GAAIO,KAAgBC,EAAtBH,EAAAA,OAAAC,EAAA,CAAA,OACAG,EAAeC,EAAMA,OAAC,OAErBC,EAASC,GAAcC,EAAAA,SAASf,GAIvCgB,EAAAA,WAAU,KACRF,EAAWd,EAAU,GACpB,CAACA,IAEJ,MAAMiB,EAAmB,KAAOlB,GAAYE,GAAea,GAAW,GAChEI,EAAmB,KAAOnB,GAAYE,GAAea,GAAW,GAEtE,OACEK,MAACC,EAAAA,WAAUC,OAAAC,OAAA,CACTpB,GACEmB,OAAAC,OAAAD,OAAAC,OAAA,CAAAC,QAAS,QACTC,UAAW,OACXC,SAAU,WACVC,MAAO,MACPC,SAAU,SACVC,aAAc,WACT3B,GAAgBD,EAIjB,CAAE,EAHF,CACE6B,cAAe,SAGlBpB,GAELqB,UAAU,MACVC,IAAKpB,EACLqB,QAASf,EACTgB,OAAQf,EACRgB,aAAcjB,EACdkB,aAAcjB,EAAgB,eAChBL,EACdV,UAAW,CAAC,+BAAgCA,GAAWiC,OAAOC,SAASC,KAAK,OACxE5B,EAEJ,CAAAZ,SAAAqB,EAAAA,IAACoB,EAAAA,MAAMlB,OAAAC,OAAA,CAAAkB,GAAI3B,EAAS4B,UAAU,KAAKC,UAAW/B,EAAagC,SAAatC,EACtE,CAAAP,SAAAqB,EAAAA,IAACyB,EAAAA,YAAWvB,OAAAC,OAAA,CACVpB,GAAEmB,OAAAC,OAAA,CACAG,SAAU,WACVC,MAAO,IACPmB,gBAAiB,kBACjBlB,SAAU,QACPzB,IAEDI,EAAI,CAAAR,SAEPA,UAGM"}

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/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":"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"}
+{"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        ...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":"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,CAEEA,gBAAiBb,EAAMc,QAAQC,YAAYC,aAI5CC,EAAAA,kBAAkBjB,IAAM,CAE3B,iBAAkB,CAChBkB,QAAS,IACTtB,MAAOI,EAAMc,QAAQK,SAASC,WAGlCC,UAAW,CACTd,OAAQ,OACRD,MAAO,OAEP,qBAAsB,CACpBgB,SAAU,SAGdC,WAAY,CAGV,qBAAsB,CACpBD,SAAU,SAGdE,UAAW,CACTjB,OAAQ,OACRD,MAAO,OAEP,qBAAsB,CACpBgB,SAAU,UAIhBG,SAAU,CACR,CACEC,MAAO,CAAE9B,MAAO,aAChB+B,MAAO,EAAG3B,WACLC,OAAAC,OAAA,CAAA,EAAAU,sBACD,CACEhB,MAAOI,EAAMc,QAAQc,KAAKR,SAE5B,CACExB,MAAOI,EAAMc,QAAQc,KAAKR,YAKlC,CACEM,MAAO,CAAE/B,QAAS,UAClBgC,MAAO,EAAG3B,YAAa,CAErB,iBAAkB,CAChBkB,QAAS,IACTL,gBAAiBb,EAAMc,QAAQK,SAASH,UACxCpB,MAAOI,EAAMc,QAAQK,SAASU,aAIpC,CACEH,MAAO,CAAE/B,QAAS,SAAUC,MAAO,WACnC+B,MAAO,EAAG3B,WACLC,OAAAC,OAAA,CAAA,EAAAU,sBACD,CACEC,gBAAiBb,EAAMc,QAAQgB,MAAMd,UACrCpB,MAAOI,EAAMc,QAAQiB,UAAUC,OAEjC,CACEnB,gBAAiBb,EAAMc,QAAQmB,WAAWjB,UAC1CpB,MAAOI,EAAMc,QAAQiB,UAAUC,UAKvC,CACEN,MAAO,CAAE/B,QAAS,SAAUC,MAAO,aACnC+B,MAAO,EAAG3B,WACLC,OAAAC,OAAA,CAAA,EAAAU,sBACD,CACEC,gBAAiBb,EAAMc,QAAQE,UAAUkB,KACzCtC,MAAOI,EAAMc,QAAQE,UAAUmB,cAEjC,CACEtB,gBAAiBb,EAAMc,QAAQE,UAAUoB,MACzCxC,MAAOI,EAAMc,QAAQE,UAAUmB,iBAKvC,CACET,MAAO,CAAE/B,QAAS,SAAUC,MAAO,SACnC+B,MAAO,EAAG3B,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,CACEZ,MAAO,CAAE/B,QAAS,SAAUC,MAAO,WACnC+B,MAAO,EAAG3B,WACLC,OAAAC,OAAA,CAAA,EAAAU,sBACD,CACEC,gBAAiBb,EAAMc,QAAQC,YAAYC,WAE7C,CACEH,gBAAiBb,EAAMc,QAAQyB,QAAQnB,YAK/C,CACEM,MAAO,CAAE/B,QAAS,YAClBgC,MAAK1B,OAAAC,OAAA,CACHsC,OAAQ,0BACLC,EAAAA,qBAAqB,KAG5B,CACEf,MAAO,CAAE/B,QAAS,WAAYE,KAAM,SACpC8B,MAAK1B,OAAAC,OAAA,CACHwC,YAAa,OACVD,EAAAA,qBAAqB,KAG5B,CACEf,MAAO,CAAE9B,MAAO,WAChB+B,MAAO,EAAG3B,WACRC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAAsC,OAAQ,aAAoC,SAAvBxC,EAAMc,QAAQ6B,KAAkB3C,EAAMc,QAAQC,YAAY6B,YAAc5C,EAAMc,QAAQiB,UAAUc,SAClHJ,EAAAA,qBAAqB,IACrB7B,EAAAA,oBACD,CACEC,gBAAiBb,EAAMc,QAAQyB,QAAQnB,QACvCxB,MAAOI,EAAMc,QAAQc,KAAKR,SAE5B,CACEP,gBAAiBb,EAAMc,QAAQyB,QAAQvB,UACvCpB,MAAOI,EAAMc,QAAQc,KAAKR,WAE7B,CAED,iBAAkB,CAChB0B,YAAa9C,EAAMc,QAAQyB,QAAQvB,UACnCpB,MAAOI,EAAMc,QAAQK,SAASC,YAIpC,CACEM,MAAO,CAAE9B,MAAO,UAAWD,QAAS,YACpCgC,MAAK1B,OAAAC,OAAA,CACHwC,YAAa,OACVD,EAAAA,qBAAqB,KAG5B,CACEf,MAAO,CAAE9B,MAAO,SAChB+B,MAAO,EAAG3B,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,QAAQC,YAAYc,YAE9C,CAED,iBAAkB,CAChBiB,YAAa9C,EAAMc,QAAQK,SAASC,QACpCxB,MAAOI,EAAMc,QAAQK,SAASC"}

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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"}

package/cjs/materialui/slider/sliderValues.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),a=require("react/jsx-runtime"),s=require("react"),l=require("@mui/material"),r=require("./slider.theme.js"),i=require("../../components/focusring/focusring.js");const o=s.forwardRef(((s,i)=>{var{sx:o,children:n,value:u,valueProps:p,label:b,labelProps:x,valueLabelFormat:c,setValue:d,disabled:m,min:g=r.flowSlider.defaultProps.min,minLabel:v,minLabelProps:j,max:f=r.flowSlider.defaultProps.max,maxLabel:P,maxLabelProps:y,step:O=r.flowSlider.defaultProps.step,sliderValueProps:h,inputProps:S}=s,L=e.__rest(s,["sx","children","value","valueProps","label","labelProps","valueLabelFormat","setValue","disabled","min","minLabel","minLabelProps","max","maxLabel","maxLabelProps","step","sliderValueProps","inputProps"]);const V=Object.assign({disabled:m,min:g,max:f,step:O,valueLabelFormat:c,valueProps:p,inputProps:S},h);return a.jsxs(l.Box,Object.assign({ref:i,sx:Object.assign({display:"flex",alignItems:"flex-end",justifyContent:"space-between",gap:1},o)},L,{children:[Array.isArray(u)||!1===u&&(v||b)&&P?a.jsxs(a.Fragment,{children:[a.jsx(t,Object.assign({"aria-label":"Minimum value",value:!1!==u&&u[0],setValue:d?e=>d([e,u[1]]):void 0,label:v||b,labelProps:j||x},V,{max:u[1]})),a.jsx(t,Object.assign({"aria-label":"Maximum value",value:!1!==u&&u[1],setValue:d?e=>d([u[0],e]):void 0,label:P,labelProps:y},V,{min:u[0],sx:Object.assign({textAlign:"right"},null==V?void 0:V.sx)}))]}):a.jsx(t,Object.assign({"aria-label":"Current value",value:u,setValue:d,label:b,labelProps:x},V)),n]}))})),t=s.forwardRef(((r,o)=>{var{value:t,valueProps:n,label:u,labelProps:p,valueLabelFormat:b,setValue:x,min:c,max:d,step:m,inputProps:g,disabled:v,sx:j}=r,f=e.__rest(r,["value","valueProps","label","labelProps","valueLabelFormat","setValue","min","max","step","inputProps","disabled","sx"]);const P=p||{},{sx:y}=P,O=e.__rest(P,["sx"]),h=n||{},{sx:S}=h,L=e.__rest(h,["sx"]),V=g||{},{sx:w}=V,F=e.__rest(V,["sx"]),[_,k]=s.useState(!1),C=s.useCallback((e=>{const a=+(e||0);x(a<c?c:a>d?d:a)}),[c,d,x]),q=b?b(t):t;return a.jsxs(l.Box,Object.assign({ref:o,sx:Object.assign(Object.assign({minWidth:"82px"},(!u||!1===t)&&{pt:.5}),j),onClick:x&&!v?()=>k(!0):void 0},f,{children:[u&&a.jsx(l.Typography,Object.assign({},!1===t&&{variant:"disclaimer1"},{sx:Object.assign(Object.assign({display:"block"},!1===t?{color:e=>"dark"===e.palette.mode?"onSurface.os200":"onSurface.os700"}:{color:"onSurface.os500",fontSize:{xs:"12px"},lineHeight:{xs:"12px"},fontWeight:{xs:"400"},py:.5,px:1}),y)},O,{children:u})),_&&!v?a.jsx(l.FilledInput,Object.assign({autoFocus:!0,onBlur:()=>k(!1),value:t,onChange:e=>C(e.target.value),onKeyUp:()=>{},inputProps:{type:"number",step:m,min:c,"aria-valuemin":c,max:d,"aria-valuemax":d,"aria-valuenow":q},disableUnderline:!0,sx:e=>Object.assign(Object.assign({display:"block",borderRadius:"4px",py:"1px",px:1,border:1,borderColor:"onSurface.os500","&&, &:hover":{backgroundColor:"background.primary"},"& .MuiInputBase-input":Object.assign({fieldSizing:"content",textAlign:"inherit",p:0},e.typography[(null==L?void 0:L.variant)||"disclaimer1"])},i.getFocusRingStyle(e,!1,1,"&.Mui-focused")),w)},F)):!1!==t&&a.jsx(l.Typography,Object.assign({variant:"disclaimer1",sx:Object.assign(Object.assign({display:"block",px:1,whiteSpace:"nowrap",color:e=>"dark"===e.palette.mode?"onSurface.os200":"onSurface.os700"},x&&{px:1,py:"1px",border:1,borderColor:"onSurface.os500",borderRadius:"4px"}),S)},x&&{tabIndex:0,onFocus:()=>k(!0)},{"aria-valuenow":q,"aria-valuemax":d,"aria-valuemin":c},L,{children:q}))]}))}));exports.SliderValue=t,exports.SliderValues=o;
+"use strict";var e=require("tslib"),a=require("react/jsx-runtime"),s=require("react"),r=require("@mui/material"),l=require("./slider.theme.js"),i=require("../../components/focusring/focusring.js");const o=s.forwardRef(((s,i)=>{var{sx:o,children:n,value:u,valueProps:p,label:b,labelProps:d,valueLabelFormat:c,setValue:x,disabled:m,min:g=l.flowSlider.defaultProps.min,minLabel:v,minLabelProps:j,max:f=l.flowSlider.defaultProps.max,maxLabel:P,maxLabelProps:O,step:y=l.flowSlider.defaultProps.step,sliderValueProps:h,inputProps:S}=s,L=e.__rest(s,["sx","children","value","valueProps","label","labelProps","valueLabelFormat","setValue","disabled","min","minLabel","minLabelProps","max","maxLabel","maxLabelProps","step","sliderValueProps","inputProps"]);const V=Object.assign({disabled:m,min:g,max:f,step:y,valueLabelFormat:c,valueProps:p,inputProps:S},h);return a.jsxs(r.Box,Object.assign({ref:i,sx:Object.assign({display:"flex",alignItems:"flex-end",justifyContent:"space-between",gap:1},o)},L,{children:[Array.isArray(u)||!1===u&&(v||b)&&P?a.jsxs(a.Fragment,{children:[a.jsx(t,Object.assign({value:!1!==u&&u[0],setValue:x?e=>x([e,u[1]]):void 0,label:v||b,labelProps:j||d},V,{max:u[1]})),a.jsx(t,Object.assign({value:!1!==u&&u[1],setValue:x?e=>x([u[0],e]):void 0,label:P,labelProps:O},V,{min:u[0],sx:Object.assign({textAlign:"right"},null==V?void 0:V.sx)}))]}):a.jsx(t,Object.assign({value:u,setValue:x,label:b,labelProps:d},V)),n]}))})),t=s.forwardRef(((l,o)=>{var{value:t,valueProps:n,label:u,labelProps:p,valueLabelFormat:b,setValue:d,min:c,max:x,step:m,inputProps:g,disabled:v,sx:j}=l,f=e.__rest(l,["value","valueProps","label","labelProps","valueLabelFormat","setValue","min","max","step","inputProps","disabled","sx"]);const P=null!=p?p:{},{sx:O}=P,y=e.__rest(P,["sx"]),h=null!=n?n:{},{sx:S}=h,L=e.__rest(h,["sx"]),V=null!=g?g:{},{sx:k}=V,F=e.__rest(V,["sx"]),[_,w]=s.useState(!1),C=s.useCallback((e=>{const a=+(e||0);d(a<c?c:a>x?x:a)}),[c,x,d]),q=b?b(t):t;return a.jsxs(r.Box,Object.assign({ref:o,sx:Object.assign(Object.assign({minWidth:"82px"},(!u||!1===t)&&{pt:.5}),j),onClick:d&&!v?()=>w(!0):void 0},f,{children:[u&&a.jsx(r.Typography,Object.assign({},!1===t&&{variant:"disclaimer1"},{sx:Object.assign(Object.assign({display:"block"},!1===t?{color:e=>"dark"===e.palette.mode?"onSurface.os200":"onSurface.os700"}:{color:e=>"dark"===e.palette.mode?"onSurface.os300":"onSurface.os600",fontSize:{xs:"12px"},lineHeight:{xs:"12px"},fontWeight:{xs:"400"},py:.5,px:1}),O)},y,{children:u})),_&&!v?a.jsx(r.FilledInput,Object.assign({autoFocus:!0,onBlur:()=>w(!1),value:t,onChange:e=>C(e.target.value),onKeyUp:()=>{},inputProps:{type:"number",step:m,min:c,"aria-valuemin":c,max:x,"aria-valuemax":x,"aria-valuenow":q},disableUnderline:!0,sx:e=>{var a;return Object.assign(Object.assign(Object.assign({display:"block",borderRadius:"4px",py:"1px",px:1,border:1,borderColor:"onSurface.os500","&&, &:hover":{backgroundColor:"background.primary"},"& .MuiInputBase-input":Object.assign({fieldSizing:"content",textAlign:"inherit",p:0},e.typography[null!==(a=null==L?void 0:L.variant)&&void 0!==a?a:"disclaimer1"])},i.getFocusRingStyle(e,!1,1,"&.Mui-focused")),{"&&:before":{border:"none"}}),k)}},F)):!1!==t&&a.jsx(r.Typography,Object.assign({variant:"disclaimer1",sx:Object.assign(Object.assign({display:"block",px:1,whiteSpace:"nowrap",color:e=>"dark"===e.palette.mode?"onSurface.os200":"onSurface.os700"},d&&{px:1,py:"1px",border:1,borderColor:"onSurface.os500",borderRadius:"4px"}),S)},d&&{tabIndex:0,onFocus:()=>w(!0)},L,{children:q}))]}))}));exports.SliderValue=t,exports.SliderValues=o;
 //# sourceMappingURL=sliderValues.js.map

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

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

package/cjs/materialui/stepper/StepLabelIcon.js

@@ -1,2 +1,2 @@
-"use strict";var r=require("tslib"),e=require("react/jsx-runtime"),o=require("react"),t=require("@mui/material"),n=require("../../components/icon/stroke/CheckIcon.js"),i=require("../../components/icon/stroke/CloseIcon.js");const a={root:"FlowStepIcon-root",active:"FlowStepIcon-active",completed:"FlowStepIcon-completed",error:"FlowStepIcon-error",disabled:"FlowStepIcon-disabled"},s=o=>{var{children:n,sx:i}=o,s=r.__rest(o,["children","sx"]);return e.jsx(t.Box,Object.assign({sx:Object.assign({display:"flex",height:"28px",width:"28px",alignItems:"center",justifyContent:"center",position:"relative",boxSizing:"border-box",fontSize:"16px",[`& .${a.root}`]:{height:"100%",width:"100%",borderRadius:"40px",borderColor:"onSurface.os500",backgroundColor:"transparent",borderWidth:"2px",borderStyle:"solid",color:"transparent",minHeight:"20px",[`&.${a.completed}:not(.${a.active})`]:{color:"onSurface.os700",backgroundColor:r=>"dark"===r.palette.mode?"brand.secondary":"brand.primary",border:"none",height:"100%",width:"100%"},[`&.${a.error}, &.${a.error}.${a.completed}`]:{borderColor:"error.main",backgroundColor:"error.main"},[`&.${a.active}`]:{color:"onSurface.os700",height:"100%",width:"100%",marginRight:"0px",marginLeft:"0px",borderColor:r=>"dark"===r.palette.mode?"brand.secondary":"brand.primary","&::before":{content:'""',position:"absolute",borderRadius:"40px",backgroundColor:r=>"dark"===r.palette.mode?"brand.secondary":"brand.primary",inset:"5px"},[`&.${a.error}`]:{borderColor:"error.main","&::before":{backgroundColor:"transparent.transparent",border:3,inset:"2px",borderColor:"background.primary"}}}}},i)},s,{children:n}))};exports.FlowStepLabelIcon=({active:r,completed:c,error:d,ownerState:l})=>{const{disabled:p}=null!=l?l:{},b=o.useMemo((()=>d?i.CloseIcon:c&&!r?n.CheckIcon:null),[d,c,r]);return e.jsxs(s,{children:[b&&e.jsx(b,{sx:{position:"absolute",fontSize:"inherit",color:"background.primary"}}),e.jsx(t.Box,{className:[a.root,r&&a.active,c&&a.completed,d&&a.error,p&&a.disabled].filter((r=>r)).join(" ")})]})},exports.flowStepIconClasses=a;
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),o=require("react"),t=require("@mui/material"),n=require("../../components/icon/stroke/CheckIcon.js"),a=require("../../components/icon/stroke/CloseIcon.js");const i={root:"FlowStepIcon-root",active:"FlowStepIcon-active",completed:"FlowStepIcon-completed",error:"FlowStepIcon-error",disabled:"FlowStepIcon-disabled"},s=n=>{var{children:a,className:s,sx:c}=n,l=e.__rest(n,["children","className","sx"]);const d=o.useRef(!1),p=o.useRef(s);return d.current||p.current===s||(d.current=!0),r.jsxs(t.Box,Object.assign({sx:Object.assign({display:"flex",height:"28px",width:"28px",alignItems:"center",justifyContent:"center",position:"relative",boxSizing:"border-box",fontSize:"16px","& .MuiSvgIcon-root":{zIndex:"5"},"@keyframes flowStepperActive":{"0%":{transform:"scale(1.5)",opacity:"0.8"},"100%":{transform:"scale(1)",opacity:"1"}},"@keyframes flowStepperCompleted":{"0%":{transform:"scale(.8)",opacity:"0.8"},"100%":{transform:"scale(1)",opacity:"1"}},[`& .${i.root}`]:{height:"100%",width:"100%",borderRadius:"40px",borderColor:"onSurface.os500",backgroundColor:"transparent",borderWidth:"2px",borderStyle:"solid",color:"transparent",minHeight:"20px",[`&.${i.completed}:not(.${i.active})`]:{color:"onSurface.os700",backgroundColor:e=>"dark"===e.palette.mode?"brand.secondary":"brand.primary",border:"none",height:"100%",width:"100%",animation:d.current?"flowStepperCompleted 0.4s":"none"},[`&.${i.error}, &.${i.error}.${i.completed}`]:{borderColor:"error.main",backgroundColor:"error.main"},[`&.${i.active}`]:{color:"onSurface.os700",height:"100%",width:"100%",marginRight:"0px",marginLeft:"0px",borderColor:e=>"dark"===e.palette.mode?"brand.secondary":"brand.primary","&::before":{content:'""',position:"absolute",borderRadius:"40px",backgroundColor:e=>"dark"===e.palette.mode?"brand.secondary":"brand.primary",inset:"5px",animation:d.current?"flowStepperActive 0.4s":"none",zIndex:"1"},[`&.${i.error}`]:{borderColor:"error.main","&::before":{backgroundColor:"transparent.transparent",border:3,inset:"2px",borderColor:"background.primary"}}}}},c)},l,{children:[a,r.jsx(t.Box,{className:s})]}))};exports.FlowStepLabelIcon=({active:e,completed:t,error:c,ownerState:l})=>{const{disabled:d}=null!=l?l:{},p=o.useMemo((()=>c?a.CloseIcon:t&&!e?n.CheckIcon:null),[c,t,e]);return r.jsx(s,{className:[i.root,e&&i.active,t&&i.completed,c&&i.error,d&&i.disabled].filter(Boolean).join(" "),children:p&&r.jsx(p,{sx:{position:"absolute",fontSize:"inherit",color:"background.primary"}})})},exports.flowStepIconClasses=i;
 //# sourceMappingURL=StepLabelIcon.js.map