@skodaflow/web-library 7.16.1 → 8.0.0

package/cjs/production/Button/Button.d.ts

@@ -1,13 +0,0 @@
-import { ButtonProps as MuiButtonProps } from '@mui/material';
-export type ButtonProps = Omit<MuiButtonProps, 'nonce' | 'color' | 'disableElevation' | 'disableFocusRipple' | 'disableRipple' | 'classes' | 'variant'> & {
-    blinking?: boolean;
-    variant?: 'success' | 'warning' | 'alert' | 'info' | 'white' | 'dark' | 'light';
-};
-/**
- * @deprecated use production components from production web library
- *  https://www.npmjs.com/package/@skodaflow/production-web-library
- */
-export declare const Button: import("@emotion/styled").StyledComponent<Omit<MuiButtonProps, "nonce" | "color" | "classes" | "variant" | "disableRipple" | "disableElevation" | "disableFocusRipple"> & {
-    blinking?: boolean;
-    variant?: "success" | "warning" | "alert" | "info" | "white" | "dark" | "light";
-} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/cjs/production/Button/Button.js

@@ -1,34 +0,0 @@
-"use strict";var o=require("tslib"),r=require("react/jsx-runtime"),e=require("@mui/material"),n=require("@mui/material/styles");const a=n.keyframes`
-  0% { background-color: #43861D; }
-  50% { background-color: #96DC6F; }
-  100% {background-color: #43861D; }
-`,i=n.keyframes`
-  0% { background-color: #DE7C13; }
-  50% { background-color: #F2B879; }
-  100% {background-color: #DE7C13; }
-`,t=n.keyframes`
-  0% { background-color: #CE332A; }
-  50% { background-color: #EC908B; }
-  100% {background-color: #CE332A; }
-`,s=n.keyframes`
-  0% { background-color: #2A78CD; }
-  50% { background-color: #80B1E5; }
-  100% {background-color: #2A78CD; }
-`,c=n.keyframes`
-  0% { background-color: #fff; }
-  50% { background-color: #D8D8D8; }
-  100% {background-color: #fff; }
-`,b=n.keyframes`
-  0% { border-color: #161718; }
-  50% { border-color: #D8D8D8; }
-  100% {border-color: #161718; }
-`,l=n.keyframes`
-0% { border-color: #eee; }
-50% { border-color: #454546; }
-100% {border-color: #eee; }
-`,g=n.keyframes`
-  0% { background-color: #D8D8D8; }
-  50% { background-color: #EEEEEE; }
-  100% {background-color: #D8D8D8; }
-`,d=e.styled(n=>{var{blinking:a,variant:i}=n,t=o.__rest(n,["blinking","variant"]);return r.jsx(e.Button,Object.assign({},t,{variant:"text"}))})(({theme:o,variant:r="success",blinking:e,disabled:n})=>Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({minWidth:"150px",color:o.palette.common.white},"success"===r&&Object.assign({backgroundColor:"#43861D","&:hover":{backgroundColor:"#55a628"}},e&&{animation:`${a} 1s infinite ${o.transitions.easing.easeInOut}`})),"warning"===r&&Object.assign({backgroundColor:"#DE7C13","&:hover":{backgroundColor:"#df8f38"}},e&&{animation:`${i} 1s infinite ${o.transitions.easing.easeInOut}`})),"alert"===r&&Object.assign({backgroundColor:"#CE332A","&:hover":{backgroundColor:"#d84a42"}},e&&{animation:`${t} 1s infinite ${o.transitions.easing.easeInOut}`})),"info"===r&&Object.assign({backgroundColor:"#2A78CD","&:hover":{backgroundColor:"#4a8fdb"}},e&&{animation:`${s} 1s infinite ${o.transitions.easing.easeInOut}`})),"white"===r&&Object.assign({backgroundColor:o.palette.common.white,color:o.palette.text.primary,"&:hover":{backgroundColor:"#e1e1e1"},border:`2px solid ${o.palette.text.primary}`},e&&{animation:`${c} 1s infinite ${o.transitions.easing.easeInOut}`})),"dark"===r&&Object.assign({backgroundColor:"transparent",border:"2px solid #161718",color:o.palette.text.primary},e&&{animation:`${b} 1s infinite ${o.transitions.easing.easeInOut}`})),"light"===r&&Object.assign({backgroundColor:"transparent",border:`2px solid ${o.palette.common.white}`},e&&{animation:`${l} 1s infinite ${o.transitions.easing.easeInOut}`})),n&&Object.assign({backgroundColor:"#D8D8D8",color:o.palette.action.disabled,borderColor:o.palette.action.disabled},e&&{animation:`${g} 1s infinite ${o.transitions.easing.easeInOut}`})));exports.Button=d;
-//# sourceMappingURL=Button.js.map

package/cjs/production/Button/Button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.js","sources":["../../../../../src/production/Button/Button.tsx"],"sourcesContent":["import { Button as MuiButton, ButtonProps as MuiButtonProps, styled } from '@mui/material';\nimport React from 'react';\nimport { keyframes } from '@mui/material/styles';\n\nconst greenBlink = keyframes`\n  0% { background-color: #43861D; }\n  50% { background-color: #96DC6F; }\n  100% {background-color: #43861D; }\n`;\nconst orangeBlink = keyframes`\n  0% { background-color: #DE7C13; }\n  50% { background-color: #F2B879; }\n  100% {background-color: #DE7C13; }\n`;\nconst redBlink = keyframes`\n  0% { background-color: #CE332A; }\n  50% { background-color: #EC908B; }\n  100% {background-color: #CE332A; }\n`;\nconst blueBlink = keyframes`\n  0% { background-color: #2A78CD; }\n  50% { background-color: #80B1E5; }\n  100% {background-color: #2A78CD; }\n`;\nconst whiteBlink = keyframes`\n  0% { background-color: #fff; }\n  50% { background-color: #D8D8D8; }\n  100% {background-color: #fff; }\n`;\nconst darkBlink = keyframes`\n  0% { border-color: #161718; }\n  50% { border-color: #D8D8D8; }\n  100% {border-color: #161718; }\n`;\nconst lightBlink = keyframes`\n0% { border-color: #eee; }\n50% { border-color: #454546; }\n100% {border-color: #eee; }\n`;\nconst disabledBlink = keyframes`\n  0% { background-color: #D8D8D8; }\n  50% { background-color: #EEEEEE; }\n  100% {background-color: #D8D8D8; }\n`;\n\nexport type ButtonProps = Omit<\n  MuiButtonProps,\n  'nonce' | 'color' | 'disableElevation' | 'disableFocusRipple' | 'disableRipple' | 'classes' | 'variant'\n> & {\n  blinking?: boolean;\n  variant?: 'success' | 'warning' | 'alert' | 'info' | 'white' | 'dark' | 'light';\n};\n\nconst ButtonBase: React.FC<ButtonProps> = ({ blinking, variant, ...props }) => <MuiButton {...props} variant=\"text\" />;\n\n/**\n * @deprecated use production components from production web library\n *  https://www.npmjs.com/package/@skodaflow/production-web-library\n */\n// eslint-disable-next-line sonarjs/cognitive-complexity\nexport const Button = styled(ButtonBase)<ButtonProps>(({ theme, variant = 'success', blinking, disabled }) => ({\n  minWidth: '150px',\n  color: theme.palette.common.white,\n\n  ...(variant === 'success' && {\n    backgroundColor: '#43861D',\n    '&:hover': {\n      backgroundColor: '#55a628',\n    },\n    ...(blinking && {\n      animation: `${greenBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n    }),\n  }),\n\n  ...(variant === 'warning' && {\n    backgroundColor: '#DE7C13',\n    '&:hover': {\n      backgroundColor: '#df8f38',\n    },\n    ...(blinking && {\n      animation: `${orangeBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n    }),\n  }),\n\n  ...(variant === 'alert' && {\n    backgroundColor: '#CE332A',\n    '&:hover': {\n      backgroundColor: '#d84a42',\n    },\n    ...(blinking && {\n      animation: `${redBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n    }),\n  }),\n\n  ...(variant === 'info' && {\n    backgroundColor: '#2A78CD',\n    '&:hover': {\n      backgroundColor: '#4a8fdb',\n    },\n    ...(blinking && {\n      animation: `${blueBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n    }),\n  }),\n\n  ...(variant === 'white' && {\n    backgroundColor: theme.palette.common.white,\n    color: theme.palette.text.primary,\n    '&:hover': {\n      backgroundColor: '#e1e1e1',\n    },\n    border: `2px solid ${theme.palette.text.primary}`,\n    ...(blinking && {\n      animation: `${whiteBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n    }),\n  }),\n\n  ...(variant === 'dark' && {\n    backgroundColor: 'transparent',\n    border: `2px solid #161718`,\n    color: theme.palette.text.primary,\n    ...(blinking && {\n      animation: `${darkBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n    }),\n  }),\n\n  ...(variant === 'light' && {\n    backgroundColor: 'transparent',\n    border: `2px solid ${theme.palette.common.white}`,\n    ...(blinking && {\n      animation: `${lightBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n    }),\n  }),\n\n  ...(disabled && {\n    backgroundColor: '#D8D8D8',\n    color: theme.palette.action.disabled,\n    borderColor: theme.palette.action.disabled,\n    ...(blinking && {\n      animation: `${disabledBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n    }),\n  }),\n}));\n"],"names":["greenBlink","keyframes","orangeBlink","redBlink","blueBlink","whiteBlink","darkBlink","lightBlink","disabledBlink","Button","styled","_a","blinking","variant","props","__rest","_jsx","MuiButton","Object","assign","theme","disabled","minWidth","color","palette","common","white","backgroundColor","animation","transitions","easing","easeInOut","text","primary","border","action","borderColor"],"mappings":"gIAIA,MAAMA,EAAaC,EAAAA,SAAS;;;;EAKtBC,EAAcD,EAAAA,SAAS;;;;EAKvBE,EAAWF,EAAAA,SAAS;;;;EAKpBG,EAAYH,EAAAA,SAAS;;;;EAKrBI,EAAaJ,EAAAA,SAAS;;;;EAKtBK,EAAYL,EAAAA,SAAS;;;;EAKrBM,EAAaN,EAAAA,SAAS;;;;EAKtBO,EAAgBP,EAAAA,SAAS;;;;EAqBlBQ,EAASC,EAAAA,OAPqBC,QAAAC,SAAEA,EAAQC,QAAEA,GAAOF,EAAKG,EAAKC,EAAAA,OAAAJ,EAA7B,wBAAoC,OAAAK,EAAAA,IAACC,SAASC,OAAAC,OAAA,GAAKL,GAAOD,QAAQ,WAOvFH,CAAgC,EAAGU,QAAOP,UAAU,UAAWD,WAAUS,+HAC7FC,SAAU,QACVC,MAAOH,EAAMI,QAAQC,OAAOC,OAEZ,YAAZb,GAAqBK,OAAAC,OAAA,CACvBQ,gBAAiB,UACjB,UAAW,CACTA,gBAAiB,YAEff,GAAY,CACdgB,UAAW,GAAG5B,iBAA0BoB,EAAMS,YAAYC,OAAOC,eAIrD,YAAZlB,GAAqBK,OAAAC,OAAA,CACvBQ,gBAAiB,UACjB,UAAW,CACTA,gBAAiB,YAEff,GAAY,CACdgB,UAAW,GAAG1B,iBAA2BkB,EAAMS,YAAYC,OAAOC,eAItD,UAAZlB,GAAmBK,OAAAC,OAAA,CACrBQ,gBAAiB,UACjB,UAAW,CACTA,gBAAiB,YAEff,GAAY,CACdgB,UAAW,GAAGzB,iBAAwBiB,EAAMS,YAAYC,OAAOC,eAInD,SAAZlB,GAAkBK,OAAAC,OAAA,CACpBQ,gBAAiB,UACjB,UAAW,CACTA,gBAAiB,YAEff,GAAY,CACdgB,UAAW,GAAGxB,iBAAyBgB,EAAMS,YAAYC,OAAOC,eAIpD,UAAZlB,GAAmBK,OAAAC,OAAA,CACrBQ,gBAAiBP,EAAMI,QAAQC,OAAOC,MACtCH,MAAOH,EAAMI,QAAQQ,KAAKC,QAC1B,UAAW,CACTN,gBAAiB,WAEnBO,OAAQ,aAAad,EAAMI,QAAQQ,KAAKC,WACpCrB,GAAY,CACdgB,UAAW,GAAGvB,iBAA0Be,EAAMS,YAAYC,OAAOC,eAIrD,SAAZlB,GAAkBK,OAAAC,OAAA,CACpBQ,gBAAiB,cACjBO,OAAQ,oBACRX,MAAOH,EAAMI,QAAQQ,KAAKC,SACtBrB,GAAY,CACdgB,UAAW,GAAGtB,iBAAyBc,EAAMS,YAAYC,OAAOC,eAIpD,UAAZlB,GAAmBK,OAAAC,OAAA,CACrBQ,gBAAiB,cACjBO,OAAQ,aAAad,EAAMI,QAAQC,OAAOC,SACtCd,GAAY,CACdgB,UAAW,GAAGrB,iBAA0Ba,EAAMS,YAAYC,OAAOC,eAIjEV,GAAQH,OAAAC,OAAA,CACVQ,gBAAiB,UACjBJ,MAAOH,EAAMI,QAAQW,OAAOd,SAC5Be,YAAahB,EAAMI,QAAQW,OAAOd,UAC9BT,GAAY,CACdgB,UAAW,GAAGpB,iBAA6BY,EAAMS,YAAYC,OAAOC"}

package/cjs/production/Button/index.d.ts

@@ -1 +0,0 @@
-export * from './Button';

package/cjs/production/index.d.ts

@@ -1 +0,0 @@
-export * from './Button';

package/cjs/production/index.js

@@ -1,2 +0,0 @@
-"use strict";var t=require("./Button/Button.js");exports.Button=t.Button;
-//# sourceMappingURL=index.js.map

package/cjs/production/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/cjs/utils/ResponsiveType.d.ts

@@ -1,14 +0,0 @@
-export type ResponsiveType<V extends number | string> = V | {
-    xl: V;
-    lg?: V;
-    md?: V;
-    sm?: V;
-    xs?: V;
-};
-export declare function useResponsiveProp<V extends string | number>(prop: ResponsiveType<V>): {
-    xl: V;
-    lg: V;
-    md: V;
-    sm: V;
-    xs: V;
-};

package/cjs/utils/ResponsiveType.js

@@ -1,2 +0,0 @@
-"use strict";var l=require("react");exports.useResponsiveProp=function(o){return l.useMemo(()=>{var l,d,u,i,n,v,e,s,r,x;return"object"==typeof o?{xl:o.xl,lg:null!==(l=o.lg)&&void 0!==l?l:o.xl,md:null!==(u=null!==(d=o.md)&&void 0!==d?d:o.lg)&&void 0!==u?u:o.xl,sm:null!==(v=null!==(n=null!==(i=o.sm)&&void 0!==i?i:o.md)&&void 0!==n?n:o.lg)&&void 0!==v?v:o.xl,xs:null!==(x=null!==(r=null!==(s=null!==(e=o.xs)&&void 0!==e?e:o.sm)&&void 0!==s?s:o.md)&&void 0!==r?r:o.lg)&&void 0!==x?x:o.xl}:void 0!==o?{xl:o,lg:o,md:o,sm:o,xs:o}:void 0},[o])};
-//# sourceMappingURL=ResponsiveType.js.map

package/cjs/utils/ResponsiveType.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ResponsiveType.js","sources":["../../../../src/utils/ResponsiveType.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nexport type ResponsiveType<V extends number | string> =\n  | V\n  | {\n      xl: V;\n      lg?: V;\n      md?: V;\n      sm?: V;\n      xs?: V;\n    };\n\nexport function useResponsiveProp<V extends string | number>(prop: ResponsiveType<V>) {\n  return useMemo(() => {\n    if (typeof prop === 'object') {\n      return {\n        xl: prop.xl,\n        lg: prop.lg ?? prop.xl,\n        md: prop.md ?? prop.lg ?? prop.xl,\n        sm: prop.sm ?? prop.md ?? prop.lg ?? prop.xl,\n        xs: prop.xs ?? prop.sm ?? prop.md ?? prop.lg ?? prop.xl,\n      };\n    }\n    if (prop === undefined) {\n      return undefined;\n    }\n    return {\n      xl: prop,\n      lg: prop,\n      md: prop,\n      sm: prop,\n      xs: prop,\n    };\n  }, [prop]);\n}\n"],"names":["prop","useMemo","xl","lg","_a","md","_c","_b","sm","_f","_e","_d","xs","_j","_h","_g","_k","undefined"],"mappings":"8DAYM,SAAuDA,GAC3D,OAAOC,EAAAA,QAAQ,6BACb,MAAoB,iBAATD,EACF,CACLE,GAAIF,EAAKE,GACTC,GAAW,UAAPH,EAAKG,UAAE,IAAAC,EAAAA,EAAIJ,EAAKE,GACpBG,GAAsB,QAAlBC,EAAO,QAAPC,EAAAP,EAAKK,UAAE,IAAAE,EAAAA,EAAIP,EAAKG,UAAE,IAAAG,EAAAA,EAAIN,EAAKE,GAC/BM,GAAiC,QAA7BC,UAAAC,EAAO,UAAPV,EAAKQ,UAAE,IAAAG,EAAAA,EAAIX,EAAKK,kBAAML,EAAKG,UAAE,IAAAM,EAAAA,EAAIT,EAAKE,GAC1CU,GAA4C,UAAX,QAA7BC,EAAkB,QAAlBC,EAAO,UAAPd,EAAKY,UAAE,IAAAG,EAAAA,EAAIf,EAAKQ,UAAE,IAAAM,EAAAA,EAAId,EAAKK,UAAE,IAAAQ,EAAAA,EAAIb,EAAKG,UAAE,IAAAa,EAAAA,EAAIhB,EAAKE,SAG5Ce,IAATjB,EAGG,CACLE,GAAIF,EACJG,GAAIH,EACJK,GAAIL,EACJQ,GAAIR,EACJY,GAAIZ,QARN,GAUC,CAACA,GACN"}

package/cjs/utils/enum.d.ts

@@ -1,35 +0,0 @@
-export declare enum NumberingColors {
-    LIGHT = "light",
-    DARK = "dark"
-}
-export declare enum NumberingSizes {
-    SMALL = "small",
-    LARGE = "large"
-}
-export declare enum Placement {
-    AUTO_END = "auto-end",
-    AUTO_START = "auto-start",
-    AUTO = "auto",
-    BOTTOM_END = "bottom-end",
-    BOTTOM_START = "bottom-start",
-    BOTTOM = "bottom",
-    LEFT_END = "left-end",
-    LEFT_START = "left-start",
-    LEFT = "left",
-    RIGHT_END = "right-end",
-    RIGHT_START = "right-start",
-    RIGHT = "right",
-    TOP_END = "top-end",
-    TOP_START = "top-start",
-    TOP = "top"
-}
-export declare enum VariantType {
-    PRIMARY = "primary",
-    SECONDARY = "secondary",
-    TERTIARY = "tertiary",
-    NEUTRAL = "neutral"
-}
-export declare enum ColourSheme {
-    DARK_MODE = "dark",
-    LIGHT_MODE = "white"
-}

package/cjs/utils/enum.js

@@ -1,2 +0,0 @@
-"use strict";var t,e,r,o,T;exports.NumberingColors=void 0,(t=exports.NumberingColors||(exports.NumberingColors={})).LIGHT="light",t.DARK="dark",exports.NumberingSizes=void 0,(e=exports.NumberingSizes||(exports.NumberingSizes={})).SMALL="small",e.LARGE="large",exports.Placement=void 0,(r=exports.Placement||(exports.Placement={})).AUTO_END="auto-end",r.AUTO_START="auto-start",r.AUTO="auto",r.BOTTOM_END="bottom-end",r.BOTTOM_START="bottom-start",r.BOTTOM="bottom",r.LEFT_END="left-end",r.LEFT_START="left-start",r.LEFT="left",r.RIGHT_END="right-end",r.RIGHT_START="right-start",r.RIGHT="right",r.TOP_END="top-end",r.TOP_START="top-start",r.TOP="top",exports.VariantType=void 0,(o=exports.VariantType||(exports.VariantType={})).PRIMARY="primary",o.SECONDARY="secondary",o.TERTIARY="tertiary",o.NEUTRAL="neutral",exports.ColourSheme=void 0,(T=exports.ColourSheme||(exports.ColourSheme={})).DARK_MODE="dark",T.LIGHT_MODE="white";
-//# sourceMappingURL=enum.js.map

package/cjs/utils/enum.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"enum.js","sources":["../../../../src/utils/enum.tsx"],"sourcesContent":["export enum NumberingColors {\n  LIGHT = 'light',\n  DARK = 'dark',\n}\n\nexport enum NumberingSizes {\n  SMALL = 'small',\n  LARGE = 'large',\n}\n\nexport enum Placement {\n  AUTO_END = 'auto-end',\n  AUTO_START = 'auto-start',\n  AUTO = 'auto',\n  BOTTOM_END = 'bottom-end',\n  BOTTOM_START = 'bottom-start',\n  BOTTOM = 'bottom',\n  LEFT_END = 'left-end',\n  LEFT_START = 'left-start',\n  LEFT = 'left',\n  RIGHT_END = 'right-end',\n  RIGHT_START = 'right-start',\n  RIGHT = 'right',\n  TOP_END = 'top-end',\n  TOP_START = 'top-start',\n  TOP = 'top',\n}\n\nexport enum VariantType {\n  PRIMARY = 'primary',\n  SECONDARY = 'secondary',\n  TERTIARY = 'tertiary',\n  NEUTRAL = 'neutral',\n}\nexport enum ColourSheme {\n  DARK_MODE = 'dark',\n  LIGHT_MODE = 'white',\n}\n"],"names":["NumberingColors","NumberingSizes","Placement","VariantType","ColourSheme"],"mappings":"aAAA,IAAYA,EAKAC,EAKAC,EAkBAC,EAMAC,EAlCAJ,QAAAA,qBAAAA,GAAAA,EAAAA,QAAAA,kBAAAA,wBAAe,CAAA,IACzB,MAAA,QACAA,EAAA,KAAA,OAGUC,QAAAA,oBAAAA,GAAAA,EAAAA,QAAAA,iBAAAA,uBAAc,CAAA,IACxB,MAAA,QACAA,EAAA,MAAA,QAGUC,QAAAA,eAAAA,GAAAA,EAAAA,QAAAA,YAAAA,kBAAS,CAAA,IACnB,SAAA,WACAA,EAAA,WAAA,aACAA,EAAA,KAAA,OACAA,EAAA,WAAA,aACAA,EAAA,aAAA,eACAA,EAAA,OAAA,SACAA,EAAA,SAAA,WACAA,EAAA,WAAA,aACAA,EAAA,KAAA,OACAA,EAAA,UAAA,YACAA,EAAA,YAAA,cACAA,EAAA,MAAA,QACAA,EAAA,QAAA,UACAA,EAAA,UAAA,YACAA,EAAA,IAAA,MAGUC,QAAAA,iBAAAA,GAAAA,EAAAA,QAAAA,cAAAA,oBAAW,CAAA,IACrB,QAAA,UACAA,EAAA,UAAA,YACAA,EAAA,SAAA,WACAA,EAAA,QAAA,UAEUC,QAAAA,iBAAAA,GAAAA,EAAAA,QAAAA,cAAAA,oBAAW,CAAA,IACrB,UAAA,OACAA,EAAA,WAAA"}

package/cjs/utils/types.d.ts

@@ -1,5 +0,0 @@
-export type DarkLightOptions = 'dark' | 'light';
-export type ControlVariant = 'standard' | 'outline';
-export type ControlsType = 'arrow-right' | 'arrow-left' | 'play-right' | 'pause';
-export type ControllerSize = 'small' | 'medium';
-export type IconsStyle = 'regular' | 'filled';

package/cjs/utils/useClosure/index.d.ts

@@ -1 +0,0 @@
-export * from './useClosure';

package/cjs/utils/useClosure/useClosure.d.ts

@@ -1,12 +0,0 @@
-/**
- * @description This is custom hook that should simplify work with `isOpen` state and `toggle`, `open` and `close` actions. It can be used with components like Modals or Drawer. Using it will reduces boilerplate code needed for those operations.
- * @param {boolean} initiallyOpen - default isOpen value
- * @deprecated function to be removed, you can write your own function with `const [isOpen, setOpen] = useState(false);`
- */
-export declare const useClosure: (initiallyOpen?: boolean) => {
-    isOpen: boolean;
-    setOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    onToggle: () => void;
-    onOpen: () => void;
-    onClose: () => void;
-};

package/cjs/utils/useClosure/useClosure.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react");exports.useClosure=s=>{const[l,u]=e.useState(null!=s&&s),a=e.useCallback(()=>u(!l),[l,u]),n=e.useCallback(()=>u(!0),[u]),r=e.useCallback(()=>u(!1),[u]);return{isOpen:l,setOpen:u,onToggle:a,onOpen:n,onClose:r}};
-//# sourceMappingURL=useClosure.js.map

package/cjs/utils/useClosure/useClosure.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useClosure.js","sources":["../../../../../src/utils/useClosure/useClosure.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\n/**\n * @description This is custom hook that should simplify work with `isOpen` state and `toggle`, `open` and `close` actions. It can be used with components like Modals or Drawer. Using it will reduces boilerplate code needed for those operations.\n * @param {boolean} initiallyOpen - default isOpen value\n * @deprecated function to be removed, you can write your own function with `const [isOpen, setOpen] = useState(false);`\n */\nexport const useClosure = (initiallyOpen?: boolean) => {\n  const [isOpen, setOpen] = useState(initiallyOpen ?? false);\n\n  const onToggle = useCallback(() => setOpen(!isOpen), [isOpen, setOpen]);\n  const onOpen = useCallback(() => setOpen(true), [setOpen]);\n  const onClose = useCallback(() => setOpen(false), [setOpen]);\n\n  return {\n    isOpen,\n    setOpen,\n    onToggle,\n    onOpen,\n    onClose,\n  };\n};\n"],"names":["initiallyOpen","isOpen","setOpen","useState","onToggle","useCallback","onOpen","onClose"],"mappings":"uDAO2BA,IACzB,MAAOC,EAAQC,GAAWC,WAASH,SAAAA,GAE7BI,EAAWC,EAAAA,YAAY,IAAMH,GAASD,GAAS,CAACA,EAAQC,IACxDI,EAASD,EAAAA,YAAY,IAAMH,GAAQ,GAAO,CAACA,IAC3CK,EAAUF,EAAAA,YAAY,IAAMH,GAAQ,GAAQ,CAACA,IAEnD,MAAO,CACLD,SACAC,UACAE,WACAE,SACAC"}

package/cjs/utils/useFeatureFlag/useFeatureFlag.d.ts

@@ -1,26 +0,0 @@
-import React from 'react';
-/**
- * Returns allowed or disabled state of the feature based on the feature flag
- *
- * @param {string} featureFlag - shortcut name of the feature flag in .env,
- *  e.g. 'DARK_MODE' which translates to 'VITE_FEATURE_FLAG_DARK_MODE'
- * @returns {boolean} allowed state of the feature
- */
-export declare function evaluateFeatureFlag(featureFlag: string): boolean;
-/**
- * Component that renders or not renders content based on the featureFlag
- *
- * @param {string} featureFlag - shortcut name of the feature flag in .env,
- *  e.g. 'DARK_MODE' which translates to 'VITE_FEATURE_FLAG_DARK_MODE'
- * @param children - content
- */
-export declare function FeatureFlagBlock({ children, featureFlag }: {
-    children: React.ReactNode;
-    featureFlag: string;
-}): React.ReactNode;
-/**
- * Returns cached allowed or disabled state of the feature based on the feature flag
- * @param {string} featureFlag - shortcut name of the feature flag in .env,
- *  e.g. 'DARK_MODE' which translates to 'VITE_FEATURE_FLAG_DARK_MODE'
- */
-export default function useFeatureFlag(featureFlag: string): boolean;

package/cjs/utils/useKeyboardShortcut/useKeyboardShortcut.d.ts

@@ -1,11 +0,0 @@
-import { DependencyList } from 'react';
-/**
- * Monitor press of the key on the keyboard and do action assigned to it
- *
- * @param {object} keys_and_actions - object containing keys and assigned actions to them,
- *  e.g. {Escape: handleClose}
- * @param {array} deps - useEffect dependencies
- */
-export default function useKeyboardShortcut(keys_and_actions: {
-    [key: string]: () => void;
-}, deps?: DependencyList): void;

package/cjs/utils/useKeyboardShortcut/useKeyboardShortcut.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");exports.default=function(t,r=[]){e.useEffect(()=>{const e=e=>{Object.entries(t).forEach(([t,r])=>{e.key===t&&r&&r()})};return window.addEventListener("keydown",e),()=>{window.removeEventListener("keydown",e)}},[...r])};
-//# sourceMappingURL=useKeyboardShortcut.js.map

package/cjs/utils/useKeyboardShortcut/useKeyboardShortcut.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useKeyboardShortcut.js","sources":["../../../../../src/utils/useKeyboardShortcut/useKeyboardShortcut.ts"],"sourcesContent":["import { DependencyList, useEffect } from 'react';\n\n/**\n * Monitor press of the key on the keyboard and do action assigned to it\n *\n * @param {object} keys_and_actions - object containing keys and assigned actions to them,\n *  e.g. {Escape: handleClose}\n * @param {array} deps - useEffect dependencies\n */\nexport default function useKeyboardShortcut(\n  keys_and_actions: { [key: string]: () => void },\n  deps: DependencyList = [],\n) {\n  useEffect(() => {\n    const downHandler = (e: KeyboardEvent): void => {\n      // iterate through all keys and assigned actions\n      Object.entries(keys_and_actions).forEach(([key, action]) => {\n        // if key is pressed, trigger action\n        if (e.key === key && action) {\n          action();\n        }\n      });\n    };\n\n    window.addEventListener('keydown', downHandler);\n    // cleanup\n    return () => {\n      window.removeEventListener('keydown', downHandler);\n    };\n  }, [...deps]);\n}\n"],"names":["keys_and_actions","deps","useEffect","downHandler","e","Object","entries","forEach","key","action","window","addEventListener","removeEventListener"],"mappings":"2GASc,SACZA,EACAC,EAAuB,IAEvBC,EAAAA,UAAU,KACR,MAAMC,EAAeC,IAEnBC,OAAOC,QAAQN,GAAkBO,QAAQ,EAAEC,EAAKC,MAE1CL,EAAEI,MAAQA,GAAOC,GACnBA,OAON,OAFAC,OAAOC,iBAAiB,UAAWR,GAE5B,KACLO,OAAOE,oBAAoB,UAAWT,KAEvC,IAAIF,GACT"}

package/cjs/utils/utilities.d.ts

@@ -1,13 +0,0 @@
-import { JSX } from 'react';
-/**
- * This method is needed if we need to trunc text inside an HTML element.
- * We get all the nodes inside of it and trunc its content accordingly.
- * @param text
- * @param maxChar
- */
-declare function handleMaxCharsInHTML(text: string, maxChar: number): JSX.Element | string;
-declare function handleMaxChars(text: string, maxChar: number): string;
-declare function opacityLayerSwitchLightStatement(property: unknown, returnProps: unknown): string;
-declare function opacityLayerSwitchDarkStatement(property: unknown, returnProps: unknown): string;
-export { handleMaxChars, handleMaxCharsInHTML, opacityLayerSwitchLightStatement, opacityLayerSwitchDarkStatement };
-export declare const ternaryCondition: (props: unknown, value: unknown, trueValue: unknown, falseValue: unknown) => string;

package/cjs/utils/utilities.js

@@ -1,2 +0,0 @@
-"use strict";var t=require("react");function e(t,e){return t.length>e?`${t.substring(0,e)}...`:t}exports.handleMaxChars=e,exports.handleMaxCharsInHTML=function(r,n){if(RegExp.prototype.test.bind(/(<([^>]+)>)/i)(r)){const a=(new DOMParser).parseFromString(r,"text/html").body,i=(t,r=0,a=n)=>{const g=t.item(r);return null!==g?a<=0?t:(g.textContent=e(g.textContent,a),i(t,r+1,a-g.textContent.length)):t};return i(a.childNodes.item(0).childNodes),t.createElement("div",{dangerouslySetInnerHTML:{__html:a.innerHTML.toString()}})}return e(r,n)},exports.opacityLayerSwitchDarkStatement=function(t,e){switch(t){case"opacity25":return`${e}: linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%);`;case"opacity50":return`${e}: linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.5) 99.72%);`;case"opacity75":return`${e}: linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.75) 99.72%);`;default:return""}},exports.opacityLayerSwitchLightStatement=function(t,e){switch(t){case"opacity25":return`${e}: linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.25) 99.72%);`;case"opacity50":return`${e}: linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.5) 99.72%);`;case"opacity75":return`${e}: linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.75) 99.72%);`;default:return""}},exports.ternaryCondition=(t,e,r,n)=>t===e?r:n;
-//# sourceMappingURL=utilities.js.map

package/cjs/utils/utilities.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utilities.js","sources":["../../../../src/utils/utilities.ts"],"sourcesContent":["import { createElement, JSX } from 'react';\n\n/**\n * This method is needed if we need to trunc text inside an HTML element.\n * We get all the nodes inside of it and trunc its content accordingly.\n * @param text\n * @param maxChar\n */\nfunction handleMaxCharsInHTML(text: string, maxChar: number): JSX.Element | string {\n  const isHtml = RegExp.prototype.test.bind(/(<([^>]+)>)/i);\n  if (isHtml(text)) {\n    const parser = new DOMParser();\n    const docChildren = parser.parseFromString(text, 'text/html').body;\n    const editNodes = (\n      nodeList: NodeListOf<ChildNode>,\n      idx = 0,\n      remainingCharacters = maxChar,\n    ): NodeListOf<ChildNode> => {\n      const node = nodeList.item(idx);\n      if (node !== null) {\n        if (remainingCharacters <= 0) {\n          return nodeList;\n        }\n        node.textContent = handleMaxChars(node.textContent, remainingCharacters);\n\n        return editNodes(nodeList, idx + 1, remainingCharacters - node.textContent.length);\n      } else return nodeList;\n    };\n\n    editNodes(docChildren.childNodes.item(0).childNodes);\n\n    return createElement('div', {\n      dangerouslySetInnerHTML: {\n        __html: docChildren.innerHTML.toString(),\n      },\n    });\n  }\n\n  return handleMaxChars(text, maxChar);\n}\n\nfunction handleMaxChars(text: string, maxChar: number) {\n  return text.length > maxChar ? `${text.substring(0, maxChar)}...` : text;\n}\n\nfunction opacityLayerSwitchLightStatement(property: unknown, returnProps: unknown) {\n  switch (property) {\n    case 'opacity25':\n      return `${returnProps}: linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.25) 99.72%);`;\n    case 'opacity50':\n      return `${returnProps}: linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.5) 99.72%);`;\n    case 'opacity75':\n      return `${returnProps}: linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.75) 99.72%);`;\n    default:\n      return '';\n  }\n}\nfunction opacityLayerSwitchDarkStatement(property: unknown, returnProps: unknown) {\n  switch (property) {\n    case 'opacity25':\n      return `${returnProps}: linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%);`;\n    case 'opacity50':\n      return `${returnProps}: linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.5) 99.72%);`;\n    case 'opacity75':\n      return `${returnProps}: linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.75) 99.72%);`;\n    default:\n      return '';\n  }\n}\nexport { handleMaxChars, handleMaxCharsInHTML, opacityLayerSwitchLightStatement, opacityLayerSwitchDarkStatement };\n\nexport const ternaryCondition = (props: unknown, value: unknown, trueValue: unknown, falseValue: unknown): string => {\n  if (props === value) {\n    return trueValue as string;\n  } else {\n    return falseValue as string;\n  }\n};\n"],"names":["handleMaxChars","text","maxChar","length","substring","RegExp","prototype","test","bind","isHtml","docChildren","DOMParser","parseFromString","body","editNodes","nodeList","idx","remainingCharacters","node","item","textContent","childNodes","createElement","dangerouslySetInnerHTML","__html","innerHTML","toString","property","returnProps","props","value","trueValue","falseValue"],"mappings":"oCAyCA,SAASA,EAAeC,EAAcC,GACpC,OAAOD,EAAKE,OAASD,EAAU,GAAGD,EAAKG,UAAU,EAAGF,QAAgBD,CACtE,uDAnCA,SAA8BA,EAAcC,GAE1C,GADeG,OAAOC,UAAUC,KAAKC,KAAK,eACtCC,CAAOR,GAAO,CAChB,MACMS,GADS,IAAIC,WACQC,gBAAgBX,EAAM,aAAaY,KACxDC,EAAY,CAChBC,EACAC,EAAM,EACNC,EAAsBf,KAEtB,MAAMgB,EAAOH,EAASI,KAAKH,GAC3B,OAAa,OAATE,EACED,GAAuB,EAClBF,GAETG,EAAKE,YAAcpB,EAAekB,EAAKE,YAAaH,GAE7CH,EAAUC,EAAUC,EAAM,EAAGC,EAAsBC,EAAKE,YAAYjB,SAC/DY,GAKhB,OAFAD,EAAUJ,EAAYW,WAAWF,KAAK,GAAGE,YAElCC,EAAAA,cAAc,MAAO,CAC1BC,wBAAyB,CACvBC,OAAQd,EAAYe,UAAUC,aAGpC,CAEA,OAAO1B,EAAeC,EAAMC,EAC9B,0CAkBA,SAAyCyB,EAAmBC,GAC1D,OAAQD,GACN,IAAK,YACH,MAAO,GAAGC,qFACZ,IAAK,YACH,MAAO,GAAGA,oFACZ,IAAK,YACH,MAAO,GAAGA,qFACZ,QACE,MAAO,GAEb,2CAvBA,SAA0CD,EAAmBC,GAC3D,OAAQD,GACN,IAAK,YACH,MAAO,GAAGC,iGACZ,IAAK,YACH,MAAO,GAAGA,gGACZ,IAAK,YACH,MAAO,GAAGA,iGACZ,QACE,MAAO,GAEb,2BAegC,CAACC,EAAgBC,EAAgBC,EAAoBC,IAC/EH,IAAUC,EACLC,EAEAC"}

package/components/accordion/accordion.d.ts

@@ -1,77 +0,0 @@
-import { SxProps, Theme } from '@mui/material';
-import { TransitionProps } from '@mui/material/transitions/transition';
-import { HTMLAttributes, JSXElementConstructor, ReactElement, ReactNode } from 'react';
-/**
- * @interface AccordionItem
- * @description The interface describing the object that has to be provided to the array property 'items' in Accordion component.
- * When accordion.allowMultipleExpand is set to false and more than one item has isDefaultExpanded set to true, only the first occurrence in the array will be deafault expanded.
- * If no id is provided the component item receives indexed id -> panel${index}. The object is not changes.
- * The property id is also the key of the every accordion component.
- */
-export interface AccordionItem {
-    id?: string;
-    title: string;
-    content: string | ReactNode;
-    isDefaultExpanded?: boolean;
-}
-/**
- * @interface AccordionProps
- * @description Base definition of SkodaFlow Accordion component independent on core implementation.
- * Properties are inherited from HTML Div element
- */
-export interface AccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
-    /**
-     * The content of the component.
-     */
-    items: Array<AccordionItem>;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: object;
-    /**
-     * Callback fired when the expand/collapse state is changed.
-     */
-    onChange?: (panel: string, value: boolean) => void;
-    /**
-     *  The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-    /**
-     * If true, the preview text is showed. If the item.content is no typeof string, no preview will be show.
-     * @deprecated has no effect
-     */
-    previewContent?: boolean;
-    /**
-     * The component used for the transition.
-     * @deprecated has no effect
-     */
-    TransitionComponent?: JSXElementConstructor<TransitionProps & {
-        children?: ReactElement<any, any>;
-    }>;
-    /**
-     * Props applied to the transition element.
-     */
-    TransitionProps?: object;
-    /**
-     * If true, the transition is disabled.
-     * @deprecated has no effect
-     */
-    disableAnimation?: boolean;
-    /**
-     * The props provided to the top level container element.
-     */
-    accordionContainerProps?: object;
-    /**
-     * If provided, a max height will be given to every accordion panel. The string provided should be in pixels, eg. {number}px . No max height by default.
-     * @deprecated has no effect
-     */
-    accordionPanelMaxHeight?: string;
-    /**
-     * If true, more than 1 accordion panels can be opened simultaneously.
-     */
-    allowMultipleExpand?: boolean;
-}
-/**
- * @deprecated Use Accordion component from @mui/material
- */
-export declare const Accordion: import("react").ForwardRefExoticComponent<AccordionProps & import("react").RefAttributes<HTMLDivElement>>;

package/components/accordion/accordion.js

@@ -1,2 +0,0 @@
-import{__rest as n}from"tslib";import{jsx as t,jsxs as i}from"react/jsx-runtime";import{Box as e,Accordion as a,AccordionSummary as o,AccordionDetails as r}from"@mui/material";import{forwardRef as d,useState as c,useEffect as s,useCallback as l}from"react";const m=d((d,m)=>{var{items:p,onChange:f,disableAnimation:g,accordionContainerProps:h,accordionPanelMaxHeight:u,allowMultipleExpand:x}=d,b=n(d,["items","onChange","disableAnimation","accordionContainerProps","accordionPanelMaxHeight","allowMultipleExpand"]);const[A,$]=c(!1);s(()=>{if(x){const n={};for(let t=0;t<p.length;t++){const i=p[t].id||`panel${t}`;n[i]=!!p[t].isDefaultExpanded}$(()=>n)}else{let n;const t=p.find((t,i)=>{if(t.isDefaultExpanded)return n=i,t});t&&$(t.id||`panel${n}`)}},[x,JSON.stringify(p)]);const j=l(n=>(t,i)=>{f&&f(n,i),$(x?t=>Object.assign(Object.assign({},t),{[n]:i}):!!i&&n)},[x,f]);return t(e,Object.assign({ref:m},h,{"data-testid":"Accordion",children:p.map((n,e)=>{const d=(null==n?void 0:n.id)&&`${n.id}`||`panel${e}`,c=x?!!A[d]:A===d;return i(a,Object.assign({id:d,expanded:c,onChange:j(d),"data-testid":"Accordion.item"},b,{children:[t(o,{"aria-controls":`${d}d-content`,id:`${d}d-header`,"data-testid":"Accordion.summary",children:n.title}),t(r,{"data-testid":"Accordion.content",children:n.content})]}),d)})}))});export{m as Accordion};
-//# sourceMappingURL=accordion.js.map

package/components/accordion/accordion.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"accordion.js","sources":["../../../src/components/accordion/accordion.tsx"],"sourcesContent":["import { Accordion as MuiAccordion, AccordionDetails, AccordionSummary, Box, SxProps, Theme } from '@mui/material';\nimport { TransitionProps } from '@mui/material/transitions/transition';\nimport {\n  HTMLAttributes,\n  JSXElementConstructor,\n  ReactElement,\n  ReactNode,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useState,\n} from 'react';\n\n/**\n * @interface AccordionItem\n * @description The interface describing the object that has to be provided to the array property 'items' in Accordion component.\n * When accordion.allowMultipleExpand is set to false and more than one item has isDefaultExpanded set to true, only the first occurrence in the array will be deafault expanded.\n * If no id is provided the component item receives indexed id -> panel${index}. The object is not changes.\n * The property id is also the key of the every accordion component.\n */\nexport interface AccordionItem {\n  id?: string;\n  title: string;\n  content: string | ReactNode;\n  isDefaultExpanded?: boolean;\n}\n\n/**\n * @interface AccordionProps\n * @description Base definition of SkodaFlow Accordion component independent on core implementation.\n * Properties are inherited from HTML Div element\n */\nexport interface AccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  /**\n   * The content of the component.\n   */\n  items: Array<AccordionItem>;\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes?: object;\n  /**\n   * Callback fired when the expand/collapse state is changed.\n   */\n  onChange?: (panel: string, value: boolean) => void;\n  /**\n   *  The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx?: SxProps<Theme>;\n  /**\n   * If true, the preview text is showed. If the item.content is no typeof string, no preview will be show.\n   * @deprecated has no effect\n   */\n  previewContent?: boolean;\n  /**\n   * The component used for the transition.\n   * @deprecated has no effect\n   */\n  TransitionComponent?: JSXElementConstructor<\n    TransitionProps & {\n      children?: ReactElement<any, any>;\n    }\n  >;\n  /**\n   * Props applied to the transition element.\n   */\n  TransitionProps?: object;\n  /**\n   * If true, the transition is disabled.\n   * @deprecated has no effect\n   */\n  disableAnimation?: boolean;\n  /**\n   * The props provided to the top level container element.\n   */\n  accordionContainerProps?: object;\n  /**\n   * If provided, a max height will be given to every accordion panel. The string provided should be in pixels, eg. {number}px . No max height by default.\n   * @deprecated has no effect\n   */\n  accordionPanelMaxHeight?: string;\n  /**\n   * If true, more than 1 accordion panels can be opened simultaneously.\n   */\n  allowMultipleExpand?: boolean;\n}\n\n/**\n * @deprecated Use Accordion component from @mui/material\n */\nexport const Accordion = forwardRef<HTMLDivElement, AccordionProps>(\n  (\n    {\n      items,\n      onChange,\n      disableAnimation,\n      accordionContainerProps,\n      accordionPanelMaxHeight,\n      allowMultipleExpand,\n      ...props\n    },\n    ref,\n  ) => {\n    const [expand, setExpanded] = useState<string | false | object>(false);\n\n    useEffect(() => {\n      if (!allowMultipleExpand) {\n        let id: number;\n        const firstDefaultExpandedItem = items.find((item, index) => {\n          if (item.isDefaultExpanded) {\n            id = index;\n            return item;\n          }\n          return undefined;\n        });\n\n        if (firstDefaultExpandedItem) {\n          setExpanded(firstDefaultExpandedItem.id || `panel${id}`);\n        }\n      } else {\n        const expandItems = {};\n        for (let index = 0; index < items.length; index++) {\n          const itemId = items[index].id || `panel${index}`;\n\n          expandItems[itemId] = !!items[index].isDefaultExpanded;\n        }\n\n        setExpanded(() => expandItems);\n      }\n    }, [allowMultipleExpand, JSON.stringify(items)]);\n\n    const handleChange = useCallback(\n      (panel: string) => (_, isExpanded: boolean) => {\n        onChange && onChange(panel, isExpanded);\n\n        if (!allowMultipleExpand) {\n          setExpanded(isExpanded ? panel : false);\n        } else {\n          setExpanded((curr: object) => {\n            return { ...curr, [panel]: isExpanded };\n          });\n        }\n      },\n      [allowMultipleExpand, onChange],\n    );\n\n    return (\n      <Box ref={ref} {...accordionContainerProps} data-testid=\"Accordion\">\n        {items.map((item, index) => {\n          const panel = (item?.id && `${item.id}`) || `panel${index}`;\n          const isExpanded = allowMultipleExpand ? !!expand[panel] : expand === panel;\n\n          return (\n            <MuiAccordion\n              id={panel}\n              key={panel}\n              expanded={isExpanded}\n              onChange={handleChange(panel)}\n              data-testid=\"Accordion.item\"\n              {...props}\n            >\n              <AccordionSummary\n                aria-controls={`${panel}d-content`}\n                id={`${panel}d-header`}\n                data-testid=\"Accordion.summary\"\n              >\n                {item.title}\n              </AccordionSummary>\n              <AccordionDetails data-testid=\"Accordion.content\">{item.content}</AccordionDetails>\n            </MuiAccordion>\n          );\n        })}\n      </Box>\n    );\n  },\n);\n"],"names":["Accordion","forwardRef","_a","ref","items","onChange","disableAnimation","accordionContainerProps","accordionPanelMaxHeight","allowMultipleExpand","props","__rest","expand","setExpanded","useState","useEffect","expandItems","index","length","itemId","id","isDefaultExpanded","firstDefaultExpandedItem","find","item","JSON","stringify","handleChange","useCallback","panel","_","isExpanded","curr","Object","assign","_jsx","Box","children","map","_jsxs","MuiAccordion","expanded","AccordionSummary","title","AccordionDetails","content"],"mappings":"iQA0FO,MAAMA,EAAYC,EACvB,CACEC,EASAC,KATA,IAAAC,MACEA,EAAKC,SACLA,EAAQC,iBACRA,EAAgBC,wBAChBA,EAAuBC,wBACvBA,EAAuBC,oBACvBA,GAAmBP,EAChBQ,EAAKC,EAAAT,EAPV,mHAWA,MAAOU,EAAQC,GAAeC,GAAkC,GAEhEC,EAAU,KACR,GAAKN,EAaE,CACL,MAAMO,EAAc,CAAA,EACpB,IAAK,IAAIC,EAAQ,EAAGA,EAAQb,EAAMc,OAAQD,IAAS,CACjD,MAAME,EAASf,EAAMa,GAAOG,IAAM,QAAQH,IAE1CD,EAAYG,KAAYf,EAAMa,GAAOI,iBACvC,CAEAR,EAAY,IAAMG,EACpB,KAtB0B,CACxB,IAAII,EACJ,MAAME,EAA2BlB,EAAMmB,KAAK,CAACC,EAAMP,KACjD,GAAIO,EAAKH,kBAEP,OADAD,EAAKH,EACEO,IAKPF,GACFT,EAAYS,EAAyBF,IAAM,QAAQA,IAEvD,GAUC,CAACX,EAAqBgB,KAAKC,UAAUtB,KAExC,MAAMuB,EAAeC,EAClBC,GAAkB,CAACC,EAAGC,KACrB1B,GAAYA,EAASwB,EAAOE,GAK1BlB,EAHGJ,EAGUuB,GACXC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAYF,GAAI,CAAEH,CAACA,GAAQE,MAHjBA,GAAaF,IAO7B,CAACpB,EAAqBJ,IAGxB,OACE8B,EAACC,EAAGH,OAAAC,OAAA,CAAC/B,IAAKA,GAASI,EAAuB,CAAA,cAAc,YAAW8B,SAChEjC,EAAMkC,IAAI,CAACd,EAAMP,KAChB,MAAMY,GAASL,aAAI,EAAJA,EAAMJ,KAAM,GAAGI,EAAKJ,MAAS,QAAQH,IAC9Cc,EAAatB,IAAwBG,EAAOiB,GAASjB,IAAWiB,EAEtE,OACEU,EAACC,EAAYP,OAAAC,OAAA,CACXd,GAAIS,EAEJY,SAAUV,EACV1B,SAAUsB,EAAaE,GAAM,cACjB,kBACRnB,EAAK,CAAA2B,SAAA,CAETF,EAACO,EAAgB,CAAA,gBACA,GAAGb,aAClBT,GAAI,GAAGS,YAAe,cACV,oBAAmBQ,SAE9Bb,EAAKmB,QAERR,EAACS,EAAgB,CAAA,cAAa,oBAAmBP,SAAEb,EAAKqB,aAbnDhB"}

package/components/accordion/index.d.ts

@@ -1 +0,0 @@
-export * from './accordion';

package/components/alert/Alert.d.ts

@@ -1,24 +0,0 @@
-import React from 'react';
-import { AlertProps as MuiAlertProps } from '@mui/material';
-export interface AlertProps extends MuiAlertProps {
-    /**
-     * @deprecated use severity property instead
-     */
-    type?: 'success' | 'warning' | 'error';
-    /**
-     * @deprecated use action property instead
-     */
-    actions?: React.ReactNode;
-    /**
-     * @deprecated direction is taken from the theme
-     */
-    direction?: 'rtl' | 'ltr';
-    /**
-     * @deprecated use `sx={{ width: '100%' }}` instead
-     */
-    width?: string;
-}
-/**
- * @mui Alert that contains props parser for the previous implementation
- */
-export declare const Alert: React.FC<AlertProps>;

package/components/alert/Alert.js

@@ -1,2 +0,0 @@
-import{__rest as t}from"tslib";import{jsx as i}from"react/jsx-runtime";import{useTheme as s,Alert as a}from"@mui/material";const e=e=>{var{type:r,actions:o,severity:c,action:n,sx:p,width:y}=e,g=t(e,["type","actions","severity","action","sx","width"]);const m=s();return i(a,Object.assign({severity:c||r,action:o||n,sx:Object.assign(Object.assign(Object.assign({},y?{width:y}:{}),{"& .MuiTypography-body1":Object.assign({},m.typography.disclaimer1),"& .MuiTypography-caption1":Object.assign({},m.typography.caption2)}),p),"data-testid":"Alert"},g))};export{e as Alert};
-//# sourceMappingURL=Alert.js.map

package/components/alert/Alert.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Alert.js","sources":["../../../src/components/alert/Alert.tsx"],"sourcesContent":["import React from 'react';\nimport { Alert as MuiAlert, AlertProps as MuiAlertProps, useTheme } from '@mui/material';\n\nexport interface AlertProps extends MuiAlertProps {\n  /**\n   * @deprecated use severity property instead\n   */\n  type?: 'success' | 'warning' | 'error';\n  /**\n   * @deprecated use action property instead\n   */\n  actions?: React.ReactNode;\n  /**\n   * @deprecated direction is taken from the theme\n   */\n  direction?: 'rtl' | 'ltr';\n  /**\n   * @deprecated use `sx={{ width: '100%' }}` instead\n   */\n  width?: string;\n}\n\n/**\n * @mui Alert that contains props parser for the previous implementation\n */\nexport const Alert: React.FC<AlertProps> = ({ type, actions, severity, action, sx, width, ...rest }) => {\n  const theme = useTheme();\n\n  return (\n    <MuiAlert\n      severity={severity || type}\n      action={actions || action}\n      sx={{\n        ...(width ? { width: width } : {}),\n        // support for previous children that used typography\n        '& .MuiTypography-body1': {\n          ...theme.typography.disclaimer1,\n        },\n        '& .MuiTypography-caption1': {\n          // change to AlertTitle font\n          ...theme.typography.caption2,\n        },\n        ...sx,\n      }}\n      data-testid=\"Alert\"\n      {...rest}\n    />\n  );\n};\n"],"names":["Alert","_a","type","actions","severity","action","sx","width","rest","__rest","theme","useTheme","_jsx","MuiAlert","Object","assign","typography","disclaimer1","caption2"],"mappings":"2HAyBO,MAAMA,EAA+BC,IAAA,IAAAC,KAAEA,EAAIC,QAAEA,EAAOC,SAAEA,EAAQC,OAAEA,EAAMC,GAAEA,EAAEC,MAAEA,GAAKN,EAAKO,EAAIC,EAAAR,EAArD,qDAC1C,MAAMS,EAAQC,IAEd,OACEC,EAACC,EAAQC,OAAAC,OAAA,CACPX,SAAUA,GAAYF,EACtBG,OAAQF,GAAWE,EACnBC,GAAEQ,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACIR,EAAQ,CAAEA,MAAOA,GAAU,CAAA,GAAG,CAElC,yBAAwBO,OAAAC,OAAA,GACnBL,EAAMM,WAAWC,aAEtB,4BAA2BH,OAAAC,OAAA,CAAA,EAEtBL,EAAMM,WAAWE,YAEnBZ,GAAE,cAEK,SACRE"}

package/components/backdrop/backdrop.d.ts

@@ -1,44 +0,0 @@
-import React, { HTMLAttributes, ReactNode } from 'react';
-import { SxProps, Theme } from '@mui/material';
-export interface BackdropProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     *  If true, the component is shown. Default value false
-     */
-    open: boolean;
-    /**
-     *  Override or extend the styles applied to the component.
-     */
-    classes?: object;
-    /**
-     *  The component used for the root node. Either a string to use a HTML element or a component.
-     */
-    component?: string | ReactNode;
-    /**
-     *  The components used for each slot inside the Backdrop. Either a string to use a HTML element or a component.
-     */
-    components?: object;
-    /**
-     * The props used for each slot inside the Backdrop.
-     */
-    componentsProps?: object;
-    /**
-     * If true, the backdrop is invisible. It can be used when rendering a popover or a custom select component. Default value is false
-     */
-    invisible?: boolean;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles. See the `sx` page for more details.
-     */
-    sx?: SxProps<Theme>;
-    /**
-     The duration for the transition, in milliseconds. You may specify a single timeout for all transitions, or individually with an object.
-     */
-    transitionDuration?: number | object;
-    /**
-     * Additional onClose callback that needs to be provided when the state of the backdrop is controlled from outside.
-     */
-    onClose?: (isOpen: boolean) => void;
-}
-/**
- * @deprecated This component is deprecated. Use themed Backdrop component from @mui/material instead
- */
-export declare const Backdrop: React.ForwardRefExoticComponent<BackdropProps & React.RefAttributes<HTMLDivElement>>;

package/components/backdrop/backdrop.js

@@ -1,2 +0,0 @@
-import{__rest as o}from"tslib";import{jsx as r}from"react/jsx-runtime";import{forwardRef as e,useEffect as n}from"react";import t from"../common/hook/backdrop.js";import{styled as i,Backdrop as a}from"@mui/material";const s=e((e,i)=>{var{open:a,onClose:s}=e,l=o(e,["open","onClose"]);const{openBackdrop:c,handleCloseBackdrop:m,setOpenBackdrop:d}=t();return n(()=>{d(a)},[a,d]),r(p,{ref:i,classes:l.classes,open:c,onClick:()=>{m(),s&&s(!1)},invisible:l.invisible,sx:l.sx,transitionDuration:l.transitionDuration,children:l.children})}),p=i(a)(r=>{var{theme:e}=r;return o(r,["theme"]).invisible?{backgroundColor:e.palette.transparent.backdrop,backdropFilter:"blur(0px)"}:null});export{s as Backdrop};
-//# sourceMappingURL=backdrop.js.map

package/components/backdrop/backdrop.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"backdrop.js","sources":["../../../src/components/backdrop/backdrop.tsx"],"sourcesContent":["import React, { HTMLAttributes, ReactNode, forwardRef, useEffect } from 'react';\nimport useBackdrop from '../../components/common/hook/backdrop';\nimport { SxProps, styled, Theme, Backdrop as MuiBackdrop } from '@mui/material';\n\nexport interface BackdropProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   *  If true, the component is shown. Default value false\n   */\n  open: boolean;\n  /**\n   *  Override or extend the styles applied to the component.\n   */\n  classes?: object;\n  /**\n   *  The component used for the root node. Either a string to use a HTML element or a component.\n   */\n  component?: string | ReactNode;\n  /**\n   *  The components used for each slot inside the Backdrop. Either a string to use a HTML element or a component.\n   */\n  components?: object;\n  /**\n   * The props used for each slot inside the Backdrop.\n   */\n  componentsProps?: object;\n  /**\n   * If true, the backdrop is invisible. It can be used when rendering a popover or a custom select component. Default value is false\n   */\n  invisible?: boolean;\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles. See the `sx` page for more details.\n   */\n  sx?: SxProps<Theme>;\n  /**\n   The duration for the transition, in milliseconds. You may specify a single timeout for all transitions, or individually with an object.\n   */\n  transitionDuration?: number | object;\n  /**\n   * Additional onClose callback that needs to be provided when the state of the backdrop is controlled from outside.\n   */\n  onClose?: (isOpen: boolean) => void;\n}\n\n/**\n * @deprecated This component is deprecated. Use themed Backdrop component from @mui/material instead\n */\nexport const Backdrop = forwardRef<HTMLDivElement, BackdropProps>(({ open, onClose, ...props }, ref) => {\n  const { openBackdrop, handleCloseBackdrop, setOpenBackdrop } = useBackdrop();\n\n  const handleClose = () => {\n    handleCloseBackdrop();\n    onClose && onClose(false);\n  };\n\n  useEffect(() => {\n    setOpenBackdrop(open);\n  }, [open, setOpenBackdrop]);\n\n  return (\n    <BackdropStyled\n      ref={ref}\n      classes={props.classes}\n      open={openBackdrop}\n      onClick={handleClose}\n      invisible={props.invisible}\n      sx={props.sx}\n      transitionDuration={props.transitionDuration}\n    >\n      {props.children}\n    </BackdropStyled>\n  );\n});\n\nconst BackdropStyled = styled(MuiBackdrop)<BackdropProps>(({ theme, ...args }) => {\n  if (args.invisible)\n    return {\n      backgroundColor: theme.palette.transparent.backdrop,\n      backdropFilter: 'blur(0px)',\n    };\n\n  return null;\n});\n"],"names":["Backdrop","forwardRef","_a","ref","open","onClose","props","__rest","openBackdrop","handleCloseBackdrop","setOpenBackdrop","useBackdrop","useEffect","_jsx","BackdropStyled","classes","onClick","invisible","sx","transitionDuration","children","styled","MuiBackdrop","theme","backgroundColor","palette","transparent","backdrop","backdropFilter"],"mappings":"wNA8CO,MAAMA,EAAWC,EAA0C,CAACC,EAA6BC,SAA7BC,KAAEA,EAAIC,QAAEA,GAAOH,EAAKI,EAAKC,EAAAL,EAAzB,oBACjE,MAAMM,aAAEA,EAAYC,oBAAEA,EAAmBC,gBAAEA,GAAoBC,IAW/D,OAJAC,EAAU,KACRF,EAAgBN,IACf,CAACA,EAAMM,IAGRG,EAACC,EAAc,CACbX,IAAKA,EACLY,QAAST,EAAMS,QACfX,KAAMI,EACNQ,QAdgB,KAClBP,IACAJ,GAAWA,GAAQ,IAajBY,UAAWX,EAAMW,UACjBC,GAAIZ,EAAMY,GACVC,mBAAoBb,EAAMa,mBAAkBC,SAE3Cd,EAAMc,aAKPN,EAAiBO,EAAOC,EAAPD,CAAoCnB,IAAA,IAAAqB,MAAEA,GAAKrB,EAChE,OADyEK,EAAAL,EAAhB,WAChDe,UACA,CACLO,gBAAiBD,EAAME,QAAQC,YAAYC,SAC3CC,eAAgB,aAGb"}

package/components/backdrop/index.d.ts

@@ -1 +0,0 @@
-export * from './backdrop';

package/components/banner/banner.d.ts

@@ -1,42 +0,0 @@
-import { BoxProps, SvgIconProps, TypographyProps } from '@mui/material';
-import React, { ElementType, ReactNode } from 'react';
-export interface BannerProps extends BoxProps<ElementType> {
-    /**
-     * Defines which variant of Banner component should be rendered
-     * @default info
-     */
-    variant?: 'info' | 'warning' | 'error';
-    /**
-     * Set the proportions
-     * @default large
-     */
-    size?: 'large' | 'small';
-    /**
-     * Properties passed to indicator icon
-     */
-    iconProps?: SvgIconProps;
-    /**
-     * Icon node to be used
-     */
-    IconComponent?: ElementType<SvgIconProps>;
-    /**
-     * Properties passed to wrapper of children
-     */
-    typographyProps?: TypographyProps<ElementType>;
-    /**
-     * Properties applied to wrapper of content (Icon and Typography)
-     */
-    wrapperProps?: BoxProps<ElementType>;
-    /**
-     * ReactNode that renders buttons. If multiple buttons are needed, wrap them in React.Fragment
-     */
-    buttons?: ReactNode;
-    /**
-     * Properties applied to wrapper element of buttons
-     */
-    buttonsWrapperProps?: BoxProps<ElementType>;
-}
-/**
- * Alert notification banner
- */
-export declare const Banner: React.FC<BannerProps>;

package/components/banner/banner.js

@@ -1,2 +0,0 @@
-import{__rest as e}from"tslib";import{jsxs as r,jsx as t}from"react/jsx-runtime";import{CircleExclamationFilledIcon as n}from"../icon/filled/CircleExclamationFilledIcon.js";import{CircleInformationFilledIcon as i}from"../icon/filled/CircleInformationFilledIcon.js";import{WarningFilledIcon as s}from"../icon/filled/WarningFilledIcon.js";import{useTheme as o,Box as a,Typography as l}from"@mui/material";import{forwardRef as c,useMemo as p}from"react";import{getFocusRingStyle as x}from"../focusring/focusring.js";const m=c((c,m)=>{var{children:f,variant:d="info",size:g="large",sx:u,iconProps:b,IconComponent:j,typographyProps:h,wrapperProps:w,buttons:y,buttonsWrapperProps:C,onClick:O}=c,I=e(c,["children","variant","size","sx","iconProps","IconComponent","typographyProps","wrapperProps","buttons","buttonsWrapperProps","onClick"]);const P=o(),k=null!=b?b:{},{sx:v}=k,B=e(k,["sx"]),S=null!=h?h:{},{sx:z}=S,F=e(S,["sx"]),W=null!=w?w:{},{sx:G}=W,A=e(W,["sx"]),D=null!=C?C:{},{sx:E}=D,H=e(D,["sx"]),[L,q,J]=p(()=>{switch(d){case"error":return["error.main","error.light",s];case"warning":return["warning.main","warning.light",n];default:return["info.main","info.light",i]}},[d]),K=null!=j?j:J;return r(a,Object.assign({"data-testid":"Banner",role:"alert","aria-atomic":"true","aria-live":"assertive",onClick:O,sx:Object.assign(Object.assign({display:"flex",width:"100%",flexDirection:{xs:"column",md:"row"},alignItems:{xs:"flex-start",md:"center"},justifyContent:"space-between",px:2,py:"small"===g?1:{xs:2,md:1},gap:1,borderLeft:6,borderColor:L,backgroundColor:"dark"===P.palette.mode?"onSurface.os900":q,textAlign:"left"},O&&Object.assign({position:"relative",cursor:"pointer"},x(P,!0,"2px"))),u),ref:m},I,{children:[r(a,Object.assign({"data-testid":"Banner.wrapper",sx:Object.assign({flexGrow:"1",display:"flex",alignItems:"flex-start",justifyContent:"flex-start",gap:1,py:.5},G)},A,{children:[t(K,Object.assign({"data-testid":"Banner.icon",sx:Object.assign({color:L},v)},B)),t(l,Object.assign({"data-testid":"Banner.text",sx:Object.assign({color:"text.primary",flexGrow:"1",fontSize:{xl:"16px"},lineHeight:{xl:"24px"}},z)},F,{children:f}))]})),y&&t(a,Object.assign({"data-testid":"Banner.buttons",sx:Object.assign({display:"flex",alignItems:"center",justifyContent:"space-between",gap:1,flexShrink:"0",ml:{xs:4,md:0},alignSelf:"flex-end"},E)},H,{children:y}))]}))});export{m as Banner};
-//# sourceMappingURL=banner.js.map

package/components/banner/banner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"banner.js","sources":["../../../src/components/banner/banner.tsx"],"sourcesContent":["import { CircleExclamationFilledIcon } from '@/src/components/icon/filled/CircleExclamationFilledIcon';\nimport { CircleInformationFilledIcon } from '@/src/components/icon/filled/CircleInformationFilledIcon';\nimport { WarningFilledIcon } from '@/src/components/icon/filled/WarningFilledIcon';\nimport { Box, BoxProps, SvgIconProps, Typography, TypographyProps, useTheme } from '@mui/material';\nimport React, { ElementType, forwardRef, ReactNode, useMemo } from 'react';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\nexport interface BannerProps extends BoxProps<ElementType> {\n  /**\n   * Defines which variant of Banner component should be rendered\n   * @default info\n   */\n  variant?: 'info' | 'warning' | 'error';\n  /**\n   * Set the proportions\n   * @default large\n   */\n  size?: 'large' | 'small';\n  /**\n   * Properties passed to indicator icon\n   */\n  iconProps?: SvgIconProps;\n  /**\n   * Icon node to be used\n   */\n  IconComponent?: ElementType<SvgIconProps>;\n  /**\n   * Properties passed to wrapper of children\n   */\n  typographyProps?: TypographyProps<ElementType>;\n  /**\n   * Properties applied to wrapper of content (Icon and Typography)\n   */\n  wrapperProps?: BoxProps<ElementType>;\n  /**\n   * ReactNode that renders buttons. If multiple buttons are needed, wrap them in React.Fragment\n   */\n  buttons?: ReactNode;\n  /**\n   * Properties applied to wrapper element of buttons\n   */\n  buttonsWrapperProps?: BoxProps<ElementType>;\n}\n\n/**\n * Alert notification banner\n */\nexport const Banner: React.FC<BannerProps> = forwardRef(\n  (\n    {\n      children,\n      variant = 'info',\n      size = 'large',\n      sx,\n      iconProps,\n      IconComponent,\n      typographyProps,\n      wrapperProps,\n      buttons,\n      buttonsWrapperProps,\n      onClick,\n      ...rest\n    },\n    ref,\n  ) => {\n    const theme = useTheme();\n    const { sx: iconSx, ...restIcon } = iconProps ?? {};\n    const { sx: typographySx, ...restTypography } = typographyProps ?? {};\n    const { sx: wrapperSx, ...restWrapper } = wrapperProps ?? {};\n    const { sx: buttonsWrapperSx, ...restButtonsWrapper } = buttonsWrapperProps ?? {};\n\n    const [borderColor, backgroundColor, IconVariantComponent] = useMemo(() => {\n      switch (variant) {\n        case 'error':\n          return ['error.main', 'error.light', WarningFilledIcon];\n        case 'warning':\n          return ['warning.main', 'warning.light', CircleExclamationFilledIcon];\n        case 'info':\n        default:\n          return ['info.main', 'info.light', CircleInformationFilledIcon];\n      }\n    }, [variant]);\n    const BannerIcon = IconComponent ?? IconVariantComponent;\n\n    return (\n      <Box\n        data-testid=\"Banner\"\n        role=\"alert\"\n        aria-atomic=\"true\"\n        aria-live=\"assertive\"\n        onClick={onClick}\n        sx={{\n          display: 'flex',\n          width: '100%',\n          // on mobile content and button bellow each other\n          flexDirection: { xs: 'column', md: 'row' },\n          alignItems: { xs: 'flex-start', md: 'center' },\n          justifyContent: 'space-between',\n          // proportions\n          px: 2,\n          py: size === 'small' ? 1 : { xs: 2, md: 1 },\n          gap: 1,\n          // style\n          borderLeft: 6,\n          borderColor: borderColor,\n          backgroundColor: theme.palette.mode === 'dark' ? 'onSurface.os900' : backgroundColor,\n          textAlign: 'left',\n          // clickable style\n          ...(onClick && {\n            position: 'relative',\n            cursor: 'pointer',\n            // focused style\n            ...getFocusRingStyle(theme, true, '2px'),\n          }),\n          ...sx,\n        }}\n        ref={ref}\n        {...rest}\n      >\n        <Box\n          data-testid=\"Banner.wrapper\"\n          sx={{\n            // align icon and content\n            flexGrow: '1',\n            display: 'flex',\n            alignItems: 'flex-start',\n            justifyContent: 'flex-start',\n            gap: 1,\n            py: 0.5,\n            ...wrapperSx,\n          }}\n          {...restWrapper}\n        >\n          <BannerIcon\n            data-testid=\"Banner.icon\"\n            sx={{\n              color: borderColor,\n              ...iconSx,\n            }}\n            {...restIcon}\n          />\n          <Typography\n            data-testid=\"Banner.text\"\n            sx={{\n              color: 'text.primary',\n              flexGrow: '1',\n              // custom font according to Figma\n              fontSize: { xl: '16px' },\n              lineHeight: { xl: '24px' },\n              ...typographySx,\n            }}\n            {...restTypography}\n          >\n            {children}\n          </Typography>\n        </Box>\n        {buttons && (\n          <Box\n            data-testid=\"Banner.buttons\"\n            sx={{\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'space-between',\n              gap: 1,\n              // always show buttons next to each other\n              flexShrink: '0',\n              // on mobile align with text\n              ml: { xs: 4, md: 0 },\n              // on mobile move to the right side\n              alignSelf: 'flex-end',\n              ...buttonsWrapperSx,\n            }}\n            {...restButtonsWrapper}\n          >\n            {buttons}\n          </Box>\n        )}\n      </Box>\n    );\n  },\n);\n"],"names":["Banner","forwardRef","_a","ref","children","variant","size","sx","iconProps","IconComponent","typographyProps","wrapperProps","buttons","buttonsWrapperProps","onClick","rest","__rest","theme","useTheme","_b","iconSx","restIcon","_c","typographySx","restTypography","_d","wrapperSx","restWrapper","_e","buttonsWrapperSx","restButtonsWrapper","borderColor","backgroundColor","IconVariantComponent","useMemo","WarningFilledIcon","CircleExclamationFilledIcon","CircleInformationFilledIcon","BannerIcon","_jsxs","Box","Object","assign","role","display","width","flexDirection","xs","md","alignItems","justifyContent","px","py","gap","borderLeft","palette","mode","textAlign","position","cursor","getFocusRingStyle","flexGrow","_jsx","color","Typography","fontSize","xl","lineHeight","flexShrink","ml","alignSelf"],"mappings":"igBA+CO,MAAMA,EAAgCC,EAC3C,CACEC,EAcAC,KAdA,IAAAC,SACEA,EAAQC,QACRA,EAAU,OAAMC,KAChBA,EAAO,QAAOC,GACdA,EAAEC,UACFA,EAASC,cACTA,EAAaC,gBACbA,EAAeC,aACfA,EAAYC,QACZA,EAAOC,oBACPA,EAAmBC,QACnBA,GAAOZ,EACJa,EAAIC,EAAAd,EAZT,2IAgBA,MAAMe,EAAQC,IACRC,EAA8BX,QAAAA,EAAa,IAAzCD,GAAIa,GAAMD,EAAKE,EAAQL,EAAAG,EAAzB,CAAA,OACAG,EAA0CZ,QAAAA,EAAmB,IAA3DH,GAAIgB,GAAYD,EAAKE,EAAcR,EAAAM,EAArC,CAAA,OACAG,EAAoCd,QAAAA,EAAgB,IAAlDJ,GAAImB,GAASD,EAAKE,EAAWX,EAAAS,EAA/B,CAAA,OACAG,EAAkDf,QAAAA,EAAuB,IAAvEN,GAAIsB,GAAgBD,EAAKE,EAAkBd,EAAAY,EAA7C,CAAA,QAECG,EAAaC,EAAiBC,GAAwBC,EAAQ,KACnE,OAAQ7B,GACN,IAAK,QACH,MAAO,CAAC,aAAc,cAAe8B,GACvC,IAAK,UACH,MAAO,CAAC,eAAgB,gBAAiBC,GAE3C,QACE,MAAO,CAAC,YAAa,aAAcC,KAEtC,CAAChC,IACEiC,EAAa7B,QAAAA,EAAiBwB,EAEpC,OACEM,EAACC,EAAGC,OAAAC,OAAA,CAAA,cACU,SACZC,KAAK,QAAO,cACA,OAAM,YACR,YACV7B,QAASA,EACTP,GAAEkC,OAAAC,OAAAD,OAAAC,OAAA,CACAE,QAAS,OACTC,MAAO,OAEPC,cAAe,CAAEC,GAAI,SAAUC,GAAI,OACnCC,WAAY,CAAEF,GAAI,aAAcC,GAAI,UACpCE,eAAgB,gBAEhBC,GAAI,EACJC,GAAa,UAAT9C,EAAmB,EAAI,CAAEyC,GAAI,EAAGC,GAAI,GACxCK,IAAK,EAELC,WAAY,EACZvB,YAAaA,EACbC,gBAAwC,SAAvBf,EAAMsC,QAAQC,KAAkB,kBAAoBxB,EACrEyB,UAAW,QAEP3C,GAAO2B,OAAAC,OAAA,CACTgB,SAAU,WACVC,OAAQ,WAELC,EAAkB3C,GAAO,EAAM,SAEjCV,GAELJ,IAAKA,GACDY,EAAI,CAAAX,SAAA,CAERmC,EAACC,EAAGC,OAAAC,OAAA,CAAA,cACU,iBACZnC,GAAEkC,OAAAC,OAAA,CAEAmB,SAAU,IACVjB,QAAS,OACTK,WAAY,aACZC,eAAgB,aAChBG,IAAK,EACLD,GAAI,IACD1B,IAEDC,EAAW,CAAAvB,SAAA,CAEf0D,EAACxB,EAAUG,OAAAC,OAAA,CAAA,cACG,cACZnC,GAAEkC,OAAAC,OAAA,CACAqB,MAAOhC,GACJX,IAEDC,IAENyC,EAACE,EAAUvB,OAAAC,OAAA,CAAA,cACG,cACZnC,GAAEkC,OAAAC,OAAA,CACAqB,MAAO,eACPF,SAAU,IAEVI,SAAU,CAAEC,GAAI,QAChBC,WAAY,CAAED,GAAI,SACf3C,IAEDC,EAAc,CAAApB,SAEjBA,SAGJQ,GACCkD,EAACtB,EAAGC,OAAAC,OAAA,CAAA,cACU,iBACZnC,GAAEkC,OAAAC,OAAA,CACAE,QAAS,OACTK,WAAY,SACZC,eAAgB,gBAChBG,IAAK,EAELe,WAAY,IAEZC,GAAI,CAAEtB,GAAI,EAAGC,GAAI,GAEjBsB,UAAW,YACRzC,IAEDC,EAAkB,CAAA1B,SAErBQ"}