npm - @skodaflow/web-library - Versions diffs - 7.15.0 → 7.16.0 - Mend

@skodaflow/web-library 7.15.0 → 7.16.0

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

Files changed (4125) hide show

package/cjs/components/common/styled/buttonFocusVisibleStyled.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=require("@mui/material/styles").styled("div")((({theme:e,focusVisible:i,isNavigationVariant:t,fullWidth:s})=>({display:"inline-flex",padding:1,borderRadius:t?4:50,transition:"none",boxShadow:i?`0 0 0 2px ${e.palette.onSurface.os900}`:void 0,width:s?"100%":null})));exports.default=e;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=require("@mui/material/styles").styled("div")(({theme:e,focusVisible:i,isNavigationVariant:t,fullWidth:s})=>({display:"inline-flex",padding:1,borderRadius:t?4:50,transition:"none",boxShadow:i?`0 0 0 2px ${e.palette.onSurface.os900}`:void 0,width:s?"100%":null}));exports.default=e;
 //# sourceMappingURL=buttonFocusVisibleStyled.js.map

package/cjs/components/common/styled/buttonFocusVisibleStyled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"buttonFocusVisibleStyled.js","sources":["../../../../../../src/components/common/styled/buttonFocusVisibleStyled.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\n\nconst ButtonFocusVisibleStyled = styled('div')<{\n focusVisible: boolean;\n isNavigationVariant: boolean;\n fullWidth?: boolean;\n}>(({ theme, focusVisible, isNavigationVariant, fullWidth }) => {\n return {\n display: 'inline-flex',\n padding: 1,\n borderRadius: isNavigationVariant ? 4 : 50,\n transition: 'none',\n boxShadow: focusVisible ? `0 0 0 2px ${theme.palette.onSurface.os900}` : undefined,\n width: fullWidth ? '100%' : null,\n };\n});\n\nexport default ButtonFocusVisibleStyled;\n"],"names":["ButtonFocusVisibleStyled","styled","theme","focusVisible","isNavigationVariant","fullWidth","display","padding","borderRadius","transition","boxShadow","palette","onSurface","os900","undefined","width"],"mappings":"oEAEA,MAAMA,kCAA2BC,OAAO,MAAPA,~~EAI9B~~,EAAGC,QAAOC,eAAcC,sBAAqBC,gBACvC,CACLC,QAAS,cACTC,QAAS,EACTC,aAAcJ,EAAsB,EAAI,GACxCK,WAAY,OACZC,UAAWP,EAAe,aAAaD,EAAMS,QAAQC,UAAUC,aAAUC,EACzEC,MAAOV,EAAY,OAAS"}
1	+ {"version":3,"file":"buttonFocusVisibleStyled.js","sources":["../../../../../../src/components/common/styled/buttonFocusVisibleStyled.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\n\nconst ButtonFocusVisibleStyled = styled('div')<{\n focusVisible: boolean;\n isNavigationVariant: boolean;\n fullWidth?: boolean;\n}>(({ theme, focusVisible, isNavigationVariant, fullWidth }) => {\n return {\n display: 'inline-flex',\n padding: 1,\n borderRadius: isNavigationVariant ? 4 : 50,\n transition: 'none',\n boxShadow: focusVisible ? `0 0 0 2px ${theme.palette.onSurface.os900}` : undefined,\n width: fullWidth ? '100%' : null,\n };\n});\n\nexport default ButtonFocusVisibleStyled;\n"],"names":["ButtonFocusVisibleStyled","styled","theme","focusVisible","isNavigationVariant","fullWidth","display","padding","borderRadius","transition","boxShadow","palette","onSurface","os900","undefined","width"],"mappings":"oEAEA,MAAMA,kCAA2BC,OAAO,MAAPA,CAI9B,EAAGC,QAAOC,eAAcC,sBAAqBC,gBACvC,CACLC,QAAS,cACTC,QAAS,EACTC,aAAcJ,EAAsB,EAAI,GACxCK,WAAY,OACZC,UAAWP,EAAe,aAAaD,EAAMS,QAAQC,UAAUC,aAAUC,EACzEC,MAAOV,EAAY,OAAS"}

package/cjs/components/common/styled/formControlLabelStyled.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@mui/material/styles"),r=require("@mui/material");const t=e.styled(r.FormControlLabel,{shouldForwardProp:e=>"error"!==e})((({theme:e,error:r})=>({color:r?e.palette.alert.main:void 0})));exports.default=t;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@mui/material/styles"),r=require("@mui/material");const t=e.styled(r.FormControlLabel,{shouldForwardProp:e=>"error"!==e})(({theme:e,error:r})=>({color:r?e.palette.alert.main:void 0}));exports.default=t;
 //# sourceMappingURL=formControlLabelStyled.js.map

package/cjs/components/common/styled/formControlLabelStyled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"formControlLabelStyled.js","sources":["../../../../../../src/components/common/styled/formControlLabelStyled.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport {\n FormControlLabelProps as MuiFormControlLabelProps,\n FormControlLabel as MuiFormControlLabel,\n} from '@mui/material';\n\nconst FormControlLabelStyled = styled(MuiFormControlLabel, {\n shouldForwardProp: (prop) => prop !== 'error',\n})<MuiFormControlLabelProps & { error?: boolean; theme?: any }>(({ theme, error }) => {\n return {\n color: error ? theme.palette.alert['main'] : undefined,\n };\n});\n\nexport default FormControlLabelStyled;\n"],"names":["FormControlLabelStyled","styled","MuiFormControlLabel","shouldForwardProp","prop","theme","error","color","palette","alert","undefined"],"mappings":"qIAMA,MAAMA,EAAyBC,~~EAAMA~~,~~OAACC~~,mBAAqB,CACzDC,kBAAoBC,GAAkB,UAATA,GADAH,~~EAEiC~~,EAAGI,QAAOC,YACjE,CACLC,MAAOD,EAAQD,EAAMG,QAAQC,MAAY,UAAIC"}
1	+ {"version":3,"file":"formControlLabelStyled.js","sources":["../../../../../../src/components/common/styled/formControlLabelStyled.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport {\n FormControlLabelProps as MuiFormControlLabelProps,\n FormControlLabel as MuiFormControlLabel,\n} from '@mui/material';\n\nconst FormControlLabelStyled = styled(MuiFormControlLabel, {\n shouldForwardProp: (prop) => prop !== 'error',\n})<MuiFormControlLabelProps & { error?: boolean; theme?: any }>(({ theme, error }) => {\n return {\n color: error ? theme.palette.alert['main'] : undefined,\n };\n});\n\nexport default FormControlLabelStyled;\n"],"names":["FormControlLabelStyled","styled","MuiFormControlLabel","shouldForwardProp","prop","theme","error","color","palette","alert","undefined"],"mappings":"qIAMA,MAAMA,EAAyBC,EAAAA,OAAOC,mBAAqB,CACzDC,kBAAoBC,GAAkB,UAATA,GADAH,CAEiC,EAAGI,QAAOC,YACjE,CACLC,MAAOD,EAAQD,EAAMG,QAAQC,MAAY,UAAIC"}

package/cjs/components/common/styled/helperTextContainerStyled.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-declare const HelperTextContainerStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+declare const HelperTextContainerStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     theme?: any;
     disabled?: boolean;
     hasError?: boolean;

package/cjs/components/common/styled/sliderValuesStyled.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-declare const SliderValuesStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+declare const SliderValuesStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     theme?: any;
     disabled?: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/cjs/components/common/styled/sliderValuesStyled.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=require("@mui/material/styles").styled("div")((({theme:e,disabled:t})=>{const o=e.palette.disabled.primary;return{color:t?o:e.palette.onSurface.os700,fontSize:"14px",fontWeight:"normal",lineHeight:"20px","& input":{outline:"none",border:"0px",background:"transparent",color:t?o:e.palette.onSurface.os700,paddingTop:"0 !important"},"& span":{color:t?o:e.palette.onSurface.os700},"& .range-values":{display:"flex","& .middle-side":{flexGrow:1}},"& label":{display:"block",color:t?o:e.palette.onSurface.os500,fontSize:"12px",lineHeight:"16px"}}}));exports.default=e;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=require("@mui/material/styles").styled("div")(({theme:e,disabled:t})=>{const o=e.palette.disabled.primary;return{color:t?o:e.palette.onSurface.os700,fontSize:"14px",fontWeight:"normal",lineHeight:"20px","& input":{outline:"none",border:"0px",background:"transparent",color:t?o:e.palette.onSurface.os700,paddingTop:"0 !important"},"& span":{color:t?o:e.palette.onSurface.os700},"& .range-values":{display:"flex","& .middle-side":{flexGrow:1}},"& label":{display:"block",color:t?o:e.palette.onSurface.os500,fontSize:"12px",lineHeight:"16px"}}});exports.default=e;
 //# sourceMappingURL=sliderValuesStyled.js.map

package/cjs/components/common/styled/sliderValuesStyled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"sliderValuesStyled.js","sources":["../../../../../../src/components/common/styled/sliderValuesStyled.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\n\nconst SliderValuesStyled = styled('div')<{ theme?: any; disabled?: boolean }>(({ theme, disabled }) => {\n const colorDisabled = theme.palette.disabled.primary;\n return {\n color: disabled ? colorDisabled : theme.palette.onSurface.os700,\n fontSize: '14px',\n fontWeight: 'normal',\n lineHeight: '20px',\n '& input': {\n outline: 'none',\n border: '0px',\n background: 'transparent',\n color: disabled ? colorDisabled : theme.palette.onSurface.os700,\n paddingTop: '0 !important',\n },\n '& span': {\n color: disabled ? colorDisabled : theme.palette.onSurface.os700,\n },\n '& .range-values': {\n display: 'flex',\n '& .middle-side': {\n flexGrow: 1,\n },\n },\n '& label': {\n display: 'block',\n color: disabled ? colorDisabled : theme.palette.onSurface.os500,\n fontSize: '12px',\n lineHeight: '16px',\n },\n };\n});\n\nexport default SliderValuesStyled;\n"],"names":["SliderValuesStyled","styled","theme","disabled","colorDisabled","palette","primary","color","onSurface","os700","fontSize","fontWeight","lineHeight","outline","border","background","paddingTop","display","flexGrow","os500"],"mappings":"oEAEA,MAAMA,~~kCAA2BC~~,~~OAAC~~,MAAPA,~~EAAmD~~,EAAGC,QAAOC,eACtF,MAAMC,EAAgBF,EAAMG,QAAQF,SAASG,QAC7C,MAAO,CACLC,MAAOJ,EAAWC,EAAgBF,EAAMG,QAAQG,UAAUC,MAC1DC,SAAU,OACVC,WAAY,SACZC,WAAY,OACZ,UAAW,CACTC,QAAS,OACTC,OAAQ,MACRC,WAAY,cACZR,MAAOJ,EAAWC,EAAgBF,EAAMG,QAAQG,UAAUC,MAC1DO,WAAY,gBAEd,SAAU,CACRT,MAAOJ,EAAWC,EAAgBF,EAAMG,QAAQG,UAAUC,OAE5D,kBAAmB,CACjBQ,QAAS,OACT,iBAAkB,CAChBC,SAAU,IAGd,UAAW,CACTD,QAAS,QACTV,MAAOJ,EAAWC,EAAgBF,EAAMG,QAAQG,UAAUW,MAC1DT,SAAU,OACVE,WAAY~~,QAEf~~"}
1	+ {"version":3,"file":"sliderValuesStyled.js","sources":["../../../../../../src/components/common/styled/sliderValuesStyled.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\n\nconst SliderValuesStyled = styled('div')<{ theme?: any; disabled?: boolean }>(({ theme, disabled }) => {\n const colorDisabled = theme.palette.disabled.primary;\n return {\n color: disabled ? colorDisabled : theme.palette.onSurface.os700,\n fontSize: '14px',\n fontWeight: 'normal',\n lineHeight: '20px',\n '& input': {\n outline: 'none',\n border: '0px',\n background: 'transparent',\n color: disabled ? colorDisabled : theme.palette.onSurface.os700,\n paddingTop: '0 !important',\n },\n '& span': {\n color: disabled ? colorDisabled : theme.palette.onSurface.os700,\n },\n '& .range-values': {\n display: 'flex',\n '& .middle-side': {\n flexGrow: 1,\n },\n },\n '& label': {\n display: 'block',\n color: disabled ? colorDisabled : theme.palette.onSurface.os500,\n fontSize: '12px',\n lineHeight: '16px',\n },\n };\n});\n\nexport default SliderValuesStyled;\n"],"names":["SliderValuesStyled","styled","theme","disabled","colorDisabled","palette","primary","color","onSurface","os700","fontSize","fontWeight","lineHeight","outline","border","background","paddingTop","display","flexGrow","os500"],"mappings":"oEAEA,MAAMA,kCAAqBC,OAAO,MAAPA,CAAmD,EAAGC,QAAOC,eACtF,MAAMC,EAAgBF,EAAMG,QAAQF,SAASG,QAC7C,MAAO,CACLC,MAAOJ,EAAWC,EAAgBF,EAAMG,QAAQG,UAAUC,MAC1DC,SAAU,OACVC,WAAY,SACZC,WAAY,OACZ,UAAW,CACTC,QAAS,OACTC,OAAQ,MACRC,WAAY,cACZR,MAAOJ,EAAWC,EAAgBF,EAAMG,QAAQG,UAAUC,MAC1DO,WAAY,gBAEd,SAAU,CACRT,MAAOJ,EAAWC,EAAgBF,EAAMG,QAAQG,UAAUC,OAE5D,kBAAmB,CACjBQ,QAAS,OACT,iBAAkB,CAChBC,SAAU,IAGd,UAAW,CACTD,QAAS,QACTV,MAAOJ,EAAWC,EAAgBF,EAAMG,QAAQG,UAAUW,MAC1DT,SAAU,OACVE,WAAY"}

package/cjs/components/common/styled/textFieldStyled.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("@mui/material");const r=t.styled(t.TextField,{shouldForwardProp:e=>"helpText"!==e&&"maxChars"!==e&&"hideBg"!==e&&"hasError"!==e&&"hovered"!==e&&"textAreaHeight"!==e})((t=>{var{theme:r}=t,o=e.__rest(t,["theme"]);let i={};return i={},o.focused&&(i=Object.assign({},i)),o.error&&(i=Object.assign({},i)),o.icon&&(i=Object.assign({},i)),o.icon&&!o.placeholder&&(i=Object.assign(Object.assign({},i),{"& .MuiInput-underline":Object.assign(Object.assign({},i["& .MuiInput-underline"]),{"&:after":{bottom:"0px"},"&.Mui-error":{"&:after":{borderBottomColor:r.palette.alert.main}}}),"& .MuiInput-root":Object.assign(Object.assign({},i["& .MuiInput-root"]),{marginTop:0,height:"inherit",transform:"translateY(0px)","& input":{marginTop:"20px"},"& .MuiIcon-root":{top:"0px !important"},"&:before":{bottom:"0px"}})})),o.icon&&o.placeholder&&(i=Object.assign(Object.assign({},i),{"& .MuiInput-root":Object.assign(Object.assign({},i["& .MuiInput-root"]),{"& .MuiIcon-root":{top:"-4px !important","&.Mui-error":{"&:after":{borderBottomColor:r.palette.alert.main}}}})})),o.disabled&&(i=Object.assign({},i)),i}));exports.default=r;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("@mui/material");const r=t.styled(t.TextField,{shouldForwardProp:e=>"helpText"!==e&&"maxChars"!==e&&"hideBg"!==e&&"hasError"!==e&&"hovered"!==e&&"textAreaHeight"!==e})(t=>{var{theme:r}=t,o=e.__rest(t,["theme"]);let i={};return i={},o.focused&&(i=Object.assign({},i)),o.error&&(i=Object.assign({},i)),o.icon&&(i=Object.assign({},i)),o.icon&&!o.placeholder&&(i=Object.assign(Object.assign({},i),{"& .MuiInput-underline":Object.assign(Object.assign({},i["& .MuiInput-underline"]),{"&:after":{bottom:"0px"},"&.Mui-error":{"&:after":{borderBottomColor:r.palette.alert.main}}}),"& .MuiInput-root":Object.assign(Object.assign({},i["& .MuiInput-root"]),{marginTop:0,height:"inherit",transform:"translateY(0px)","& input":{marginTop:"20px"},"& .MuiIcon-root":{top:"0px !important"},"&:before":{bottom:"0px"}})})),o.icon&&o.placeholder&&(i=Object.assign(Object.assign({},i),{"& .MuiInput-root":Object.assign(Object.assign({},i["& .MuiInput-root"]),{"& .MuiIcon-root":{top:"-4px !important","&.Mui-error":{"&:after":{borderBottomColor:r.palette.alert.main}}}})})),o.disabled&&(i=Object.assign({},i)),i});exports.default=r;
 //# sourceMappingURL=textFieldStyled.js.map

package/cjs/components/common/styled/textFieldStyled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"textFieldStyled.js","sources":["../../../../../../src/components/common/styled/textFieldStyled.tsx"],"sourcesContent":["import { TextField as MuiTextField, TextFieldProps as MuiTextFieldProps, styled } from '@mui/material';\n\n/*\n @description TextInput styling definition based on props\n /\nconst TextFieldStyled = styled(MuiTextField, {\n shouldForwardProp: (prop) =>\n prop !== 'helpText' &&\n prop !== 'maxChars' &&\n prop !== 'hideBg' &&\n prop !== 'hasError' &&\n prop !== 'hovered' &&\n prop !== 'textAreaHeight',\n})<\n MuiTextFieldProps & {\n isSelect?: boolean;\n disabled?: boolean;\n hasError?: boolean;\n hideBg?: boolean;\n icon?: string;\n focused?: boolean;\n hovered?: boolean;\n }\n>(({ theme, ...props }) => {\n let styles = {};\n styles = {\n // '&, & ': {\n // \tboxSizing: 'content-box !important',\n // },\n };\n //Change styles if the input is focused\n if (props.focused) {\n styles = {\n ...styles,\n };\n }\n //If the input has an error, change the color of the label text and color/size of border's input\n if (props.error) {\n styles = {\n ...styles,\n };\n }\n if (props.icon) {\n styles = {\n ...styles,\n };\n }\n if (props.icon && !props.placeholder) {\n styles = {\n ...styles,\n '& .MuiInput-underline': {\n ...styles['& .MuiInput-underline'],\n '&:after': {\n bottom: '0px',\n },\n '&.Mui-error': {\n '&:after': {\n borderBottomColor: theme.palette.alert['main'],\n },\n },\n },\n '& .MuiInput-root': {\n ...styles['& .MuiInput-root'],\n marginTop: 0,\n height: 'inherit',\n transform: 'translateY(0px)',\n '& input': {\n marginTop: '20px',\n },\n '& .MuiIcon-root': {\n top: '0px !important',\n },\n '&:before': {\n bottom: '0px',\n },\n },\n };\n }\n if (props.icon && props.placeholder) {\n styles = {\n ...styles,\n '& .MuiInput-root': {\n ...styles['& .MuiInput-root'],\n '& .MuiIcon-root': {\n top: '-4px !important',\n '&.Mui-error': {\n '&:after': {\n borderBottomColor: theme.palette.alert['main'],\n },\n },\n },\n },\n };\n }\n //Change styles if the input is disabled\n if (props.disabled) {\n styles = {\n ...styles,\n };\n }\n return styles;\n});\nexport default TextFieldStyled;\n"],"names":["TextFieldStyled","styled","MuiTextField","shouldForwardProp","prop","_a","theme","props","__rest","styles","focused","Object","assign","error","icon","placeholder","bottom","borderBottomColor","palette","alert","marginTop","height","transform","top","disabled"],"mappings":"sHAKA,MAAMA,EAAkBC,~~EAAMA~~,~~OAACC~~,YAAc,CAC3CC,kBAAoBC,GACT,aAATA,GACS,aAATA,GACS,WAATA,GACS,aAATA,GACS,YAATA,GACS,mBAATA,GAPoBH,~~EAkBrBI~~,IAAA,IAAAC,MAAEA,~~GAAiBD~~,~~EAAPE~~,EAAKC,EAAAA,OAAAH,EAAjB,WACD,IAAII,EAAS,~~CAAE~~,~~EA4Ef~~,OA3EAA,EAAS,~~CAIR~~,~~EAEGF,~~EAAMG,UACRD,EAAME,OAAAC,OAAA,CAAA,EACDH,IAIHF,EAAMM,QACRJ,EAAME,OAAAC,OAAA,CAAA,EACDH,IAGHF,EAAMO,OACRL,EAAME,OAAAC,OAAA,CAAA,EACDH,IAGHF,EAAMO,OAASP,EAAMQ,cACvBN,EAAME,OAAAC,OAAAD,OAAAC,OAAA,GACDH,GAAM,CACT,wBAAuBE,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAClBH,EAAO,~~0BACV~~,~~CAAA~~,UAAW,CACTO,OAAQ,OAEV,cAAe,CACb,UAAW,CACTC,kBAAmBX,EAAMY,QAAQC,MAAY,SAInD,kDACKV,EAAO,qBAAmB,CAC7BW,UAAW,EACXC,OAAQ,UACRC,UAAW,kBACX,UAAW,CACTF,UAAW,QAEb,kBAAmB,CACjBG,IAAK,kBAEP,WAAY,CACVP,OAAQ,YAKZT,EAAMO,MAAQP,EAAMQ,cACtBN,EAAME,OAAAC,OAAAD,OAAAC,OAAA,GACDH,GAAM,CACT,mBAAkBE,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACbH,EAAO,~~qBACV~~,~~CAAA~~,kBAAmB,CACjBc,IAAK,kBACL,cAAe,CACb,UAAW,CACTN,kBAAmBX,EAAMY,QAAQC,MAAY,aAQrDZ,EAAMiB,WACRf,EAAME,OAAAC,OAAA,CAAA,EACDH,IAGAA~~,CAAM~~"}
1	+ {"version":3,"file":"textFieldStyled.js","sources":["../../../../../../src/components/common/styled/textFieldStyled.tsx"],"sourcesContent":["import { TextField as MuiTextField, TextFieldProps as MuiTextFieldProps, styled } from '@mui/material';\n\n/*\n @description TextInput styling definition based on props\n /\nconst TextFieldStyled = styled(MuiTextField, {\n shouldForwardProp: (prop) =>\n prop !== 'helpText' &&\n prop !== 'maxChars' &&\n prop !== 'hideBg' &&\n prop !== 'hasError' &&\n prop !== 'hovered' &&\n prop !== 'textAreaHeight',\n})<\n MuiTextFieldProps & {\n isSelect?: boolean;\n disabled?: boolean;\n hasError?: boolean;\n hideBg?: boolean;\n icon?: string;\n focused?: boolean;\n hovered?: boolean;\n }\n>(({ theme, ...props }) => {\n let styles = {};\n styles = {\n // '&, & ': {\n // \tboxSizing: 'content-box !important',\n // },\n };\n //Change styles if the input is focused\n if (props.focused) {\n styles = {\n ...styles,\n };\n }\n //If the input has an error, change the color of the label text and color/size of border's input\n if (props.error) {\n styles = {\n ...styles,\n };\n }\n if (props.icon) {\n styles = {\n ...styles,\n };\n }\n if (props.icon && !props.placeholder) {\n styles = {\n ...styles,\n '& .MuiInput-underline': {\n ...styles['& .MuiInput-underline'],\n '&:after': {\n bottom: '0px',\n },\n '&.Mui-error': {\n '&:after': {\n borderBottomColor: theme.palette.alert['main'],\n },\n },\n },\n '& .MuiInput-root': {\n ...styles['& .MuiInput-root'],\n marginTop: 0,\n height: 'inherit',\n transform: 'translateY(0px)',\n '& input': {\n marginTop: '20px',\n },\n '& .MuiIcon-root': {\n top: '0px !important',\n },\n '&:before': {\n bottom: '0px',\n },\n },\n };\n }\n if (props.icon && props.placeholder) {\n styles = {\n ...styles,\n '& .MuiInput-root': {\n ...styles['& .MuiInput-root'],\n '& .MuiIcon-root': {\n top: '-4px !important',\n '&.Mui-error': {\n '&:after': {\n borderBottomColor: theme.palette.alert['main'],\n },\n },\n },\n },\n };\n }\n //Change styles if the input is disabled\n if (props.disabled) {\n styles = {\n ...styles,\n };\n }\n return styles;\n});\nexport default TextFieldStyled;\n"],"names":["TextFieldStyled","styled","MuiTextField","shouldForwardProp","prop","_a","theme","props","__rest","styles","focused","Object","assign","error","icon","placeholder","bottom","borderBottomColor","palette","alert","marginTop","height","transform","top","disabled"],"mappings":"sHAKA,MAAMA,EAAkBC,EAAAA,OAAOC,YAAc,CAC3CC,kBAAoBC,GACT,aAATA,GACS,aAATA,GACS,WAATA,GACS,aAATA,GACS,YAATA,GACS,mBAATA,GAPoBH,CAkBrBI,IAAA,IAAAC,MAAEA,GAAKD,EAAKE,EAAKC,EAAAA,OAAAH,EAAjB,WACD,IAAII,EAAS,CAAA,EA4Eb,OA3EAA,EAAS,GAMLF,EAAMG,UACRD,EAAME,OAAAC,OAAA,CAAA,EACDH,IAIHF,EAAMM,QACRJ,EAAME,OAAAC,OAAA,CAAA,EACDH,IAGHF,EAAMO,OACRL,EAAME,OAAAC,OAAA,CAAA,EACDH,IAGHF,EAAMO,OAASP,EAAMQ,cACvBN,EAAME,OAAAC,OAAAD,OAAAC,OAAA,GACDH,GAAM,CACT,wBAAuBE,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAClBH,EAAO,0BAAwB,CAClC,UAAW,CACTO,OAAQ,OAEV,cAAe,CACb,UAAW,CACTC,kBAAmBX,EAAMY,QAAQC,MAAY,SAInD,kDACKV,EAAO,qBAAmB,CAC7BW,UAAW,EACXC,OAAQ,UACRC,UAAW,kBACX,UAAW,CACTF,UAAW,QAEb,kBAAmB,CACjBG,IAAK,kBAEP,WAAY,CACVP,OAAQ,YAKZT,EAAMO,MAAQP,EAAMQ,cACtBN,EAAME,OAAAC,OAAAD,OAAAC,OAAA,GACDH,GAAM,CACT,mBAAkBE,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACbH,EAAO,qBAAmB,CAC7B,kBAAmB,CACjBc,IAAK,kBACL,cAAe,CACb,UAAW,CACTN,kBAAmBX,EAAMY,QAAQC,MAAY,aAQrDZ,EAAMiB,WACRf,EAAME,OAAAC,OAAA,CAAA,EACDH,IAGAA"}

package/cjs/components/controls/controls.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var t=require("tslib"),e=require("react/jsx-runtime"),r=require("react"),o=require("@mui/material"),i=require("../icon/icon.js");require("../icon/icon.definitions.js");var n=require("../../utils/utilities.js");const a=r.forwardRef(((o,n)=>{var a=t.__rest(o,[]);const s=r.useRef(null),c=r.useCallback((t=>{a.onClickCallback&&!a.isDisabled&&a.onClickCallback(t)}),[a]);return r.useEffect((()=>{s.current.addEventListener("mousedown",(t=>{t.preventDefault()}))}),[s]),e.jsx(l,Object.assign({},a,{ref:n,onClick:()=>c(a.controlType),children:e.jsx("button",{ref:s,children:e.jsx(i.Icon,{fontSize:a.iconFontSize,name:a.controlType,iconStyle:a.iconStyle})})}))})),l=o.styled("div",{shouldForwardProp:t=>"controlType"!==t&&"controllerColor"!==t&&"iconStyle"!==t&&"iconFontSize"!==t&&"controlVariant"!==t&&"onClickCallback"!==t&&"isDisabled"!==t&&"customHeight"!==t})((e=>{var{theme:r}=e,o=t.__rest(e,["theme"]);const i=n.ternaryCondition(o.controllerColor,"light",r.palette.surface.tertiary,r.palette.text.primary);let a={};const l=Object.assign(Object.assign({},{display:"flex",justifyContent:"center",alignItems:"center"}),{width:n.ternaryCondition(o.iconFontSize,"small","34px","42px"),height:n.ternaryCondition(o.iconFontSize,"small","34px","42px"),borderRadius:"50%",backgroundColor:"transparent",border:"none",position:"relative",outline:n.ternaryCondition(o.controlVariant,"standard",0,`2px solid ${i}`),cursor:"pointer","& .MuiIcon-root":{color:n.ternaryCondition(o.controllerColor,"light",r.palette.surface.tertiary,r.palette.text.primary),fontSize:n.ternaryCondition(o.iconFontSize,"small","18px","24px")},"&:active":{transform:"scale(0.95)"},"&:hover":{backgroundColor:r.palette.transparent.primary},"&:focus":{"&:after":{content:'""',display:"block",width:"calc(100% + 6px)",height:"calc(100% + 6px)",outline:n.ternaryCondition(o.controllerColor,"light",`2px solid ${r.palette.surface.tertiary}`,`2px solid ${r.palette.text.primary}`),position:"absolute",left:"-3px",top:"-3px",borderRadius:"50%"}}});return a=Object.assign(Object.assign({},a),{height:(o.customHeight?o.customHeight:"100%")+"!important","& button":Object.assign({},l)}),o.isDisabled&&(a=Object.assign(Object.assign({},a),{"& button":Object.assign(Object.assign({},l),{borderColor:r.palette.disabled.primary,cursor:"default",outline:n.ternaryCondition(o.controlVariant,"standard",0,`2px solid ${r.palette.disabled.primary}`),"&:active":{transform:"scale(1)"},"&:hover":{backgroundColor:"transparent"},"&:focus":{"&:after":{content:"none"}},"& .MuiIcon-root":{color:r.palette.disabled.primary,fontSize:n.ternaryCondition(o.iconFontSize,"small","18px","24px")}})})),a}));exports.Controller=a;
+"use strict";var e=require("tslib"),i=require("react/jsx-runtime"),r=require("react"),o=require("@mui/material"),n=require("../icon/Icon.js");require("../icon/FlowIcon.js"),require("../icon/icon.definitions.js"),require("../icon/filled/ATMFilledIcon.js"),require("../icon/filled/AddFilledIcon.js"),require("../icon/filled/AirFilterFilledIcon.js"),require("../icon/filled/AISuggestionFilledIcon.js"),require("../icon/filled/ArchiveFilledIcon.js"),require("../icon/filled/ArrowBottomLeftFilledIcon.js"),require("../icon/filled/ArrowBottomRightFilledIcon.js"),require("../icon/filled/ArrowCircleBottomLeftFilledIcon.js"),require("../icon/filled/ArrowCircleBottomRightFilledIcon.js"),require("../icon/filled/ArrowCircleDownFilledIcon.js"),require("../icon/filled/ArrowCircleLeftFilledIcon.js"),require("../icon/filled/ArrowCircleRightFilledIcon.js"),require("../icon/filled/ArrowCircleTopLeftFilledIcon.js"),require("../icon/filled/ArrowCircleTopRightFilledIcon.js"),require("../icon/filled/ArrowCircleUpFilledIcon.js"),require("../icon/filled/ArrowCurvedDownFilledIcon.js"),require("../icon/filled/ArrowCurvedDownFlippedFilledIcon.js"),require("../icon/filled/ArrowCurvedLeftFilledIcon.js"),require("../icon/filled/ArrowCurvedLeftFlippedFilledIcon.js"),require("../icon/filled/ArrowCurvedRightFilledIcon.js"),require("../icon/filled/ArrowCurvedRightFlippedFilledIcon.js"),require("../icon/filled/ArrowCurvedUpFilledIcon.js"),require("../icon/filled/ArrowCurvedUpFlippedFilledIcon.js"),require("../icon/filled/ArrowDownFilledIcon.js"),require("../icon/filled/ArrowLeftFilledIcon.js"),require("../icon/filled/ArrowRightFilledIcon.js"),require("../icon/filled/ArrowTopLeftFilledIcon.js"),require("../icon/filled/ArrowTopRightFilledIcon.js"),require("../icon/filled/ArrowUpFilledIcon.js"),require("../icon/filled/ArtboardFilledIcon.js"),require("../icon/filled/AssistanceFilledIcon.js"),require("../icon/filled/AudioMidFilledIcon.js"),require("../icon/filled/AudioMuteFilledIcon.js"),require("../icon/filled/AudioOffFilledIcon.js"),require("../icon/filled/AudioOnFilledIcon.js"),require("../icon/filled/BackToParentFilledIcon.js"),require("../icon/filled/BadgeFilledIcon.js"),require("../icon/filled/BalloonFilledIcon.js"),require("../icon/filled/BarFilledIcon.js"),require("../icon/filled/BarCodeFilledIcon.js"),require("../icon/filled/Battery0FilledIcon.js"),require("../icon/filled/Battery10FilledIcon.js"),require("../icon/filled/Battery100FilledIcon.js"),require("../icon/filled/Battery20FilledIcon.js"),require("../icon/filled/Battery30FilledIcon.js"),require("../icon/filled/Battery40FilledIcon.js"),require("../icon/filled/Battery50FilledIcon.js"),require("../icon/filled/Battery60FilledIcon.js"),require("../icon/filled/Battery70FilledIcon.js"),require("../icon/filled/Battery80FilledIcon.js"),require("../icon/filled/Battery90FilledIcon.js"),require("../icon/filled/BatteryChargingFilledIcon.js"),require("../icon/filled/BatteryDischargeFilledIcon.js"),require("../icon/filled/BatteryEmptyFilledIcon.js"),require("../icon/filled/BatteryErrorFilledIcon.js"),require("../icon/filled/BatteryFullFilledIcon.js"),require("../icon/filled/BatteryHighVoltageFilledIcon.js"),require("../icon/filled/BatteryOneThirdFilledIcon.js"),require("../icon/filled/BatteryTwoThirdsFilledIcon.js"),require("../icon/filled/BatteryFilledIcon.js"),require("../icon/filled/BellFilledIcon.js"),require("../icon/filled/BicycleFilledIcon.js"),require("../icon/filled/BoltDischargeFilledIcon.js"),require("../icon/filled/BoltFilledIcon.js"),require("../icon/filled/BoltMotionFilledIcon.js"),require("../icon/filled/BoltOffFilledIcon.js"),require("../icon/filled/BonnetClosedFilledIcon.js"),require("../icon/filled/BonnetOpenFilledIcon.js"),require("../icon/filled/BookmarkFilledIcon.js"),require("../icon/filled/BootClosedFilledIcon.js"),require("../icon/filled/BootOpenFilledIcon.js"),require("../icon/filled/BoxFilledIcon.js"),require("../icon/filled/BrakeFluidFilledIcon.js"),require("../icon/filled/BrakesFilledIcon.js"),require("../icon/filled/BrightnessFilledIcon.js"),require("../icon/filled/BuildingFilledIcon.js"),require("../icon/filled/CalculatorFilledIcon.js"),require("../icon/filled/CalendarCalendarFilledIcon.js"),require("../icon/filled/CalendarCheckFilledIcon.js"),require("../icon/filled/CalendarPointFilledIcon.js"),require("../icon/filled/CameraFilledIcon.js"),require("../icon/filled/CampingFilledIcon.js"),require("../icon/filled/CarAccidentFilledIcon.js"),require("../icon/filled/CarBackFilledIcon.js"),require("../icon/filled/CarComparisonFilledIcon.js"),require("../icon/filled/CarHandFilledIcon.js"),require("../icon/filled/CarInfoFilledIcon.js"),require("../icon/filled/CarMagnifierFilledIcon.js"),require("../icon/filled/CarSeatFilledIcon.js"),require("../icon/filled/CarSendFilledIcon.js"),require("../icon/filled/CarSideFilledIcon.js"),require("../icon/filled/CarStarFilledIcon.js"),require("../icon/filled/CarTechnicalInfoFilledIcon.js"),require("../icon/filled/CareMobilityFilledIcon.js"),require("../icon/filled/CarFilledIcon.js"),require("../icon/filled/CarDoorFilledIcon.js"),require("../icon/filled/CarStatusFilledIcon.js"),require("../icon/filled/CardFilledIcon.js"),require("../icon/filled/ChangeOrderFilledIcon.js"),require("../icon/filled/ChatFilledIcon.js"),require("../icon/filled/CheckFilledIcon.js"),require("../icon/filled/ChevronCircleDownFilledIcon.js"),require("../icon/filled/ChevronCircleLeftFilledIcon.js"),require("../icon/filled/ChevronCircleRightFilledIcon.js"),require("../icon/filled/ChevronCircleUpFilledIcon.js"),require("../icon/filled/ChevronDoubleDownFilledIcon.js"),require("../icon/filled/ChevronDoubleLeftFilledIcon.js"),require("../icon/filled/ChevronDoubleRightFilledIcon.js"),require("../icon/filled/ChevronDoubleUpFilledIcon.js"),require("../icon/filled/ChevronDownFilledIcon.js"),require("../icon/filled/ChevronLeftFilledIcon.js"),require("../icon/filled/ChevronNextFilledIcon.js"),require("../icon/filled/ChevronPreviousFilledIcon.js"),require("../icon/filled/ChevronRightFilledIcon.js"),require("../icon/filled/ChevronUpFilledIcon.js"),require("../icon/filled/CircleBluetoothFilledIcon.js"),require("../icon/filled/CircleCheckFilledIcon.js"),require("../icon/filled/CircleCloseFilledIcon.js"),require("../icon/filled/CircleDownloadFilledIcon.js"),require("../icon/filled/CircleExclamationFilledIcon.js"),require("../icon/filled/CircleInformationFilledIcon.js"),require("../icon/filled/CircleMinusFilledIcon.js"),require("../icon/filled/CirclePlusFilledIcon.js"),require("../icon/filled/CircleQuestionFilledIcon.js"),require("../icon/filled/CircleSlashFilledIcon.js"),require("../icon/filled/CircleUploadFilledIcon.js"),require("../icon/filled/ClipFilledIcon.js"),require("../icon/filled/ClockFilledIcon.js"),require("../icon/filled/CloseFilledIcon.js"),require("../icon/filled/ClosedcaptionsFilledIcon.js"),require("../icon/filled/CloudCO2FilledIcon.js"),require("../icon/filled/CloudDownloadFilledIcon.js"),require("../icon/filled/CloudUploadFilledIcon.js"),require("../icon/filled/ColoursFilledIcon.js"),require("../icon/filled/ComfortFilledIcon.js"),require("../icon/filled/ContrastFilledIcon.js"),require("../icon/filled/ControlsForwardFilledIcon.js"),require("../icon/filled/ControlsPauseFilledIcon.js"),require("../icon/filled/ControlsPlayFilledIcon.js"),require("../icon/filled/ControlsRecordFilledIcon.js"),require("../icon/filled/ControlsReverseFilledIcon.js"),require("../icon/filled/ControlsRewindFilledIcon.js"),require("../icon/filled/ControlsSkipNextFilledIcon.js"),require("../icon/filled/ControlsSkipPreviousFilledIcon.js"),require("../icon/filled/ControlsStopFilledIcon.js"),require("../icon/filled/CookieFilledIcon.js"),require("../icon/filled/CultureFilledIcon.js"),require("../icon/filled/CopyFilledIcon.js"),require("../icon/filled/CutFilledIcon.js"),require("../icon/filled/DealerFilledIcon.js"),require("../icon/filled/DealershipServiceFilledIcon.js"),require("../icon/filled/DeliveryFilledIcon.js"),require("../icon/filled/DetailsFilledIcon.js"),require("../icon/filled/DeviceSmartphoneFilledIcon.js"),require("../icon/filled/DoorsClosedFilledIcon.js"),require("../icon/filled/DoorsOpenFilledIcon.js"),require("../icon/filled/DownloadFilledIcon.js"),require("../icon/filled/DraghandleFilledIcon.js"),require("../icon/filled/EditFilledIcon.js"),require("../icon/filled/ElectricChargerFilledIcon.js"),require("../icon/filled/ElectricChargerOffFilledIcon.js"),require("../icon/filled/EmptystateFilledIcon.js"),require("../icon/filled/EngineFilledIcon.js"),require("../icon/filled/EngineOilFilledIcon.js"),require("../icon/filled/EntertainmentFilledIcon.js"),require("../icon/filled/EqualsignFilledIcon.js"),require("../icon/filled/ExportFilledIcon.js"),require("../icon/filled/ExternalLinkFilledIcon.js"),require("../icon/filled/FacebookFilledIcon.js"),require("../icon/filled/FactoryFilledIcon.js"),require("../icon/filled/FanFilledIcon.js"),require("../icon/filled/FeedbackFilledIcon.js"),require("../icon/filled/FileFilledIcon.js"),require("../icon/filled/FileMissingFilledIcon.js"),require("../icon/filled/FileNewFilledIcon.js"),require("../icon/filled/FilterFilledIcon.js"),require("../icon/filled/FiltersFilledIcon.js"),require("../icon/filled/FingerPrintFilledIcon.js"),require("../icon/filled/FirstAidFilledIcon.js"),require("../icon/filled/FlashFilledIcon.js"),require("../icon/filled/FolderFilledIcon.js"),require("../icon/filled/FolderShareFilledIcon.js"),require("../icon/filled/FoodFilledIcon.js"),require("../icon/filled/FourwheeldriveFilledIcon.js"),require("../icon/filled/FrontaxleFilledIcon.js"),require("../icon/filled/FuelSavingsFilledIcon.js"),require("../icon/filled/FullscreenEnterFilledIcon.js"),require("../icon/filled/FullscreenExitFilledIcon.js"),require("../icon/filled/GarageFilledIcon.js"),require("../icon/filled/GaugeFilledIcon.js"),require("../icon/filled/GlobeFilledIcon.js"),require("../icon/filled/GroupFilledIcon.js"),require("../icon/filled/HandkeyFilledIcon.js"),require("../icon/filled/HealthScanFilledIcon.js"),require("../icon/filled/HeartFilledIcon.js"),require("../icon/filled/HideFilledIcon.js"),require("../icon/filled/HistoryFilledIcon.js"),require("../icon/filled/HomeFilledIcon.js"),require("../icon/filled/HonkFilledIcon.js"),require("../icon/filled/HotelFilledIcon.js"),require("../icon/filled/HybridFilledIcon.js"),require("../icon/filled/IDCardFilledIcon.js"),require("../icon/filled/ImportFilledIcon.js"),require("../icon/filled/InboxFilledIcon.js"),require("../icon/filled/InstagramFilledIcon.js"),require("../icon/filled/LightsFilledIcon.js"),require("../icon/filled/LightsOffFilledIcon.js"),require("../icon/filled/LinkedInFilledIcon.js"),require("../icon/filled/ListFilledIcon.js"),require("../icon/filled/LockClosedFilledIcon.js"),require("../icon/filled/LockOpenedFilledIcon.js"),require("../icon/filled/LockOpenedAltFilledIcon.js"),require("../icon/filled/LockedSteeringWheelFilledIcon.js"),require("../icon/filled/LoginFilledIcon.js"),require("../icon/filled/LogoutFilledIcon.js"),require("../icon/filled/MaintenanceFilledIcon.js"),require("../icon/filled/ManualFilledIcon.js"),require("../icon/filled/MapCenterFilledIcon.js"),require("../icon/filled/MapCompassFilledIcon.js"),require("../icon/filled/MapFlagFilledIcon.js"),require("../icon/filled/MapLocationFilledIcon.js"),require("../icon/filled/MapFilledIcon.js"),require("../icon/filled/MapMarkerFilledIcon.js"),require("../icon/filled/MapMarkerLBOFilledIcon.js"),require("../icon/filled/MapPinFilledIcon.js"),require("../icon/filled/MapViewFilledIcon.js"),require("../icon/filled/MenuWaffleFilledIcon.js"),require("../icon/filled/MenuFilledIcon.js"),require("../icon/filled/MessageFilledIcon.js"),require("../icon/filled/MicrophoneFilledIcon.js"),require("../icon/filled/MinusFilledIcon.js"),require("../icon/filled/MoreHorizontalFilledIcon.js"),require("../icon/filled/MoreVerticalFilledIcon.js"),require("../icon/filled/MotionFilledIcon.js"),require("../icon/filled/MusicalNoteFilledIcon.js"),require("../icon/filled/MuteFilledIcon.js"),require("../icon/filled/NewsFilledIcon.js"),require("../icon/filled/NewspaperFilledIcon.js"),require("../icon/filled/OilFilledIcon.js"),require("../icon/filled/ParkingFilledIcon.js"),require("../icon/filled/PasteFilledIcon.js"),require("../icon/filled/PercentageFilledIcon.js"),require("../icon/filled/PetFilledIcon.js"),require("../icon/filled/PhoneFilledIcon.js"),require("../icon/filled/PictureFilledIcon.js"),require("../icon/filled/PiggybankFilledIcon.js"),require("../icon/filled/PlugCCSType1FilledIcon.js"),require("../icon/filled/PlugCCSType2FilledIcon.js"),require("../icon/filled/PlugCHAdeMOFilledIcon.js"),require("../icon/filled/PlugType1FilledIcon.js"),require("../icon/filled/PlugType2FilledIcon.js"),require("../icon/filled/PlugFilledIcon.js"),require("../icon/filled/PlusFilledIcon.js"),require("../icon/filled/PremiumLFilledIcon.js"),require("../icon/filled/PremiumMFilledIcon.js"),require("../icon/filled/PremiumSFilledIcon.js"),require("../icon/filled/PriceTagFilledIcon.js"),require("../icon/filled/PrintFilledIcon.js"),require("../icon/filled/ProductionFilledIcon.js"),require("../icon/filled/PublicplaceFilledIcon.js"),require("../icon/filled/PumpFilledIcon.js"),require("../icon/filled/PumpCNGFilledIcon.js"),require("../icon/filled/PumpLPGFilledIcon.js"),require("../icon/filled/QRCodeFilledIcon.js"),require("../icon/filled/QualityFilledIcon.js"),require("../icon/filled/QualityMedalFilledIcon.js"),require("../icon/filled/RadarFilledIcon.js"),require("../icon/filled/RefreshFilledIcon.js"),require("../icon/filled/ReloadFilledIcon.js"),require("../icon/filled/RevertFilledIcon.js"),require("../icon/filled/RoadBlockFilledIcon.js"),require("../icon/filled/SaveFilledIcon.js"),require("../icon/filled/SearchMinusFilledIcon.js"),require("../icon/filled/SearchPlusFilledIcon.js"),require("../icon/filled/SearchFilledIcon.js"),require("../icon/filled/SeatheaterFilledIcon.js"),require("../icon/filled/SelectFilledIcon.js"),require("../icon/filled/SelectAllFilledIcon.js"),require("../icon/filled/SendFilledIcon.js"),require("../icon/filled/SettingsFilledIcon.js"),require("../icon/filled/ShapeCircleFilledIcon.js"),require("../icon/filled/ShapeDropFilledIcon.js"),require("../icon/filled/ShapeRectangleHorizontalFilledIcon.js"),require("../icon/filled/ShapeRectangleRoundedFilledIcon.js"),require("../icon/filled/ShapeRectangleVerticalFilledIcon.js"),require("../icon/filled/ShapeRhombusFilledIcon.js"),require("../icon/filled/ShapeShapesFilledIcon.js"),require("../icon/filled/ShapeSquareFilledIcon.js"),require("../icon/filled/ShapeStarFilledIcon.js"),require("../icon/filled/ShapeStarhalfFilledIcon.js"),require("../icon/filled/ShapeTriangleFilledIcon.js"),require("../icon/filled/ShareFilledIcon.js"),require("../icon/filled/ShareSquareFilledIcon.js"),require("../icon/filled/ShieldCheckFilledIcon.js"),require("../icon/filled/ShieldEmptyFilledIcon.js"),require("../icon/filled/ShoppingBagFilledIcon.js"),require("../icon/filled/ShoppingCartFilledIcon.js"),require("../icon/filled/ShowFilledIcon.js"),require("../icon/filled/ShuffleFilledIcon.js"),require("../icon/filled/SignalFilledIcon.js"),require("../icon/filled/SortDownFilledIcon.js"),require("../icon/filled/SortUpFilledIcon.js"),require("../icon/filled/SoundwaveFilledIcon.js"),require("../icon/filled/SparkplugFilledIcon.js"),require("../icon/filled/SportFilledIcon.js"),require("../icon/filled/StatsFilledIcon.js"),require("../icon/filled/SteeringWheelFilledIcon.js"),require("../icon/filled/StopwatchFilledIcon.js"),require("../icon/filled/SubtractFilledIcon.js"),require("../icon/filled/SuitcaseFilledIcon.js"),require("../icon/filled/SunroofFilledIcon.js"),require("../icon/filled/TaskDoneFilledIcon.js"),require("../icon/filled/TaskNoneFilledIcon.js"),require("../icon/filled/TaskScheduledFilledIcon.js"),require("../icon/filled/TechnicalInfoFilledIcon.js"),require("../icon/filled/TelegramFilledIcon.js"),require("../icon/filled/ThumbDownFilledIcon.js"),require("../icon/filled/ThumbUpFilledIcon.js"),require("../icon/filled/TicketFilledIcon.js"),require("../icon/filled/TikTokFilledIcon.js"),require("../icon/filled/ToiletsFilledIcon.js"),require("../icon/filled/TransmissionAutomaticFilledIcon.js"),require("../icon/filled/TransmissionManualFilledIcon.js"),require("../icon/filled/TrashcanFilledIcon.js"),require("../icon/filled/TripCyclicFilledIcon.js"),require("../icon/filled/TripLongTermFilledIcon.js"),require("../icon/filled/TripSingleFilledIcon.js"),require("../icon/filled/TrophyFilledIcon.js"),require("../icon/filled/TwitterFilledIcon.js"),require("../icon/filled/TyreRepairFilledIcon.js"),require("../icon/filled/TyreTracksFilledIcon.js"),require("../icon/filled/TyresFilledIcon.js"),require("../icon/filled/UploadFilledIcon.js"),require("../icon/filled/UserFilledIcon.js"),require("../icon/filled/VentilationFilledIcon.js"),require("../icon/filled/VentilationOffFilledIcon.js"),require("../icon/filled/WalkFilledIcon.js"),require("../icon/filled/WallboxFilledIcon.js"),require("../icon/filled/WalletFilledIcon.js"),require("../icon/filled/WandFilledIcon.js"),require("../icon/filled/WarningFilledIcon.js"),require("../icon/filled/WeatherRainyFilledIcon.js"),require("../icon/filled/WeatherSnowFilledIcon.js"),require("../icon/filled/WellnessFilledIcon.js"),require("../icon/filled/WhatsAppFilledIcon.js"),require("../icon/filled/WheelchairFilledIcon.js"),require("../icon/filled/WheelsFilledIcon.js"),require("../icon/filled/WifiDisabledFilledIcon.js"),require("../icon/filled/WifiHighFilledIcon.js"),require("../icon/filled/WifiLowFilledIcon.js"),require("../icon/filled/WifiMediumFilledIcon.js"),require("../icon/filled/WifiNoSignalFilledIcon.js"),require("../icon/filled/WindowFilledIcon.js"),require("../icon/filled/WindowheaterFilledIcon.js"),require("../icon/filled/WindowsClosedFilledIcon.js"),require("../icon/filled/WindowsOpenFilledIcon.js"),require("../icon/filled/WindscreenWiperFilledIcon.js"),require("../icon/filled/WriteFilledIcon.js"),require("../icon/filled/XFilledIcon.js"),require("../icon/filled/YouTubeFilledIcon.js"),require("../icon/stroke/ATMIcon.js"),require("../icon/stroke/AddIcon.js"),require("../icon/stroke/AirFilterIcon.js"),require("../icon/stroke/AISuggestionIcon.js"),require("../icon/stroke/ArchiveIcon.js"),require("../icon/stroke/ArrowBottomLeftIcon.js"),require("../icon/stroke/ArrowBottomRightIcon.js"),require("../icon/stroke/ArrowCircleBottomLeftIcon.js"),require("../icon/stroke/ArrowCircleBottomRightIcon.js"),require("../icon/stroke/ArrowCircleDownIcon.js"),require("../icon/stroke/ArrowCircleLeftIcon.js"),require("../icon/stroke/ArrowCircleRightIcon.js"),require("../icon/stroke/ArrowCircleTopLeftIcon.js"),require("../icon/stroke/ArrowCircleTopRightIcon.js"),require("../icon/stroke/ArrowCircleUpIcon.js"),require("../icon/stroke/ArrowCurvedDownIcon.js"),require("../icon/stroke/ArrowCurvedDownFlippedIcon.js"),require("../icon/stroke/ArrowCurvedLeftIcon.js"),require("../icon/stroke/ArrowCurvedLeftFlippedIcon.js"),require("../icon/stroke/ArrowCurvedRightIcon.js"),require("../icon/stroke/ArrowCurvedRightFlippedIcon.js"),require("../icon/stroke/ArrowCurvedUpIcon.js"),require("../icon/stroke/ArrowCurvedUpFlippedIcon.js"),require("../icon/stroke/ArrowDownIcon.js"),require("../icon/stroke/ArrowLeftIcon.js"),require("../icon/stroke/ArrowRightIcon.js"),require("../icon/stroke/ArrowTopLeftIcon.js"),require("../icon/stroke/ArrowTopRightIcon.js"),require("../icon/stroke/ArrowUpIcon.js"),require("../icon/stroke/ArtboardIcon.js"),require("../icon/stroke/AssistanceIcon.js"),require("../icon/stroke/AudioMidIcon.js"),require("../icon/stroke/AudioMuteIcon.js"),require("../icon/stroke/AudioOffIcon.js"),require("../icon/stroke/AudioOnIcon.js"),require("../icon/stroke/BadgeIcon.js"),require("../icon/stroke/BackToParentIcon.js"),require("../icon/stroke/BalloonIcon.js"),require("../icon/stroke/BarIcon.js"),require("../icon/stroke/BarCodeIcon.js"),require("../icon/stroke/Battery0Icon.js"),require("../icon/stroke/Battery10Icon.js"),require("../icon/stroke/Battery100Icon.js"),require("../icon/stroke/Battery20Icon.js"),require("../icon/stroke/Battery30Icon.js"),require("../icon/stroke/Battery40Icon.js"),require("../icon/stroke/Battery50Icon.js"),require("../icon/stroke/Battery60Icon.js"),require("../icon/stroke/Battery70Icon.js"),require("../icon/stroke/Battery80Icon.js"),require("../icon/stroke/Battery90Icon.js"),require("../icon/stroke/BatteryEmptyIcon.js"),require("../icon/stroke/BatteryFullIcon.js"),require("../icon/stroke/BatteryHighVoltageIcon.js"),require("../icon/stroke/BatteryOneThirdIcon.js"),require("../icon/stroke/BatteryTwoThirdsIcon.js"),require("../icon/stroke/BatteryChargingIcon.js"),require("../icon/stroke/BatteryDischargeIcon.js"),require("../icon/stroke/BatteryErrorIcon.js"),require("../icon/stroke/BatteryIcon.js"),require("../icon/stroke/BellIcon.js"),require("../icon/stroke/BicycleIcon.js"),require("../icon/stroke/BoltDischargeIcon.js"),require("../icon/stroke/BoltIcon.js"),require("../icon/stroke/BoltMotionIcon.js"),require("../icon/stroke/BoltOffIcon.js"),require("../icon/stroke/BonnetClosedIcon.js"),require("../icon/stroke/BonnetOpenIcon.js"),require("../icon/stroke/BookmarkIcon.js"),require("../icon/stroke/BootClosedIcon.js"),require("../icon/stroke/BootOpenIcon.js"),require("../icon/stroke/BoxIcon.js"),require("../icon/stroke/BrakeFluidIcon.js"),require("../icon/stroke/BrakesIcon.js"),require("../icon/stroke/BrightnessIcon.js"),require("../icon/stroke/BuildingIcon.js"),require("../icon/stroke/CalculatorIcon.js"),require("../icon/stroke/CalendarCalendarIcon.js"),require("../icon/stroke/CalendarCheckIcon.js"),require("../icon/stroke/CalendarPointIcon.js"),require("../icon/stroke/CameraIcon.js"),require("../icon/stroke/CampingIcon.js"),require("../icon/stroke/CarAccidentIcon.js"),require("../icon/stroke/CarBackIcon.js"),require("../icon/stroke/CarComparisonIcon.js"),require("../icon/stroke/CarHandIcon.js"),require("../icon/stroke/CarInfoIcon.js"),require("../icon/stroke/CarMagnifierIcon.js"),require("../icon/stroke/CarSeatIcon.js"),require("../icon/stroke/CarSendIcon.js"),require("../icon/stroke/CarSideIcon.js"),require("../icon/stroke/CarStarIcon.js"),require("../icon/stroke/CarTechnicalInfoIcon.js"),require("../icon/stroke/CareMobilityIcon.js"),require("../icon/stroke/CarIcon.js"),require("../icon/stroke/CarDoorIcon.js"),require("../icon/stroke/CarStatusIcon.js"),require("../icon/stroke/CardIcon.js"),require("../icon/stroke/ChangeOrderIcon.js"),require("../icon/stroke/ChatIcon.js"),require("../icon/stroke/CheckIcon.js"),require("../icon/stroke/ChevronCircleDownIcon.js"),require("../icon/stroke/ChevronCircleLeftIcon.js"),require("../icon/stroke/ChevronCircleRightIcon.js"),require("../icon/stroke/ChevronCircleUpIcon.js"),require("../icon/stroke/ChevronDoubleDownIcon.js"),require("../icon/stroke/ChevronDoubleLeftIcon.js"),require("../icon/stroke/ChevronDoubleRightIcon.js"),require("../icon/stroke/ChevronDoubleUpIcon.js"),require("../icon/stroke/ChevronDownIcon.js"),require("../icon/stroke/ChevronLeftIcon.js"),require("../icon/stroke/ChevronNextIcon.js"),require("../icon/stroke/ChevronPreviousIcon.js"),require("../icon/stroke/ChevronRightIcon.js"),require("../icon/stroke/ChevronUpIcon.js"),require("../icon/stroke/CircleBluetoothIcon.js"),require("../icon/stroke/CircleCheckIcon.js"),require("../icon/stroke/CircleCloseIcon.js"),require("../icon/stroke/CircleDownloadIcon.js"),require("../icon/stroke/CircleExclamationIcon.js"),require("../icon/stroke/CircleInformationIcon.js"),require("../icon/stroke/CircleMinusIcon.js"),require("../icon/stroke/CirclePlusIcon.js"),require("../icon/stroke/CircleQuestionIcon.js"),require("../icon/stroke/CircleSlashIcon.js"),require("../icon/stroke/CircleUploadIcon.js"),require("../icon/stroke/ClipIcon.js"),require("../icon/stroke/ClockIcon.js"),require("../icon/stroke/CloseIcon.js"),require("../icon/stroke/ClosedcaptionsIcon.js"),require("../icon/stroke/CloudCO2Icon.js"),require("../icon/stroke/CloudDownloadIcon.js"),require("../icon/stroke/CloudUploadIcon.js"),require("../icon/stroke/ColoursIcon.js"),require("../icon/stroke/ComfortIcon.js"),require("../icon/stroke/ContrastIcon.js"),require("../icon/stroke/ControlsForwardIcon.js"),require("../icon/stroke/ControlsPauseIcon.js"),require("../icon/stroke/ControlsPlayIcon.js"),require("../icon/stroke/ControlsRecordIcon.js"),require("../icon/stroke/ControlsReverseIcon.js"),require("../icon/stroke/ControlsRewindIcon.js"),require("../icon/stroke/ControlsSkipNextIcon.js"),require("../icon/stroke/ControlsSkipPreviousIcon.js"),require("../icon/stroke/ControlsStopIcon.js"),require("../icon/stroke/CookieIcon.js"),require("../icon/stroke/CopyIcon.js"),require("../icon/stroke/CultureIcon.js"),require("../icon/stroke/CutIcon.js"),require("../icon/stroke/DealerIcon.js"),require("../icon/stroke/DealershipServiceIcon.js"),require("../icon/stroke/DeliveryIcon.js"),require("../icon/stroke/DetailsIcon.js"),require("../icon/stroke/DeviceSmartphoneIcon.js"),require("../icon/stroke/DoorsClosedIcon.js"),require("../icon/stroke/DoorsOpenIcon.js"),require("../icon/stroke/DownloadIcon.js"),require("../icon/stroke/DraghandleIcon.js"),require("../icon/stroke/EditIcon.js"),require("../icon/stroke/ElectricChargerIcon.js"),require("../icon/stroke/ElectricChargerOffIcon.js"),require("../icon/stroke/EmptystateIcon.js"),require("../icon/stroke/EngineIcon.js"),require("../icon/stroke/EngineOilIcon.js"),require("../icon/stroke/EntertainmentIcon.js"),require("../icon/stroke/EqualsignIcon.js"),require("../icon/stroke/ExportIcon.js"),require("../icon/stroke/ExternalLinkIcon.js"),require("../icon/stroke/FacebookIcon.js"),require("../icon/stroke/FactoryIcon.js"),require("../icon/stroke/FanIcon.js"),require("../icon/stroke/FeedbackIcon.js"),require("../icon/stroke/FileIcon.js"),require("../icon/stroke/FileMissingIcon.js"),require("../icon/stroke/FileNewIcon.js"),require("../icon/stroke/FilterIcon.js"),require("../icon/stroke/FiltersIcon.js"),require("../icon/stroke/FingerPrintIcon.js"),require("../icon/stroke/FirstAidIcon.js"),require("../icon/stroke/FlashIcon.js"),require("../icon/stroke/FolderIcon.js"),require("../icon/stroke/FolderShareIcon.js"),require("../icon/stroke/FoodIcon.js"),require("../icon/stroke/FourwheeldriveIcon.js"),require("../icon/stroke/FrontaxleIcon.js"),require("../icon/stroke/FuelSavingsIcon.js"),require("../icon/stroke/FullscreenEnterIcon.js"),require("../icon/stroke/FullscreenExitIcon.js"),require("../icon/stroke/GarageIcon.js"),require("../icon/stroke/GaugeIcon.js"),require("../icon/stroke/GlobeIcon.js"),require("../icon/stroke/GroupIcon.js"),require("../icon/stroke/HandkeyIcon.js"),require("../icon/stroke/HealthScanIcon.js"),require("../icon/stroke/HeartIcon.js"),require("../icon/stroke/HideIcon.js"),require("../icon/stroke/HistoryIcon.js"),require("../icon/stroke/HomeIcon.js"),require("../icon/stroke/HonkIcon.js"),require("../icon/stroke/HotelIcon.js"),require("../icon/stroke/HybridIcon.js"),require("../icon/stroke/IDCardIcon.js"),require("../icon/stroke/ImportIcon.js"),require("../icon/stroke/InboxIcon.js"),require("../icon/stroke/InstagramIcon.js"),require("../icon/stroke/LightsIcon.js"),require("../icon/stroke/LightsOffIcon.js"),require("../icon/stroke/LinkedInIcon.js"),require("../icon/stroke/ListIcon.js"),require("../icon/stroke/LockClosedIcon.js"),require("../icon/stroke/LockOpenedIcon.js"),require("../icon/stroke/LockOpenedAltIcon.js"),require("../icon/stroke/LockedSteeringWheelIcon.js"),require("../icon/stroke/LoginIcon.js"),require("../icon/stroke/LogoutIcon.js"),require("../icon/stroke/MaintenanceIcon.js"),require("../icon/stroke/ManualIcon.js"),require("../icon/stroke/MapCenterIcon.js"),require("../icon/stroke/MapCompassIcon.js"),require("../icon/stroke/MapFlagIcon.js"),require("../icon/stroke/MapLocationIcon.js"),require("../icon/stroke/MapIcon.js"),require("../icon/stroke/MapMarkerIcon.js"),require("../icon/stroke/MapMarkerLBOIcon.js"),require("../icon/stroke/MapPinIcon.js"),require("../icon/stroke/MapViewIcon.js"),require("../icon/stroke/MenuWaffleIcon.js"),require("../icon/stroke/MenuIcon.js"),require("../icon/stroke/MessageIcon.js"),require("../icon/stroke/MicrophoneIcon.js"),require("../icon/stroke/MinusIcon.js"),require("../icon/stroke/MoreHorizontalIcon.js"),require("../icon/stroke/MoreVerticalIcon.js"),require("../icon/stroke/MotionIcon.js"),require("../icon/stroke/MusicalNoteIcon.js"),require("../icon/stroke/MuteIcon.js"),require("../icon/stroke/NewsIcon.js"),require("../icon/stroke/NewspaperIcon.js"),require("../icon/stroke/OilIcon.js"),require("../icon/stroke/ParkingIcon.js"),require("../icon/stroke/PasteIcon.js"),require("../icon/stroke/PercentageIcon.js"),require("../icon/stroke/PetIcon.js"),require("../icon/stroke/PhoneIcon.js"),require("../icon/stroke/PictureIcon.js"),require("../icon/stroke/PiggybankIcon.js"),require("../icon/stroke/PlugCCSType1Icon.js"),require("../icon/stroke/PlugCCSType2Icon.js"),require("../icon/stroke/PlugCHAdeMOIcon.js"),require("../icon/stroke/PlugType1Icon.js"),require("../icon/stroke/PlugType2Icon.js"),require("../icon/stroke/PlugIcon.js"),require("../icon/stroke/PlusIcon.js"),require("../icon/stroke/PremiumLIcon.js"),require("../icon/stroke/PremiumMIcon.js"),require("../icon/stroke/PremiumSIcon.js"),require("../icon/stroke/PriceTagIcon.js"),require("../icon/stroke/PrintIcon.js"),require("../icon/stroke/ProductionIcon.js"),require("../icon/stroke/PublicplaceIcon.js"),require("../icon/stroke/PumpIcon.js"),require("../icon/stroke/PumpCNGIcon.js"),require("../icon/stroke/PumpLPGIcon.js"),require("../icon/stroke/QRCodeIcon.js"),require("../icon/stroke/QualityIcon.js"),require("../icon/stroke/QualityMedalIcon.js"),require("../icon/stroke/RadarIcon.js"),require("../icon/stroke/RefreshIcon.js"),require("../icon/stroke/ReloadIcon.js"),require("../icon/stroke/RevertIcon.js"),require("../icon/stroke/RoadBlockIcon.js"),require("../icon/stroke/SaveIcon.js"),require("../icon/stroke/SearchMinusIcon.js"),require("../icon/stroke/SearchPlusIcon.js"),require("../icon/stroke/SearchIcon.js"),require("../icon/stroke/SeatheaterIcon.js"),require("../icon/stroke/SelectIcon.js"),require("../icon/stroke/SelectAllIcon.js"),require("../icon/stroke/SendIcon.js"),require("../icon/stroke/SettingsIcon.js"),require("../icon/stroke/ShapeCircleIcon.js"),require("../icon/stroke/ShapeDropIcon.js"),require("../icon/stroke/ShapeRectangleHorizontalIcon.js"),require("../icon/stroke/ShapeRectangleRoundedIcon.js"),require("../icon/stroke/ShapeRectangleVerticalIcon.js"),require("../icon/stroke/ShapeRhombusIcon.js"),require("../icon/stroke/ShapeShapesIcon.js"),require("../icon/stroke/ShapeSquareIcon.js"),require("../icon/stroke/ShapeStarIcon.js"),require("../icon/stroke/ShapeStarhalfIcon.js"),require("../icon/stroke/ShapeTriangleIcon.js"),require("../icon/stroke/ShareIcon.js"),require("../icon/stroke/ShareSquareIcon.js"),require("../icon/stroke/ShieldCheckIcon.js"),require("../icon/stroke/ShieldEmptyIcon.js"),require("../icon/stroke/ShoppingBagIcon.js"),require("../icon/stroke/ShoppingCartIcon.js"),require("../icon/stroke/ShowIcon.js"),require("../icon/stroke/ShuffleIcon.js"),require("../icon/stroke/SignalIcon.js"),require("../icon/stroke/SortDownIcon.js"),require("../icon/stroke/SortUpIcon.js"),require("../icon/stroke/SoundwaveIcon.js"),require("../icon/stroke/SparkplugIcon.js"),require("../icon/stroke/SportIcon.js"),require("../icon/stroke/StatsIcon.js"),require("../icon/stroke/SteeringWheelIcon.js"),require("../icon/stroke/StopwatchIcon.js"),require("../icon/stroke/SubtractIcon.js"),require("../icon/stroke/SuitcaseIcon.js"),require("../icon/stroke/SunroofIcon.js"),require("../icon/stroke/TaskDoneIcon.js"),require("../icon/stroke/TaskNoneIcon.js"),require("../icon/stroke/TaskScheduledIcon.js"),require("../icon/stroke/TechnicalInfoIcon.js"),require("../icon/stroke/TelegramIcon.js"),require("../icon/stroke/ThumbDownIcon.js"),require("../icon/stroke/ThumbUpIcon.js"),require("../icon/stroke/TicketIcon.js"),require("../icon/stroke/TikTokIcon.js"),require("../icon/stroke/ToiletsIcon.js"),require("../icon/stroke/TransmissionAutomaticIcon.js"),require("../icon/stroke/TransmissionManualIcon.js"),require("../icon/stroke/TrashcanIcon.js"),require("../icon/stroke/TripCyclicIcon.js"),require("../icon/stroke/TripLongTermIcon.js"),require("../icon/stroke/TripSingleIcon.js"),require("../icon/stroke/TrophyIcon.js"),require("../icon/stroke/TwitterIcon.js"),require("../icon/stroke/TyreRepairIcon.js"),require("../icon/stroke/TyreTracksIcon.js"),require("../icon/stroke/TyresIcon.js"),require("../icon/stroke/UploadIcon.js"),require("../icon/stroke/UserIcon.js"),require("../icon/stroke/VentilationIcon.js"),require("../icon/stroke/VentilationOffIcon.js"),require("../icon/stroke/WalkIcon.js"),require("../icon/stroke/WallboxIcon.js"),require("../icon/stroke/WalletIcon.js"),require("../icon/stroke/WandIcon.js"),require("../icon/stroke/WarningIcon.js"),require("../icon/stroke/WeatherRainyIcon.js"),require("../icon/stroke/WeatherSnowIcon.js"),require("../icon/stroke/WellnessIcon.js"),require("../icon/stroke/WhatsAppIcon.js"),require("../icon/stroke/WheelchairIcon.js"),require("../icon/stroke/WheelsIcon.js"),require("../icon/stroke/WifiDisabledIcon.js"),require("../icon/stroke/WifiHighIcon.js"),require("../icon/stroke/WifiLowIcon.js"),require("../icon/stroke/WifiMediumIcon.js"),require("../icon/stroke/WifiNoSignalIcon.js"),require("../icon/stroke/WindowIcon.js"),require("../icon/stroke/WindowheaterIcon.js"),require("../icon/stroke/WindowsClosedIcon.js"),require("../icon/stroke/WindowsOpenIcon.js"),require("../icon/stroke/WindscreenWiperIcon.js"),require("../icon/stroke/WriteIcon.js"),require("../icon/stroke/XIcon.js"),require("../icon/stroke/YouTubeIcon.js");var l=require("../../utils/utilities.js");const c=r.forwardRef((o,l)=>{var c=e.__rest(o,[]);const t=r.useRef(null),d=r.useCallback(e=>{c.onClickCallback&&!c.isDisabled&&c.onClickCallback(e)},[c]);return r.useEffect(()=>{t.current.addEventListener("mousedown",e=>{e.preventDefault()})},[t]),i.jsx(s,Object.assign({},c,{ref:l,onClick:()=>d(c.controlType),children:i.jsx("button",{ref:t,children:i.jsx(n.Icon,{fontSize:c.iconFontSize,name:c.controlType,iconStyle:c.iconStyle})})}))}),s=o.styled("div",{shouldForwardProp:e=>"controlType"!==e&&"controllerColor"!==e&&"iconStyle"!==e&&"iconFontSize"!==e&&"controlVariant"!==e&&"onClickCallback"!==e&&"isDisabled"!==e&&"customHeight"!==e})(i=>{var{theme:r}=i,o=e.__rest(i,["theme"]);const n=l.ternaryCondition(o.controllerColor,"light",r.palette.surface.tertiary,r.palette.text.primary);let c={};const s=Object.assign(Object.assign({},{display:"flex",justifyContent:"center",alignItems:"center"}),{width:l.ternaryCondition(o.iconFontSize,"small","34px","42px"),height:l.ternaryCondition(o.iconFontSize,"small","34px","42px"),borderRadius:"50%",backgroundColor:"transparent",border:"none",position:"relative",outline:l.ternaryCondition(o.controlVariant,"standard",0,`2px solid ${n}`),cursor:"pointer","& .MuiIcon-root":{color:l.ternaryCondition(o.controllerColor,"light",r.palette.surface.tertiary,r.palette.text.primary),fontSize:l.ternaryCondition(o.iconFontSize,"small","18px","24px")},"&:active":{transform:"scale(0.95)"},"&:hover":{backgroundColor:r.palette.transparent.primary},"&:focus":{"&:after":{content:'""',display:"block",width:"calc(100% + 6px)",height:"calc(100% + 6px)",outline:l.ternaryCondition(o.controllerColor,"light",`2px solid ${r.palette.surface.tertiary}`,`2px solid ${r.palette.text.primary}`),position:"absolute",left:"-3px",top:"-3px",borderRadius:"50%"}}});return c=Object.assign(Object.assign({},c),{height:(o.customHeight?o.customHeight:"100%")+"!important","& button":Object.assign({},s)}),o.isDisabled&&(c=Object.assign(Object.assign({},c),{"& button":Object.assign(Object.assign({},s),{borderColor:r.palette.disabled.primary,cursor:"default",outline:l.ternaryCondition(o.controlVariant,"standard",0,`2px solid ${r.palette.disabled.primary}`),"&:active":{transform:"scale(1)"},"&:hover":{backgroundColor:"transparent"},"&:focus":{"&:after":{content:"none"}},"& .MuiIcon-root":{color:r.palette.disabled.primary,fontSize:l.ternaryCondition(o.iconFontSize,"small","18px","24px")}})})),c});exports.Controller=c;
 //# sourceMappingURL=controls.js.map

package/cjs/components/controls/controls.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"controls.js","sources":["../../../../../src/components/controls/controls.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef, useCallback, useEffect, useRef } from 'react';\nimport { styled, Theme } from '@mui/material';\nimport { ControllerSize, IconsStyle, DarkLightOptions, ControlVariant } from '../../utils/types';\nimport { Icon, IconNameProp } from '../icon';\nimport { ternaryCondition } from '../../utils/utilities';\n\nexport interface ControlsProps extends HTMLAttributes<HTMLDivElement> {\n /\n the control's variant, can be standard or outline, default is standard\n /\n controlVariant?: ControlVariant;\n /\n The color of control: white or black, default is white.\n /\n controllerColor?: DarkLightOptions;\n /\n Icons style: regular or filled, default is regular.\n /\n iconStyle?: IconsStyle;\n /\n Icons fontSize:\n /\n iconFontSize?: ControllerSize;\n /\n Type of controls: next, previous, play, pause.\n /\n controlType?: IconNameProp;\n /\n If true, the control is disabled.\n /\n isDisabled?: boolean;\n /\n callback function on click\n /\n onClickCallback?: (payload: any) => void;\n /\n * if needed, it's possible to specify a custom height value\n /\n customHeight?: string;\n}\n\n/\n @description SkodaFlow Controls component.\n * Properties are inherited from HTML Button Attribetes element.\n * @param props ControlsProps\n * @returns React Functional Component\n /\n\nexport const Controller = forwardRef<HTMLDivElement, ControlsProps>(({ ...props }, ref) => {\n const btnRef = useRef(null);\n\n const handleOnClick = useCallback(\n (e: any) => {\n props.onClickCallback && !props.isDisabled && props.onClickCallback(e);\n },\n [props],\n );\n\n useEffect(() => {\n btnRef.current.addEventListener('mousedown', (e) => {\n e.preventDefault();\n });\n }, [btnRef]);\n\n return (\n <ControlStyled {...props} ref={ref} onClick={() => handleOnClick(props.controlType)}>\n <button ref={btnRef}>\n <Icon fontSize={props.iconFontSize} name={props.controlType} iconStyle={props.iconStyle} />\n </button>\n </ControlStyled>\n );\n});\n\n/\n @description Controls styling definition based on props\n */\nconst ControlStyled = styled('div', {\n shouldForwardProp: (prop) =>\n prop !== 'controlType' &&\n prop !== 'controllerColor' &&\n prop !== 'iconStyle' &&\n prop !== 'iconFontSize' &&\n prop !== 'controlVariant' &&\n prop !== 'onClickCallback' &&\n prop !== 'isDisabled' &&\n prop !== 'customHeight',\n})<ControlsProps & { theme?: Theme }>(({ theme, ...args }) => {\n const controlsColor = ternaryCondition(\n args.controllerColor,\n 'light',\n theme.palette.surface.tertiary,\n theme.palette.text.primary,\n );\n let styles = {};\n const flexDisplay = {\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n };\n const buttonSlyle = {\n ...flexDisplay,\n width: ternaryCondition(args.iconFontSize, 'small', '34px', '42px'),\n height: ternaryCondition(args.iconFontSize, 'small', '34px', '42px'),\n borderRadius: '50%',\n backgroundColor: 'transparent',\n border: 'none',\n position: 'relative',\n outline: ternaryCondition(args.controlVariant, 'standard', 0, `2px solid ${controlsColor}`),\n cursor: 'pointer',\n '& .MuiIcon-root': {\n color: ternaryCondition(\n args.controllerColor,\n 'light',\n theme.palette.surface.tertiary,\n theme.palette.text.primary,\n ),\n fontSize: ternaryCondition(args.iconFontSize, 'small', '18px', '24px'),\n },\n '&:active': {\n transform: 'scale(0.95)',\n },\n '&:hover': {\n backgroundColor: theme.palette.transparent.primary,\n },\n '&:focus': {\n '&:after': {\n content: '\"\"',\n display: 'block',\n width: 'calc(100% + 6px)',\n height: 'calc(100% + 6px)',\n outline: ternaryCondition(\n args.controllerColor,\n 'light',\n `2px solid ${theme.palette.surface.tertiary}`,\n `2px solid ${theme.palette.text.primary}`,\n ),\n position: 'absolute',\n left: '-3px',\n top: '-3px',\n borderRadius: '50%',\n },\n },\n };\n styles = {\n ...styles,\n height: (args.customHeight ? args.customHeight : '100%') + '!important',\n '& button': {\n ...buttonSlyle,\n },\n };\n if (args.isDisabled) {\n styles = {\n ...styles,\n '& button': {\n ...buttonSlyle,\n borderColor: theme.palette.disabled.primary,\n cursor: 'default',\n outline: ternaryCondition(args.controlVariant, 'standard', 0, `2px solid ${theme.palette.disabled.primary}`),\n '&:active': {\n transform: 'scale(1)',\n },\n '&:hover': {\n backgroundColor: 'transparent',\n },\n '&:focus': {\n '&:after': {\n content: 'none',\n },\n },\n '& .MuiIcon-root': {\n color: theme.palette.disabled.primary,\n fontSize: ternaryCondition(args.iconFontSize, 'small', '18px', '24px'),\n },\n },\n };\n }\n return styles;\n});\n"],"names":["Controller","forwardRef","_a","ref","props","__rest","btnRef","useRef","handleOnClick","useCallback","e","onClickCallback","isDisabled","useEffect","current","addEventListener","preventDefault","_jsx","ControlStyled","Object","assign","onClick","controlType","children","~~jsx","~~Icon","fontSize","iconFontSize","name","iconStyle","styled","shouldForwardProp","prop","theme","args","controlsColor","ternaryCondition","controllerColor","palette","surface","tertiary","text","primary","styles","buttonSlyle","display","justifyContent","alignItems","width","height","borderRadius","backgroundColor","border","position","outline","controlVariant","cursor","color","transform","transparent","content","left","top","customHeight","borderColor","disabled"],"mappings":"~~+NAgDa~~,~~MAAAA~~,EAAaC,~~EAAUA~~,~~YAAgC~~,CAACC,EAAcC,SAATC,EAAKC,EAAAA,OAAAH,EAAV,IACnE,MAAMI,EAASC,~~EAAMA~~,~~OAAC~~,MAEhBC,EAAgBC,~~eACnBC~~,IACCN,EAAMO,kBAAoBP,EAAMQ,YAAcR,EAAMO,gBAAgBD,~~EAAE~~,~~GAExE,~~CAACN,IASH,OANAS,EAAAA,~~WAAU~~,KACRP,EAAOQ,QAAQC,iBAAiB,~~aAAcL~~,IAC5CA,EAAEM,~~gBAAgB~~,~~GAClB,GACD,~~CAACV,IAGFW,EAAAA,IAACC,EAAaC,OAAAC,OAAA,CAAA,EAAKhB,~~EAAO~~,~~CAAAD~~,IAAKA,EAAKkB,QAAS,IAAMb,EAAcJ,EAAMkB,~~aACrEC~~,~~SAAAN~~,EAAAA,IAAA,SAAA,CAAQd,IAAKG,~~EACXiB~~,~~SAAAN~~,~~EAAAO~~,~~IAACC~~,~~EAAIA~~,~~KAAA~~,CAACC,~~SAAUtB~~,~~EAAMuB~~,aAAcC,~~KAAMxB~~,EAAMkB,~~YAAaO~~,~~UAAWzB~~,~~EAAMyB~~,~~gBAElE~~,~~IAOdX~~,~~EAAgBY~~,~~EAAMA~~,~~OAAC,~~MAAO,CAClCC,kBAAoBC,GACT,gBAATA,GACS,oBAATA,GACS,cAATA,GACS,iBAATA,GACS,mBAATA,GACS,oBAATA,GACS,eAATA,GACS,iBAATA,GATkBF,~~EAUiB5B~~,IAAA,~~IAAA+B~~,MAAEA,~~GAAgB/~~B,~~EAANgC~~,~~EAAI7B,~~EAAAA,OAAAH,EAAhB,WACrC,~~MAAMiC~~,EAAgBC,~~EAAgBA~~,~~iBACpCF~~,EAAKG,gBACL,QACAJ,EAAMK,QAAQC,QAAQC,SACtBP,EAAMK,QAAQG,KAAKC,SAErB,IAAIC,EAAS,~~CAAE~~,~~EACf~~,MAKMC,~~EAAWzB~~,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EALG,~~CAClByB~~,QAAS,OACTC,eAAgB,SAChBC,WAAY,WAGE,CACdC,MAAOZ,~~EAAgBA~~,~~iBAACF~~,EAAKP,aAAc,QAAS,OAAQ,QAC5DsB,OAAQb,EAAAA,iBAAiBF,EAAKP,aAAc,QAAS,OAAQ,QAC7DuB,aAAc,MACdC,gBAAiB,cACjBC,OAAQ,OACRC,SAAU,WACVC,QAASlB,~~EAAgBA~~,~~iBAACF~~,EAAKqB,eAAgB,WAAY,EAAG,aAAapB,KAC3EqB,OAAQ,UACR,kBAAmB,CACjBC,MAAOrB,EAAAA,iBACLF,EAAKG,gBACL,QACAJ,EAAMK,QAAQC,QAAQC,SACtBP,EAAMK,QAAQG,KAAKC,SAErBhB,SAAUU,~~EAAgBA~~,~~iBAACF~~,EAAKP,aAAc,QAAS,OAAQ,SAEjE,WAAY,CACV+B,UAAW,eAEb,UAAW,CACTP,gBAAiBlB,EAAMK,QAAQqB,YAAYjB,SAE7C,UAAW,CACT,UAAW,CACTkB,QAAS,KACTf,QAAS,QACTG,MAAO,mBACPC,OAAQ,mBACRK,QAASlB,~~EAAgBA~~,~~iBACvBF~~,EAAKG,gBACL,QACA,aAAaJ,EAAMK,QAAQC,QAAQC,WACnC,aAAaP,EAAMK,QAAQG,KAAKC,WAElCW,SAAU,WACVQ,KAAM,OACNC,IAAK,OACLZ,aAAc,UAqCpB,OAjCAP,~~EAAMxB~~,OAAAC,OAAAD,OAAAC,OAAA,CAAA,~~EACDuB~~,GAAM,CACTM,QAASf,EAAK6B,aAAe7B,EAAK6B,aAAe,QAAU,aAC3D,~~WAAU5C~~,OAAAC,OAAA,CAAA,~~EACLwB~~,KAGHV,~~EAAKtB~~,~~aACP+B~~,~~EAAMxB~~,OAAAC,OAAAD,OAAAC,OAAA,CAAA,~~EACDuB~~,~~GACH~~,~~CAAA~~,0CACKC,GAAW,CACdoB,YAAa/B,EAAMK,QAAQ2B,SAASvB,QACpCc,OAAQ,UACRF,QAASlB,~~EAAgBA~~,~~iBAACF~~,EAAKqB,eAAgB,WAAY,EAAG,aAAatB,EAAMK,QAAQ2B,SAASvB,WAClG,WAAY,CACVgB,UAAW,YAEb,UAAW,CACTP,gBAAiB,eAEnB,UAAW,CACT,UAAW,CACTS,QAAS,SAGb,kBAAmB,CACjBH,MAAOxB,EAAMK,QAAQ2B,SAASvB,QAC9BhB,SAAUU,~~EAAgBA~~,~~iBAACF~~,EAAKP,aAAc,QAAS,OAAQ,cAKhEgB~~,CAAM~~"}
1	+ {"version":3,"file":"controls.js","sources":["../../../../../src/components/controls/controls.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef, useCallback, useEffect, useRef } from 'react';\nimport { styled, Theme } from '@mui/material';\nimport { ControllerSize, IconsStyle, DarkLightOptions, ControlVariant } from '../../utils/types';\nimport { Icon, IconNameProp } from '../icon';\nimport { ternaryCondition } from '../../utils/utilities';\n\nexport interface ControlsProps extends HTMLAttributes<HTMLDivElement> {\n /\n the control's variant, can be standard or outline, default is standard\n /\n controlVariant?: ControlVariant;\n /\n The color of control: white or black, default is white.\n /\n controllerColor?: DarkLightOptions;\n /\n Icons style: regular or filled, default is regular.\n /\n iconStyle?: IconsStyle;\n /\n Icons fontSize:\n /\n iconFontSize?: ControllerSize;\n /\n Type of controls: next, previous, play, pause.\n /\n controlType?: IconNameProp;\n /\n If true, the control is disabled.\n /\n isDisabled?: boolean;\n /\n callback function on click\n /\n onClickCallback?: (payload: any) => void;\n /\n * if needed, it's possible to specify a custom height value\n /\n customHeight?: string;\n}\n\n/\n @description SkodaFlow Controls component.\n * Properties are inherited from HTML Button Attribetes element.\n * @param props ControlsProps\n * @returns React Functional Component\n /\n\nexport const Controller = forwardRef<HTMLDivElement, ControlsProps>(({ ...props }, ref) => {\n const btnRef = useRef(null);\n\n const handleOnClick = useCallback(\n (e: any) => {\n props.onClickCallback && !props.isDisabled && props.onClickCallback(e);\n },\n [props],\n );\n\n useEffect(() => {\n btnRef.current.addEventListener('mousedown', (e) => {\n e.preventDefault();\n });\n }, [btnRef]);\n\n return (\n <ControlStyled {...props} ref={ref} onClick={() => handleOnClick(props.controlType)}>\n <button ref={btnRef}>\n <Icon fontSize={props.iconFontSize} name={props.controlType} iconStyle={props.iconStyle} />\n </button>\n </ControlStyled>\n );\n});\n\n/\n @description Controls styling definition based on props\n */\nconst ControlStyled = styled('div', {\n shouldForwardProp: (prop) =>\n prop !== 'controlType' &&\n prop !== 'controllerColor' &&\n prop !== 'iconStyle' &&\n prop !== 'iconFontSize' &&\n prop !== 'controlVariant' &&\n prop !== 'onClickCallback' &&\n prop !== 'isDisabled' &&\n prop !== 'customHeight',\n})<ControlsProps & { theme?: Theme }>(({ theme, ...args }) => {\n const controlsColor = ternaryCondition(\n args.controllerColor,\n 'light',\n theme.palette.surface.tertiary,\n theme.palette.text.primary,\n );\n let styles = {};\n const flexDisplay = {\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n };\n const buttonSlyle = {\n ...flexDisplay,\n width: ternaryCondition(args.iconFontSize, 'small', '34px', '42px'),\n height: ternaryCondition(args.iconFontSize, 'small', '34px', '42px'),\n borderRadius: '50%',\n backgroundColor: 'transparent',\n border: 'none',\n position: 'relative',\n outline: ternaryCondition(args.controlVariant, 'standard', 0, `2px solid ${controlsColor}`),\n cursor: 'pointer',\n '& .MuiIcon-root': {\n color: ternaryCondition(\n args.controllerColor,\n 'light',\n theme.palette.surface.tertiary,\n theme.palette.text.primary,\n ),\n fontSize: ternaryCondition(args.iconFontSize, 'small', '18px', '24px'),\n },\n '&:active': {\n transform: 'scale(0.95)',\n },\n '&:hover': {\n backgroundColor: theme.palette.transparent.primary,\n },\n '&:focus': {\n '&:after': {\n content: '\"\"',\n display: 'block',\n width: 'calc(100% + 6px)',\n height: 'calc(100% + 6px)',\n outline: ternaryCondition(\n args.controllerColor,\n 'light',\n `2px solid ${theme.palette.surface.tertiary}`,\n `2px solid ${theme.palette.text.primary}`,\n ),\n position: 'absolute',\n left: '-3px',\n top: '-3px',\n borderRadius: '50%',\n },\n },\n };\n styles = {\n ...styles,\n height: (args.customHeight ? args.customHeight : '100%') + '!important',\n '& button': {\n ...buttonSlyle,\n },\n };\n if (args.isDisabled) {\n styles = {\n ...styles,\n '& button': {\n ...buttonSlyle,\n borderColor: theme.palette.disabled.primary,\n cursor: 'default',\n outline: ternaryCondition(args.controlVariant, 'standard', 0, `2px solid ${theme.palette.disabled.primary}`),\n '&:active': {\n transform: 'scale(1)',\n },\n '&:hover': {\n backgroundColor: 'transparent',\n },\n '&:focus': {\n '&:after': {\n content: 'none',\n },\n },\n '& .MuiIcon-root': {\n color: theme.palette.disabled.primary,\n fontSize: ternaryCondition(args.iconFontSize, 'small', '18px', '24px'),\n },\n },\n };\n }\n return styles;\n});\n"],"names":["Controller","forwardRef","_a","ref","props","__rest","btnRef","useRef","handleOnClick","useCallback","e","onClickCallback","isDisabled","useEffect","current","addEventListener","preventDefault","_jsx","ControlStyled","Object","assign","onClick","controlType","children","Icon","fontSize","iconFontSize","name","iconStyle","styled","shouldForwardProp","prop","theme","args","controlsColor","ternaryCondition","controllerColor","palette","surface","tertiary","text","primary","styles","buttonSlyle","display","justifyContent","alignItems","width","height","borderRadius","backgroundColor","border","position","outline","controlVariant","cursor","color","transform","transparent","content","left","top","customHeight","borderColor","disabled"],"mappings":"8giCAgDO,MAAMA,EAAaC,EAAAA,WAA0C,CAACC,EAAcC,SAATC,EAAKC,EAAAA,OAAAH,EAAV,IACnE,MAAMI,EAASC,EAAAA,OAAO,MAEhBC,EAAgBC,cACnBC,IACCN,EAAMO,kBAAoBP,EAAMQ,YAAcR,EAAMO,gBAAgBD,IAEtE,CAACN,IASH,OANAS,EAAAA,UAAU,KACRP,EAAOQ,QAAQC,iBAAiB,YAAcL,IAC5CA,EAAEM,oBAEH,CAACV,IAGFW,EAAAA,IAACC,EAAaC,OAAAC,OAAA,CAAA,EAAKhB,EAAK,CAAED,IAAKA,EAAKkB,QAAS,IAAMb,EAAcJ,EAAMkB,aAAYC,SACjFN,EAAAA,IAAA,SAAA,CAAQd,IAAKG,EAAMiB,SACjBN,EAAAA,IAACO,EAAAA,KAAI,CAACC,SAAUrB,EAAMsB,aAAcC,KAAMvB,EAAMkB,YAAaM,UAAWxB,EAAMwB,mBAShFV,EAAgBW,EAAAA,OAAO,MAAO,CAClCC,kBAAoBC,GACT,gBAATA,GACS,oBAATA,GACS,cAATA,GACS,iBAATA,GACS,mBAATA,GACS,oBAATA,GACS,eAATA,GACS,iBAATA,GATkBF,CAUiB3B,IAAA,IAAA8B,MAAEA,GAAK9B,EAAK+B,EAAI5B,EAAAA,OAAAH,EAAhB,WACrC,MAAMgC,EAAgBC,EAAAA,iBACpBF,EAAKG,gBACL,QACAJ,EAAMK,QAAQC,QAAQC,SACtBP,EAAMK,QAAQG,KAAKC,SAErB,IAAIC,EAAS,CAAA,EACb,MAKMC,EAAWxB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EALG,CAClBwB,QAAS,OACTC,eAAgB,SAChBC,WAAY,WAGE,CACdC,MAAOZ,EAAAA,iBAAiBF,EAAKP,aAAc,QAAS,OAAQ,QAC5DsB,OAAQb,EAAAA,iBAAiBF,EAAKP,aAAc,QAAS,OAAQ,QAC7DuB,aAAc,MACdC,gBAAiB,cACjBC,OAAQ,OACRC,SAAU,WACVC,QAASlB,EAAAA,iBAAiBF,EAAKqB,eAAgB,WAAY,EAAG,aAAapB,KAC3EqB,OAAQ,UACR,kBAAmB,CACjBC,MAAOrB,EAAAA,iBACLF,EAAKG,gBACL,QACAJ,EAAMK,QAAQC,QAAQC,SACtBP,EAAMK,QAAQG,KAAKC,SAErBhB,SAAUU,EAAAA,iBAAiBF,EAAKP,aAAc,QAAS,OAAQ,SAEjE,WAAY,CACV+B,UAAW,eAEb,UAAW,CACTP,gBAAiBlB,EAAMK,QAAQqB,YAAYjB,SAE7C,UAAW,CACT,UAAW,CACTkB,QAAS,KACTf,QAAS,QACTG,MAAO,mBACPC,OAAQ,mBACRK,QAASlB,EAAAA,iBACPF,EAAKG,gBACL,QACA,aAAaJ,EAAMK,QAAQC,QAAQC,WACnC,aAAaP,EAAMK,QAAQG,KAAKC,WAElCW,SAAU,WACVQ,KAAM,OACNC,IAAK,OACLZ,aAAc,UAqCpB,OAjCAP,EAAMvB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACDsB,GAAM,CACTM,QAASf,EAAK6B,aAAe7B,EAAK6B,aAAe,QAAU,aAC3D,WAAU3C,OAAAC,OAAA,CAAA,EACLuB,KAGHV,EAAKrB,aACP8B,EAAMvB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACDsB,GAAM,CACT,0CACKC,GAAW,CACdoB,YAAa/B,EAAMK,QAAQ2B,SAASvB,QACpCc,OAAQ,UACRF,QAASlB,EAAAA,iBAAiBF,EAAKqB,eAAgB,WAAY,EAAG,aAAatB,EAAMK,QAAQ2B,SAASvB,WAClG,WAAY,CACVgB,UAAW,YAEb,UAAW,CACTP,gBAAiB,eAEnB,UAAW,CACT,UAAW,CACTS,QAAS,SAGb,kBAAmB,CACjBH,MAAOxB,EAAMK,QAAQ2B,SAASvB,QAC9BhB,SAAUU,EAAAA,iBAAiBF,EAAKP,aAAc,QAAS,OAAQ,cAKhEgB"}

package/cjs/components/customPickersActionBar/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../src/components/customPickersActionBar/index.tsx"],"sourcesContent":["import { Stack, Button, DialogActions } from '@mui/material';\nimport { PickersActionBarProps, usePickersTranslations } from '@mui/x-date-pickers';\n\nexport const CustomPickersActionBar = (props: PickersActionBarProps) => {\n const { actions, onAccept, onCancel, onClear, onSetToday, ...other } = props;\n const localeText = usePickersTranslations();\n\n if (!actions?.length) return null;\n\n return (\n <DialogActions {...other}>\n <Stack direction=\"row\" justifyContent=\"space-between\">\n <Stack direction=\"row\">\n {actions.includes('clear') && (\n <Button variant=\"text\" color=\"primary\" onClick={onClear}>\n {localeText.clearButtonLabel}\n </Button>\n )}\n {actions.includes('today') && (\n <Button variant=\"text\" color=\"primary\" onClick={onSetToday}>\n {localeText.todayButtonLabel}\n </Button>\n )}\n </Stack>\n <Stack direction=\"row\">\n {actions.includes('cancel') && (\n <Button variant=\"text\" color=\"primary\" onClick={onCancel}>\n {localeText.cancelButtonLabel}\n </Button>\n )}\n {actions.includes('accept') && (\n <Button variant=\"text\" color=\"primary\" onClick={onAccept}>\n {localeText.okButtonLabel}\n </Button>\n )}\n </Stack>\n </Stack>\n </DialogActions>\n );\n};\n"],"names":["props","actions","onAccept","onCancel","onClear","onSetToday","other","__rest","localeText","usePickersTranslations","length","_jsx","DialogActions","Object","assign","children","_jsxs","Stack","direction","justifyContent","includes","Button","variant","color","onClick","clearButtonLabel","~~jsx","~~todayButtonLabel","cancelButtonLabel","okButtonLabel"],"mappings":"8JAGuCA,IACrC,MAAMC,QAAEA,EAAOC,SAAEA,EAAQC,SAAEA,EAAQC,QAAEA,EAAOC,WAAEA,GAAyBL,EAAVM,EAAKC,EAAAA,OAAKP,EAAjE,CAAA,UAAA,WAAA,WAAA,UAAA,eACAQ,EAAaC,EAAAA,yBAEnB,OAAKR,~~aAAA~~,~~EAAAA~~,EAASS,QAGZC,MAACC,EAAAA,cAAaC,OAAAC,OAAA,CAAA,EAAKR,~~EACjB~~,CAAAS,~~SAAAC~~,OAACC,EAAAA,MAAK,CAACC,UAAU,MAAMC,eAAe,gBAAeJ,SAAA,CACnDC,OAACC,EAAAA,~~MAAM~~,~~CAAAC~~,UAAU,gBACdjB,EAAQmB,SAAS,UAChBT,MAACU,EAAAA,~~OAAO~~,~~CAAAC~~,QAAQ,OAAOC,MAAM,UAAUC,QAASpB,EAAOW,SACpDP,EAAWiB,mBAGfxB,EAAQmB,SAAS,UAChBT,~~EAAAe~~,~~IAACL~~,~~SAAO~~,~~CAAAC~~,QAAQ,OAAOC,MAAM,UAAUC,QAASnB,~~EAC7CU~~,~~SAAAP~~,~~EAAWmB~~,~~sBAIlBX~~,EAAAA,KAACC,~~EAAKA~~,~~MAAA~~,CAACC,UAAU,~~MACdH~~,SAAA,~~CAAAd~~,EAAQmB,SAAS,WAChBT,EAAAA,IAACU,~~EAAMA~~,~~OAAA~~,CAACC,QAAQ,OAAOC,MAAM,UAAUC,QAASrB,~~EAC7CY~~,~~SAAAP~~,~~EAAWoB~~,~~oBAGf3B~~,EAAQmB,SAAS,WAChBT,~~EAAAe~~,~~IAACL~~,SAAM,CAACC,QAAQ,OAAOC,MAAM,UAAUC,QAAStB,~~EAC7Ca~~,~~SAAAP~~,~~EAAWqB~~,yBAzBK~~,IA8BX~~"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../src/components/customPickersActionBar/index.tsx"],"sourcesContent":["import { Stack, Button, DialogActions } from '@mui/material';\nimport { PickersActionBarProps, usePickersTranslations } from '@mui/x-date-pickers';\n\nexport const CustomPickersActionBar = (props: PickersActionBarProps) => {\n const { actions, onAccept, onCancel, onClear, onSetToday, ...other } = props;\n const localeText = usePickersTranslations();\n\n if (!actions?.length) return null;\n\n return (\n <DialogActions {...other}>\n <Stack direction=\"row\" justifyContent=\"space-between\">\n <Stack direction=\"row\">\n {actions.includes('clear') && (\n <Button variant=\"text\" color=\"primary\" onClick={onClear}>\n {localeText.clearButtonLabel}\n </Button>\n )}\n {actions.includes('today') && (\n <Button variant=\"text\" color=\"primary\" onClick={onSetToday}>\n {localeText.todayButtonLabel}\n </Button>\n )}\n </Stack>\n <Stack direction=\"row\">\n {actions.includes('cancel') && (\n <Button variant=\"text\" color=\"primary\" onClick={onCancel}>\n {localeText.cancelButtonLabel}\n </Button>\n )}\n {actions.includes('accept') && (\n <Button variant=\"text\" color=\"primary\" onClick={onAccept}>\n {localeText.okButtonLabel}\n </Button>\n )}\n </Stack>\n </Stack>\n </DialogActions>\n );\n};\n"],"names":["props","actions","onAccept","onCancel","onClear","onSetToday","other","__rest","localeText","usePickersTranslations","length","_jsx","DialogActions","Object","assign","children","_jsxs","Stack","direction","justifyContent","includes","Button","variant","color","onClick","clearButtonLabel","todayButtonLabel","cancelButtonLabel","okButtonLabel"],"mappings":"8JAGuCA,IACrC,MAAMC,QAAEA,EAAOC,SAAEA,EAAQC,SAAEA,EAAQC,QAAEA,EAAOC,WAAEA,GAAyBL,EAAVM,EAAKC,EAAAA,OAAKP,EAAjE,CAAA,UAAA,WAAA,WAAA,UAAA,eACAQ,EAAaC,EAAAA,yBAEnB,OAAKR,aAAO,EAAPA,EAASS,QAGZC,MAACC,EAAAA,cAAaC,OAAAC,OAAA,CAAA,EAAKR,EAAK,CAAAS,SACtBC,OAACC,EAAAA,MAAK,CAACC,UAAU,MAAMC,eAAe,gBAAeJ,SAAA,CACnDC,OAACC,EAAAA,MAAK,CAACC,UAAU,gBACdjB,EAAQmB,SAAS,UAChBT,MAACU,EAAAA,OAAM,CAACC,QAAQ,OAAOC,MAAM,UAAUC,QAASpB,EAAOW,SACpDP,EAAWiB,mBAGfxB,EAAQmB,SAAS,UAChBT,EAAAA,IAACU,SAAM,CAACC,QAAQ,OAAOC,MAAM,UAAUC,QAASnB,EAAUU,SACvDP,EAAWkB,sBAIlBV,EAAAA,KAACC,EAAAA,MAAK,CAACC,UAAU,MAAKH,SAAA,CACnBd,EAAQmB,SAAS,WAChBT,EAAAA,IAACU,EAAAA,OAAM,CAACC,QAAQ,OAAOC,MAAM,UAAUC,QAASrB,EAAQY,SACrDP,EAAWmB,oBAGf1B,EAAQmB,SAAS,WAChBT,EAAAA,IAACU,SAAM,CAACC,QAAQ,OAAOC,MAAM,UAAUC,QAAStB,EAAQa,SACrDP,EAAWoB,yBAzBK"}

package/cjs/components/drawer/drawer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"drawer.js","sources":["../../../../../src/components/drawer/drawer.tsx"],"sourcesContent":["import { Drawer as MuiDrawer, DrawerProps as MuiDrawerProps, useTheme } from '@mui/material';\n\nexport interface DrawerProps extends MuiDrawerProps {\n /*\n @deprecated use PaperProps={{sx: { borderRadius: '16px' }}}\n * If true the borders are rounded.\n /\n hasRoundedBorders?: boolean;\n /\n @deprecated use onClose instead\n * Callback required when the drawer is closed.\n */\n handleClose?: (state: boolean) => void;\n}\n\nconst bordersByAnchors = {\n bottom: { borderTopLeftRadius: '16px', borderTopRightRadius: '16px' },\n top: { borderBottomLeftRadius: '16px', borderBottomRightRadius: '16px' },\n left: { borderTopRightRadius: '16px', borderBottomRightRadius: '16px' },\n right: { borderTopLeftRadius: '16px', borderBottomLeftRadius: '16px' },\n};\n\nexport const Drawer = (props: DrawerProps) => {\n const { handleClose, hasRoundedBorders, anchor, ...rest } = props;\n const theme = useTheme();\n\n return (\n <MuiDrawer\n dir={theme.direction}\n onClose={handleClose}\n PaperProps={{\n sx: {\n ...(hasRoundedBorders && bordersByAnchors[anchor]),\n },\n }}\n anchor={anchor}\n {...rest}\n />\n );\n};\n"],"names":["bordersByAnchors","bottom","borderTopLeftRadius","borderTopRightRadius","top","borderBottomLeftRadius","borderBottomRightRadius","left","right","props","handleClose","hasRoundedBorders","anchor","rest","__rest","theme","useTheme","_jsx","MuiDrawer","Object","assign","dir","direction","onClose","PaperProps","sx"],"mappings":"8FAeA,MAAMA,EAAmB,CACvBC,OAAQ,CAAEC,oBAAqB,OAAQC,qBAAsB,QAC7DC,IAAK,CAAEC,uBAAwB,OAAQC,wBAAyB,QAChEC,KAAM,CAAEJ,qBAAsB,OAAQG,wBAAyB,QAC/DE,MAAO,CAAEN,oBAAqB,OAAQG,uBAAwB,wBAGzCI,IACrB,MAAMC,YAAEA,EAAWC,kBAAEA,EAAiBC,OAAEA,GAAoBH,EAATI,~~EAASC~~,EAAAA,~~OAAAL~~,EAAtD,CAAA,cAAA,oBAAA,WACAM,EAAQC,EAAAA,WAEd,OACEC,MAACC,EAAAA,OAASC,OAAAC,OAAA,CACRC,IAAKN,EAAMO,UACXC,QAASb,EACTc,WAAY,CACVC,GAAEN,OAAAC,OAAA,CAAA,EACIT,GAAqBX,EAAiBY,KAG9CA,OAAQA,GACJC~~,GACJ~~"}
1	+ {"version":3,"file":"drawer.js","sources":["../../../../../src/components/drawer/drawer.tsx"],"sourcesContent":["import { Drawer as MuiDrawer, DrawerProps as MuiDrawerProps, useTheme } from '@mui/material';\n\nexport interface DrawerProps extends MuiDrawerProps {\n /*\n @deprecated use PaperProps={{sx: { borderRadius: '16px' }}}\n * If true the borders are rounded.\n /\n hasRoundedBorders?: boolean;\n /\n @deprecated use onClose instead\n * Callback required when the drawer is closed.\n */\n handleClose?: (state: boolean) => void;\n}\n\nconst bordersByAnchors = {\n bottom: { borderTopLeftRadius: '16px', borderTopRightRadius: '16px' },\n top: { borderBottomLeftRadius: '16px', borderBottomRightRadius: '16px' },\n left: { borderTopRightRadius: '16px', borderBottomRightRadius: '16px' },\n right: { borderTopLeftRadius: '16px', borderBottomLeftRadius: '16px' },\n};\n\nexport const Drawer = (props: DrawerProps) => {\n const { handleClose, hasRoundedBorders, anchor, ...rest } = props;\n const theme = useTheme();\n\n return (\n <MuiDrawer\n dir={theme.direction}\n onClose={handleClose}\n PaperProps={{\n sx: {\n ...(hasRoundedBorders && bordersByAnchors[anchor]),\n },\n }}\n anchor={anchor}\n {...rest}\n />\n );\n};\n"],"names":["bordersByAnchors","bottom","borderTopLeftRadius","borderTopRightRadius","top","borderBottomLeftRadius","borderBottomRightRadius","left","right","props","handleClose","hasRoundedBorders","anchor","rest","__rest","theme","useTheme","_jsx","MuiDrawer","Object","assign","dir","direction","onClose","PaperProps","sx"],"mappings":"8FAeA,MAAMA,EAAmB,CACvBC,OAAQ,CAAEC,oBAAqB,OAAQC,qBAAsB,QAC7DC,IAAK,CAAEC,uBAAwB,OAAQC,wBAAyB,QAChEC,KAAM,CAAEJ,qBAAsB,OAAQG,wBAAyB,QAC/DE,MAAO,CAAEN,oBAAqB,OAAQG,uBAAwB,wBAGzCI,IACrB,MAAMC,YAAEA,EAAWC,kBAAEA,EAAiBC,OAAEA,GAAoBH,EAATI,EAAIC,EAAAA,OAAKL,EAAtD,CAAA,cAAA,oBAAA,WACAM,EAAQC,EAAAA,WAEd,OACEC,MAACC,EAAAA,OAASC,OAAAC,OAAA,CACRC,IAAKN,EAAMO,UACXC,QAASb,EACTc,WAAY,CACVC,GAAEN,OAAAC,OAAA,CAAA,EACIT,GAAqBX,EAAiBY,KAG9CA,OAAQA,GACJC"}

package/cjs/components/errorContent/ErrorContent.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var t=require("tslib"),e=require("react/jsx-runtime"),s=require("@mui/material");const r=require("react").forwardRef(((r,n)=>{var{sx:a,children:i,status:o,message:c,actions:p,description:d,stacktrace:l,statusProps:x,messageProps:g,descriptionProps:m,actionsProps:u,stacktraceProps:h}=r,j=t.__rest(r,["sx","children","status","message","actions","description","stacktrace","statusProps","messageProps","descriptionProps","actionsProps","stacktraceProps"]);const b=null!=u?u:{},{sx:f}=b,y=t.__rest(b,["sx"]),P=null!=h?h:{},{sx:C}=P,O=t.__rest(P,["sx"]);return e.jsxs(s.Box,Object.assign({sx:Object.assign({display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:{xs:2,md:4},textAlign:"center",margin:"0 auto",width:"600px",maxWidth:"100%",p:2},a),ref:n},j,{children:[o&&e.jsx(s.Typography,Object.assign({component:"h1",variant:"display","data-testid":"ErrorContent.status"},x,{children:o})),c&&e.jsx(s.Typography,Object.assign({component:"h2",variant:"h3","data-testid":"ErrorContent.message"},g,{children:c})),d&&e.jsx(s.Typography,Object.assign({"data-testid":"ErrorContent.description"},m,{children:d})),i,p&&e.jsx(s.Box,Object.assign({sx:Object.assign({display:"flex",gap:1,flexDirection:{xs:"column",md:"row"},alignItems:{xs:"stretch",md:"center"},justifyContent:"center"},f),"data-testid":"ErrorContent.actions"},y,{children:p})),l&&e.jsx(s.Box,Object.assign({component:"code",sx:Object.assign({display:"block",border:1,borderColor:"divider",whiteSpace:"pre",overflow:"auto",py:1,px:2,borderRadius:"8px",fontFamily:"monospace",fontSize:"11px",lineHeight:"18px",textAlign:"left",alignSelf:"stretch"},C),"data-testid":"ErrorContent.stacktrace"},O,{children:l}))]}))}));exports.ErrorContent=r;
+"use strict";var t=require("tslib"),e=require("react/jsx-runtime"),s=require("@mui/material");const r=require("react").forwardRef((r,n)=>{var{sx:a,children:i,status:o,message:c,actions:p,description:d,stacktrace:l,statusProps:x,messageProps:g,descriptionProps:m,actionsProps:u,stacktraceProps:h}=r,j=t.__rest(r,["sx","children","status","message","actions","description","stacktrace","statusProps","messageProps","descriptionProps","actionsProps","stacktraceProps"]);const b=null!=u?u:{},{sx:f}=b,y=t.__rest(b,["sx"]),P=null!=h?h:{},{sx:C}=P,O=t.__rest(P,["sx"]);return e.jsxs(s.Box,Object.assign({sx:Object.assign({display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:{xs:2,md:4},textAlign:"center",margin:"0 auto",width:"600px",maxWidth:"100%",p:2},a),ref:n},j,{children:[o&&e.jsx(s.Typography,Object.assign({component:"h1",variant:"display","data-testid":"ErrorContent.status"},x,{children:o})),c&&e.jsx(s.Typography,Object.assign({component:"h2",variant:"h3","data-testid":"ErrorContent.message"},g,{children:c})),d&&e.jsx(s.Typography,Object.assign({"data-testid":"ErrorContent.description"},m,{children:d})),i,p&&e.jsx(s.Box,Object.assign({sx:Object.assign({display:"flex",gap:1,flexDirection:{xs:"column",md:"row"},alignItems:{xs:"stretch",md:"center"},justifyContent:"center"},f),"data-testid":"ErrorContent.actions"},y,{children:p})),l&&e.jsx(s.Box,Object.assign({component:"code",sx:Object.assign({display:"block",border:1,borderColor:"divider",whiteSpace:"pre",overflow:"auto",py:1,px:2,borderRadius:"8px",fontFamily:"monospace",fontSize:"11px",lineHeight:"18px",textAlign:"left",alignSelf:"stretch"},C),"data-testid":"ErrorContent.stacktrace"},O,{children:l}))]}))});exports.ErrorContent=r;
 //# sourceMappingURL=ErrorContent.js.map

package/cjs/components/errorContent/ErrorContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ErrorContent.js","sources":["../../../../../src/components/errorContent/ErrorContent.tsx"],"sourcesContent":["import { Box, BoxProps, Typography, TypographyProps } from '@mui/material';\nimport React, { ElementType, FC, forwardRef, ReactNode } from 'react';\n\nexport interface ErrorContentProps extends BoxProps<ElementType> {\n /*\n Error Status code, eg. 404 or 500\n /\n status?: ReactNode;\n /\n Short message describing the error\n /\n message?: ReactNode;\n /\n Longer description of the error\n /\n description?: ReactNode;\n /\n Actions that user can interact with\n /\n actions?: ReactNode;\n /\n Stacktrace of an error\n /\n stacktrace?: ReactNode;\n /\n Properties passed to status code\n /\n statusProps?: TypographyProps<ElementType>;\n /\n Properties passed to message\n /\n messageProps?: TypographyProps<ElementType>;\n /\n Properties passed to description\n /\n descriptionProps?: TypographyProps<ElementType>;\n /\n Properties passed to wrapper of actions\n /\n actionsProps?: BoxProps<ElementType>;\n /\n Properties passed to code stacktrace\n /\n stacktraceProps?: BoxProps<ElementType>;\n}\n\n/\n Component that renders an information about error\n */\nexport const ErrorContent: FC<ErrorContentProps> = forwardRef(\n (\n {\n sx,\n children,\n status,\n message,\n actions,\n description,\n stacktrace,\n statusProps,\n messageProps,\n descriptionProps,\n actionsProps,\n stacktraceProps,\n ...rest\n },\n ref,\n ) => {\n const { sx: actionsSx, ...restActions } = actionsProps ?? {};\n const { sx: stacktraceSx, ...restStacktrace } = stacktraceProps ?? {};\n\n return (\n <Box\n sx={{\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n gap: { xs: 2, md: 4 },\n textAlign: 'center',\n margin: '0 auto',\n width: '600px',\n maxWidth: '100%',\n p: 2,\n ...sx,\n }}\n ref={ref}\n {...rest}\n >\n {status && (\n <Typography component=\"h1\" variant=\"display\" data-testid=\"ErrorContent.status\" {...statusProps}>\n {status}\n </Typography>\n )}\n {message && (\n <Typography component=\"h2\" variant=\"h3\" data-testid=\"ErrorContent.message\" {...messageProps}>\n {message}\n </Typography>\n )}\n {description && (\n <Typography data-testid=\"ErrorContent.description\" {...descriptionProps}>\n {description}\n </Typography>\n )}\n {children}\n {actions && (\n <Box\n sx={{\n display: 'flex',\n gap: 1,\n flexDirection: { xs: 'column', md: 'row' },\n alignItems: { xs: 'stretch', md: 'center' },\n justifyContent: 'center',\n ...actionsSx,\n }}\n data-testid=\"ErrorContent.actions\"\n {...restActions}\n >\n {actions}\n </Box>\n )}\n {stacktrace && (\n <Box\n component=\"code\"\n sx={{\n display: 'block',\n border: 1,\n borderColor: 'divider',\n whiteSpace: 'pre',\n overflow: 'auto',\n py: 1,\n px: 2,\n borderRadius: '8px',\n fontFamily: 'monospace',\n fontSize: '11px',\n lineHeight: '18px',\n textAlign: 'left',\n alignSelf: 'stretch',\n ...stacktraceSx,\n }}\n data-testid=\"ErrorContent.stacktrace\"\n {...restStacktrace}\n >\n {stacktrace}\n </Box>\n )}\n </Box>\n );\n },\n);\n"],"names":["ErrorContent","forwardRef","_a","ref","sx","children","status","message","actions","description","stacktrace","statusProps","messageProps","descriptionProps","actionsProps","stacktraceProps","rest","__rest","_b","actionsSx","restActions","_c","stacktraceSx","restStacktrace","_jsxs","~~jsxs","~~Box","Object","assign","display","flexDirection","alignItems","justifyContent","gap","xs","md","textAlign","margin","width","maxWidth","p","_jsx","Typography","component","variant","~~jsx","~~border","borderColor","whiteSpace","overflow","py","px","borderRadius","fontFamily","fontSize","lineHeight","alignSelf"],"mappings":"~~8FAiDa~~,~~MAAAA~~,~~mBAAgDC~~,~~YAC3D~~,CACEC,EAeAC,KAfA,IAAAC,GACEA,EAAEC,SACFA,EAAQC,OACRA,EAAMC,QACNA,EAAOC,QACPA,EAAOC,YACPA,EAAWC,WACXA,EAAUC,YACVA,EAAWC,aACXA,EAAYC,iBACZA,EAAgBC,aAChBA,EAAYC,gBACZA,GAAeb,EACZc,~~EAbLC~~,EAAAA,OAAAf,~~EAAA~~,CAAA,KAAA,WAAA,SAAA,UAAA,UAAA,cAAA,aAAA,cAAA,eAAA,mBAAA,eAAA,oBAiBA,MAAMgB,EAAoCJ,QAAAA,EAAgB,IAAlDV,GAAIe,~~GAAgDD~~,~~EAAlCE~~,~~EAApBH~~,EAAAA,OAAAC,~~EAAA~~,CAAA,OACAG,EAA0CN,QAAAA,EAAmB,IAA3DX,GAAIkB,~~GAAyDD~~,~~EAAxCE~~,~~EAAvBN~~,EAAAA,OAAAI,~~EAAA~~,CAAA,OAEN,OACEG,~~EAACC~~,~~KAAAC~~,~~MACCC~~,OAAAC,OAAA,~~CAAAxB~~,~~GACEuB~~,OAAAC,OAAA,~~CAAAC~~,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,SAChBC,IAAK,CAAEC,GAAI,EAAGC,GAAI,GAClBC,UAAW,SACXC,OAAQ,SACRC,MAAO,QACPC,SAAU,OACVC,EAAG,~~GACApC~~,GAELD,IAAKA,GACDa,~~EAEH~~,CAAAX,SAAA,~~CAAAC~~,~~GACCmC~~,EAAAA,IAACC,~~EAAUA~~,~~WAACf~~,OAAAC,OAAA,~~CAAAe~~,UAAU,KAAKC,QAAQ,~~UAAsB~~,~~cAAA~~,~~uBAA0BjC~~,~~EAChF~~,CAAAN,~~SAAAC~~,KAGJC,~~GACCkC~~,~~EAACI~~,~~IAAAH~~,~~EAAUA~~,~~WAACf~~,OAAAC,OAAA,~~CAAAe~~,UAAU,KAAKC,QAAQ,~~KAAiB~~,~~cAAA~~,~~wBAA2BhC~~,~~EAC5E~~,CAAAP,~~SAAAE~~,KAGJE,~~GACCgC~~,~~EAACI~~,~~IAAAH~~,~~aAAuBf~~,OAAAC,OAAA,CAAA,~~cAAA~~,4BAA+Bf,~~EACpD~~,CAAAR,~~SAAAI~~,KAGJJ,EACAG,~~GACCiC~~,EAAAA,IAACf,~~EAAGA~~,~~IACFC~~,OAAAC,OAAA,~~CAAAxB~~,~~GACEuB~~,OAAAC,OAAA,~~CAAAC~~,QAAS,OACTI,IAAK,EACLH,cAAe,CAAEI,GAAI,SAAUC,GAAI,OACnCJ,WAAY,CAAEG,GAAI,UAAWC,GAAI,UACjCH,eAAgB,~~UACbb~~,~~GAEO~~,~~cAAA~~,wBACRC,~~EAEH~~,CAAAf,~~SAAAG~~,KAGJE,~~GACC+B~~,EAAAA,IAACf,~~EAAGA~~,~~IACFC~~,OAAAC,OAAA,~~CAAAe~~,UAAU,~~OACVvC~~,~~GACEuB~~,OAAAC,OAAA,~~CAAAC~~,QAAS,~~QACTiB~~,OAAQ,EACRC,YAAa,UACbC,WAAY,MACZC,SAAU,OACVC,GAAI,EACJC,GAAI,EACJC,aAAc,MACdC,WAAY,YACZC,SAAU,OACVC,WAAY,~~OACZnB~~,UAAW,~~OACXoB~~,UAAW,~~WACRlC~~,~~GAEO~~,~~cAAA~~,2BACRC,~~EAEH~~,CAAAlB,~~SAAAK,QAGD~~"}
1	+ {"version":3,"file":"ErrorContent.js","sources":["../../../../../src/components/errorContent/ErrorContent.tsx"],"sourcesContent":["import { Box, BoxProps, Typography, TypographyProps } from '@mui/material';\nimport React, { ElementType, FC, forwardRef, ReactNode } from 'react';\n\nexport interface ErrorContentProps extends BoxProps<ElementType> {\n /*\n Error Status code, eg. 404 or 500\n /\n status?: ReactNode;\n /\n Short message describing the error\n /\n message?: ReactNode;\n /\n Longer description of the error\n /\n description?: ReactNode;\n /\n Actions that user can interact with\n /\n actions?: ReactNode;\n /\n Stacktrace of an error\n /\n stacktrace?: ReactNode;\n /\n Properties passed to status code\n /\n statusProps?: TypographyProps<ElementType>;\n /\n Properties passed to message\n /\n messageProps?: TypographyProps<ElementType>;\n /\n Properties passed to description\n /\n descriptionProps?: TypographyProps<ElementType>;\n /\n Properties passed to wrapper of actions\n /\n actionsProps?: BoxProps<ElementType>;\n /\n Properties passed to code stacktrace\n /\n stacktraceProps?: BoxProps<ElementType>;\n}\n\n/\n Component that renders an information about error\n */\nexport const ErrorContent: FC<ErrorContentProps> = forwardRef(\n (\n {\n sx,\n children,\n status,\n message,\n actions,\n description,\n stacktrace,\n statusProps,\n messageProps,\n descriptionProps,\n actionsProps,\n stacktraceProps,\n ...rest\n },\n ref,\n ) => {\n const { sx: actionsSx, ...restActions } = actionsProps ?? {};\n const { sx: stacktraceSx, ...restStacktrace } = stacktraceProps ?? {};\n\n return (\n <Box\n sx={{\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n gap: { xs: 2, md: 4 },\n textAlign: 'center',\n margin: '0 auto',\n width: '600px',\n maxWidth: '100%',\n p: 2,\n ...sx,\n }}\n ref={ref}\n {...rest}\n >\n {status && (\n <Typography component=\"h1\" variant=\"display\" data-testid=\"ErrorContent.status\" {...statusProps}>\n {status}\n </Typography>\n )}\n {message && (\n <Typography component=\"h2\" variant=\"h3\" data-testid=\"ErrorContent.message\" {...messageProps}>\n {message}\n </Typography>\n )}\n {description && (\n <Typography data-testid=\"ErrorContent.description\" {...descriptionProps}>\n {description}\n </Typography>\n )}\n {children}\n {actions && (\n <Box\n sx={{\n display: 'flex',\n gap: 1,\n flexDirection: { xs: 'column', md: 'row' },\n alignItems: { xs: 'stretch', md: 'center' },\n justifyContent: 'center',\n ...actionsSx,\n }}\n data-testid=\"ErrorContent.actions\"\n {...restActions}\n >\n {actions}\n </Box>\n )}\n {stacktrace && (\n <Box\n component=\"code\"\n sx={{\n display: 'block',\n border: 1,\n borderColor: 'divider',\n whiteSpace: 'pre',\n overflow: 'auto',\n py: 1,\n px: 2,\n borderRadius: '8px',\n fontFamily: 'monospace',\n fontSize: '11px',\n lineHeight: '18px',\n textAlign: 'left',\n alignSelf: 'stretch',\n ...stacktraceSx,\n }}\n data-testid=\"ErrorContent.stacktrace\"\n {...restStacktrace}\n >\n {stacktrace}\n </Box>\n )}\n </Box>\n );\n },\n);\n"],"names":["ErrorContent","forwardRef","_a","ref","sx","children","status","message","actions","description","stacktrace","statusProps","messageProps","descriptionProps","actionsProps","stacktraceProps","rest","__rest","_b","actionsSx","restActions","_c","stacktraceSx","restStacktrace","_jsxs","Box","Object","assign","display","flexDirection","alignItems","justifyContent","gap","xs","md","textAlign","margin","width","maxWidth","p","_jsx","Typography","component","variant","border","borderColor","whiteSpace","overflow","py","px","borderRadius","fontFamily","fontSize","lineHeight","alignSelf"],"mappings":"8FAiDO,MAAMA,mBAAsCC,WACjD,CACEC,EAeAC,KAfA,IAAAC,GACEA,EAAEC,SACFA,EAAQC,OACRA,EAAMC,QACNA,EAAOC,QACPA,EAAOC,YACPA,EAAWC,WACXA,EAAUC,YACVA,EAAWC,aACXA,EAAYC,iBACZA,EAAgBC,aAChBA,EAAYC,gBACZA,GAAeb,EACZc,EAAIC,EAAAA,OAAAf,EAbT,CAAA,KAAA,WAAA,SAAA,UAAA,UAAA,cAAA,aAAA,cAAA,eAAA,mBAAA,eAAA,oBAiBA,MAAMgB,EAAoCJ,QAAAA,EAAgB,IAAlDV,GAAIe,GAASD,EAAKE,EAAWH,EAAAA,OAAAC,EAA/B,CAAA,OACAG,EAA0CN,QAAAA,EAAmB,IAA3DX,GAAIkB,GAAYD,EAAKE,EAAcN,EAAAA,OAAAI,EAArC,CAAA,OAEN,OACEG,EAAAA,KAACC,MAAGC,OAAAC,OAAA,CACFvB,GAAEsB,OAAAC,OAAA,CACAC,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,SAChBC,IAAK,CAAEC,GAAI,EAAGC,GAAI,GAClBC,UAAW,SACXC,OAAQ,SACRC,MAAO,QACPC,SAAU,OACVC,EAAG,GACAnC,GAELD,IAAKA,GACDa,EAAI,CAAAX,SAAA,CAEPC,GACCkC,EAAAA,IAACC,EAAAA,WAAUf,OAAAC,OAAA,CAACe,UAAU,KAAKC,QAAQ,UAAS,cAAa,uBAA0BhC,EAAW,CAAAN,SAC3FC,KAGJC,GACCiC,EAAAA,IAACC,EAAAA,WAAUf,OAAAC,OAAA,CAACe,UAAU,KAAKC,QAAQ,KAAI,cAAa,wBAA2B/B,EAAY,CAAAP,SACxFE,KAGJE,GACC+B,EAAAA,IAACC,aAAUf,OAAAC,OAAA,CAAA,cAAa,4BAA+Bd,EAAgB,CAAAR,SACpEI,KAGJJ,EACAG,GACCgC,EAAAA,IAACf,EAAAA,IAAGC,OAAAC,OAAA,CACFvB,GAAEsB,OAAAC,OAAA,CACAC,QAAS,OACTI,IAAK,EACLH,cAAe,CAAEI,GAAI,SAAUC,GAAI,OACnCJ,WAAY,CAAEG,GAAI,UAAWC,GAAI,UACjCH,eAAgB,UACbZ,GAAS,cAEF,wBACRC,EAAW,CAAAf,SAEdG,KAGJE,GACC8B,EAAAA,IAACf,EAAAA,IAAGC,OAAAC,OAAA,CACFe,UAAU,OACVtC,GAAEsB,OAAAC,OAAA,CACAC,QAAS,QACTgB,OAAQ,EACRC,YAAa,UACbC,WAAY,MACZC,SAAU,OACVC,GAAI,EACJC,GAAI,EACJC,aAAc,MACdC,WAAY,YACZC,SAAU,OACVC,WAAY,OACZlB,UAAW,OACXmB,UAAW,WACRhC,GAAY,cAEL,2BACRC,EAAc,CAAAlB,SAEjBK"}

package/cjs/components/flag/flag.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),a=require("country-flag-icons/react/3x2"),i=require("country-flag-icons/react/1x1"),s=require("@mui/material");function c(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,a.get?a:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var n=c(a),u=c(i);const l=t.forwardRef(((a,i)=>{var{flag:c,sx:l,width:o,size:d="small",variant:f="circle",disabled:b=!1}=a,g=e.__rest(a,["flag","sx","width","size","variant","disabled"]);const x=t.useMemo((()=>{switch(d){case"small":return 24;case"medium":return 44;case"large":return 56;default:return null!=o?o:24}}),[d,o]);return r.jsx(s.Box,Object.assign({"data-testid":"Flag",component:(["circle","square"].includes(f)?u:n)[c]||"div",sx:Object.assign(Object.assign(Object.assign({width:`${x}px`,flexShrink:"0",border:1,borderColor:"onSurface.os500"},["circle","square"].includes(f)&&Object.assign({height:`${x}px`},"circle"===f?{borderRadius:`${x}px`}:{})),b&&{userSelect:"none",borderColor:"disabled.tertiary",opacity:"0.65"}),l),ref:i},g))}));exports.Flag=l;
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),a=require("country-flag-icons/react/3x2"),i=require("country-flag-icons/react/1x1"),s=require("@mui/material");function c(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach(function(t){if("default"!==t){var a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,a.get?a:{enumerable:!0,get:function(){return e[t]}})}}),r.default=e,Object.freeze(r)}var n=c(a),u=c(i);const l=t.forwardRef((a,i)=>{var{flag:c,sx:l,width:o,size:d="small",variant:f="circle",disabled:b=!1}=a,g=e.__rest(a,["flag","sx","width","size","variant","disabled"]);const x=t.useMemo(()=>{switch(d){case"small":return 24;case"medium":return 44;case"large":return 56;default:return null!=o?o:24}},[d,o]);return r.jsx(s.Box,Object.assign({"data-testid":"Flag",component:(["circle","square"].includes(f)?u:n)[c]||"div",sx:Object.assign(Object.assign(Object.assign({width:`${x}px`,flexShrink:"0",border:1,borderColor:"onSurface.os500"},["circle","square"].includes(f)&&Object.assign({height:`${x}px`},"circle"===f?{borderRadius:`${x}px`}:{})),b&&{userSelect:"none",borderColor:"disabled.tertiary",opacity:"0.65"}),l),ref:i},g))});exports.Flag=l;
 //# sourceMappingURL=flag.js.map

package/cjs/components/flag/flag.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"flag.js","sources":["../../../../../src/components/flag/flag.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport * as Flags from 'country-flag-icons/react/3x2';\nimport * as SquareFlags from 'country-flag-icons/react/1x1';\nimport { Box, BoxProps } from '@mui/material';\n\nexport interface FlagProps extends Omit<BoxProps, 'component'> {\n /*\n Defines which flag to use.\n /\n flag: keyof typeof Flags;\n /\n The size of the flag\n * @default small\n /\n size?: 'small' \| 'medium' \| 'large';\n /\n The width of the flag\n /\n width?: number;\n /\n Variants\n * @default circle\n /\n variant?: '3x2' \| 'circle' \| 'square';\n /\n Disabled state\n * @default false\n /\n disabled?: boolean;\n}\n\n/\n Renders country flag icon\n */\nexport const Flag: React.FC<FlagProps> = forwardRef(\n ({ flag, sx, width: widthProp, size = 'small', variant = 'circle', disabled = false, ...rest }, ref) => {\n // obtain width of the flag from size and width property\n const width = useMemo(() => {\n switch (size) {\n case 'small':\n return 24;\n case 'medium':\n return 44;\n case 'large':\n return 56;\n default:\n return widthProp ?? 24;\n }\n }, [size, widthProp]);\n\n return (\n <Box\n data-testid=\"Flag\"\n component={(['circle', 'square'].includes(variant) ? SquareFlags : Flags)[flag] \|\| 'div'}\n sx={{\n width: `${width}px`,\n flexShrink: '0',\n // outline to improve accessibility\n border: 1,\n borderColor: 'onSurface.os500',\n // 1:1 ratio\n ...(['circle', 'square'].includes(variant) && {\n height: `${width}px`,\n ...(variant === 'circle' ? { borderRadius: `${width}px` } : {}),\n }),\n // disabled state\n ...(disabled && {\n userSelect: 'none',\n borderColor: 'disabled.tertiary',\n opacity: '0.65',\n }),\n ...sx,\n }}\n ref={ref}\n {...rest}\n />\n );\n },\n);\n"],"names":["Flag","forwardRef","_a","ref","flag","sx","width","widthProp","size","variant","disabled","rest","__rest","useMemo","_jsx","Box","Object","assign","component","includes","SquareFlags","Flags","flexShrink","border","borderColor","height","borderRadius","userSelect","opacity"],"mappings":"~~sfAkCa~~,~~MAAAA~~,EAA4BC,~~EAAUA~~,~~YACjD~~,CAACC,EAA+FC,SAA/FC,KAAEA,EAAIC,GAAEA,EAAIC,MAAOC,EAASC,KAAEA,EAAO,QAAOC,QAAEA,EAAU,SAAQC,SAAEA,GAAW,KAAUC,~~EAAvFC~~,EAAAA,OAAAV,~~EAAA~~,CAAA,OAAA,KAAA,QAAA,OAAA,UAAA,aAEC,MAAMI,EAAQO,EAAAA,~~SAAQ~~,KACpB,OAAQL,GACN,IAAK,QACH,OAAO,GACT,IAAK,SACH,OAAO,GACT,IAAK,QACH,OAAO,GACT,QACE,OAAOD,QAAAA,EAAa,~~MAEvB~~,CAACC,EAAMD,IAEV,OACEO,EAAAA,IAACC,EAAAA,IAAGC,OAAAC,OAAA,CAAA,cACU,OACZC,WAAY,CAAC,SAAU,UAAUC,SAASV,GAAWW,EAAcC,GAAOjB,IAAS,MACnFC,~~GACEW~~,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,~~CAAAX~~,MAAO,GAAGA,MACVgB,WAAY,IAEZC,OAAQ,EACRC,YAAa,mBAET,CAAC,SAAU,UAAUL,SAASV,~~IAChCO~~,OAAAC,OAAA,~~CAAAQ~~,OAAQ,GAAGnB,OACK,WAAZG,EAAuB,CAAEiB,aAAc,GAAGpB,OAAc,CAAA,IAG1DI,GAAY,CACdiB,WAAY,OACZH,YAAa,oBACbI,QAAS,SAERvB,GAELF,IAAKA,GACDQ~~,GACJ~~"}
1	+ {"version":3,"file":"flag.js","sources":["../../../../../src/components/flag/flag.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport * as Flags from 'country-flag-icons/react/3x2';\nimport * as SquareFlags from 'country-flag-icons/react/1x1';\nimport { Box, BoxProps } from '@mui/material';\n\nexport interface FlagProps extends Omit<BoxProps, 'component'> {\n /*\n Defines which flag to use.\n /\n flag: keyof typeof Flags;\n /\n The size of the flag\n * @default small\n /\n size?: 'small' \| 'medium' \| 'large';\n /\n The width of the flag\n /\n width?: number;\n /\n Variants\n * @default circle\n /\n variant?: '3x2' \| 'circle' \| 'square';\n /\n Disabled state\n * @default false\n /\n disabled?: boolean;\n}\n\n/\n Renders country flag icon\n */\nexport const Flag: React.FC<FlagProps> = forwardRef(\n ({ flag, sx, width: widthProp, size = 'small', variant = 'circle', disabled = false, ...rest }, ref) => {\n // obtain width of the flag from size and width property\n const width = useMemo(() => {\n switch (size) {\n case 'small':\n return 24;\n case 'medium':\n return 44;\n case 'large':\n return 56;\n default:\n return widthProp ?? 24;\n }\n }, [size, widthProp]);\n\n return (\n <Box\n data-testid=\"Flag\"\n component={(['circle', 'square'].includes(variant) ? SquareFlags : Flags)[flag] \|\| 'div'}\n sx={{\n width: `${width}px`,\n flexShrink: '0',\n // outline to improve accessibility\n border: 1,\n borderColor: 'onSurface.os500',\n // 1:1 ratio\n ...(['circle', 'square'].includes(variant) && {\n height: `${width}px`,\n ...(variant === 'circle' ? { borderRadius: `${width}px` } : {}),\n }),\n // disabled state\n ...(disabled && {\n userSelect: 'none',\n borderColor: 'disabled.tertiary',\n opacity: '0.65',\n }),\n ...sx,\n }}\n ref={ref}\n {...rest}\n />\n );\n },\n);\n"],"names":["Flag","forwardRef","_a","ref","flag","sx","width","widthProp","size","variant","disabled","rest","__rest","useMemo","_jsx","Box","Object","assign","component","includes","SquareFlags","Flags","flexShrink","border","borderColor","height","borderRadius","userSelect","opacity"],"mappings":"ofAkCO,MAAMA,EAA4BC,EAAAA,WACvC,CAACC,EAA+FC,SAA/FC,KAAEA,EAAIC,GAAEA,EAAIC,MAAOC,EAASC,KAAEA,EAAO,QAAOC,QAAEA,EAAU,SAAQC,SAAEA,GAAW,KAAUC,EAAIC,EAAAA,OAAAV,EAA3F,CAAA,OAAA,KAAA,QAAA,OAAA,UAAA,aAEC,MAAMI,EAAQO,EAAAA,QAAQ,KACpB,OAAQL,GACN,IAAK,QACH,OAAO,GACT,IAAK,SACH,OAAO,GACT,IAAK,QACH,OAAO,GACT,QACE,OAAOD,QAAAA,EAAa,KAEvB,CAACC,EAAMD,IAEV,OACEO,EAAAA,IAACC,EAAAA,IAAGC,OAAAC,OAAA,CAAA,cACU,OACZC,WAAY,CAAC,SAAU,UAAUC,SAASV,GAAWW,EAAcC,GAAOjB,IAAS,MACnFC,GAAEW,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CACAX,MAAO,GAAGA,MACVgB,WAAY,IAEZC,OAAQ,EACRC,YAAa,mBAET,CAAC,SAAU,UAAUL,SAASV,IAAQO,OAAAC,OAAA,CACxCQ,OAAQ,GAAGnB,OACK,WAAZG,EAAuB,CAAEiB,aAAc,GAAGpB,OAAc,CAAA,IAG1DI,GAAY,CACdiB,WAAY,OACZH,YAAa,oBACbI,QAAS,SAERvB,GAELF,IAAKA,GACDQ"}

package/cjs/components/focusring/focusring.d.ts CHANGED Viewed

@@ -4,8 +4,9 @@ import { Theme, CSSObject } from '@mui/material';
  *  boxShadow: theme => getFocusRingBoxShadow(theme);
  *
  * @param theme - @mui theme
+ * @param inset - put box shadow inside
  */
-declare const getFocusRingBoxShadow: (theme: Theme) => string;
+declare const getFocusRingBoxShadow: (theme: Theme, inset?: boolean) => string;
 /**
  * Style for interactive elements that should have blue & white ring around them once focused
  *

package/cjs/components/focusring/focusring.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const e=e=>`0 0 0 2px ${e.palette.info.main}, 0 0 0 4px ${e.palette.background.primary}`;exports.getFocusRingBoxShadow=e,exports.getFocusRingStyle=(o,t=!0,i=0,s=".Mui-focusVisible")=>Object.assign({[t?"&:before":`&${s}:before`]:Object.assign({content:'""',display:"block",position:"absolute",borderRadius:"inherit",inset:"string"==typeof i?i:`-${i+2}px`,width:"auto",height:"auto",maxWidth:"none",pointerEvents:"none",boxShadow:t?"none":e(o)},t&&{transition:"box-shadow 0.3s ease-out"})},t&&{[`&${s}:before`]:{boxShadow:e(o)}}),exports.updateFocusRingStyle=(e=0,o=!0,t=".Mui-focusVisible")=>({[o?"&&:before":`&${t}:before`]:{inset:"string"==typeof e?e:`-${e+2}px`}});
+"use strict";const e=(e,o)=>`${o?"inset ":""}0 0 0 2px ${e.palette.info.main}, ${o?"inset ":""}0 0 0 4px ${e.palette.background.primary}`;exports.getFocusRingBoxShadow=e,exports.getFocusRingStyle=(o,t=!0,i=0,s=".Mui-focusVisible")=>Object.assign({[t?"&:before":`&${s}:before`]:Object.assign({content:'""',display:"block",position:"absolute",borderRadius:"inherit",inset:"string"==typeof i?i:`-${i+2}px`,width:"auto",height:"auto",maxWidth:"none",pointerEvents:"none",boxShadow:t?"none":e(o)},t&&{transition:"box-shadow 0.3s ease-out"})},t&&{[`&${s}:before`]:{boxShadow:e(o)}}),exports.updateFocusRingStyle=(e=0,o=!0,t=".Mui-focusVisible")=>({[o?"&&:before":`&${t}:before`]:{inset:"string"==typeof e?e:`-${e+2}px`}});
 //# sourceMappingURL=focusring.js.map

package/cjs/components/focusring/focusring.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"focusring.js","sources":["../../../../../src/components/focusring/focusring.ts"],"sourcesContent":["import { Theme, CSSObject } from '@mui/material';\n\n/*\n BoxShadow style used by the Focus Ring\n * boxShadow: theme => getFocusRingBoxShadow(theme);\n \n @param theme - @mui theme\n /\nconst getFocusRingBoxShadow = (theme: Theme) =>\n `0 0 0 2px ${theme.palette.info.main}, 0 0 0 4px ${theme.palette.background.primary}`;\n\n/\n Style for interactive elements that should have blue & white ring around them once focused\n \n @param theme - @mui theme\n * @param smooth - controls smooth appearance of focusRing\n * @param border - component border to correctly place focusRing, can be used as string to directly manipulate inset\n * @param focusSelector - focus visible selector\n /\nconst getFocusRingStyle = (\n theme: Theme,\n smooth: boolean = true,\n border: number \| string = 0,\n focusSelector = '.Mui-focusVisible',\n): CSSObject => ({\n // pseudo-element outline, smooth generates :before element even without focus for the smooth appearance\n [smooth ? '&:before' : `&${focusSelector}:before`]: {\n content: '\"\"',\n display: 'block',\n position: 'absolute',\n borderRadius: 'inherit',\n // beware, inset must be boosted with the border on the parent element\n inset: typeof border === 'string' ? border : `-${border + 2}px`,\n width: 'auto',\n height: 'auto',\n maxWidth: 'none',\n pointerEvents: 'none',\n // hidden by default\n boxShadow: smooth ? 'none' : getFocusRingBoxShadow(theme),\n // smooth appearance\n ...(smooth && {\n transition: 'box-shadow 0.3s ease-out',\n }),\n },\n ...(smooth && {\n // show with @mui focus class\n [`&${focusSelector}:before`]: {\n boxShadow: getFocusRingBoxShadow(theme),\n },\n }),\n});\n\n/\n Any element applying border have to adjust position of ring to keep 2px space around element\n \n @param border - component border to correctly place focusRing, can be used as string to directly manipulate inset\n * @param smooth - controls smooth appearance of focusRing\n * @param focusSelector - focus visible selector\n */\nconst updateFocusRingStyle = (\n border: number \| string = 0,\n smooth: boolean = true,\n focusSelector = '.Mui-focusVisible',\n): CSSObject => ({\n [smooth ? '&&:before' : `&${focusSelector}:before`]: {\n inset: typeof border === 'string' ? border : `-${border + 2}px`,\n },\n});\n\nexport { getFocusRingBoxShadow, getFocusRingStyle, updateFocusRingStyle };\n"],"names":["getFocusRingBoxShadow","theme","palette","info","main","background","primary","smooth","border","focusSelector","Object","assign","content","display","position","borderRadius","~~inset","~~width","height","maxWidth","pointerEvents","boxShadow","transition"],"mappings":"~~aAQM~~,~~MAAAA~~,~~EAAyBC~~,~~GAC7B~~,~~aAAaA~~,~~EAAMC~~,QAAQC,KAAKC,~~mBAAmBH~~,~~EAAMC~~,QAAQG,WAAWC,~~oEAUpD~~,~~CACxBL~~,~~EACAM~~,GAAkB,EAClBC,EAA0B,EAC1BC,EAAgB,sBACFC,OAAAC,OAAA,CAEd,CAACJ,EAAS,WAAa,IAAIE,YAAuBC,OAAAC,OAAA,CAChDC,QAAS,KACTC,QAAS,QACTC,SAAU,WACVC,aAAc,~~UAEdC~~,MAAyB,~~iBAAXR~~,EAAsBA,EAAS,IAAIA,EAAS,~~MAC1DS~~,MAAO,OACPC,OAAQ,OACRC,SAAU,OACVC,cAAe,OAEfC,~~UAAWd~~,EAAS,~~OAASP~~,EAAsBC,IAE/CM,GAAU,~~CACZe~~,WAAY,~~8BAGZf~~,GAAU,CAEZ,CAAC,IAAIE,YAAyB,~~CAC5BY~~,UAAWrB,EAAsBC,mCAYV,~~CAC3BO~~,EAA0B,EAC1BD,GAAkB,EAClBE,EAAgB,~~uBACD~~,~~CACf~~,CAACF,EAAS,YAAc,IAAIE,YAAyB,~~CACnDO~~,MAAyB,~~iBAAXR~~,EAAsBA,EAAS,IAAIA,EAAS"}
1	+ {"version":3,"file":"focusring.js","sources":["../../../../../src/components/focusring/focusring.ts"],"sourcesContent":["import { Theme, CSSObject } from '@mui/material';\n\n/*\n BoxShadow style used by the Focus Ring\n * boxShadow: theme => getFocusRingBoxShadow(theme);\n \n @param theme - @mui theme\n * @param inset - put box shadow inside\n /\nconst getFocusRingBoxShadow = (theme: Theme, inset?: boolean) =>\n `${inset ? 'inset ' : ''}0 0 0 2px ${theme.palette.info.main}, ${inset ? 'inset ' : ''}0 0 0 4px ${theme.palette.background.primary}`;\n\n/\n Style for interactive elements that should have blue & white ring around them once focused\n \n @param theme - @mui theme\n * @param smooth - controls smooth appearance of focusRing\n * @param border - component border to correctly place focusRing, can be used as string to directly manipulate inset\n * @param focusSelector - focus visible selector\n /\nconst getFocusRingStyle = (\n theme: Theme,\n smooth: boolean = true,\n border: number \| string = 0,\n focusSelector = '.Mui-focusVisible',\n): CSSObject => ({\n // pseudo-element outline, smooth generates :before element even without focus for the smooth appearance\n [smooth ? '&:before' : `&${focusSelector}:before`]: {\n content: '\"\"',\n display: 'block',\n position: 'absolute',\n borderRadius: 'inherit',\n // beware, inset must be boosted with the border on the parent element\n inset: typeof border === 'string' ? border : `-${border + 2}px`,\n width: 'auto',\n height: 'auto',\n maxWidth: 'none',\n pointerEvents: 'none',\n // hidden by default\n boxShadow: smooth ? 'none' : getFocusRingBoxShadow(theme),\n // smooth appearance\n ...(smooth && {\n transition: 'box-shadow 0.3s ease-out',\n }),\n },\n ...(smooth && {\n // show with @mui focus class\n [`&${focusSelector}:before`]: {\n boxShadow: getFocusRingBoxShadow(theme),\n },\n }),\n});\n\n/\n Any element applying border have to adjust position of ring to keep 2px space around element\n \n @param border - component border to correctly place focusRing, can be used as string to directly manipulate inset\n * @param smooth - controls smooth appearance of focusRing\n * @param focusSelector - focus visible selector\n */\nconst updateFocusRingStyle = (\n border: number \| string = 0,\n smooth: boolean = true,\n focusSelector = '.Mui-focusVisible',\n): CSSObject => ({\n [smooth ? '&&:before' : `&${focusSelector}:before`]: {\n inset: typeof border === 'string' ? border : `-${border + 2}px`,\n },\n});\n\nexport { getFocusRingBoxShadow, getFocusRingStyle, updateFocusRingStyle };\n"],"names":["getFocusRingBoxShadow","theme","inset","palette","info","main","background","primary","smooth","border","focusSelector","Object","assign","content","display","position","borderRadius","width","height","maxWidth","pointerEvents","boxShadow","transition"],"mappings":"aASA,MAAMA,EAAwB,CAACC,EAAcC,IAC3C,GAAGA,EAAQ,SAAW,eAAeD,EAAME,QAAQC,KAAKC,SAASH,EAAQ,SAAW,eAAeD,EAAME,QAAQG,WAAWC,oEAUpG,CACxBN,EACAO,GAAkB,EAClBC,EAA0B,EAC1BC,EAAgB,sBACFC,OAAAC,OAAA,CAEd,CAACJ,EAAS,WAAa,IAAIE,YAAuBC,OAAAC,OAAA,CAChDC,QAAS,KACTC,QAAS,QACTC,SAAU,WACVC,aAAc,UAEdd,MAAyB,iBAAXO,EAAsBA,EAAS,IAAIA,EAAS,MAC1DQ,MAAO,OACPC,OAAQ,OACRC,SAAU,OACVC,cAAe,OAEfC,UAAWb,EAAS,OAASR,EAAsBC,IAE/CO,GAAU,CACZc,WAAY,8BAGZd,GAAU,CAEZ,CAAC,IAAIE,YAAyB,CAC5BW,UAAWrB,EAAsBC,mCAYV,CAC3BQ,EAA0B,EAC1BD,GAAkB,EAClBE,EAAgB,uBAAmB,CAEnC,CAACF,EAAS,YAAc,IAAIE,YAAyB,CACnDR,MAAyB,iBAAXO,EAAsBA,EAAS,IAAIA,EAAS"}

package/cjs/components/footer/Footer.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var o=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),e=require("@mui/material"),i=require("./FooterSectionContact.js"),n=require("./FooterSectionLinks.js");const c=t.forwardRef(((t,c)=>{var{sx:s,children:a,containerProps:l,primaryItems:u,secondaryItems:d,copyRight:m,location:p,socialButtons:x}=t,h=o.__rest(t,["sx","children","containerProps","primaryItems","secondaryItems","copyRight","location","socialButtons"]);return r.jsx(e.Box,Object.assign({component:"footer",sx:Object.assign({py:1,"&:has(.FlowSectionContact-root)":{py:{xs:6,lg:10}},backgroundColor:"onSurface.os800",color:"common.white",".MuiDivider-root":{borderColor:"onSurface.os700",my:4,"& + .FooterSectionMenu-root":{marginTop:-4,"& > .MuiAccordion-root:first-of-type":{borderTop:"0"}},"& + .FooterAccordion-variantCompact":{mt:-1.5,"& + .MuiDivider-root":{mt:2.5}}}},s),ref:c,"data-testid":"Footer"},h,{children:r.jsxs(e.Container,Object.assign({maxWidth:"xl"},l,{children:[(x||u)&&r.jsx(i.FooterSectionContact,{socialSlot:x,children:u}),(m||p)&&r.jsx(n.FooterSectionLinks,{textSlot:m,buttonSlot:p,children:d}),a]}))}))}));exports.Footer=c;
+"use strict";var o=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),e=require("@mui/material"),i=require("./FooterSectionContact.js"),n=require("./FooterSectionLinks.js");const c=t.forwardRef((t,c)=>{var{sx:s,children:a,containerProps:l,primaryItems:u,secondaryItems:d,copyRight:m,location:p,socialButtons:x}=t,h=o.__rest(t,["sx","children","containerProps","primaryItems","secondaryItems","copyRight","location","socialButtons"]);return r.jsx(e.Box,Object.assign({component:"footer",sx:Object.assign({py:1,"&:has(.FlowSectionContact-root)":{py:{xs:6,lg:10}},backgroundColor:"onSurface.os800",color:"common.white",".MuiDivider-root":{borderColor:"onSurface.os700",my:4,"& + .FooterSectionMenu-root":{marginTop:-4,"& > .MuiAccordion-root:first-of-type":{borderTop:"0"}},"& + .FooterAccordion-variantCompact":{mt:-1.5,"& + .MuiDivider-root":{mt:2.5}}}},s),ref:c,"data-testid":"Footer"},h,{children:r.jsxs(e.Container,Object.assign({maxWidth:"xl"},l,{children:[(x||u)&&r.jsx(i.FooterSectionContact,{socialSlot:x,children:u}),(m||p)&&r.jsx(n.FooterSectionLinks,{textSlot:m,buttonSlot:p,children:d}),a]}))}))});exports.Footer=c;
 //# sourceMappingURL=Footer.js.map

package/cjs/components/footer/Footer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Footer.js","sources":["../../../../../src/components/footer/Footer.tsx"],"sourcesContent":["import React, { ElementType, FC, forwardRef, ReactNode } from 'react';\nimport { Box, BoxProps, Container, ContainerProps } from '@mui/material';\nimport { FooterSectionContact } from './FooterSectionContact';\nimport { FooterSectionLinks } from './FooterSectionLinks';\n\nexport interface FooterProps extends BoxProps<ElementType> {\n /*\n Props applied to container\n /\n containerProps?: ContainerProps<ElementType>;\n /\n @deprecated\n /\n primaryItems?: ReactNode;\n /\n @deprecated\n /\n secondaryItems?: ReactNode;\n /\n @deprecated\n /\n copyRight?: ReactNode;\n /\n @deprecated\n /\n location?: ReactNode;\n /\n @deprecated\n /\n socialButtons?: ReactNode;\n}\n\n/\n Component to render content at the bottom of each page\n */\nexport const Footer: FC<FooterProps> = forwardRef(\n (\n { sx, children, containerProps, primaryItems, secondaryItems, copyRight, location, socialButtons, ...rest },\n ref,\n ) => {\n return (\n <Box\n component=\"footer\"\n sx={{\n py: 1,\n // complex footer has increased padding\n '&:has(.FlowSectionContact-root)': {\n py: { xs: 6, lg: 10 },\n },\n backgroundColor: 'onSurface.os800',\n color: 'common.white',\n // dividers inside\n '.MuiDivider-root': {\n borderColor: 'onSurface.os700',\n my: 4,\n // connect divider with FooterSectionMenu\n '& + .FooterSectionMenu-root': {\n marginTop: -4,\n // connect divider and accordion borders\n '& > .MuiAccordion-root:first-of-type': {\n borderTop: '0',\n },\n },\n // reduce divider space for the next compact accordion section\n '& + .FooterAccordion-variantCompact': {\n mt: -1.5,\n // also reduce the space of divider after the accordion\n '& + .MuiDivider-root': {\n mt: 4 - 1.5,\n },\n },\n },\n ...sx,\n }}\n ref={ref}\n data-testid=\"Footer\"\n {...rest}\n >\n <Container maxWidth=\"xl\" {...containerProps}>\n {(socialButtons \|\| primaryItems) && (\n <FooterSectionContact socialSlot={socialButtons}>{primaryItems}</FooterSectionContact>\n )}\n {(copyRight \|\| location) && (\n <FooterSectionLinks textSlot={copyRight} buttonSlot={location}>\n {secondaryItems}\n </FooterSectionLinks>\n )}\n {children}\n </Container>\n </Box>\n );\n },\n);\n"],"names":["Footer","forwardRef","_a","ref","sx","children","containerProps","primaryItems","secondaryItems","copyRight","location","socialButtons","rest","__rest","_jsx","Box","Object","assign","component","py","xs","lg","backgroundColor","color","borderColor","my","marginTop","borderTop","mt","_jsxs","Container","maxWidth","~~jsx","~~FooterSectionContact","socialSlot","FooterSectionLinks","textSlot","buttonSlot"],"mappings":"~~6LAmCa~~,~~MAAAA~~,EAA0BC,~~EAAUA~~,~~YAC/C~~,CACEC,EACAC,SADAC,GAAEA,EAAEC,SAAEA,EAAQC,eAAEA,EAAcC,aAAEA,EAAYC,eAAEA,EAAcC,UAAEA,EAASC,SAAEA,EAAQC,cAAEA,GAAaT,EAAKU,EAAIC,EAAAA,OAAAX,EAAzG,2GAGA,OACEY,MAACC,EAAAA,IAAGC,OAAAC,OAAA,CACFC,UAAU,SACVd,GAAEY,OAAAC,OAAA,CACAE,GAAI,EAEJ,kCAAmC,CACjCA,GAAI,CAAEC,GAAI,EAAGC,GAAI,KAEnBC,gBAAiB,kBACjBC,MAAO,eAEP,mBAAoB,CAClBC,YAAa,kBACbC,GAAI,EAEJ,8BAA+B,CAC7BC,~~WAAa~~,~~EAEb~~,uCAAwC,CACtCC,UAAW,MAIf,sCAAuC,CACrCC,~~IAAQ~~,~~IAER~~,uBAAwB,CACtBA,GAAI,QAIPxB,GAELD,IAAKA,EAAG,cACI,UACRS,EAAI,CAAAP,SAERwB,OAACC,EAAAA,~~UAAUd~~,OAAAC,OAAA,~~CAAAc~~,SAAS,MAASzB,~~EAC1B~~,CAAAD,SAAA,~~EAACM~~,GAAiBJ,IACjBO,~~EAACkB~~,~~IAAAC~~,wBAAqBC,~~WAAYvB~~,EAAaN,SAAGE,KAElDE,GAAaC,IACbI,~~EAAAkB~~,~~IAACG~~,~~qBAAmB~~,~~CAAAC~~,~~SAAU3B~~,~~EAAW4B~~,~~WAAY3B~~,~~EAClDL~~,~~SAAAG~~,IAGJH~~,QAEC~~"}
1	+ {"version":3,"file":"Footer.js","sources":["../../../../../src/components/footer/Footer.tsx"],"sourcesContent":["import React, { ElementType, FC, forwardRef, ReactNode } from 'react';\nimport { Box, BoxProps, Container, ContainerProps } from '@mui/material';\nimport { FooterSectionContact } from './FooterSectionContact';\nimport { FooterSectionLinks } from './FooterSectionLinks';\n\nexport interface FooterProps extends BoxProps<ElementType> {\n /*\n Props applied to container\n /\n containerProps?: ContainerProps<ElementType>;\n /\n @deprecated\n /\n primaryItems?: ReactNode;\n /\n @deprecated\n /\n secondaryItems?: ReactNode;\n /\n @deprecated\n /\n copyRight?: ReactNode;\n /\n @deprecated\n /\n location?: ReactNode;\n /\n @deprecated\n /\n socialButtons?: ReactNode;\n}\n\n/\n Component to render content at the bottom of each page\n */\nexport const Footer: FC<FooterProps> = forwardRef(\n (\n { sx, children, containerProps, primaryItems, secondaryItems, copyRight, location, socialButtons, ...rest },\n ref,\n ) => {\n return (\n <Box\n component=\"footer\"\n sx={{\n py: 1,\n // complex footer has increased padding\n '&:has(.FlowSectionContact-root)': {\n py: { xs: 6, lg: 10 },\n },\n backgroundColor: 'onSurface.os800',\n color: 'common.white',\n // dividers inside\n '.MuiDivider-root': {\n borderColor: 'onSurface.os700',\n my: 4,\n // connect divider with FooterSectionMenu\n '& + .FooterSectionMenu-root': {\n marginTop: -4,\n // connect divider and accordion borders\n '& > .MuiAccordion-root:first-of-type': {\n borderTop: '0',\n },\n },\n // reduce divider space for the next compact accordion section\n '& + .FooterAccordion-variantCompact': {\n mt: -1.5,\n // also reduce the space of divider after the accordion\n '& + .MuiDivider-root': {\n mt: 4 - 1.5,\n },\n },\n },\n ...sx,\n }}\n ref={ref}\n data-testid=\"Footer\"\n {...rest}\n >\n <Container maxWidth=\"xl\" {...containerProps}>\n {(socialButtons \|\| primaryItems) && (\n <FooterSectionContact socialSlot={socialButtons}>{primaryItems}</FooterSectionContact>\n )}\n {(copyRight \|\| location) && (\n <FooterSectionLinks textSlot={copyRight} buttonSlot={location}>\n {secondaryItems}\n </FooterSectionLinks>\n )}\n {children}\n </Container>\n </Box>\n );\n },\n);\n"],"names":["Footer","forwardRef","_a","ref","sx","children","containerProps","primaryItems","secondaryItems","copyRight","location","socialButtons","rest","__rest","_jsx","Box","Object","assign","component","py","xs","lg","backgroundColor","color","borderColor","my","marginTop","borderTop","mt","_jsxs","Container","maxWidth","FooterSectionContact","socialSlot","FooterSectionLinks","textSlot","buttonSlot"],"mappings":"6LAmCO,MAAMA,EAA0BC,EAAAA,WACrC,CACEC,EACAC,SADAC,GAAEA,EAAEC,SAAEA,EAAQC,eAAEA,EAAcC,aAAEA,EAAYC,eAAEA,EAAcC,UAAEA,EAASC,SAAEA,EAAQC,cAAEA,GAAaT,EAAKU,EAAIC,EAAAA,OAAAX,EAAzG,2GAGA,OACEY,MAACC,EAAAA,IAAGC,OAAAC,OAAA,CACFC,UAAU,SACVd,GAAEY,OAAAC,OAAA,CACAE,GAAI,EAEJ,kCAAmC,CACjCA,GAAI,CAAEC,GAAI,EAAGC,GAAI,KAEnBC,gBAAiB,kBACjBC,MAAO,eAEP,mBAAoB,CAClBC,YAAa,kBACbC,GAAI,EAEJ,8BAA+B,CAC7BC,WAAW,EAEX,uCAAwC,CACtCC,UAAW,MAIf,sCAAuC,CACrCC,IAAI,IAEJ,uBAAwB,CACtBA,GAAI,QAIPxB,GAELD,IAAKA,EAAG,cACI,UACRS,EAAI,CAAAP,SAERwB,OAACC,EAAAA,UAASd,OAAAC,OAAA,CAACc,SAAS,MAASzB,EAAc,CAAAD,SAAA,EACvCM,GAAiBJ,IACjBO,EAAAA,IAACkB,wBAAqBC,WAAYtB,EAAaN,SAAGE,KAElDE,GAAaC,IACbI,EAAAA,IAACoB,qBAAkB,CAACC,SAAU1B,EAAW2B,WAAY1B,EAAQL,SAC1DG,IAGJH"}

package/cjs/components/footer/FooterAccordion.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var r=require("tslib"),o=require("react/jsx-runtime"),t=require("react"),e=require("@mui/material"),c=require("../../materialui/button/interactive.js");const a=t.forwardRef(((t,a)=>{var{sx:n,children:i,className:s,label:l,accordionSummaryProps:d,accordionDetailsProps:u,contentProps:p,variant:b="compact"}=t,m=r.__rest(t,["sx","children","className","label","accordionSummaryProps","accordionDetailsProps","contentProps","variant"]);const g=null!=d?d:{},{sx:j}=g,x=r.__rest(g,["sx"]),h=e.useTheme();return o.jsxs(e.Accordion,Object.assign({ref:a,"data-testid":"FooterAccordion",className:["FooterAccordion-root",`FooterAccordion-variant${b.charAt(0).toUpperCase()}${b.slice(1)}`,s].filter(Boolean).join(", "),sx:Object.assign(Object.assign({color:"currentColor"},"compact"===b&&{border:"none"}),n)},m,{children:[o.jsx(e.AccordionSummary,Object.assign({"data-testid":"FooterAccordion.label","aria-controls":"footer-accordion",id:"footer-accordion",sx:Object.assign(Object.assign({color:"currentColor","&:hover":{color:"currentColor","& .MuiAccordion-IconButton":{backgroundColor:h.palette.transparent.tertiary}},"& .MuiAccordion-IconButton":Object.assign({height:"32px",width:"32px"},c.getInteractiveStyle({backgroundColor:"transparent",color:h.palette.onSurface.os0},{color:h.palette.onSurface.os0,backgroundColor:h.palette.transparent.tertiary}))},"compact"===b&&Object.assign(Object.assign({},h.typography.caption2),{p:"0",gap:1.5,justifyContent:"flex-start","& .MuiAccordionSummary-content":{flexGrow:"0"}})),j)},x,{children:l})),o.jsx(e.AccordionDetails,Object.assign({"data-testid":"FooterAccordion.children"},u,{children:o.jsx(e.Typography,Object.assign({variant:"disclaimer1"},p,{children:i}))}))]}))}));exports.FooterAccordion=a;
+"use strict";var r=require("tslib"),o=require("react/jsx-runtime"),t=require("react"),e=require("@mui/material"),c=require("../../materialui/button/interactive.js");const a=t.forwardRef((t,a)=>{var{sx:n,children:i,className:s,label:l,accordionSummaryProps:d,accordionDetailsProps:u,contentProps:p,variant:b="compact"}=t,m=r.__rest(t,["sx","children","className","label","accordionSummaryProps","accordionDetailsProps","contentProps","variant"]);const g=null!=d?d:{},{sx:j}=g,x=r.__rest(g,["sx"]),h=e.useTheme();return o.jsxs(e.Accordion,Object.assign({ref:a,"data-testid":"FooterAccordion",className:["FooterAccordion-root",`FooterAccordion-variant${b.charAt(0).toUpperCase()}${b.slice(1)}`,s].filter(Boolean).join(", "),sx:Object.assign(Object.assign({color:"currentColor"},"compact"===b&&{border:"none"}),n)},m,{children:[o.jsx(e.AccordionSummary,Object.assign({"data-testid":"FooterAccordion.label","aria-controls":"footer-accordion",id:"footer-accordion",sx:Object.assign(Object.assign({color:"currentColor","&:hover":{color:"currentColor","& .MuiAccordion-IconButton":{backgroundColor:h.palette.transparent.tertiary}},"& .MuiAccordion-IconButton":Object.assign({height:"32px",width:"32px"},c.getInteractiveStyle({backgroundColor:"transparent",color:h.palette.onSurface.os0},{color:h.palette.onSurface.os0,backgroundColor:h.palette.transparent.tertiary}))},"compact"===b&&Object.assign(Object.assign({},h.typography.caption2),{p:"0",gap:1.5,justifyContent:"flex-start","& .MuiAccordionSummary-content":{flexGrow:"0"}})),j)},x,{children:l})),o.jsx(e.AccordionDetails,Object.assign({"data-testid":"FooterAccordion.children"},u,{children:o.jsx(e.Typography,Object.assign({variant:"disclaimer1"},p,{children:i}))}))]}))});exports.FooterAccordion=a;
 //# sourceMappingURL=FooterAccordion.js.map

package/cjs/components/footer/FooterAccordion.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FooterAccordion.js","sources":["../../../../../src/components/footer/FooterAccordion.tsx"],"sourcesContent":["import React, { FC, forwardRef, ReactNode, ElementType } from 'react';\nimport {\n Accordion,\n AccordionSummary,\n AccordionDetails,\n AccordionProps,\n AccordionSummaryProps,\n AccordionDetailsProps,\n Typography,\n TypographyProps,\n useTheme,\n} from '@mui/material';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport interface FooterAccordionProps extends Omit<AccordionProps, 'variant'> {\n /*\n Label of the Accordion\n /\n label?: ReactNode;\n /\n Props applied to the wrapper of label\n /\n accordionSummaryProps?: AccordionSummaryProps<ElementType>;\n /\n Props applied to the content of the accodion\n /\n accordionDetailsProps?: AccordionDetailsProps;\n /\n Properties applied to wrapper of children\n /\n contentProps?: TypographyProps<ElementType>;\n /\n Variant of accordion\n * @default compact\n /\n variant?: 'compact' \| 'standard';\n}\n\n/\n Collapsible footer section\n */\nexport const FooterAccordion: FC<FooterAccordionProps> = forwardRef(\n (\n {\n sx,\n children,\n className,\n label,\n accordionSummaryProps,\n accordionDetailsProps,\n contentProps,\n variant = 'compact',\n ...rest\n },\n ref,\n ) => {\n const { sx: accordionSummarySx, ...restAccordionSummary } = accordionSummaryProps ?? {};\n const theme = useTheme();\n\n return (\n <Accordion\n ref={ref}\n data-testid=\"FooterAccordion\"\n className={[\n 'FooterAccordion-root',\n `FooterAccordion-variant${variant.charAt(0).toUpperCase()}${variant.slice(1)}`,\n className,\n ]\n .filter(Boolean)\n .join(', ')}\n sx={{\n // recolor to dark mode\n color: 'currentColor',\n ...(variant === 'compact' && {\n border: 'none',\n }),\n ...sx,\n }}\n {...rest}\n >\n <AccordionSummary\n data-testid=\"FooterAccordion.label\"\n aria-controls=\"footer-accordion\"\n id=\"footer-accordion\"\n sx={{\n // recolor to dark mode\n color: 'currentColor',\n '&:hover': {\n color: 'currentColor',\n // hover over IconButton\n '& .MuiAccordion-IconButton': {\n backgroundColor: theme.palette.transparent.tertiary,\n },\n },\n // change variant of icon button to small & white\n '& .MuiAccordion-IconButton': {\n height: '32px',\n width: '32px',\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 },\n ...(variant === 'compact' && {\n ...theme.typography.caption2,\n p: '0',\n gap: 1.5,\n justifyContent: 'flex-start',\n // move icon next to label\n '& .MuiAccordionSummary-content': {\n flexGrow: '0',\n },\n }),\n ...accordionSummarySx,\n }}\n {...restAccordionSummary}\n >\n {label}\n </AccordionSummary>\n <AccordionDetails data-testid=\"FooterAccordion.children\" {...accordionDetailsProps}>\n <Typography variant=\"disclaimer1\" {...contentProps}>\n {children}\n </Typography>\n </AccordionDetails>\n </Accordion>\n );\n },\n);\n"],"names":["FooterAccordion","forwardRef","_a","ref","sx","children","className","label","accordionSummaryProps","accordionDetailsProps","contentProps","variant","rest","__rest","_b","accordionSummarySx","restAccordionSummary","theme","useTheme","_jsxs","~~jsxs","~~Accordion","Object","assign","charAt","toUpperCase","slice","filter","Boolean","join","color","border","_jsx","AccordionSummary","id","backgroundColor","palette","transparent","tertiary","height","width","getInteractiveStyle","onSurface","os0","typography","caption2","p","gap","justifyContent","flexGrow","AccordionDetails","~~jsx","~~Typography"],"mappings":"~~qKAyCa~~,~~MAAAA~~,EAA4CC,~~EAAUA~~,~~YACjE~~,CACEC,EAWAC,SAXAC,GACEA,EAAEC,SACFA,EAAQC,UACRA,EAASC,MACTA,EAAKC,sBACLA,EAAqBC,sBACrBA,EAAqBC,aACrBA,EAAYC,QACZA,EAAU,aACPC,~~EATLC~~,EAAAA,OAAAX,~~EAAA~~,CAAA,KAAA,WAAA,YAAA,QAAA,wBAAA,wBAAA,eAAA,YAaA,MAAMY,EAAsDN,QAAAA,EAAyB,IAA7EJ,GAAIW,~~GAA2ED~~,~~EAApDE~~,~~EAA7BH~~,EAAAA,OAAAC,~~EAAA~~,CAAA,OACAG,EAAQC,EAAAA,WAEd,OACEC,~~EAACC~~,~~KAAAC~~,~~YACCC~~,OAAAC,OAAA,~~CAAApB~~,IAAKA,~~EACO~~,~~cAAA~~,kBACZG,UAAW,CACT,uBACA,0BAA0BK,~~EAAQa~~,OAAO,GAAGC,~~gBAAgBd~~,~~EAAQe~~,MAAM,~~KAC1EpB~~,~~GAECqB~~,OAAOC,SACPC,KAAK,~~MACRzB~~,~~GAAEkB~~,OAAAC,OAAAD,OAAAC,OAAA,CAEAO,MAAO,gBACS,~~YAAZnB~~,GAAyB,~~CAC3BoB~~,OAAQ,~~SAEP3B~~,IAEDQ,EAAI,CAAAP,SAAA,~~CAER2B~~,MAACC,EAAAA,iBAAgBX,OAAAC,OAAA,CAAA,cACH,wBAAuB,gBACrB,mBACdW,GAAG,~~mBACH9B~~,~~GAAEkB~~,OAAAC,OAAAD,OAAAC,OAAA,CAEAO,MAAO,eACP,UAAW,CACTA,MAAO,eAEP,6BAA8B,CAC5BK,~~gBAAiBlB~~,~~EAAMmB~~,QAAQC,YAAYC,WAI/C,6BAA4BhB,OAAAC,OAAA,CAC1BgB,OAAQ,OACRC,MAAO,QACJC,sBACD,CACEN,gBAAiB,cACjBL,~~MAAOb~~,~~EAAMmB~~,QAAQM,UAAUC,KAEjC,CACEb,~~MAAOb~~,~~EAAMmB~~,QAAQM,UAAUC,IAC/BR,~~gBAAiBlB~~,~~EAAMmB~~,QAAQC,YAAYC,aAIjC,~~YAAZ3B~~,~~GACCW~~,OAAAC,OAAAD,OAAAC,OAAA,CAAA,~~EAAAN~~,~~EAAM2B~~,WAAWC,WACpBC,EAAG,IACHC,IAAK,IACLC,eAAgB,aAEhB,iCAAkC,CAChCC,SAAU,~~QAGXlC~~,IAEDC,EAAoB,CAAAX,SAEvBE,~~KAEHyB~~,EAAAA,IAACkB,EAAAA,iBAAgB5B,OAAAC,OAAA,CAAA,cAAa,4BAA+Bd,~~EAC3D~~,CAAAJ,~~SAAA2B~~,~~EAAAmB~~,~~IAACC~~,~~EAAUA~~,~~WAAA9B~~,OAAAC,OAAA,~~CAACZ~~,QAAQ,eAAkBD,EAAY,CAAAL,SAC/CA~~,WAGK~~"}
1	+ {"version":3,"file":"FooterAccordion.js","sources":["../../../../../src/components/footer/FooterAccordion.tsx"],"sourcesContent":["import React, { FC, forwardRef, ReactNode, ElementType } from 'react';\nimport {\n Accordion,\n AccordionSummary,\n AccordionDetails,\n AccordionProps,\n AccordionSummaryProps,\n AccordionDetailsProps,\n Typography,\n TypographyProps,\n useTheme,\n} from '@mui/material';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport interface FooterAccordionProps extends Omit<AccordionProps, 'variant'> {\n /*\n Label of the Accordion\n /\n label?: ReactNode;\n /\n Props applied to the wrapper of label\n /\n accordionSummaryProps?: AccordionSummaryProps<ElementType>;\n /\n Props applied to the content of the accodion\n /\n accordionDetailsProps?: AccordionDetailsProps;\n /\n Properties applied to wrapper of children\n /\n contentProps?: TypographyProps<ElementType>;\n /\n Variant of accordion\n * @default compact\n /\n variant?: 'compact' \| 'standard';\n}\n\n/\n Collapsible footer section\n */\nexport const FooterAccordion: FC<FooterAccordionProps> = forwardRef(\n (\n {\n sx,\n children,\n className,\n label,\n accordionSummaryProps,\n accordionDetailsProps,\n contentProps,\n variant = 'compact',\n ...rest\n },\n ref,\n ) => {\n const { sx: accordionSummarySx, ...restAccordionSummary } = accordionSummaryProps ?? {};\n const theme = useTheme();\n\n return (\n <Accordion\n ref={ref}\n data-testid=\"FooterAccordion\"\n className={[\n 'FooterAccordion-root',\n `FooterAccordion-variant${variant.charAt(0).toUpperCase()}${variant.slice(1)}`,\n className,\n ]\n .filter(Boolean)\n .join(', ')}\n sx={{\n // recolor to dark mode\n color: 'currentColor',\n ...(variant === 'compact' && {\n border: 'none',\n }),\n ...sx,\n }}\n {...rest}\n >\n <AccordionSummary\n data-testid=\"FooterAccordion.label\"\n aria-controls=\"footer-accordion\"\n id=\"footer-accordion\"\n sx={{\n // recolor to dark mode\n color: 'currentColor',\n '&:hover': {\n color: 'currentColor',\n // hover over IconButton\n '& .MuiAccordion-IconButton': {\n backgroundColor: theme.palette.transparent.tertiary,\n },\n },\n // change variant of icon button to small & white\n '& .MuiAccordion-IconButton': {\n height: '32px',\n width: '32px',\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 },\n ...(variant === 'compact' && {\n ...theme.typography.caption2,\n p: '0',\n gap: 1.5,\n justifyContent: 'flex-start',\n // move icon next to label\n '& .MuiAccordionSummary-content': {\n flexGrow: '0',\n },\n }),\n ...accordionSummarySx,\n }}\n {...restAccordionSummary}\n >\n {label}\n </AccordionSummary>\n <AccordionDetails data-testid=\"FooterAccordion.children\" {...accordionDetailsProps}>\n <Typography variant=\"disclaimer1\" {...contentProps}>\n {children}\n </Typography>\n </AccordionDetails>\n </Accordion>\n );\n },\n);\n"],"names":["FooterAccordion","forwardRef","_a","ref","sx","children","className","label","accordionSummaryProps","accordionDetailsProps","contentProps","variant","rest","__rest","_b","accordionSummarySx","restAccordionSummary","theme","useTheme","_jsxs","Accordion","Object","assign","charAt","toUpperCase","slice","filter","Boolean","join","color","border","_jsx","AccordionSummary","id","backgroundColor","palette","transparent","tertiary","height","width","getInteractiveStyle","onSurface","os0","typography","caption2","p","gap","justifyContent","flexGrow","AccordionDetails","Typography"],"mappings":"qKAyCO,MAAMA,EAA4CC,EAAAA,WACvD,CACEC,EAWAC,SAXAC,GACEA,EAAEC,SACFA,EAAQC,UACRA,EAASC,MACTA,EAAKC,sBACLA,EAAqBC,sBACrBA,EAAqBC,aACrBA,EAAYC,QACZA,EAAU,aACPC,EAAIC,EAAAA,OAAAX,EATT,CAAA,KAAA,WAAA,YAAA,QAAA,wBAAA,wBAAA,eAAA,YAaA,MAAMY,EAAsDN,QAAAA,EAAyB,IAA7EJ,GAAIW,GAAkBD,EAAKE,EAAoBH,EAAAA,OAAAC,EAAjD,CAAA,OACAG,EAAQC,EAAAA,WAEd,OACEC,EAAAA,KAACC,YAASC,OAAAC,OAAA,CACRnB,IAAKA,EAAG,cACI,kBACZG,UAAW,CACT,uBACA,0BAA0BK,EAAQY,OAAO,GAAGC,gBAAgBb,EAAQc,MAAM,KAC1EnB,GAECoB,OAAOC,SACPC,KAAK,MACRxB,GAAEiB,OAAAC,OAAAD,OAAAC,OAAA,CAEAO,MAAO,gBACS,YAAZlB,GAAyB,CAC3BmB,OAAQ,SAEP1B,IAEDQ,EAAI,CAAAP,SAAA,CAER0B,MAACC,EAAAA,iBAAgBX,OAAAC,OAAA,CAAA,cACH,wBAAuB,gBACrB,mBACdW,GAAG,mBACH7B,GAAEiB,OAAAC,OAAAD,OAAAC,OAAA,CAEAO,MAAO,eACP,UAAW,CACTA,MAAO,eAEP,6BAA8B,CAC5BK,gBAAiBjB,EAAMkB,QAAQC,YAAYC,WAI/C,6BAA4BhB,OAAAC,OAAA,CAC1BgB,OAAQ,OACRC,MAAO,QACJC,sBACD,CACEN,gBAAiB,cACjBL,MAAOZ,EAAMkB,QAAQM,UAAUC,KAEjC,CACEb,MAAOZ,EAAMkB,QAAQM,UAAUC,IAC/BR,gBAAiBjB,EAAMkB,QAAQC,YAAYC,aAIjC,YAAZ1B,GAAqBU,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACpBL,EAAM0B,WAAWC,WACpBC,EAAG,IACHC,IAAK,IACLC,eAAgB,aAEhB,iCAAkC,CAChCC,SAAU,QAGXjC,IAEDC,EAAoB,CAAAX,SAEvBE,KAEHwB,EAAAA,IAACkB,EAAAA,iBAAgB5B,OAAAC,OAAA,CAAA,cAAa,4BAA+Bb,EAAqB,CAAAJ,SAChF0B,EAAAA,IAACmB,EAAAA,WAAU7B,OAAAC,OAAA,CAACX,QAAQ,eAAkBD,EAAY,CAAAL,SAC/CA"}