npm - @hitachivantara/uikit-react-core - Versions diffs - 5.20.2 → 5.22.0 - Mend

@hitachivantara/uikit-react-core 5.20.2 → 5.22.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 (1254) hide show

package/dist/cjs/components/Avatar/Avatar.styles.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Avatar.styles.cjs","sources":["../../../../src/components/Avatar/Avatar.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { Avatar as MuiAvatar } from \"@mui/material\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport { outlineStyles } from \"@core/utils/focusUtils\";\nimport { HvAvatarSize, HvAvatarVariant } from \".\";\n\nconst EXTRA_SMALL = { container: \"32px\", avatar: \"24px\" };\nconst SMALL = { container: \"40px\", avatar: \"32px\" };\nconst MEDIUM = { container: \"48px\", avatar: \"40px\" };\nconst LARGE = { container: \"60px\", avatar: \"52px\" };\nconst EXTRA_LARGE = { container: \"96px\", avatar: \"88px\" };\n\nexport const StyledContainer = styled(\"div\")({\n \"&:focus-visible\": {\n ...outlineStyles,\n borderRadius: 0,\n },\n});\n\nexport const StyledImg = styled(\"img\")({\n width: \"100%\",\n height: \"100%\",\n textAlign: \"center\",\n // Handle non-square image. The property isn't supported by IE 11.\n objectFit: \"cover\",\n // Hide alt text.\n color: \"transparent\",\n // Hide the image broken icon, only works on Chrome.\n textIndent: 10000,\n});\n\nexport const StyledStatus = styled(\n \"div\",\n transientOptions\n)(\n ({\n $variant,\n $size,\n }: {\n $variant: HvAvatarVariant;\n $size: HvAvatarSize;\n }) => ({\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n position: \"relative\",\n\n // variant\n ...($variant === \"circular\" && {\n borderRadius: \"50%\",\n }),\n // size\n ...($size === \"xs\" && {\n width: EXTRA_SMALL.container,\n height: EXTRA_SMALL.container,\n }),\n ...($size === \"sm\" && {\n width: SMALL.container,\n height: SMALL.container,\n }),\n ...($size === \"md\" && {\n width: MEDIUM.container,\n height: MEDIUM.container,\n }),\n ...($size === \"lg\" && {\n width: LARGE.container,\n height: LARGE.container,\n }),\n ...($size === \"xl\" && {\n width: EXTRA_LARGE.container,\n height: EXTRA_LARGE.container,\n }),\n })\n);\n\nexport const StyledAvatar = styled(MuiAvatar)(\n ({ size }: { component: any; size: HvAvatarSize }) => ({\n // root\n fontSize: \"1rem\",\n // avatar\n ...(size === \"xs\" && {\n width: EXTRA_SMALL.avatar,\n height: EXTRA_SMALL.avatar,\n fontSize: \"0.5rem\",\n }),\n ...(size === \"sm\" && {\n width: SMALL.avatar,\n height: SMALL.avatar,\n fontSize: \"0.625rem\",\n }),\n ...(size === \"md\" && {\n width: MEDIUM.avatar,\n height: MEDIUM.avatar,\n fontSize: \"1rem\",\n }),\n ...(size === \"lg\" && {\n width: LARGE.avatar,\n height: LARGE.avatar,\n fontSize: \"1.5rem\",\n }),\n ...(size === \"xl\" && {\n width: EXTRA_LARGE.avatar,\n height: EXTRA_LARGE.avatar,\n fontSize: \"2rem\",\n }),\n })\n);\n\nexport const StyledBadge = styled(\"div\")({\n width: 8,\n height: 8,\n position: \"absolute\",\n top: 0,\n right: 0,\n borderRadius: \"50%\",\n zIndex: 1,\n});\n"],"names":["EXTRA_SMALL","container","avatar","SMALL","MEDIUM","LARGE","EXTRA_LARGE","StyledContainer","_styled","process","env","NODE_ENV","target","label","outlineStyles","borderRadius","StyledImg","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledStatus","_extends","transientOptions","$variant","$size","display","alignItems","justifyContent","position","width","height","StyledAvatar","MuiAvatar","size","fontSize","StyledBadge"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;~~AAMA~~,MAAMA,cAAc;AAAA,EAAEC,WAAW;AAAA,EAAQC,QAAQ;AAAO;AACxD,MAAMC,QAAQ;AAAA,EAAEF,WAAW;AAAA,EAAQC,QAAQ;AAAO;AAClD,MAAME,SAAS;AAAA,EAAEH,WAAW;AAAA,EAAQC,QAAQ;AAAO;AACnD,MAAMG,QAAQ;AAAA,EAAEJ,WAAW;AAAA,EAAQC,QAAQ;AAAO;AAClD,MAAMI,cAAc;AAAA,EAAEL,WAAW;AAAA,EAAQC,QAAQ;AAAO;AAEjD,MAAMK,kBAAyBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC3C,mBAAmB;AAAA,IACjB,GAAGC,WAAAA;AAAAA,IACHC,cAAc;AAAA,EAChB;AACF,GAACN,QAAAC,IAAAC,aAAC,eAAA,KAAA,~~y3IAAA~~;AAEK,MAAMK,YAAmBR,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAM,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAUrC;AAEYC,MAAAA,wDACX,OAAKb,QAAAC,IAAAC,4BAAAY,SAAA,IAAA;AAAA,EAAAX,QAAA;AAAA,GACLY,iBAAgB,gBAAA,IAAAD,SAAA,IAAA;AAAA,EAAAX,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBW,iBAAAA,gBAAgB,CAClB,EACE,CAAC;AAAA,EACCC;AAAAA,EACAC;AAIF,OAAO;AAAA,EACLC,SAAS;AAAA,EACTC,YAAY;AAAA,EACZC,gBAAgB;AAAA,EAChBC,UAAU;AAAA;AAAA,EAGV,GAAIL,aAAa,cAAc;AAAA,IAC7BV,cAAc;AAAA,EAChB;AAAA;AAAA,EAEA,GAAIW,UAAU,QAAQ;AAAA,IACpBK,OAAO/B,YAAYC;AAAAA,IACnB+B,QAAQhC,YAAYC;AAAAA,EACtB;AAAA,EACA,GAAIyB,UAAU,QAAQ;AAAA,IACpBK,OAAO5B,MAAMF;AAAAA,IACb+B,QAAQ7B,MAAMF;AAAAA,EAChB;AAAA,EACA,GAAIyB,UAAU,QAAQ;AAAA,IACpBK,OAAO3B,OAAOH;AAAAA,IACd+B,QAAQ5B,OAAOH;AAAAA,EACjB;AAAA,EACA,GAAIyB,UAAU,QAAQ;AAAA,IACpBK,OAAO1B,MAAMJ;AAAAA,IACb+B,QAAQ3B,MAAMJ;AAAAA,EAChB;AAAA,EACA,GAAIyB,UAAU,QAAQ;AAAA,IACpBK,OAAOzB,YAAYL;AAAAA,IACnB+B,QAAQ1B,YAAYL;AAAAA,EACtB;AACF,IAAEQ,QAAAC,IAAAC,~~85IACJ~~;AAEO,MAAMsB,eAAsBC,iCAAAA,QAAAA,SAAAA,QAASzB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAC1C,CAAC;AAAA,EAAEsB;AAA6C,OAAO;AAAA;AAAA,EAErDC,UAAU;AAAA;AAAA,EAEV,GAAID,SAAS,QAAQ;AAAA,IACnBJ,OAAO/B,YAAYE;AAAAA,IACnB8B,QAAQhC,YAAYE;AAAAA,IACpBkC,UAAU;AAAA,EACZ;AAAA,EACA,GAAID,SAAS,QAAQ;AAAA,IACnBJ,OAAO5B,MAAMD;AAAAA,IACb8B,QAAQ7B,MAAMD;AAAAA,IACdkC,UAAU;AAAA,EACZ;AAAA,EACA,GAAID,SAAS,QAAQ;AAAA,IACnBJ,OAAO3B,OAAOF;AAAAA,IACd8B,QAAQ5B,OAAOF;AAAAA,IACfkC,UAAU;AAAA,EACZ;AAAA,EACA,GAAID,SAAS,QAAQ;AAAA,IACnBJ,OAAO1B,MAAMH;AAAAA,IACb8B,QAAQ3B,MAAMH;AAAAA,IACdkC,UAAU;AAAA,EACZ;AAAA,EACA,GAAID,SAAS,QAAQ;AAAA,IACnBJ,OAAOzB,YAAYJ;AAAAA,IACnB8B,QAAQ1B,YAAYJ;AAAAA,IACpBkC,UAAU;AAAA,EACZ;AACF,IAAE3B,QAAAC,IAAAC,~~85IACJ~~;AAEO,MAAM0B,cAAqB7B,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAM,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAQvC;;;;;;"}
1	+ {"version":3,"file":"Avatar.styles.cjs","sources":["../../../../src/components/Avatar/Avatar.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nimport { Avatar as MuiAvatar } from \"@mui/material\";\n\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport { outlineStyles } from \"@core/utils/focusUtils\";\n\nimport { HvAvatarSize, HvAvatarVariant } from \"./types\";\n\nconst EXTRA_SMALL = { container: \"32px\", avatar: \"24px\" };\nconst SMALL = { container: \"40px\", avatar: \"32px\" };\nconst MEDIUM = { container: \"48px\", avatar: \"40px\" };\nconst LARGE = { container: \"60px\", avatar: \"52px\" };\nconst EXTRA_LARGE = { container: \"96px\", avatar: \"88px\" };\n\nexport const StyledContainer = styled(\"div\")({\n \"&:focus-visible\": {\n ...outlineStyles,\n borderRadius: 0,\n },\n});\n\nexport const StyledImg = styled(\"img\")({\n width: \"100%\",\n height: \"100%\",\n textAlign: \"center\",\n // Handle non-square image. The property isn't supported by IE 11.\n objectFit: \"cover\",\n // Hide alt text.\n color: \"transparent\",\n // Hide the image broken icon, only works on Chrome.\n textIndent: 10000,\n});\n\nexport const StyledStatus = styled(\n \"div\",\n transientOptions\n)(\n ({\n $variant,\n $size,\n }: {\n $variant: HvAvatarVariant;\n $size: HvAvatarSize;\n }) => ({\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n position: \"relative\",\n\n // variant\n ...($variant === \"circular\" && {\n borderRadius: \"50%\",\n }),\n // size\n ...($size === \"xs\" && {\n width: EXTRA_SMALL.container,\n height: EXTRA_SMALL.container,\n }),\n ...($size === \"sm\" && {\n width: SMALL.container,\n height: SMALL.container,\n }),\n ...($size === \"md\" && {\n width: MEDIUM.container,\n height: MEDIUM.container,\n }),\n ...($size === \"lg\" && {\n width: LARGE.container,\n height: LARGE.container,\n }),\n ...($size === \"xl\" && {\n width: EXTRA_LARGE.container,\n height: EXTRA_LARGE.container,\n }),\n })\n);\n\nexport const StyledAvatar = styled(MuiAvatar)(\n ({ size }: { component: any; size: HvAvatarSize }) => ({\n // root\n fontSize: \"1rem\",\n // avatar\n ...(size === \"xs\" && {\n width: EXTRA_SMALL.avatar,\n height: EXTRA_SMALL.avatar,\n fontSize: \"0.5rem\",\n }),\n ...(size === \"sm\" && {\n width: SMALL.avatar,\n height: SMALL.avatar,\n fontSize: \"0.625rem\",\n }),\n ...(size === \"md\" && {\n width: MEDIUM.avatar,\n height: MEDIUM.avatar,\n fontSize: \"1rem\",\n }),\n ...(size === \"lg\" && {\n width: LARGE.avatar,\n height: LARGE.avatar,\n fontSize: \"1.5rem\",\n }),\n ...(size === \"xl\" && {\n width: EXTRA_LARGE.avatar,\n height: EXTRA_LARGE.avatar,\n fontSize: \"2rem\",\n }),\n })\n);\n\nexport const StyledBadge = styled(\"div\")({\n width: 8,\n height: 8,\n position: \"absolute\",\n top: 0,\n right: 0,\n borderRadius: \"50%\",\n zIndex: 1,\n});\n"],"names":["EXTRA_SMALL","container","avatar","SMALL","MEDIUM","LARGE","EXTRA_LARGE","StyledContainer","_styled","process","env","NODE_ENV","target","label","outlineStyles","borderRadius","StyledImg","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledStatus","_extends","transientOptions","$variant","$size","display","alignItems","justifyContent","position","width","height","StyledAvatar","MuiAvatar","size","fontSize","StyledBadge"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAMA,cAAc;AAAA,EAAEC,WAAW;AAAA,EAAQC,QAAQ;AAAO;AACxD,MAAMC,QAAQ;AAAA,EAAEF,WAAW;AAAA,EAAQC,QAAQ;AAAO;AAClD,MAAME,SAAS;AAAA,EAAEH,WAAW;AAAA,EAAQC,QAAQ;AAAO;AACnD,MAAMG,QAAQ;AAAA,EAAEJ,WAAW;AAAA,EAAQC,QAAQ;AAAO;AAClD,MAAMI,cAAc;AAAA,EAAEL,WAAW;AAAA,EAAQC,QAAQ;AAAO;AAEjD,MAAMK,kBAAyBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC3C,mBAAmB;AAAA,IACjB,GAAGC,WAAAA;AAAAA,IACHC,cAAc;AAAA,EAChB;AACF,GAACN,QAAAC,IAAAC,aAAC,eAAA,KAAA,y4IAAA;AAEK,MAAMK,YAAmBR,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAM,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAUrC;AAEYC,MAAAA,wDACX,OAAKb,QAAAC,IAAAC,4BAAAY,SAAA,IAAA;AAAA,EAAAX,QAAA;AAAA,GACLY,iBAAgB,gBAAA,IAAAD,SAAA,IAAA;AAAA,EAAAX,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBW,iBAAAA,gBAAgB,CAClB,EACE,CAAC;AAAA,EACCC;AAAAA,EACAC;AAIF,OAAO;AAAA,EACLC,SAAS;AAAA,EACTC,YAAY;AAAA,EACZC,gBAAgB;AAAA,EAChBC,UAAU;AAAA;AAAA,EAGV,GAAIL,aAAa,cAAc;AAAA,IAC7BV,cAAc;AAAA,EAChB;AAAA;AAAA,EAEA,GAAIW,UAAU,QAAQ;AAAA,IACpBK,OAAO/B,YAAYC;AAAAA,IACnB+B,QAAQhC,YAAYC;AAAAA,EACtB;AAAA,EACA,GAAIyB,UAAU,QAAQ;AAAA,IACpBK,OAAO5B,MAAMF;AAAAA,IACb+B,QAAQ7B,MAAMF;AAAAA,EAChB;AAAA,EACA,GAAIyB,UAAU,QAAQ;AAAA,IACpBK,OAAO3B,OAAOH;AAAAA,IACd+B,QAAQ5B,OAAOH;AAAAA,EACjB;AAAA,EACA,GAAIyB,UAAU,QAAQ;AAAA,IACpBK,OAAO1B,MAAMJ;AAAAA,IACb+B,QAAQ3B,MAAMJ;AAAAA,EAChB;AAAA,EACA,GAAIyB,UAAU,QAAQ;AAAA,IACpBK,OAAOzB,YAAYL;AAAAA,IACnB+B,QAAQ1B,YAAYL;AAAAA,EACtB;AACF,IAAEQ,QAAAC,IAAAC,86IACJ;AAEO,MAAMsB,eAAsBC,iCAAAA,QAAAA,SAAAA,QAASzB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAC1C,CAAC;AAAA,EAAEsB;AAA6C,OAAO;AAAA;AAAA,EAErDC,UAAU;AAAA;AAAA,EAEV,GAAID,SAAS,QAAQ;AAAA,IACnBJ,OAAO/B,YAAYE;AAAAA,IACnB8B,QAAQhC,YAAYE;AAAAA,IACpBkC,UAAU;AAAA,EACZ;AAAA,EACA,GAAID,SAAS,QAAQ;AAAA,IACnBJ,OAAO5B,MAAMD;AAAAA,IACb8B,QAAQ7B,MAAMD;AAAAA,IACdkC,UAAU;AAAA,EACZ;AAAA,EACA,GAAID,SAAS,QAAQ;AAAA,IACnBJ,OAAO3B,OAAOF;AAAAA,IACd8B,QAAQ5B,OAAOF;AAAAA,IACfkC,UAAU;AAAA,EACZ;AAAA,EACA,GAAID,SAAS,QAAQ;AAAA,IACnBJ,OAAO1B,MAAMH;AAAAA,IACb8B,QAAQ3B,MAAMH;AAAAA,IACdkC,UAAU;AAAA,EACZ;AAAA,EACA,GAAID,SAAS,QAAQ;AAAA,IACnBJ,OAAOzB,YAAYJ;AAAAA,IACnB8B,QAAQ1B,YAAYJ;AAAAA,IACpBkC,UAAU;AAAA,EACZ;AACF,IAAE3B,QAAAC,IAAAC,86IACJ;AAEO,MAAM0B,cAAqB7B,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAM,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAQvC;;;;;;"}

package/dist/cjs/components/Avatar/avatarClasses.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"avatarClasses.cjs","sources":["../../../../src/components/Avatar/avatarClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvAvatarClasses {\n root?: string;\n container?: string;\n img?: string;\n fallback?: string;\n badge?: string;\n avatar?: string;\n status?: string;\n xs?: string;\n sm?: string;\n md?: string;\n lg?: string;\n xl?: string;\n circular?: string;\n square?: string;\n}\n\nconst classKeys: (keyof HvAvatarClasses)[] = [\n \"root\",\n \"container\",\n \"img\",\n \"fallback\",\n \"badge\",\n \"avatar\",\n \"status\",\n \"xs\",\n \"sm\",\n \"md\",\n \"lg\",\n \"xl\",\n \"circular\",\n \"square\",\n];\n\nconst avatarClasses = getClasses(classKeys, \"HvAvatar\");\n\nexport default avatarClasses;\n"],"names":["classKeys","avatarClasses","getClasses"],"mappings":";;;AAmBA,MAAMA,YAAuC,CAC3C,QACA,aACA,OACA,YACA,SACA,UACA,UACA,MACA,MACA,MACA,MACA,MACA,YACA,QAAQ;AAGV,MAAMC,gBAAgBC,QAAWF,WAAAA,WAAW,UAAU;AAEtD,MAAA,kBAAeC;;"}
1	+ {"version":3,"file":"avatarClasses.cjs","sources":["../../../../src/components/Avatar/avatarClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils/classes\";\n\nexport interface HvAvatarClasses {\n root?: string;\n container?: string;\n img?: string;\n fallback?: string;\n badge?: string;\n avatar?: string;\n status?: string;\n xs?: string;\n sm?: string;\n md?: string;\n lg?: string;\n xl?: string;\n circular?: string;\n square?: string;\n}\n\nconst classKeys: (keyof HvAvatarClasses)[] = [\n \"root\",\n \"container\",\n \"img\",\n \"fallback\",\n \"badge\",\n \"avatar\",\n \"status\",\n \"xs\",\n \"sm\",\n \"md\",\n \"lg\",\n \"xl\",\n \"circular\",\n \"square\",\n];\n\nconst avatarClasses = getClasses(classKeys, \"HvAvatar\");\n\nexport default avatarClasses;\n"],"names":["classKeys","avatarClasses","getClasses"],"mappings":";;;AAmBA,MAAMA,YAAuC,CAC3C,QACA,aACA,OACA,YACA,SACA,UACA,UACA,MACA,MACA,MACA,MACA,MACA,YACA,QAAQ;AAGV,MAAMC,gBAAgBC,QAAWF,WAAAA,WAAW,UAAU;AAEtD,MAAA,kBAAeC;;"}

package/dist/cjs/components/Badge/Badge.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Badge.cjs","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import { ~~HvTypography,~~ ~~HvTypographyVariants~~ } from \"~~@core/components~~\";\nimport { ~~HvBaseProps~~ } from \"@core/~~types~~\";\nimport { ~~clsx~~ } from \"~~clsx~~\";\nimport { StyledBadge, StyledContainer, StyledRoot } from \"./Badge.styles\";\nimport badgeClasses, { HvBadgeClasses } from \"./badgeClasses\";\n\nexport interface HvBadgeProps extends HvBaseProps {\n /*\n Count is the number of unread notifications.\n * Note count and label are mutually exclusive.\n * count is ignored when label is specified at the same time.\n /\n count?: number;\n /\n True if count should be displayed.\n * Note showCount and label are mutually exclusive.\n * showCount is ignored when label is specified at the same time.\n /\n showCount?: boolean;\n /* The maximum number of unread notifications to be displayed /\n maxCount?: number;\n /\n Custom text to show in place of count.\n * Note showCount and label are mutually exclusive.\n * showCount is ignored when label is specified at the same time.\n /\n label?: string;\n /* Icon which the notification will be attached. /\n icon?: React.ReactNode;\n /* Text which the notification will be attached. /\n text?: string;\n /* Text variant. /\n textVariant?: HvTypographyVariants;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvBadgeClasses;\n}\n\n/\n The badge is a component used to notify the user that something has occurred, in the app context.\n */\nexport const HvBadge = (props: HvBadgeProps) => {\n const {\n classes,\n className,\n showCount = false,\n count = 0,\n maxCount = 99,\n label = null,\n icon = null,\n text = null,\n textVariant = undefined,\n ...others\n } = props;\n\n const renderedCount = count > maxCount ? `${maxCount}+` : count;\n // If label is specified and non-empty, render it.\n // If showCount is specified and count > 0, render the count.\n // Otherwise, render nothing on the badge.\n // (Note count=0 should not be rendered to avoid ghosty 0.)\n const renderedCountOrLabel =\n label \|\| (showCount && count > 0 && renderedCount) \|\| null;\n const Component =\n icon \|\| (text && <HvTypography variant={textVariant}>{text}</HvTypography>);\n\n return (\n <StyledRoot\n aria-label={renderedCountOrLabel?.toString()}\n className={clsx(className, badgeClasses.root, classes?.root)}\n {...others}\n >\n {Component}\n <StyledContainer\n $component={!!Component}\n className={\n Component\n ? clsx(badgeClasses.badgeContainer, classes?.badgeContainer)\n : \"\"\n }\n >\n <StyledBadge\n className={clsx(\n badgeClasses.badgePosition,\n classes?.badgePosition,\n !!(count > 0 \|\| renderedCountOrLabel) &&\n clsx(badgeClasses.badge, classes?.badge),\n !!(!label && renderedCountOrLabel) &&\n clsx(badgeClasses.showCount, classes?.showCount),\n !!label && clsx(badgeClasses.showLabel, classes?.showLabel),\n !!icon && clsx(badgeClasses.badgeIcon, classes?.badgeIcon),\n String(renderedCountOrLabel).length === 1 &&\n clsx(badgeClasses.badgeOneDigit, classes?.badgeOneDigit)\n )}\n $badge={!!(count > 0 \|\| renderedCountOrLabel)}\n $showCount={!!(!label && renderedCountOrLabel)}\n $showLabel={!!label}\n $badgeIcon={!!icon}\n $badgeOneDigit={String(renderedCountOrLabel).length === 1}\n >\n {renderedCountOrLabel}\n </StyledBadge>\n </StyledContainer>\n </StyledRoot>\n );\n};\n"],"names":["HvBadge","props","classes","className","showCount","count","maxCount","label","icon","text","textVariant","undefined","others","renderedCount","renderedCountOrLabel","Component","_jsx","HvTypography","variant","children","StyledRoot","toString","clsx","badgeClasses","root","StyledContainer","$component","badgeContainer","StyledBadge","badgePosition","badge","showLabel","badgeIcon","String","length","badgeOneDigit","$badge","$showCount","$showLabel","$badgeIcon","$badgeOneDigit"],"mappings":";;;;;;;~~AAwCaA~~,MAAAA,UAAUA,CAACC,UAAwB;AACxC,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC,YAAY;AAAA,IACZC,QAAQ;AAAA,IACRC,WAAW;AAAA,IACXC,QAAQ;AAAA,IACRC,OAAO;AAAA,IACPC,OAAO;AAAA,IACPC,cAAcC;AAAAA,IACd,GAAGC;AAAAA,EACDX,IAAAA;AAEJ,QAAMY,gBAAgBR,QAAQC,WAAY,GAAEA,cAAcD;AAK1D,QAAMS,uBACJP,SAAUH,aAAaC,QAAQ,KAAKQ,iBAAkB;AACxD,QAAME,YACJP,QAASC,QAAQO,2BAAAA,IAACC,WAAAA,cAAY;AAAA,IAACC,SAASR;AAAAA,IAAYS,UAAEV;AAAAA,EAAAA,CAAmB;AAE3E,yCACGW,aAAAA,YAAU;AAAA,IACT,cAAYN,6DAAsBO;AAAAA,IAClClB,WAAWmB,KAAKnB,KAAAA,WAAWoB,aAAaC,QAAAA,MAAMtB,mCAASsB,IAAI;AAAA,IAAE,GACzDZ;AAAAA,IAAMO,UAETJ,CAAAA,WACDC,2BAAAA,IAACS,8BAAe;AAAA,MACdC,YAAY,CAAC,CAACX;AAAAA,MACdZ,WACEY,YACIO,UAAKC,aAAAA,QAAaI,gBAAgBzB,mCAASyB,cAAc,IACzD;AAAA,MACLR,yCAEAS,0BAAW;AAAA,QACVzB,WAAWmB,KACTC,KAAAA,qBAAaM,eACb3B,mCAAS2B,eACT,CAAC,EAAExB,QAAQ,KAAKS,yBACdQ,KAAAA,KAAKC,aAAAA,QAAaO,OAAO5B,mCAAS4B,KAAK,GACzC,CAAC,EAAE,CAACvB,SAASO,yBACXQ,UAAKC,aAAAA,QAAanB,WAAWF,mCAASE,SAAS,GACjD,CAAC,CAACG,SAASe,KAAAA,KAAKC,aAAAA,QAAaQ,WAAW7B,mCAAS6B,SAAS,GAC1D,CAAC,CAACvB,QAAQc,KAAAA,KAAKC,aAAaS,QAAAA,WAAW9B,mCAAS8B,SAAS,GACzDC,OAAOnB,oBAAoB,EAAEoB,WAAW,KACtCZ,KAAAA,KAAKC,qBAAaY,eAAejC,mCAASiC,aAAa,CAC3D;AAAA,QACAC,QAAQ,CAAC,EAAE/B,QAAQ,KAAKS;AAAAA,QACxBuB,YAAY,CAAC,EAAE,CAAC9B,SAASO;AAAAA,QACzBwB,YAAY,CAAC,CAAC/B;AAAAA,QACdgC,YAAY,CAAC,CAAC/B;AAAAA,QACdgC,gBAAgBP,OAAOnB,oBAAoB,EAAEoB,WAAW;AAAA,QAAEf,UAEzDL;AAAAA,MAAAA,CACU;AAAA,IAAA,CACE,CAAC;AAAA,EAAA,CACR;AAEhB;;"}
1	+ {"version":3,"file":"Badge.cjs","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\n\nimport {\n HvTypography,\n HvTypographyVariants,\n} from \"@core/components/Typography\";\nimport { HvBaseProps } from \"@core/types/generic\";\n\nimport { StyledBadge, StyledContainer, StyledRoot } from \"./Badge.styles\";\nimport badgeClasses, { HvBadgeClasses } from \"./badgeClasses\";\n\nexport interface HvBadgeProps extends HvBaseProps {\n /*\n Count is the number of unread notifications.\n * Note count and label are mutually exclusive.\n * count is ignored when label is specified at the same time.\n /\n count?: number;\n /\n True if count should be displayed.\n * Note showCount and label are mutually exclusive.\n * showCount is ignored when label is specified at the same time.\n /\n showCount?: boolean;\n /* The maximum number of unread notifications to be displayed /\n maxCount?: number;\n /\n Custom text to show in place of count.\n * Note showCount and label are mutually exclusive.\n * showCount is ignored when label is specified at the same time.\n /\n label?: string;\n /* Icon which the notification will be attached. /\n icon?: React.ReactNode;\n /* Text which the notification will be attached. /\n text?: string;\n /* Text variant. /\n textVariant?: HvTypographyVariants;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvBadgeClasses;\n}\n\n/\n The badge is a component used to notify the user that something has occurred, in the app context.\n */\nexport const HvBadge = (props: HvBadgeProps) => {\n const {\n classes,\n className,\n showCount = false,\n count = 0,\n maxCount = 99,\n label = null,\n icon = null,\n text = null,\n textVariant = undefined,\n ...others\n } = props;\n\n const renderedCount = count > maxCount ? `${maxCount}+` : count;\n // If label is specified and non-empty, render it.\n // If showCount is specified and count > 0, render the count.\n // Otherwise, render nothing on the badge.\n // (Note count=0 should not be rendered to avoid ghosty 0.)\n const renderedCountOrLabel =\n label \|\| (showCount && count > 0 && renderedCount) \|\| null;\n const Component =\n icon \|\| (text && <HvTypography variant={textVariant}>{text}</HvTypography>);\n\n return (\n <StyledRoot\n aria-label={renderedCountOrLabel?.toString()}\n className={clsx(className, badgeClasses.root, classes?.root)}\n {...others}\n >\n {Component}\n <StyledContainer\n $component={!!Component}\n className={\n Component\n ? clsx(badgeClasses.badgeContainer, classes?.badgeContainer)\n : \"\"\n }\n >\n <StyledBadge\n className={clsx(\n badgeClasses.badgePosition,\n classes?.badgePosition,\n !!(count > 0 \|\| renderedCountOrLabel) &&\n clsx(badgeClasses.badge, classes?.badge),\n !!(!label && renderedCountOrLabel) &&\n clsx(badgeClasses.showCount, classes?.showCount),\n !!label && clsx(badgeClasses.showLabel, classes?.showLabel),\n !!icon && clsx(badgeClasses.badgeIcon, classes?.badgeIcon),\n String(renderedCountOrLabel).length === 1 &&\n clsx(badgeClasses.badgeOneDigit, classes?.badgeOneDigit)\n )}\n $badge={!!(count > 0 \|\| renderedCountOrLabel)}\n $showCount={!!(!label && renderedCountOrLabel)}\n $showLabel={!!label}\n $badgeIcon={!!icon}\n $badgeOneDigit={String(renderedCountOrLabel).length === 1}\n >\n {renderedCountOrLabel}\n </StyledBadge>\n </StyledContainer>\n </StyledRoot>\n );\n};\n"],"names":["HvBadge","props","classes","className","showCount","count","maxCount","label","icon","text","textVariant","undefined","others","renderedCount","renderedCountOrLabel","Component","_jsx","HvTypography","variant","children","StyledRoot","toString","clsx","badgeClasses","root","StyledContainer","$component","badgeContainer","StyledBadge","badgePosition","badge","showLabel","badgeIcon","String","length","badgeOneDigit","$badge","$showCount","$showLabel","$badgeIcon","$badgeOneDigit"],"mappings":";;;;;;;AA6CaA,MAAAA,UAAUA,CAACC,UAAwB;AACxC,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC,YAAY;AAAA,IACZC,QAAQ;AAAA,IACRC,WAAW;AAAA,IACXC,QAAQ;AAAA,IACRC,OAAO;AAAA,IACPC,OAAO;AAAA,IACPC,cAAcC;AAAAA,IACd,GAAGC;AAAAA,EACDX,IAAAA;AAEJ,QAAMY,gBAAgBR,QAAQC,WAAY,GAAEA,cAAcD;AAK1D,QAAMS,uBACJP,SAAUH,aAAaC,QAAQ,KAAKQ,iBAAkB;AACxD,QAAME,YACJP,QAASC,QAAQO,2BAAAA,IAACC,WAAAA,cAAY;AAAA,IAACC,SAASR;AAAAA,IAAYS,UAAEV;AAAAA,EAAAA,CAAmB;AAE3E,yCACGW,aAAAA,YAAU;AAAA,IACT,cAAYN,6DAAsBO;AAAAA,IAClClB,WAAWmB,KAAKnB,KAAAA,WAAWoB,aAAaC,QAAAA,MAAMtB,mCAASsB,IAAI;AAAA,IAAE,GACzDZ;AAAAA,IAAMO,UAETJ,CAAAA,WACDC,2BAAAA,IAACS,8BAAe;AAAA,MACdC,YAAY,CAAC,CAACX;AAAAA,MACdZ,WACEY,YACIO,UAAKC,aAAAA,QAAaI,gBAAgBzB,mCAASyB,cAAc,IACzD;AAAA,MACLR,yCAEAS,0BAAW;AAAA,QACVzB,WAAWmB,KACTC,KAAAA,qBAAaM,eACb3B,mCAAS2B,eACT,CAAC,EAAExB,QAAQ,KAAKS,yBACdQ,KAAAA,KAAKC,aAAAA,QAAaO,OAAO5B,mCAAS4B,KAAK,GACzC,CAAC,EAAE,CAACvB,SAASO,yBACXQ,UAAKC,aAAAA,QAAanB,WAAWF,mCAASE,SAAS,GACjD,CAAC,CAACG,SAASe,KAAAA,KAAKC,aAAAA,QAAaQ,WAAW7B,mCAAS6B,SAAS,GAC1D,CAAC,CAACvB,QAAQc,KAAAA,KAAKC,aAAaS,QAAAA,WAAW9B,mCAAS8B,SAAS,GACzDC,OAAOnB,oBAAoB,EAAEoB,WAAW,KACtCZ,KAAAA,KAAKC,qBAAaY,eAAejC,mCAASiC,aAAa,CAC3D;AAAA,QACAC,QAAQ,CAAC,EAAE/B,QAAQ,KAAKS;AAAAA,QACxBuB,YAAY,CAAC,EAAE,CAAC9B,SAASO;AAAAA,QACzBwB,YAAY,CAAC,CAAC/B;AAAAA,QACdgC,YAAY,CAAC,CAAC/B;AAAAA,QACdgC,gBAAgBP,OAAOnB,oBAAoB,EAAEoB,WAAW;AAAA,QAAEf,UAEzDL;AAAAA,MAAAA,CACU;AAAA,IAAA,CACE,CAAC;AAAA,EAAA,CACR;AAEhB;;"}

package/dist/cjs/components/Badge/badgeClasses.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"badgeClasses.cjs","sources":["../../../../src/components/Badge/badgeClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvBadgeClasses {\n root?: string;\n badgeContainer?: string;\n badgePosition?: string;\n badge?: string;\n showCount?: string;\n showLabel?: string;\n badgeIcon?: string;\n badgeOneDigit?: string;\n}\n\nconst classKeys: (keyof HvBadgeClasses)[] = [\n \"root\",\n \"badgeContainer\",\n \"badgePosition\",\n \"badge\",\n \"showCount\",\n \"showLabel\",\n \"badgeIcon\",\n \"badgeOneDigit\",\n];\n\nconst badgeClasses = getClasses(classKeys, \"HvBadgeClasses\");\n\nexport default badgeClasses;\n"],"names":["classKeys","badgeClasses","getClasses"],"mappings":";;;AAaA,MAAMA,YAAsC,CAC1C,QACA,kBACA,iBACA,SACA,aACA,aACA,aACA,eAAe;AAGjB,MAAMC,eAAeC,QAAWF,WAAAA,WAAW,gBAAgB;AAE3D,MAAA,iBAAeC;;"}
1	+ {"version":3,"file":"badgeClasses.cjs","sources":["../../../../src/components/Badge/badgeClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils/classes\";\n\nexport interface HvBadgeClasses {\n root?: string;\n badgeContainer?: string;\n badgePosition?: string;\n badge?: string;\n showCount?: string;\n showLabel?: string;\n badgeIcon?: string;\n badgeOneDigit?: string;\n}\n\nconst classKeys: (keyof HvBadgeClasses)[] = [\n \"root\",\n \"badgeContainer\",\n \"badgePosition\",\n \"badge\",\n \"showCount\",\n \"showLabel\",\n \"badgeIcon\",\n \"badgeOneDigit\",\n];\n\nconst badgeClasses = getClasses(classKeys, \"HvBadgeClasses\");\n\nexport default badgeClasses;\n"],"names":["classKeys","badgeClasses","getClasses"],"mappings":";;;AAaA,MAAMA,YAAsC,CAC1C,QACA,kBACA,iBACA,SACA,aACA,aACA,aACA,eAAe;AAGjB,MAAMC,eAAeC,QAAWF,WAAAA,WAAW,gBAAgB;AAE3D,MAAA,iBAAeC;;"}

package/dist/cjs/components/Banner/Banner.cjs CHANGED Viewed

@@ -3,10 +3,10 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const Slide = require("@mui/material/Slide");
 const Snackbar = require("@mui/material/Snackbar");
+const setId = require("../../utils/setId.cjs");
 const Banner_styles = require("./Banner.styles.cjs");
 const BannerContent = require("./BannerContent/BannerContent.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const setId = require("../../utils/setId.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const Slide__default = /* @__PURE__ */ _interopDefault(Slide);
 const Snackbar__default = /* @__PURE__ */ _interopDefault(Snackbar);

package/dist/cjs/components/Banner/Banner.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Banner.cjs","sources":["../../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import { useCallback } from \"react\";\nimport Slide from \"@mui/material/Slide\";\nimport Snackbar, {\n SnackbarProps as MuiSnackbarProps,\n SnackbarOrigin,\n} from \"@mui/material/Snackbar\";\nimport { HvActionGeneric } from \"@core/components\";\nimport { HvBaseProps } from \"@core/types\";\nimport { ExtractNames, setId } from \"@core/utils\";\nimport { useClasses, staticClasses } from \"./Banner.styles\";\nimport {\n HvBannerContent,\n HvBannerContentProps,\n} from \"./BannerContent/BannerContent\";\n\nexport { staticClasses as bannerClasses };\n\nexport type HvBannerClasses = ExtractNames<typeof useClasses>;\n\nexport ~~type HvBannerVariant = \"success\" \| \"warning\" \| \"error\" \| \"default\";\n\nexport type HvBannerActionPosition = \"auto\" \| \"inline\" \| \"bottom-right\";\n\nexport~~ interface HvBannerProps\n extends Omit<MuiSnackbarProps, \"anchorOrigin\" \| \"classes\" \| \"onClose\">,\n HvBaseProps<HTMLDivElement, \"children\"> {\n /** If true, the snackbar is open. /\n open: boolean;\n /* Callback fired when the component requests to be closed. Typically onClose is used to set state in the parent component, which is used to control the Snackbar open prop. The reason parameter can optionally be used to control the response to onClose, for example ignoring clickaway. /\n onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n /* The message to display. /\n label?: string;\n /* The anchor of the Snackbar. /\n anchorOrigin?: \"top\" \| \"bottom\";\n /* Variant of the snackbar. /\n variant?: HvBannerVariant;\n /* Custom icon to replace the variant default. /\n customIcon?: React.ReactNode;\n /* Controls if the associated icon to the variant should be shown. /\n showIcon?: boolean;\n /* Actions to display on the right side. /\n actions?: React.ReactNode \| HvActionGeneric[];\n /* The callback function ran when an action is triggered, receiving `action` as param /\n actionsCallback?: (\n event: React.SyntheticEvent,\n id: string,\n action: HvActionGeneric\n ) => void;\n /* The position property of the header. /\n actionsPosition?: HvBannerActionPosition;\n /* How much the transition animation last in milliseconds, if 0 no animation is played. /\n transitionDuration?: number;\n /* Direction of slide transition. /\n transitionDirection?: \"up\" \| \"down\" \| \"left\" \| \"right\";\n /* Offset from top/bottom of the page, in px. Defaults to 60px. /\n offset?: number;\n /* Props to pass down to the Banner Wrapper. An object `actionProps` can be included to be passed as others to actions. /\n bannerContentProps?: HvBannerContentProps;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvBannerClasses;\n}\n\n/\n A Banner displays an important and succinct message. It can also provide actions for the user to address, or dismiss.\n * It requires a user action, for it to be dismissed. Banners should appear at the top of the screen, below a top app bar.\n */\nexport const HvBanner = ({\n id,\n classes: classesProp = {},\n className,\n open,\n onClose,\n anchorOrigin = \"top\",\n variant = \"default\",\n transitionDuration = 300,\n transitionDirection = \"down\",\n showIcon = false,\n customIcon,\n actions,\n actionsCallback,\n actionsPosition = \"auto\",\n label,\n offset = 60,\n bannerContentProps,\n ...others\n}: HvBannerProps) => {\n const { classes, cx } = useClasses(classesProp);\n\n const anchorOriginBanner: SnackbarOrigin = {\n horizontal: \"center\",\n vertical: anchorOrigin,\n };\n\n const SlideTransition = useCallback<\n NonNullable<MuiSnackbarProps[\"TransitionComponent\"]>\n >(\n (properties) => <Slide {...properties} direction={transitionDirection} />,\n [transitionDirection]\n );\n\n return (\n <Snackbar\n id={id}\n open={open}\n className={className}\n classes={{\n root: cx(classes.root, { [classes.rootClosed]: !open }),\n anchorOriginTopCenter: classes.anchorOriginTopCenter,\n anchorOriginBottomCenter: classes.anchorOriginBottomCenter,\n }}\n style={{ [anchorOrigin]: offset }}\n anchorOrigin={anchorOriginBanner}\n TransitionComponent={SlideTransition}\n transitionDuration={transitionDuration}\n {...others}\n >\n <HvBannerContent\n id={setId(id, \"content\")}\n content={label}\n variant={variant}\n customIcon={customIcon}\n showIcon={showIcon}\n actions={actions}\n actionsCallback={actionsCallback}\n actionsPosition={actionsPosition}\n onClose={onClose}\n {...bannerContentProps}\n />\n </Snackbar>\n );\n};\n"],"names":["HvBanner","id","classes","classesProp","className","open","onClose","anchorOrigin","variant","transitionDuration","transitionDirection","showIcon","customIcon","actions","actionsCallback","actionsPosition","label","offset","bannerContentProps","others","cx","useClasses","anchorOriginBanner","horizontal","vertical","SlideTransition","useCallback","properties","_jsx","Slide","direction","Snackbar","root","rootClosed","anchorOriginTopCenter","anchorOriginBottomCenter","style","TransitionComponent","children","HvBannerContent","setId","content"],"mappings":";;;;;;;;;;;;~~AAkEO~~,MAAMA,WAAWA,CAAC;AAAA,EACvBC;AAAAA,EACAC,SAASC,cAAc,CAAC;AAAA,EACxBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,eAAe;AAAA,EACfC,UAAU;AAAA,EACVC,qBAAqB;AAAA,EACrBC,sBAAsB;AAAA,EACtBC,WAAW;AAAA,EACXC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,kBAAkB;AAAA,EAClBC;AAAAA,EACAC,SAAS;AAAA,EACTC;AAAAA,EACA,GAAGC;AACU,MAAM;AACb,QAAA;AAAA,IAAEjB;AAAAA,IAASkB;AAAAA,EAAAA,IAAOC,cAAAA,WAAWlB,WAAW;AAE9C,QAAMmB,qBAAqC;AAAA,IACzCC,YAAY;AAAA,IACZC,UAAUjB;AAAAA,EAAAA;AAGZ,QAAMkB,kBAAkBC,MAAAA,YAGrBC,CAAeC,eAAAA,2BAAAA,IAACC,eAAAA,SAAK;AAAA,IAAA,GAAKF;AAAAA,IAAYG,WAAWpB;AAAAA,EAAAA,CAAsB,GACxE,CAACA,mBAAmB,CACtB;AAEA,wCACGqB,kBAAAA,SAAQ;AAAA,IACP9B;AAAAA,IACAI;AAAAA,IACAD;AAAAA,IACAF,SAAS;AAAA,MACP8B,MAAMZ,GAAGlB,QAAQ8B,MAAM;AAAA,QAAE,CAAC9B,QAAQ+B,UAAU,GAAG,CAAC5B;AAAAA,MAAAA,CAAM;AAAA,MACtD6B,uBAAuBhC,QAAQgC;AAAAA,MAC/BC,0BAA0BjC,QAAQiC;AAAAA,IACpC;AAAA,IACAC,OAAO;AAAA,MAAE,CAAC7B,YAAY,GAAGU;AAAAA,IAAO;AAAA,IAChCV,cAAce;AAAAA,IACde,qBAAqBZ;AAAAA,IACrBhB;AAAAA,IAAuC,GACnCU;AAAAA,IAAMmB,yCAETC,+BAAe;AAAA,MACdtC,IAAIuC,MAAAA,MAAMvC,IAAI,SAAS;AAAA,MACvBwC,SAASzB;AAAAA,MACTR;AAAAA,MACAI;AAAAA,MACAD;AAAAA,MACAE;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAT;AAAAA,MAAiB,GACbY;AAAAA,IAAAA,CACL;AAAA,EAAA,CACO;AAEd;;;"}
1	+ {"version":3,"file":"Banner.cjs","sources":["../../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import { useCallback } from \"react\";\n\nimport Slide from \"@mui/material/Slide\";\n\nimport Snackbar, {\n SnackbarProps as MuiSnackbarProps,\n SnackbarOrigin,\n} from \"@mui/material/Snackbar\";\n\nimport { HvActionGeneric } from \"@core/components/ActionsGeneric\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { setId } from \"@core/utils/setId\";\n\nimport { useClasses, staticClasses } from \"./Banner.styles\";\nimport {\n HvBannerContent,\n HvBannerContentProps,\n} from \"./BannerContent/BannerContent\";\nimport { HvBannerActionPosition, HvBannerVariant } from \"./types\";\n\nexport { staticClasses as bannerClasses };\n\nexport type HvBannerClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvBannerProps\n extends Omit<MuiSnackbarProps, \"anchorOrigin\" \| \"classes\" \| \"onClose\">,\n HvBaseProps<HTMLDivElement, \"children\"> {\n /** If true, the snackbar is open. /\n open: boolean;\n /* Callback fired when the component requests to be closed. Typically onClose is used to set state in the parent component, which is used to control the Snackbar open prop. The reason parameter can optionally be used to control the response to onClose, for example ignoring clickaway. /\n onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n /* The message to display. /\n label?: string;\n /* The anchor of the Snackbar. /\n anchorOrigin?: \"top\" \| \"bottom\";\n /* Variant of the snackbar. /\n variant?: HvBannerVariant;\n /* Custom icon to replace the variant default. /\n customIcon?: React.ReactNode;\n /* Controls if the associated icon to the variant should be shown. /\n showIcon?: boolean;\n /* Actions to display on the right side. /\n actions?: React.ReactNode \| HvActionGeneric[];\n /* The callback function ran when an action is triggered, receiving `action` as param /\n actionsCallback?: (\n event: React.SyntheticEvent,\n id: string,\n action: HvActionGeneric\n ) => void;\n /* The position property of the header. /\n actionsPosition?: HvBannerActionPosition;\n /* How much the transition animation last in milliseconds, if 0 no animation is played. /\n transitionDuration?: number;\n /* Direction of slide transition. /\n transitionDirection?: \"up\" \| \"down\" \| \"left\" \| \"right\";\n /* Offset from top/bottom of the page, in px. Defaults to 60px. /\n offset?: number;\n /* Props to pass down to the Banner Wrapper. An object `actionProps` can be included to be passed as others to actions. /\n bannerContentProps?: HvBannerContentProps;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvBannerClasses;\n}\n\n/\n A Banner displays an important and succinct message. It can also provide actions for the user to address, or dismiss.\n * It requires a user action, for it to be dismissed. Banners should appear at the top of the screen, below a top app bar.\n */\nexport const HvBanner = ({\n id,\n classes: classesProp = {},\n className,\n open,\n onClose,\n anchorOrigin = \"top\",\n variant = \"default\",\n transitionDuration = 300,\n transitionDirection = \"down\",\n showIcon = false,\n customIcon,\n actions,\n actionsCallback,\n actionsPosition = \"auto\",\n label,\n offset = 60,\n bannerContentProps,\n ...others\n}: HvBannerProps) => {\n const { classes, cx } = useClasses(classesProp);\n\n const anchorOriginBanner: SnackbarOrigin = {\n horizontal: \"center\",\n vertical: anchorOrigin,\n };\n\n const SlideTransition = useCallback<\n NonNullable<MuiSnackbarProps[\"TransitionComponent\"]>\n >(\n (properties) => <Slide {...properties} direction={transitionDirection} />,\n [transitionDirection]\n );\n\n return (\n <Snackbar\n id={id}\n open={open}\n className={className}\n classes={{\n root: cx(classes.root, { [classes.rootClosed]: !open }),\n anchorOriginTopCenter: classes.anchorOriginTopCenter,\n anchorOriginBottomCenter: classes.anchorOriginBottomCenter,\n }}\n style={{ [anchorOrigin]: offset }}\n anchorOrigin={anchorOriginBanner}\n TransitionComponent={SlideTransition}\n transitionDuration={transitionDuration}\n {...others}\n >\n <HvBannerContent\n id={setId(id, \"content\")}\n content={label}\n variant={variant}\n customIcon={customIcon}\n showIcon={showIcon}\n actions={actions}\n actionsCallback={actionsCallback}\n actionsPosition={actionsPosition}\n onClose={onClose}\n {...bannerContentProps}\n />\n </Snackbar>\n );\n};\n"],"names":["HvBanner","id","classes","classesProp","className","open","onClose","anchorOrigin","variant","transitionDuration","transitionDirection","showIcon","customIcon","actions","actionsCallback","actionsPosition","label","offset","bannerContentProps","others","cx","useClasses","anchorOriginBanner","horizontal","vertical","SlideTransition","useCallback","properties","_jsx","Slide","direction","Snackbar","root","rootClosed","anchorOriginTopCenter","anchorOriginBottomCenter","style","TransitionComponent","children","HvBannerContent","setId","content"],"mappings":";;;;;;;;;;;;AAoEO,MAAMA,WAAWA,CAAC;AAAA,EACvBC;AAAAA,EACAC,SAASC,cAAc,CAAC;AAAA,EACxBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,eAAe;AAAA,EACfC,UAAU;AAAA,EACVC,qBAAqB;AAAA,EACrBC,sBAAsB;AAAA,EACtBC,WAAW;AAAA,EACXC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,kBAAkB;AAAA,EAClBC;AAAAA,EACAC,SAAS;AAAA,EACTC;AAAAA,EACA,GAAGC;AACU,MAAM;AACb,QAAA;AAAA,IAAEjB;AAAAA,IAASkB;AAAAA,EAAAA,IAAOC,cAAAA,WAAWlB,WAAW;AAE9C,QAAMmB,qBAAqC;AAAA,IACzCC,YAAY;AAAA,IACZC,UAAUjB;AAAAA,EAAAA;AAGZ,QAAMkB,kBAAkBC,MAAAA,YAGrBC,CAAeC,eAAAA,2BAAAA,IAACC,eAAAA,SAAK;AAAA,IAAA,GAAKF;AAAAA,IAAYG,WAAWpB;AAAAA,EAAAA,CAAsB,GACxE,CAACA,mBAAmB,CACtB;AAEA,wCACGqB,kBAAAA,SAAQ;AAAA,IACP9B;AAAAA,IACAI;AAAAA,IACAD;AAAAA,IACAF,SAAS;AAAA,MACP8B,MAAMZ,GAAGlB,QAAQ8B,MAAM;AAAA,QAAE,CAAC9B,QAAQ+B,UAAU,GAAG,CAAC5B;AAAAA,MAAAA,CAAM;AAAA,MACtD6B,uBAAuBhC,QAAQgC;AAAAA,MAC/BC,0BAA0BjC,QAAQiC;AAAAA,IACpC;AAAA,IACAC,OAAO;AAAA,MAAE,CAAC7B,YAAY,GAAGU;AAAAA,IAAO;AAAA,IAChCV,cAAce;AAAAA,IACde,qBAAqBZ;AAAAA,IACrBhB;AAAAA,IAAuC,GACnCU;AAAAA,IAAMmB,yCAETC,+BAAe;AAAA,MACdtC,IAAIuC,MAAAA,MAAMvC,IAAI,SAAS;AAAA,MACvBwC,SAASzB;AAAAA,MACTR;AAAAA,MACAI;AAAAA,MACAD;AAAAA,MACAE;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAT;AAAAA,MAAiB,GACbY;AAAAA,IAAAA,CACL;AAAA,EAAA,CACO;AAEd;;;"}

package/dist/cjs/components/Banner/Banner.styles.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Banner.styles.cjs","sources":["../../../../src/components/Banner/Banner.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { createClasses } from \"@core/utils\";\n\nexport const { useClasses, staticClasses } = createClasses(\"HvBanner\", {\n /** Styles applied to the component root class when the component is closed. /\n rootClosed: {\n display: \"none\",\n },\n /* Styles applied to the component root class. /\n root: {\n minWidth: `calc(100% - ${theme.space.sm})`,\n },\n /* Styles applied to the component when define as top. /\n anchorOriginTopCenter: {\n top: theme.space.xs,\n },\n /* Styles applied to the component when define as bottom. */\n anchorOriginBottomCenter: {\n bottom: theme.space.xs,\n },\n});\n"],"names":["useClasses","staticClasses","createClasses","rootClosed","display","root","minWidth","theme","space","sm","anchorOriginTopCenter","top","xs","anchorOriginBottomCenter","bottom"],"mappings":";;;;~~AAGa~~,MAAA;AAAA,EAAEA;AAAAA,EAAYC;AAAc,IAAIC,QAAAA,cAAc,YAAY;AAAA;AAAA,EAErEC,YAAY;AAAA,IACVC,SAAS;AAAA,EACX;AAAA;AAAA,EAEAC,MAAM;AAAA,IACJC,UAAW,eAAcC,YAAAA,MAAMC,MAAMC;AAAAA,EACvC;AAAA;AAAA,EAEAC,uBAAuB;AAAA,IACrBC,KAAKJ,YAAAA,MAAMC,MAAMI;AAAAA,EACnB;AAAA;AAAA,EAEAC,0BAA0B;AAAA,IACxBC,QAAQP,YAAAA,MAAMC,MAAMI;AAAAA,EACtB;AACF,CAAC;;;"}
1	+ {"version":3,"file":"Banner.styles.cjs","sources":["../../../../src/components/Banner/Banner.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { useClasses, staticClasses } = createClasses(\"HvBanner\", {\n /** Styles applied to the component root class when the component is closed. /\n rootClosed: {\n display: \"none\",\n },\n /* Styles applied to the component root class. /\n root: {\n minWidth: `calc(100% - ${theme.space.sm})`,\n },\n /* Styles applied to the component when define as top. /\n anchorOriginTopCenter: {\n top: theme.space.xs,\n },\n /* Styles applied to the component when define as bottom. */\n anchorOriginBottomCenter: {\n bottom: theme.space.xs,\n },\n});\n"],"names":["useClasses","staticClasses","createClasses","rootClosed","display","root","minWidth","theme","space","sm","anchorOriginTopCenter","top","xs","anchorOriginBottomCenter","bottom"],"mappings":";;;;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAYC;AAAc,IAAIC,QAAAA,cAAc,YAAY;AAAA;AAAA,EAErEC,YAAY;AAAA,IACVC,SAAS;AAAA,EACX;AAAA;AAAA,EAEAC,MAAM;AAAA,IACJC,UAAW,eAAcC,YAAAA,MAAMC,MAAMC;AAAAA,EACvC;AAAA;AAAA,EAEAC,uBAAuB;AAAA,IACrBC,KAAKJ,YAAAA,MAAMC,MAAMI;AAAAA,EACnB;AAAA;AAAA,EAEAC,0BAA0B;AAAA,IACxBC,QAAQP,YAAAA,MAAMC,MAAMI;AAAAA,EACtB;AACF,CAAC;;;"}

package/dist/cjs/components/Banner/BannerContent/ActionContainer/ActionContainer.cjs CHANGED Viewed

@@ -3,8 +3,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const ActionContainer_styles = require("./ActionContainer.styles.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const ActionsGeneric = require("../../../ActionsGeneric/ActionsGeneric.cjs");
 const Button = require("../../../Button/Button.cjs");
+const ActionsGeneric = require("../../../ActionsGeneric/ActionsGeneric.cjs");
 const HvActionContainer = (props) => {
   const {
     id,

package/dist/cjs/components/Banner/BannerContent/ActionContainer/ActionContainer.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ActionContainer.cjs","sources":["../../../../../../src/components/Banner/BannerContent/ActionContainer/ActionContainer.tsx"],"sourcesContent":["import { HvBaseProps } from \"@core/types\";\nimport { HvActionGeneric, HvActionsGeneric~~, HvButton~~ } from \"@core/components\";\nimport { ~~Close~~ } from \"@~~hitachivantara~~/~~uikit-react-icons~~\";\nimport { ExtractNames } from \"@core/utils\";\nimport { staticClasses, useClasses } from \"./ActionContainer.styles\";\n\nexport { staticClasses as actionContainerClasses };\n\nexport type HvActionContainerClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvActionContainerProps extends HvBaseProps<HTMLButtonElement> {\n /** onClose function. /\n onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n /* Actions to display. /\n action?: React.ReactNode \| HvActionGeneric[];\n /* The callback function ran when an action is triggered, receiving `action` as param /\n actionCallback?: (\n event: React.SyntheticEvent,\n id: string,\n action: HvActionGeneric\n ) => void;\n /* A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvActionContainerClasses;\n}\n\nexport const HvActionContainer = (props: HvActionContainerProps) => {\n const {\n id,\n classes: classesProp,\n onClose,\n action,\n actionCallback,\n ...others\n } = props;\n const { classes } = useClasses(classesProp);\n return (\n <div className={classes.actionContainer}>\n <HvButton\n icon\n className={classes.closeAction}\n variant=\"semantic\"\n aria-label=\"Close\"\n onClick={onClose}\n tabIndex={0}\n {...others}\n >\n <Close iconSize=\"XS\" className={classes.iconContainer} color=\"base2\" />\n </HvButton>\n {action && (\n <div className={classes.actionsInnerContainer}>\n <HvActionsGeneric\n id={id}\n category=\"semantic\"\n actions={action}\n actionsCallback={actionCallback}\n />\n </div>\n )}\n </div>\n );\n};\n"],"names":["HvActionContainer","props","id","classes","classesProp","onClose","action","actionCallback","others","useClasses","className","actionContainer","children","_jsx","HvButton","icon","closeAction","variant","onClick","tabIndex","Close","iconSize","iconContainer","color","actionsInnerContainer","HvActionsGeneric","category","actions","actionsCallback"],"mappings":";;;;;;;~~AAyBaA~~,MAAAA,oBAAoBA,CAACC,UAAkC;AAC5D,QAAA;AAAA,IACJC;AAAAA,IACAC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EACDP,IAAAA;AACE,QAAA;AAAA,IAAEE;AAAAA,EAAAA,IAAYM,uBAAAA,WAAWL,WAAW;AAC1C,yCACE,OAAA;AAAA,IAAKM,WAAWP,QAAQQ;AAAAA,IAAgBC,UAAA,CACtCC,2BAAAA,IAACC,iBAAQ;AAAA,MACPC,MAAI;AAAA,MACJL,WAAWP,QAAQa;AAAAA,MACnBC,SAAQ;AAAA,MACR,cAAW;AAAA,MACXC,SAASb;AAAAA,MACTc,UAAU;AAAA,MAAE,GACRX;AAAAA,MAAMI,yCAETQ,uBAAK;AAAA,QAACC,UAAS;AAAA,QAAKX,WAAWP,QAAQmB;AAAAA,QAAeC,OAAM;AAAA,MAAA,CAAS;AAAA,IAAA,CAC9D,GACTjB,UACCO,2BAAAA,IAAA,OAAA;AAAA,MAAKH,WAAWP,QAAQqB;AAAAA,MAAsBZ,yCAC3Ca,iCAAgB;AAAA,QACfvB;AAAAA,QACAwB,UAAS;AAAA,QACTC,SAASrB;AAAAA,QACTsB,iBAAiBrB;AAAAA,MAAAA,CAClB;AAAA,IAAA,CACE,CACN;AAAA,EAAA,CACE;AAET;;;"}
1	+ {"version":3,"file":"ActionContainer.cjs","sources":["../../../../../../src/components/Banner/BannerContent/ActionContainer/ActionContainer.tsx"],"sourcesContent":["import { Close } from \"@hitachivantara/uikit-react-icons\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport {\n HvActionGeneric,\n HvActionsGeneric,\n} from \"@core/components/ActionsGeneric\";\nimport { HvButton } from \"@core/components/Button\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { staticClasses, useClasses } from \"./ActionContainer.styles\";\n\nexport { staticClasses as actionContainerClasses };\n\nexport type HvActionContainerClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvActionContainerProps extends HvBaseProps<HTMLButtonElement> {\n /** onClose function. /\n onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n /* Actions to display. /\n action?: React.ReactNode \| HvActionGeneric[];\n /* The callback function ran when an action is triggered, receiving `action` as param /\n actionCallback?: (\n event: React.SyntheticEvent,\n id: string,\n action: HvActionGeneric\n ) => void;\n /* A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvActionContainerClasses;\n}\n\nexport const HvActionContainer = (props: HvActionContainerProps) => {\n const {\n id,\n classes: classesProp,\n onClose,\n action,\n actionCallback,\n ...others\n } = props;\n const { classes } = useClasses(classesProp);\n return (\n <div className={classes.actionContainer}>\n <HvButton\n icon\n className={classes.closeAction}\n variant=\"semantic\"\n aria-label=\"Close\"\n onClick={onClose}\n tabIndex={0}\n {...others}\n >\n <Close iconSize=\"XS\" className={classes.iconContainer} color=\"base2\" />\n </HvButton>\n {action && (\n <div className={classes.actionsInnerContainer}>\n <HvActionsGeneric\n id={id}\n category=\"semantic\"\n actions={action}\n actionsCallback={actionCallback}\n />\n </div>\n )}\n </div>\n );\n};\n"],"names":["HvActionContainer","props","id","classes","classesProp","onClose","action","actionCallback","others","useClasses","className","actionContainer","children","_jsx","HvButton","icon","closeAction","variant","onClick","tabIndex","Close","iconSize","iconContainer","color","actionsInnerContainer","HvActionsGeneric","category","actions","actionsCallback"],"mappings":";;;;;;;AA+BaA,MAAAA,oBAAoBA,CAACC,UAAkC;AAC5D,QAAA;AAAA,IACJC;AAAAA,IACAC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EACDP,IAAAA;AACE,QAAA;AAAA,IAAEE;AAAAA,EAAAA,IAAYM,uBAAAA,WAAWL,WAAW;AAC1C,yCACE,OAAA;AAAA,IAAKM,WAAWP,QAAQQ;AAAAA,IAAgBC,UAAA,CACtCC,2BAAAA,IAACC,iBAAQ;AAAA,MACPC,MAAI;AAAA,MACJL,WAAWP,QAAQa;AAAAA,MACnBC,SAAQ;AAAA,MACR,cAAW;AAAA,MACXC,SAASb;AAAAA,MACTc,UAAU;AAAA,MAAE,GACRX;AAAAA,MAAMI,yCAETQ,uBAAK;AAAA,QAACC,UAAS;AAAA,QAAKX,WAAWP,QAAQmB;AAAAA,QAAeC,OAAM;AAAA,MAAA,CAAS;AAAA,IAAA,CAC9D,GACTjB,UACCO,2BAAAA,IAAA,OAAA;AAAA,MAAKH,WAAWP,QAAQqB;AAAAA,MAAsBZ,yCAC3Ca,iCAAgB;AAAA,QACfvB;AAAAA,QACAwB,UAAS;AAAA,QACTC,SAASrB;AAAAA,QACTsB,iBAAiBrB;AAAAA,MAAAA,CAClB;AAAA,IAAA,CACE,CACN;AAAA,EAAA,CACE;AAET;;;"}

package/dist/cjs/components/Banner/BannerContent/ActionContainer/ActionContainer.styles.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ActionContainer.styles.cjs","sources":["../../../../../../src/components/Banner/BannerContent/ActionContainer/ActionContainer.styles.tsx"],"sourcesContent":["import { createClasses, outlineStyles } from \"@core/utils\";\n\nconst name = \"HvBannerActionContainer\";\n\nexport const { staticClasses, useClasses } = createClasses(name, {\n actionContainer: {\n display: \"flex\",\n flexDirection: \"column\",\n height: \"100%\",\n justifyContent: \"space-between\",\n },\n actionsInnerContainer: {\n flexDirection: \"row\",\n marginTop: \"8px\", // avoid overlap with close button outline focus ring\n },\n closeAction: {\n alignSelf: \"flex-end\",\n cursor: \"pointer\",\n \"&:focus\": {\n ...outlineStyles,\n },\n },\n iconContainer: {\n width: \"32px\",\n height: \"32px\",\n },\n});\n"],"names":["name","staticClasses","useClasses","createClasses","actionContainer","display","flexDirection","height","justifyContent","actionsInnerContainer","marginTop","closeAction","alignSelf","cursor","outlineStyles","iconContainer","width"],"mappings":";;;;~~AAEA~~,MAAMA,OAAO;AAEA,MAAA;AAAA,EAAEC;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAcH,MAAM;AAAA,EAC/DI,iBAAiB;AAAA,IACfC,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,QAAQ;AAAA,IACRC,gBAAgB;AAAA,EAClB;AAAA,EACAC,uBAAuB;AAAA,IACrBH,eAAe;AAAA,IACfI,WAAW;AAAA;AAAA,EACb;AAAA,EACAC,aAAa;AAAA,IACXC,WAAW;AAAA,IACXC,QAAQ;AAAA,IACR,WAAW;AAAA,MACT,GAAGC,WAAAA;AAAAA,IACL;AAAA,EACF;AAAA,EACAC,eAAe;AAAA,IACbC,OAAO;AAAA,IACPT,QAAQ;AAAA,EACV;AACF,CAAC;;;"}
1	+ {"version":3,"file":"ActionContainer.styles.cjs","sources":["../../../../../../src/components/Banner/BannerContent/ActionContainer/ActionContainer.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\nimport { outlineStyles } from \"@core/utils/focusUtils\";\n\nconst name = \"HvBannerActionContainer\";\n\nexport const { staticClasses, useClasses } = createClasses(name, {\n actionContainer: {\n display: \"flex\",\n flexDirection: \"column\",\n height: \"100%\",\n justifyContent: \"space-between\",\n },\n actionsInnerContainer: {\n flexDirection: \"row\",\n marginTop: \"8px\", // avoid overlap with close button outline focus ring\n },\n closeAction: {\n alignSelf: \"flex-end\",\n cursor: \"pointer\",\n \"&:focus\": {\n ...outlineStyles,\n },\n },\n iconContainer: {\n width: \"32px\",\n height: \"32px\",\n },\n});\n"],"names":["name","staticClasses","useClasses","createClasses","actionContainer","display","flexDirection","height","justifyContent","actionsInnerContainer","marginTop","closeAction","alignSelf","cursor","outlineStyles","iconContainer","width"],"mappings":";;;;AAGA,MAAMA,OAAO;AAEA,MAAA;AAAA,EAAEC;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAcH,MAAM;AAAA,EAC/DI,iBAAiB;AAAA,IACfC,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,QAAQ;AAAA,IACRC,gBAAgB;AAAA,EAClB;AAAA,EACAC,uBAAuB;AAAA,IACrBH,eAAe;AAAA,IACfI,WAAW;AAAA;AAAA,EACb;AAAA,EACAC,aAAa;AAAA,IACXC,WAAW;AAAA,IACXC,QAAQ;AAAA,IACR,WAAW;AAAA,MACT,GAAGC,WAAAA;AAAAA,IACL;AAAA,EACF;AAAA,EACAC,eAAe;AAAA,IACbC,OAAO;AAAA,IACPT,QAAQ;AAAA,EACV;AACF,CAAC;;;"}

package/dist/cjs/components/Banner/BannerContent/BannerContent.cjs CHANGED Viewed

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const SnackbarContent = require("@mui/material/SnackbarContent");
+const iconVariant = require("../../../utils/iconVariant.cjs");
 const BannerContent_styles = require("./BannerContent.styles.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const iconVariant = require("../../../utils/iconVariant.cjs");
 const MessageContainer = require("./MessageContainer/MessageContainer.cjs");
 const ActionContainer = require("./ActionContainer/ActionContainer.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -28,7 +28,7 @@ const HvBannerContent = React.forwardRef((props, ref) => {
     classes,
     cx
   } = BannerContent_styles.useClasses(classesProp);
-  const icon = customIcon || showIcon && iconVariant.default(variant, "base_dark");
+  const icon = customIcon || showIcon && iconVariant.iconVariant(variant, "base_dark");
   const effectiveActionsPosition = actionsPosition === "auto" ? "inline" : actionsPosition;
   return /* @__PURE__ */ jsxRuntime.jsx("div", {
     className: classes.outContainer,

package/dist/cjs/components/Banner/BannerContent/BannerContent.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BannerContent.cjs","sources":["../../../../../src/components/Banner/BannerContent/BannerContent.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport SnackbarContent, {\n SnackbarContentProps as MuiSnackbarContentProps,\n} from \"@mui/material/SnackbarContent\";\nimport { HvBaseProps } from \"@core/types\";\nimport { ~~ExtractNames,~~ iconVariant } from \"@core/utils\";\nimport {\n HvActionGeneric~~,\n HvBannerActionPosition,\n HvBannerVariant,\n~~} from \"@core/components\";\nimport { HvActionContainer, HvActionContainerProps } from \"./ActionContainer\";\nimport { HvMessageContainer } from \"./MessageContainer\";\nimport { useClasses, staticClasses } from \"./BannerContent.styles\";\n\nexport { staticClasses as bannerContentClasses };\n\nexport type HvBannerContentClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvBannerContentProps\n extends Omit<MuiSnackbarContentProps, \"variant\" \| \"classes\" \| \"onClose\">,\n HvBaseProps {\n /** The message to display. /\n content?: string;\n /* Variant of the snackbar. /\n variant?: HvBannerVariant;\n /* Controls if the associated icon to the variant should be shown. /\n showIcon?: boolean;\n /* Custom icon to replace the variant default. /\n customIcon?: React.ReactNode;\n /* onClose function. /\n onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n /* Actions to display on the right side. /\n actions?: React.ReactNode \| HvActionGeneric[];\n /* The callback function ran when an action is triggered, receiving `action` as param /\n actionsCallback?: (\n event: React.SyntheticEvent,\n id: string,\n action: HvActionGeneric\n ) => void;\n /* The position property of the header. /\n actionsPosition?: HvBannerActionPosition;\n /* The props to pass down to the Action Container. /\n actionProps?: HvActionContainerProps;\n /* A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvBannerContentClasses;\n}\n\nexport const HvBannerContent = forwardRef<HTMLDivElement, HvBannerContentProps>(\n (props, ref) => {\n const {\n id,\n classes: classesProp = {},\n showIcon = false,\n customIcon,\n variant = \"default\",\n onClose,\n actions,\n actionsCallback,\n actionsPosition = \"auto\",\n content,\n actionProps,\n ...others\n } = props;\n const { classes, cx } = useClasses(classesProp);\n const icon = customIcon \|\| (showIcon && iconVariant(variant, \"base_dark\"));\n\n // default to inline\n // this might try to be more intelligent in the future,\n // taking into account the content length, available space,\n // number of actions, etc..\n const effectiveActionsPosition =\n actionsPosition === \"auto\" ? \"inline\" : actionsPosition;\n\n return (\n <div className={classes.outContainer}>\n <SnackbarContent\n ref={ref}\n id={id}\n classes={{\n root: classes.root,\n message: classes.message,\n action: classes.action,\n }}\n className={cx(classes?.baseVariant, classes?.[variant])}\n message={\n <HvMessageContainer\n id={id}\n icon={icon}\n {...(effectiveActionsPosition === \"inline\" && {\n actionsOnMessage: actions,\n actionsOnMessageCallback: actionsCallback,\n })}\n message={content}\n />\n }\n action={\n <HvActionContainer\n id={id}\n onClose={onClose}\n {...(effectiveActionsPosition === \"bottom-right\" && {\n action: actions,\n actionCallback: actionsCallback,\n })}\n {...actionProps}\n />\n }\n {...others}\n />\n </div>\n );\n }\n);\n"],"names":["HvBannerContent","forwardRef","props","ref","id","classes","classesProp","showIcon","customIcon","variant","onClose","actions","actionsCallback","actionsPosition","content","actionProps","others","cx","useClasses","icon","iconVariant","effectiveActionsPosition","className","outContainer","children","SnackbarContent","root","message","action","baseVariant","HvMessageContainer","actionsOnMessage","actionsOnMessageCallback","HvActionContainer","actionCallback"],"mappings":";;;;;;;;;;;~~AAgDO~~,MAAMA,kBAAkBC,MAAAA,WAC7B,CAACC,OAAOC,QAAQ;AACR,QAAA;AAAA,IACJC;AAAAA,IACAC,SAASC,cAAc,CAAC;AAAA,IACxBC,WAAW;AAAA,IACXC;AAAAA,IACAC,UAAU;AAAA,IACVC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,kBAAkB;AAAA,IAClBC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EACDd,IAAAA;AACE,QAAA;AAAA,IAAEG;AAAAA,IAASY;AAAAA,EAAAA,IAAOC,qBAAAA,WAAWZ,WAAW;AAC9C,QAAMa,OAAOX,cAAeD,YAAYa,YAAAA,~~QAAYX~~,SAAS,WAAW;AAMlEY,QAAAA,2BACJR,oBAAoB,SAAS,WAAWA;AAE1C,wCACE,OAAA;AAAA,IAAKS,WAAWjB,QAAQkB;AAAAA,IAAaC,yCAClCC,kCAAe;AAAA,MACdtB;AAAAA,MACAC;AAAAA,MACAC,SAAS;AAAA,QACPqB,MAAMrB,QAAQqB;AAAAA,QACdC,SAAStB,QAAQsB;AAAAA,QACjBC,QAAQvB,QAAQuB;AAAAA,MAClB;AAAA,MACAN,WAAWL,GAAGZ,mCAASwB,aAAaxB,mCAAUI,QAAQ;AAAA,MACtDkB,wCACGG,qCAAkB;AAAA,QACjB1B;AAAAA,QACAe;AAAAA,QAAW,GACNE,6BAA6B,YAAY;AAAA,UAC5CU,kBAAkBpB;AAAAA,UAClBqB,0BAA0BpB;AAAAA,QAC5B;AAAA,QACAe,SAASb;AAAAA,MAAAA,CACV;AAAA,MAEHc,uCACGK,mCAAiB;AAAA,QAChB7B;AAAAA,QACAM;AAAAA,QAAiB,GACZW,6BAA6B,kBAAkB;AAAA,UAClDO,QAAQjB;AAAAA,UACRuB,gBAAgBtB;AAAAA,QAClB;AAAA,QAAC,GACGG;AAAAA,MAAAA,CACL;AAAA,MACF,GACGC;AAAAA,IAAAA,CACL;AAAA,EAAA,CACE;AAET,CACF;;;"}
1	+ {"version":3,"file":"BannerContent.cjs","sources":["../../../../../src/components/Banner/BannerContent/BannerContent.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport SnackbarContent, {\n SnackbarContentProps as MuiSnackbarContentProps,\n} from \"@mui/material/SnackbarContent\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { iconVariant } from \"@core/utils/iconVariant\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvActionGeneric } from \"@core/components/ActionsGeneric\";\n\nimport { HvBannerActionPosition, HvBannerVariant } from \"../types\";\nimport { HvActionContainer, HvActionContainerProps } from \"./ActionContainer\";\nimport { HvMessageContainer } from \"./MessageContainer\";\nimport { useClasses, staticClasses } from \"./BannerContent.styles\";\n\nexport { staticClasses as bannerContentClasses };\n\nexport type HvBannerContentClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvBannerContentProps\n extends Omit<MuiSnackbarContentProps, \"variant\" \| \"classes\" \| \"onClose\">,\n HvBaseProps {\n /** The message to display. /\n content?: string;\n /* Variant of the snackbar. /\n variant?: HvBannerVariant;\n /* Controls if the associated icon to the variant should be shown. /\n showIcon?: boolean;\n /* Custom icon to replace the variant default. /\n customIcon?: React.ReactNode;\n /* onClose function. /\n onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n /* Actions to display on the right side. /\n actions?: React.ReactNode \| HvActionGeneric[];\n /* The callback function ran when an action is triggered, receiving `action` as param /\n actionsCallback?: (\n event: React.SyntheticEvent,\n id: string,\n action: HvActionGeneric\n ) => void;\n /* The position property of the header. /\n actionsPosition?: HvBannerActionPosition;\n /* The props to pass down to the Action Container. /\n actionProps?: HvActionContainerProps;\n /* A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvBannerContentClasses;\n}\n\nexport const HvBannerContent = forwardRef<HTMLDivElement, HvBannerContentProps>(\n (props, ref) => {\n const {\n id,\n classes: classesProp = {},\n showIcon = false,\n customIcon,\n variant = \"default\",\n onClose,\n actions,\n actionsCallback,\n actionsPosition = \"auto\",\n content,\n actionProps,\n ...others\n } = props;\n const { classes, cx } = useClasses(classesProp);\n const icon = customIcon \|\| (showIcon && iconVariant(variant, \"base_dark\"));\n\n // default to inline\n // this might try to be more intelligent in the future,\n // taking into account the content length, available space,\n // number of actions, etc..\n const effectiveActionsPosition =\n actionsPosition === \"auto\" ? \"inline\" : actionsPosition;\n\n return (\n <div className={classes.outContainer}>\n <SnackbarContent\n ref={ref}\n id={id}\n classes={{\n root: classes.root,\n message: classes.message,\n action: classes.action,\n }}\n className={cx(classes?.baseVariant, classes?.[variant])}\n message={\n <HvMessageContainer\n id={id}\n icon={icon}\n {...(effectiveActionsPosition === \"inline\" && {\n actionsOnMessage: actions,\n actionsOnMessageCallback: actionsCallback,\n })}\n message={content}\n />\n }\n action={\n <HvActionContainer\n id={id}\n onClose={onClose}\n {...(effectiveActionsPosition === \"bottom-right\" && {\n action: actions,\n actionCallback: actionsCallback,\n })}\n {...actionProps}\n />\n }\n {...others}\n />\n </div>\n );\n }\n);\n"],"names":["HvBannerContent","forwardRef","props","ref","id","classes","classesProp","showIcon","customIcon","variant","onClose","actions","actionsCallback","actionsPosition","content","actionProps","others","cx","useClasses","icon","iconVariant","effectiveActionsPosition","className","outContainer","children","SnackbarContent","root","message","action","baseVariant","HvMessageContainer","actionsOnMessage","actionsOnMessageCallback","HvActionContainer","actionCallback"],"mappings":";;;;;;;;;;;AAiDO,MAAMA,kBAAkBC,MAAAA,WAC7B,CAACC,OAAOC,QAAQ;AACR,QAAA;AAAA,IACJC;AAAAA,IACAC,SAASC,cAAc,CAAC;AAAA,IACxBC,WAAW;AAAA,IACXC;AAAAA,IACAC,UAAU;AAAA,IACVC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,kBAAkB;AAAA,IAClBC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EACDd,IAAAA;AACE,QAAA;AAAA,IAAEG;AAAAA,IAASY;AAAAA,EAAAA,IAAOC,qBAAAA,WAAWZ,WAAW;AAC9C,QAAMa,OAAOX,cAAeD,YAAYa,YAAAA,YAAYX,SAAS,WAAW;AAMlEY,QAAAA,2BACJR,oBAAoB,SAAS,WAAWA;AAE1C,wCACE,OAAA;AAAA,IAAKS,WAAWjB,QAAQkB;AAAAA,IAAaC,yCAClCC,kCAAe;AAAA,MACdtB;AAAAA,MACAC;AAAAA,MACAC,SAAS;AAAA,QACPqB,MAAMrB,QAAQqB;AAAAA,QACdC,SAAStB,QAAQsB;AAAAA,QACjBC,QAAQvB,QAAQuB;AAAAA,MAClB;AAAA,MACAN,WAAWL,GAAGZ,mCAASwB,aAAaxB,mCAAUI,QAAQ;AAAA,MACtDkB,wCACGG,qCAAkB;AAAA,QACjB1B;AAAAA,QACAe;AAAAA,QAAW,GACNE,6BAA6B,YAAY;AAAA,UAC5CU,kBAAkBpB;AAAAA,UAClBqB,0BAA0BpB;AAAAA,QAC5B;AAAA,QACAe,SAASb;AAAAA,MAAAA,CACV;AAAA,MAEHc,uCACGK,mCAAiB;AAAA,QAChB7B;AAAAA,QACAM;AAAAA,QAAiB,GACZW,6BAA6B,kBAAkB;AAAA,UAClDO,QAAQjB;AAAAA,UACRuB,gBAAgBtB;AAAAA,QAClB;AAAA,QAAC,GACGG;AAAAA,MAAAA,CACL;AAAA,MACF,GACGC;AAAAA,IAAAA,CACL;AAAA,EAAA,CACE;AAET,CACF;;;"}

package/dist/cjs/components/Banner/BannerContent/BannerContent.styles.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BannerContent.styles.cjs","sources":["../../../../../src/components/Banner/BannerContent/BannerContent.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { createClasses } from \"@core/utils\";\n\nexport const { useClasses, staticClasses } = createClasses(\"HvBannerContent\", {\n root: {\n minWidth: \"100%\",\n position: \"relative\",\n display: \"flex\",\n flexWrap: \"nowrap\",\n boxShadow: \"none\",\n borderRadius: theme.radii.none,\n },\n message: {\n display: \"flex\",\n alignItems: \"center\",\n padding: theme.spacing([\"xs\", 0]),\n paddingLeft: theme.space.sm,\n },\n action: {\n padding: theme.spacing(\"xs\"),\n marginRight: 0,\n flex: \"0 0 auto\",\n placeSelf: \"stretch\",\n },\n baseVariant: {\n padding: 0,\n },\n success: {\n backgroundColor: theme.colors.positive_20,\n },\n warning: {\n backgroundColor: theme.colors.warning_20,\n },\n error: {\n backgroundColor: theme.colors.negative_20,\n },\n default: {\n backgroundColor: theme.colors.neutral_20,\n },\n outContainer: {\n width: \"100%\",\n position: \"relative\",\n },\n});\n"],"names":["useClasses","staticClasses","createClasses","root","minWidth","position","display","flexWrap","boxShadow","borderRadius","theme","radii","none","message","alignItems","padding","spacing","paddingLeft","space","sm","action","marginRight","flex","placeSelf","baseVariant","success","backgroundColor","colors","positive_20","warning","warning_20","error","negative_20","default","neutral_20","outContainer","width"],"mappings":";;;;~~AAGa~~,MAAA;AAAA,EAAEA;AAAAA,EAAYC;AAAc,IAAIC,QAAAA,cAAc,mBAAmB;AAAA,EAC5EC,MAAM;AAAA,IACJC,UAAU;AAAA,IACVC,UAAU;AAAA,IACVC,SAAS;AAAA,IACTC,UAAU;AAAA,IACVC,WAAW;AAAA,IACXC,cAAcC,YAAAA,MAAMC,MAAMC;AAAAA,EAC5B;AAAA,EACAC,SAAS;AAAA,IACPP,SAAS;AAAA,IACTQ,YAAY;AAAA,IACZC,SAASL,YAAAA,MAAMM,QAAQ,CAAC,MAAM,CAAC,CAAC;AAAA,IAChCC,aAAaP,YAAAA,MAAMQ,MAAMC;AAAAA,EAC3B;AAAA,EACAC,QAAQ;AAAA,IACNL,SAASL,YAAAA,MAAMM,QAAQ,IAAI;AAAA,IAC3BK,aAAa;AAAA,IACbC,MAAM;AAAA,IACNC,WAAW;AAAA,EACb;AAAA,EACAC,aAAa;AAAA,IACXT,SAAS;AAAA,EACX;AAAA,EACAU,SAAS;AAAA,IACPC,iBAAiBhB,YAAAA,MAAMiB,OAAOC;AAAAA,EAChC;AAAA,EACAC,SAAS;AAAA,IACPH,iBAAiBhB,YAAAA,MAAMiB,OAAOG;AAAAA,EAChC;AAAA,EACAC,OAAO;AAAA,IACLL,iBAAiBhB,YAAAA,MAAMiB,OAAOK;AAAAA,EAChC;AAAA,EACAC,SAAS;AAAA,IACPP,iBAAiBhB,YAAAA,MAAMiB,OAAOO;AAAAA,EAChC;AAAA,EACAC,cAAc;AAAA,IACZC,OAAO;AAAA,IACP/B,UAAU;AAAA,EACZ;AACF,CAAC;;;"}
1	+ {"version":3,"file":"BannerContent.styles.cjs","sources":["../../../../../src/components/Banner/BannerContent/BannerContent.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { useClasses, staticClasses } = createClasses(\"HvBannerContent\", {\n root: {\n minWidth: \"100%\",\n position: \"relative\",\n display: \"flex\",\n flexWrap: \"nowrap\",\n boxShadow: \"none\",\n borderRadius: theme.radii.none,\n },\n message: {\n display: \"flex\",\n alignItems: \"center\",\n padding: theme.spacing([\"xs\", 0]),\n paddingLeft: theme.space.sm,\n },\n action: {\n padding: theme.spacing(\"xs\"),\n marginRight: 0,\n flex: \"0 0 auto\",\n placeSelf: \"stretch\",\n },\n baseVariant: {\n padding: 0,\n },\n success: {\n backgroundColor: theme.colors.positive_20,\n },\n warning: {\n backgroundColor: theme.colors.warning_20,\n },\n error: {\n backgroundColor: theme.colors.negative_20,\n },\n default: {\n backgroundColor: theme.colors.neutral_20,\n },\n outContainer: {\n width: \"100%\",\n position: \"relative\",\n },\n});\n"],"names":["useClasses","staticClasses","createClasses","root","minWidth","position","display","flexWrap","boxShadow","borderRadius","theme","radii","none","message","alignItems","padding","spacing","paddingLeft","space","sm","action","marginRight","flex","placeSelf","baseVariant","success","backgroundColor","colors","positive_20","warning","warning_20","error","negative_20","default","neutral_20","outContainer","width"],"mappings":";;;;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAYC;AAAc,IAAIC,QAAAA,cAAc,mBAAmB;AAAA,EAC5EC,MAAM;AAAA,IACJC,UAAU;AAAA,IACVC,UAAU;AAAA,IACVC,SAAS;AAAA,IACTC,UAAU;AAAA,IACVC,WAAW;AAAA,IACXC,cAAcC,YAAAA,MAAMC,MAAMC;AAAAA,EAC5B;AAAA,EACAC,SAAS;AAAA,IACPP,SAAS;AAAA,IACTQ,YAAY;AAAA,IACZC,SAASL,YAAAA,MAAMM,QAAQ,CAAC,MAAM,CAAC,CAAC;AAAA,IAChCC,aAAaP,YAAAA,MAAMQ,MAAMC;AAAAA,EAC3B;AAAA,EACAC,QAAQ;AAAA,IACNL,SAASL,YAAAA,MAAMM,QAAQ,IAAI;AAAA,IAC3BK,aAAa;AAAA,IACbC,MAAM;AAAA,IACNC,WAAW;AAAA,EACb;AAAA,EACAC,aAAa;AAAA,IACXT,SAAS;AAAA,EACX;AAAA,EACAU,SAAS;AAAA,IACPC,iBAAiBhB,YAAAA,MAAMiB,OAAOC;AAAAA,EAChC;AAAA,EACAC,SAAS;AAAA,IACPH,iBAAiBhB,YAAAA,MAAMiB,OAAOG;AAAAA,EAChC;AAAA,EACAC,OAAO;AAAA,IACLL,iBAAiBhB,YAAAA,MAAMiB,OAAOK;AAAAA,EAChC;AAAA,EACAC,SAAS;AAAA,IACPP,iBAAiBhB,YAAAA,MAAMiB,OAAOO;AAAAA,EAChC;AAAA,EACAC,cAAc;AAAA,IACZC,OAAO;AAAA,IACP/B,UAAU;AAAA,EACZ;AACF,CAAC;;;"}

package/dist/cjs/components/Banner/BannerContent/MessageContainer/MessageContainer.cjs CHANGED Viewed

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const setId = require("../../../../utils/setId.cjs");
 const MessageContainer_styles = require("./MessageContainer.styles.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const Typography = require("../../../Typography/Typography.cjs");
-const setId = require("../../../../utils/setId.cjs");
 const ActionsGeneric = require("../../../ActionsGeneric/ActionsGeneric.cjs");
 const HvMessageContainer = ({
   id,

package/dist/cjs/components/Banner/BannerContent/MessageContainer/MessageContainer.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MessageContainer.cjs","sources":["../../../../../../src/components/Banner/BannerContent/MessageContainer/MessageContainer.tsx"],"sourcesContent":["import { HvBaseProps } from \"@core/types\";\nimport {\n HvActionGeneric,\n HvActionsGeneric,\n HvTypography~~,\n~~} from \"@core/components\";\nimport { ExtractNames, setId } from \"@core/utils\";\nimport { staticClasses, useClasses } from \"./MessageContainer.styles\";\n\nexport { staticClasses as messageContainerClasses };\n\nexport type HvMessageContainerClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvMessageContainerProps extends HvBaseProps {\n /** Icon to be presented. /\n icon?: React.ReactNode;\n /* The message to display. /\n message?: React.ReactNode;\n /* Actions to display on message. /\n actionsOnMessage?: React.ReactNode \| HvActionGeneric[];\n /* The callback function ran when an action is triggered, receiving `actionsOnMessage` as param /\n actionsOnMessageCallback?: (\n event: React.SyntheticEvent,\n id: string,\n action: HvActionGeneric\n ) => void;\n /* A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvMessageContainerClasses;\n}\n\nexport const HvMessageContainer = ({\n id,\n classes: classesProp,\n icon,\n actionsOnMessage,\n actionsOnMessageCallback,\n message,\n}: HvMessageContainerProps) => {\n const { classes } = useClasses(classesProp);\n\n return (\n <>\n {icon && <div className={classes.iconContainer}>{icon}</div>}\n <HvTypography id={setId(id, \"message-text\")} className={classes.message}>\n {message}\n </HvTypography>\n {actionsOnMessage && (\n <div\n id={setId(id, \"message-actions\")}\n className={classes.actionMessageContainer}\n >\n <HvActionsGeneric\n id={id}\n category=\"semantic\"\n actions={actionsOnMessage}\n actionsCallback={actionsOnMessageCallback}\n />\n </div>\n )}\n </>\n );\n};\n"],"names":["HvMessageContainer","id","classes","classesProp","icon","actionsOnMessage","actionsOnMessageCallback","message","useClasses","_Fragment","children","_jsx","className","iconContainer","HvTypography","setId","actionMessageContainer","HvActionsGeneric","category","actions","actionsCallback"],"mappings":";;;;;;;~~AA8BO~~,MAAMA,qBAAqBA,CAAC;AAAA,EACjCC;AAAAA,EACAC,SAASC;AAAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AACuB,MAAM;AACvB,QAAA;AAAA,IAAEL;AAAAA,EAAAA,IAAYM,wBAAAA,WAAWL,WAAW;AAE1C,yCACEM,WAAAA,UAAA;AAAA,IAAAC,UAAA,CACGN,QAAQO,2BAAAA,IAAA,OAAA;AAAA,MAAKC,WAAWV,QAAQW;AAAAA,MAAcH,UAAEN;AAAAA,IAAAA,CAAU,GAC3DO,2BAAAA,IAACG,yBAAY;AAAA,MAACb,IAAIc,MAAAA,MAAMd,IAAI,cAAc;AAAA,MAAGW,WAAWV,QAAQK;AAAAA,MAAQG,UACrEH;AAAAA,IAAAA,CACW,GACbF,oBACCM,2BAAAA,IAAA,OAAA;AAAA,MACEV,IAAIc,MAAAA,MAAMd,IAAI,iBAAiB;AAAA,MAC/BW,WAAWV,QAAQc;AAAAA,MAAuBN,yCAEzCO,iCAAgB;AAAA,QACfhB;AAAAA,QACAiB,UAAS;AAAA,QACTC,SAASd;AAAAA,QACTe,iBAAiBd;AAAAA,MAAAA,CAClB;AAAA,IAAA,CACE,CACN;AAAA,EAAA,CACD;AAEN;;;"}
1	+ {"version":3,"file":"MessageContainer.cjs","sources":["../../../../../../src/components/Banner/BannerContent/MessageContainer/MessageContainer.tsx"],"sourcesContent":["import { HvBaseProps } from \"@core/types/generic\";\nimport {\n HvActionGeneric,\n HvActionsGeneric,\n} from \"@core/components/ActionsGeneric\";\nimport { HvTypography } from \"@core/components/Typography\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { setId } from \"@core/utils/setId\";\n\nimport { staticClasses, useClasses } from \"./MessageContainer.styles\";\n\nexport { staticClasses as messageContainerClasses };\n\nexport type HvMessageContainerClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvMessageContainerProps extends HvBaseProps {\n /** Icon to be presented. /\n icon?: React.ReactNode;\n /* The message to display. /\n message?: React.ReactNode;\n /* Actions to display on message. /\n actionsOnMessage?: React.ReactNode \| HvActionGeneric[];\n /* The callback function ran when an action is triggered, receiving `actionsOnMessage` as param /\n actionsOnMessageCallback?: (\n event: React.SyntheticEvent,\n id: string,\n action: HvActionGeneric\n ) => void;\n /* A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvMessageContainerClasses;\n}\n\nexport const HvMessageContainer = ({\n id,\n classes: classesProp,\n icon,\n actionsOnMessage,\n actionsOnMessageCallback,\n message,\n}: HvMessageContainerProps) => {\n const { classes } = useClasses(classesProp);\n\n return (\n <>\n {icon && <div className={classes.iconContainer}>{icon}</div>}\n <HvTypography id={setId(id, \"message-text\")} className={classes.message}>\n {message}\n </HvTypography>\n {actionsOnMessage && (\n <div\n id={setId(id, \"message-actions\")}\n className={classes.actionMessageContainer}\n >\n <HvActionsGeneric\n id={id}\n category=\"semantic\"\n actions={actionsOnMessage}\n actionsCallback={actionsOnMessageCallback}\n />\n </div>\n )}\n </>\n );\n};\n"],"names":["HvMessageContainer","id","classes","classesProp","icon","actionsOnMessage","actionsOnMessageCallback","message","useClasses","_Fragment","children","_jsx","className","iconContainer","HvTypography","setId","actionMessageContainer","HvActionsGeneric","category","actions","actionsCallback"],"mappings":";;;;;;;AAgCO,MAAMA,qBAAqBA,CAAC;AAAA,EACjCC;AAAAA,EACAC,SAASC;AAAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AACuB,MAAM;AACvB,QAAA;AAAA,IAAEL;AAAAA,EAAAA,IAAYM,wBAAAA,WAAWL,WAAW;AAE1C,yCACEM,WAAAA,UAAA;AAAA,IAAAC,UAAA,CACGN,QAAQO,2BAAAA,IAAA,OAAA;AAAA,MAAKC,WAAWV,QAAQW;AAAAA,MAAcH,UAAEN;AAAAA,IAAAA,CAAU,GAC3DO,2BAAAA,IAACG,yBAAY;AAAA,MAACb,IAAIc,MAAAA,MAAMd,IAAI,cAAc;AAAA,MAAGW,WAAWV,QAAQK;AAAAA,MAAQG,UACrEH;AAAAA,IAAAA,CACW,GACbF,oBACCM,2BAAAA,IAAA,OAAA;AAAA,MACEV,IAAIc,MAAAA,MAAMd,IAAI,iBAAiB;AAAA,MAC/BW,WAAWV,QAAQc;AAAAA,MAAuBN,yCAEzCO,iCAAgB;AAAA,QACfhB;AAAAA,QACAiB,UAAS;AAAA,QACTC,SAASd;AAAAA,QACTe,iBAAiBd;AAAAA,MAAAA,CAClB;AAAA,IAAA,CACE,CACN;AAAA,EAAA,CACD;AAEN;;;"}

package/dist/cjs/components/Banner/BannerContent/MessageContainer/MessageContainer.styles.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MessageContainer.styles.cjs","sources":["../../../../../../src/components/Banner/BannerContent/MessageContainer/MessageContainer.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { createClasses } from \"@core/utils\";\n\nconst name = \"HvBannerMessageContainer\";\n\nexport const { staticClasses, useClasses } = createClasses(name, {\n message: {\n color: theme.colors.base_dark,\n wordBreak: \"break-word\",\n maxWidth: \"700px\",\n overflow: \"hidden\",\n marginRight: 10,\n },\n iconContainer: {\n marginRight: theme.space.xs,\n marginLeft: -theme.space.xs,\n },\n actionMessageContainer: {\n flex: \"0 0 auto\",\n },\n});\n"],"names":["name","staticClasses","useClasses","createClasses","message","color","theme","colors","base_dark","wordBreak","maxWidth","overflow","marginRight","iconContainer","space","xs","marginLeft","actionMessageContainer","flex"],"mappings":";;;;~~AAGA~~,MAAMA,OAAO;AAEA,MAAA;AAAA,EAAEC;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAcH,MAAM;AAAA,EAC/DI,SAAS;AAAA,IACPC,OAAOC,YAAAA,MAAMC,OAAOC;AAAAA,IACpBC,WAAW;AAAA,IACXC,UAAU;AAAA,IACVC,UAAU;AAAA,IACVC,aAAa;AAAA,EACf;AAAA,EACAC,eAAe;AAAA,IACbD,aAAaN,YAAAA,MAAMQ,MAAMC;AAAAA,IACzBC,YAAY,CAACV,kBAAMQ,MAAMC;AAAAA,EAC3B;AAAA,EACAE,wBAAwB;AAAA,IACtBC,MAAM;AAAA,EACR;AACF,CAAC;;;"}
1	+ {"version":3,"file":"MessageContainer.styles.cjs","sources":["../../../../../../src/components/Banner/BannerContent/MessageContainer/MessageContainer.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nconst name = \"HvBannerMessageContainer\";\n\nexport const { staticClasses, useClasses } = createClasses(name, {\n message: {\n color: theme.colors.base_dark,\n wordBreak: \"break-word\",\n maxWidth: \"700px\",\n overflow: \"hidden\",\n marginRight: 10,\n },\n iconContainer: {\n marginRight: theme.space.xs,\n marginLeft: -theme.space.xs,\n },\n actionMessageContainer: {\n flex: \"0 0 auto\",\n },\n});\n"],"names":["name","staticClasses","useClasses","createClasses","message","color","theme","colors","base_dark","wordBreak","maxWidth","overflow","marginRight","iconContainer","space","xs","marginLeft","actionMessageContainer","flex"],"mappings":";;;;AAIA,MAAMA,OAAO;AAEA,MAAA;AAAA,EAAEC;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAcH,MAAM;AAAA,EAC/DI,SAAS;AAAA,IACPC,OAAOC,YAAAA,MAAMC,OAAOC;AAAAA,IACpBC,WAAW;AAAA,IACXC,UAAU;AAAA,IACVC,UAAU;AAAA,IACVC,aAAa;AAAA,EACf;AAAA,EACAC,eAAe;AAAA,IACbD,aAAaN,YAAAA,MAAMQ,MAAMC;AAAAA,IACzBC,YAAY,CAACV,kBAAMQ,MAAMC;AAAAA,EAC3B;AAAA,EACAE,wBAAwB;AAAA,IACtBC,MAAM;AAAA,EACR;AACF,CAAC;;;"}

package/dist/cjs/components/BaseCheckBox/BaseCheckBox.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseCheckBox.cjs","sources":["../../../../src/components/BaseCheckBox/BaseCheckBox.tsx"],"sourcesContent":["import {\n CheckboxCheck as CheckboxCheckIcon,\n CheckboxPartial as CheckboxPartialIcon,\n Checkbox as CheckboxIcon,\n} from \"@hitachivantara/uikit-react-icons\";\nimport { CheckboxProps as MuiCheckboxProps } from \"@mui/material\";\nimport { clsx } from \"clsx\";\nimport React, { useCallback, useState } from \"react\";\nimport { HvBaseProps } from \"@core/types\";\nimport { StyledCheckedBox } from \"./BaseCheckBox.styles\";\nimport baseCheckBoxClasses, {\n HvBaseCheckBoxClasses,\n} from \"./baseCheckBoxClasses\";\n\nexport interface HvBaseCheckBoxProps\n extends Omit<MuiCheckboxProps, \"onChange\" \| \"classes\">,\n HvBaseProps<HTMLButtonElement, \"onChange\" \| \"color\"> {\n /*\n The input name.\n /\n name?: string;\n /\n The value of the input.\n \n Is up to the application's logic when to consider the submission of this value.\n * Generally it should be used only when the checkbox is neither unchecked nor indeterminate.\n \n The default value is \"on\".\n /\n value?: any;\n /\n Indicates that the input is disabled.\n /\n disabled?: boolean;\n /\n Indicates that the input is not editable.\n /\n readOnly?: boolean;\n /\n Indicates that user input is required.\n /\n required?: boolean;\n /\n If `true` the checkbox is selected, if set to `false` the checkbox is not selected.\n \n When defined the checkbox state becomes controlled.\n /\n checked?: boolean;\n /\n When uncontrolled, defines the initial checked state.\n /\n defaultChecked?: boolean;\n /\n If `true` the checkbox visually shows the indeterminate state.\n /\n indeterminate?: boolean;\n /\n The callback fired when the checkbox is pressed.\n /\n onChange?: (\n event: React.ChangeEvent<HTMLInputElement>,\n checked: boolean,\n value: any\n ) => void;\n /\n Whether the selector should use semantic colors.\n /\n semantic?: boolean;\n /\n Properties passed on to the input element.\n /\n inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n /\n Callback fired when the component is focused with a keyboard.\n * We trigger a `onFocus` callback too.\n /\n onFocusVisible?: (event: React.FocusEvent<any>) => void;\n /\n Callback fired when the component is blurred.\n /\n onBlur?: (event: React.FocusEvent<HTMLButtonElement>) => void;\n /\n A Jss Object used to override or extend the styles applied to the checkbox.\n /\n classes?: HvBaseCheckBoxClasses;\n}\n\nconst getSelectorIcons = (\n options: {\n disabled: boolean;\n semantic: boolean;\n },\n classes?: HvBaseCheckBoxClasses\n) => {\n const { disabled, semantic } = options;\n const color =\n (disabled && [\"atmo3\", \"secondary_60\"]) \|\|\n (semantic && [\"base_light\", \"base_dark\"]) \|\|\n undefined;\n const checkedColor =\n (disabled && [\"atmo3\", \"secondary_60\"]) \|\|\n (semantic && [\"base_dark\", \"base_light\"]) \|\|\n undefined;\n\n // Default colors: [\"atmo1\",\"secondary\"]\n return {\n checkbox: (\n <CheckboxIcon\n color={color}\n className={clsx(classes?.icon, baseCheckBoxClasses.icon)}\n />\n ),\n checkboxPartial: (\n <CheckboxPartialIcon\n color={color}\n className={clsx(classes?.icon, baseCheckBoxClasses.icon)}\n />\n ),\n checkboxChecked: (\n <CheckboxCheckIcon\n color={checkedColor}\n className={clsx(classes?.icon, baseCheckBoxClasses.icon)}\n />\n ),\n };\n};\n\n/\n A Checkbox is a mechanism that allows user to select one or more options.\n \n The Base Checkbox is a building block of the Checkbox form element. Don't use unless\n * implementing a custom use case not covered by the Checkbox form element.\n */\nexport const HvBaseCheckBox = ({\n id,\n classes,\n className,\n name,\n inputProps,\n onChange,\n onFocusVisible,\n onBlur,\n checked,\n indeterminate,\n defaultChecked,\n value = \"on\",\n required = false,\n readOnly = false,\n disabled = false,\n semantic = false,\n ...others\n}: HvBaseCheckBoxProps) => {\n const [focusVisible, setFocusVisible] = useState<boolean>(false);\n\n const icons = getSelectorIcons({ disabled, semantic }, classes);\n\n const onChangeCallback = useCallback(\n (event: React.ChangeEvent<HTMLInputElement>) => {\n if (readOnly) {\n return;\n }\n\n onChange?.(event, event.target.checked, value);\n },\n [onChange, readOnly, value]\n );\n\n const onBlurCallback = useCallback(\n (event: React.FocusEvent<HTMLButtonElement>) => {\n setFocusVisible(false);\n onBlur?.(event);\n },\n [onBlur]\n );\n\n const onFocusVisibleCallback = useCallback(\n (event: React.FocusEvent<any>) => {\n setFocusVisible(true);\n onFocusVisible?.(event);\n },\n [onFocusVisible]\n );\n\n return (\n <StyledCheckedBox\n id={id}\n name={name}\n value={value}\n className={clsx(\n className,\n baseCheckBoxClasses.root,\n classes?.root,\n disabled && clsx(baseCheckBoxClasses.disabled, classes?.disabled),\n focusVisible &&\n clsx(baseCheckBoxClasses.focusVisible, classes?.focusVisible)\n )}\n $focusVisible={focusVisible}\n icon={icons.checkbox}\n indeterminateIcon={icons.checkboxPartial}\n checkedIcon={icons.checkboxChecked}\n disabled={disabled}\n required={required}\n readOnly={readOnly}\n checked={checked}\n defaultChecked={defaultChecked}\n indeterminate={indeterminate}\n inputProps={inputProps}\n onChange={onChangeCallback}\n onFocusVisible={onFocusVisibleCallback}\n onBlur={onBlurCallback}\n color=\"default\"\n disableRipple\n {...others}\n />\n );\n};\n"],"names":["getSelectorIcons","options","classes","disabled","semantic","color","undefined","checkedColor","checkbox","CheckboxIcon","className","clsx","icon","baseCheckBoxClasses","checkboxPartial","CheckboxPartialIcon","checkboxChecked","CheckboxCheckIcon","HvBaseCheckBox","id","name","inputProps","onChange","onFocusVisible","onBlur","checked","indeterminate","defaultChecked","value","required","readOnly","others","focusVisible","setFocusVisible","useState","icons","onChangeCallback","useCallback","event","target","onBlurCallback","onFocusVisibleCallback","StyledCheckedBox","root","$focusVisible","indeterminateIcon","checkedIcon","disableRipple"],"mappings":";;;;;;;;~~AAuFA~~,MAAMA,mBAAmBA,CACvBC,SAIAC,YACG;AACG,QAAA;AAAA,IAAEC;AAAAA,IAAUC;AAAAA,EAAaH,IAAAA;AACzBI,QAAAA,QACHF,YAAY,CAAC,SAAS,cAAc,KACpCC,YAAY,CAAC,cAAc,WAAW,KACvCE;AACIC,QAAAA,eACHJ,YAAY,CAAC,SAAS,cAAc,KACpCC,YAAY,CAAC,aAAa,YAAY,KACvCE;AAGK,SAAA;AAAA,IACLE,yCACGC,0BAAY;AAAA,MACXJ;AAAAA,MACAK,WAAWC,KAAAA,KAAKT,mCAASU,MAAMC,oBAAAA,QAAoBD,IAAI;AAAA,IAAA,CACxD;AAAA,IAEHE,gDACGC,iCAAmB;AAAA,MAClBV;AAAAA,MACAK,WAAWC,KAAAA,KAAKT,mCAASU,MAAMC,oBAAAA,QAAoBD,IAAI;AAAA,IAAA,CACxD;AAAA,IAEHI,gDACGC,+BAAiB;AAAA,MAChBZ,OAAOE;AAAAA,MACPG,WAAWC,KAAAA,KAAKT,mCAASU,MAAMC,oBAAAA,QAAoBD,IAAI;AAAA,IAAA,CACxD;AAAA,EAAA;AAGP;AAQO,MAAMM,iBAAiBA,CAAC;AAAA,EAC7BC;AAAAA,EACAjB;AAAAA,EACAQ;AAAAA,EACAU;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,QAAQ;AAAA,EACRC,WAAW;AAAA,EACXC,WAAW;AAAA,EACX3B,WAAW;AAAA,EACXC,WAAW;AAAA,EACX,GAAG2B;AACgB,MAAM;AACzB,QAAM,CAACC,cAAcC,eAAe,IAAIC,eAAkB,KAAK;AAE/D,QAAMC,QAAQnC,iBAAiB;AAAA,IAAEG;AAAAA,IAAUC;AAAAA,KAAYF,OAAO;AAExDkC,QAAAA,mBAAmBC,kBACvB,CAACC,UAA+C;AAC9C,QAAIR,UAAU;AACZ;AAAA,IACF;AAEAR,yCAAWgB,OAAOA,MAAMC,OAAOd,SAASG;AAAAA,EAE1C,GAAA,CAACN,UAAUQ,UAAUF,KAAK,CAC5B;AAEMY,QAAAA,iBAAiBH,kBACrB,CAACC,UAA+C;AAC9CL,oBAAgB,KAAK;AACrBT,qCAASc;AAAAA,EAAK,GAEhB,CAACd,MAAM,CACT;AAEMiB,QAAAA,yBAAyBJ,kBAC7B,CAACC,UAAiC;AAChCL,oBAAgB,IAAI;AACpBV,qDAAiBe;AAAAA,EAAK,GAExB,CAACf,cAAc,CACjB;AAEA,wCACGmB,oBAAAA,kBAAgB;AAAA,IACfvB;AAAAA,IACAC;AAAAA,IACAQ;AAAAA,IACAlB,WAAWC,KAAAA,KACTD,WACAG,oBAAAA,QAAoB8B,MACpBzC,mCAASyC,MACTxC,YAAYQ,UAAKE,oBAAAA,QAAoBV,UAAUD,mCAASC,QAAQ,GAChE6B,gBACErB,KAAAA,KAAKE,oBAAAA,QAAoBmB,cAAc9B,mCAAS8B,YAAY,CAChE;AAAA,IACAY,eAAeZ;AAAAA,IACfpB,MAAMuB,MAAM3B;AAAAA,IACZqC,mBAAmBV,MAAMrB;AAAAA,IACzBgC,aAAaX,MAAMnB;AAAAA,IACnBb;AAAAA,IACA0B;AAAAA,IACAC;AAAAA,IACAL;AAAAA,IACAE;AAAAA,IACAD;AAAAA,IACAL;AAAAA,IACAC,UAAUc;AAAAA,IACVb,gBAAgBkB;AAAAA,IAChBjB,QAAQgB;AAAAA,IACRnC,OAAM;AAAA,IACN0C,eAAa;AAAA,IAAA,GACThB;AAAAA,EAAAA,CACL;AAEL;;"}
1	+ {"version":3,"file":"BaseCheckBox.cjs","sources":["../../../../src/components/BaseCheckBox/BaseCheckBox.tsx"],"sourcesContent":["import {\n CheckboxCheck as CheckboxCheckIcon,\n CheckboxPartial as CheckboxPartialIcon,\n Checkbox as CheckboxIcon,\n} from \"@hitachivantara/uikit-react-icons\";\n\nimport { CheckboxProps as MuiCheckboxProps } from \"@mui/material\";\n\nimport { clsx } from \"clsx\";\n\nimport React, { useCallback, useState } from \"react\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\n\nimport { StyledCheckedBox } from \"./BaseCheckBox.styles\";\nimport baseCheckBoxClasses, {\n HvBaseCheckBoxClasses,\n} from \"./baseCheckBoxClasses\";\n\nexport interface HvBaseCheckBoxProps\n extends Omit<MuiCheckboxProps, \"onChange\" \| \"classes\">,\n HvBaseProps<HTMLButtonElement, \"onChange\" \| \"color\"> {\n /*\n The input name.\n /\n name?: string;\n /\n The value of the input.\n \n Is up to the application's logic when to consider the submission of this value.\n * Generally it should be used only when the checkbox is neither unchecked nor indeterminate.\n \n The default value is \"on\".\n /\n value?: any;\n /\n Indicates that the input is disabled.\n /\n disabled?: boolean;\n /\n Indicates that the input is not editable.\n /\n readOnly?: boolean;\n /\n Indicates that user input is required.\n /\n required?: boolean;\n /\n If `true` the checkbox is selected, if set to `false` the checkbox is not selected.\n \n When defined the checkbox state becomes controlled.\n /\n checked?: boolean;\n /\n When uncontrolled, defines the initial checked state.\n /\n defaultChecked?: boolean;\n /\n If `true` the checkbox visually shows the indeterminate state.\n /\n indeterminate?: boolean;\n /\n The callback fired when the checkbox is pressed.\n /\n onChange?: (\n event: React.ChangeEvent<HTMLInputElement>,\n checked: boolean,\n value: any\n ) => void;\n /\n Whether the selector should use semantic colors.\n /\n semantic?: boolean;\n /\n Properties passed on to the input element.\n /\n inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n /\n Callback fired when the component is focused with a keyboard.\n * We trigger a `onFocus` callback too.\n /\n onFocusVisible?: (event: React.FocusEvent<any>) => void;\n /\n Callback fired when the component is blurred.\n /\n onBlur?: (event: React.FocusEvent<HTMLButtonElement>) => void;\n /\n A Jss Object used to override or extend the styles applied to the checkbox.\n /\n classes?: HvBaseCheckBoxClasses;\n}\n\nconst getSelectorIcons = (\n options: {\n disabled: boolean;\n semantic: boolean;\n },\n classes?: HvBaseCheckBoxClasses\n) => {\n const { disabled, semantic } = options;\n const color =\n (disabled && [\"atmo3\", \"secondary_60\"]) \|\|\n (semantic && [\"base_light\", \"base_dark\"]) \|\|\n undefined;\n const checkedColor =\n (disabled && [\"atmo3\", \"secondary_60\"]) \|\|\n (semantic && [\"base_dark\", \"base_light\"]) \|\|\n undefined;\n\n // Default colors: [\"atmo1\",\"secondary\"]\n return {\n checkbox: (\n <CheckboxIcon\n color={color}\n className={clsx(classes?.icon, baseCheckBoxClasses.icon)}\n />\n ),\n checkboxPartial: (\n <CheckboxPartialIcon\n color={color}\n className={clsx(classes?.icon, baseCheckBoxClasses.icon)}\n />\n ),\n checkboxChecked: (\n <CheckboxCheckIcon\n color={checkedColor}\n className={clsx(classes?.icon, baseCheckBoxClasses.icon)}\n />\n ),\n };\n};\n\n/\n A Checkbox is a mechanism that allows user to select one or more options.\n \n The Base Checkbox is a building block of the Checkbox form element. Don't use unless\n * implementing a custom use case not covered by the Checkbox form element.\n */\nexport const HvBaseCheckBox = ({\n id,\n classes,\n className,\n name,\n inputProps,\n onChange,\n onFocusVisible,\n onBlur,\n checked,\n indeterminate,\n defaultChecked,\n value = \"on\",\n required = false,\n readOnly = false,\n disabled = false,\n semantic = false,\n ...others\n}: HvBaseCheckBoxProps) => {\n const [focusVisible, setFocusVisible] = useState<boolean>(false);\n\n const icons = getSelectorIcons({ disabled, semantic }, classes);\n\n const onChangeCallback = useCallback(\n (event: React.ChangeEvent<HTMLInputElement>) => {\n if (readOnly) {\n return;\n }\n\n onChange?.(event, event.target.checked, value);\n },\n [onChange, readOnly, value]\n );\n\n const onBlurCallback = useCallback(\n (event: React.FocusEvent<HTMLButtonElement>) => {\n setFocusVisible(false);\n onBlur?.(event);\n },\n [onBlur]\n );\n\n const onFocusVisibleCallback = useCallback(\n (event: React.FocusEvent<any>) => {\n setFocusVisible(true);\n onFocusVisible?.(event);\n },\n [onFocusVisible]\n );\n\n return (\n <StyledCheckedBox\n id={id}\n name={name}\n value={value}\n className={clsx(\n className,\n baseCheckBoxClasses.root,\n classes?.root,\n disabled && clsx(baseCheckBoxClasses.disabled, classes?.disabled),\n focusVisible &&\n clsx(baseCheckBoxClasses.focusVisible, classes?.focusVisible)\n )}\n $focusVisible={focusVisible}\n icon={icons.checkbox}\n indeterminateIcon={icons.checkboxPartial}\n checkedIcon={icons.checkboxChecked}\n disabled={disabled}\n required={required}\n readOnly={readOnly}\n checked={checked}\n defaultChecked={defaultChecked}\n indeterminate={indeterminate}\n inputProps={inputProps}\n onChange={onChangeCallback}\n onFocusVisible={onFocusVisibleCallback}\n onBlur={onBlurCallback}\n color=\"default\"\n disableRipple\n {...others}\n />\n );\n};\n"],"names":["getSelectorIcons","options","classes","disabled","semantic","color","undefined","checkedColor","checkbox","CheckboxIcon","className","clsx","icon","baseCheckBoxClasses","checkboxPartial","CheckboxPartialIcon","checkboxChecked","CheckboxCheckIcon","HvBaseCheckBox","id","name","inputProps","onChange","onFocusVisible","onBlur","checked","indeterminate","defaultChecked","value","required","readOnly","others","focusVisible","setFocusVisible","useState","icons","onChangeCallback","useCallback","event","target","onBlurCallback","onFocusVisibleCallback","StyledCheckedBox","root","$focusVisible","indeterminateIcon","checkedIcon","disableRipple"],"mappings":";;;;;;;;AA4FA,MAAMA,mBAAmBA,CACvBC,SAIAC,YACG;AACG,QAAA;AAAA,IAAEC;AAAAA,IAAUC;AAAAA,EAAaH,IAAAA;AACzBI,QAAAA,QACHF,YAAY,CAAC,SAAS,cAAc,KACpCC,YAAY,CAAC,cAAc,WAAW,KACvCE;AACIC,QAAAA,eACHJ,YAAY,CAAC,SAAS,cAAc,KACpCC,YAAY,CAAC,aAAa,YAAY,KACvCE;AAGK,SAAA;AAAA,IACLE,yCACGC,0BAAY;AAAA,MACXJ;AAAAA,MACAK,WAAWC,KAAAA,KAAKT,mCAASU,MAAMC,oBAAAA,QAAoBD,IAAI;AAAA,IAAA,CACxD;AAAA,IAEHE,gDACGC,iCAAmB;AAAA,MAClBV;AAAAA,MACAK,WAAWC,KAAAA,KAAKT,mCAASU,MAAMC,oBAAAA,QAAoBD,IAAI;AAAA,IAAA,CACxD;AAAA,IAEHI,gDACGC,+BAAiB;AAAA,MAChBZ,OAAOE;AAAAA,MACPG,WAAWC,KAAAA,KAAKT,mCAASU,MAAMC,oBAAAA,QAAoBD,IAAI;AAAA,IAAA,CACxD;AAAA,EAAA;AAGP;AAQO,MAAMM,iBAAiBA,CAAC;AAAA,EAC7BC;AAAAA,EACAjB;AAAAA,EACAQ;AAAAA,EACAU;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,QAAQ;AAAA,EACRC,WAAW;AAAA,EACXC,WAAW;AAAA,EACX3B,WAAW;AAAA,EACXC,WAAW;AAAA,EACX,GAAG2B;AACgB,MAAM;AACzB,QAAM,CAACC,cAAcC,eAAe,IAAIC,eAAkB,KAAK;AAE/D,QAAMC,QAAQnC,iBAAiB;AAAA,IAAEG;AAAAA,IAAUC;AAAAA,KAAYF,OAAO;AAExDkC,QAAAA,mBAAmBC,kBACvB,CAACC,UAA+C;AAC9C,QAAIR,UAAU;AACZ;AAAA,IACF;AAEAR,yCAAWgB,OAAOA,MAAMC,OAAOd,SAASG;AAAAA,EAE1C,GAAA,CAACN,UAAUQ,UAAUF,KAAK,CAC5B;AAEMY,QAAAA,iBAAiBH,kBACrB,CAACC,UAA+C;AAC9CL,oBAAgB,KAAK;AACrBT,qCAASc;AAAAA,EAAK,GAEhB,CAACd,MAAM,CACT;AAEMiB,QAAAA,yBAAyBJ,kBAC7B,CAACC,UAAiC;AAChCL,oBAAgB,IAAI;AACpBV,qDAAiBe;AAAAA,EAAK,GAExB,CAACf,cAAc,CACjB;AAEA,wCACGmB,oBAAAA,kBAAgB;AAAA,IACfvB;AAAAA,IACAC;AAAAA,IACAQ;AAAAA,IACAlB,WAAWC,KAAAA,KACTD,WACAG,oBAAAA,QAAoB8B,MACpBzC,mCAASyC,MACTxC,YAAYQ,UAAKE,oBAAAA,QAAoBV,UAAUD,mCAASC,QAAQ,GAChE6B,gBACErB,KAAAA,KAAKE,oBAAAA,QAAoBmB,cAAc9B,mCAAS8B,YAAY,CAChE;AAAA,IACAY,eAAeZ;AAAAA,IACfpB,MAAMuB,MAAM3B;AAAAA,IACZqC,mBAAmBV,MAAMrB;AAAAA,IACzBgC,aAAaX,MAAMnB;AAAAA,IACnBb;AAAAA,IACA0B;AAAAA,IACAC;AAAAA,IACAL;AAAAA,IACAE;AAAAA,IACAD;AAAAA,IACAL;AAAAA,IACAC,UAAUc;AAAAA,IACVb,gBAAgBkB;AAAAA,IAChBjB,QAAQgB;AAAAA,IACRnC,OAAM;AAAA,IACN0C,eAAa;AAAA,IAAA,GACThB;AAAAA,EAAAA,CACL;AAEL;;"}

package/dist/cjs/components/BaseCheckBox/BaseCheckBox.styles.cjs CHANGED Viewed

@@ -53,6 +53,6 @@ const StyledCheckedBox = /* @__PURE__ */ _styled__default.default(material.Check
       }
     }
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFzZUNoZWNrQm94L0Jhc2VDaGVja0JveC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU2dDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFzZUNoZWNrQm94L0Jhc2VDaGVja0JveC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGVja2JveCBhcyBNdWlDaGVja0JveCxcbiAgY2hlY2tib3hDbGFzc2VzIGFzIE11aUNoZWNrQm94Q2xhc3Nlcyxcbn0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcIkBjb3JlL3V0aWxzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDaGVja2VkQm94ID0gc3R5bGVkKFxuICBNdWlDaGVja0JveCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkZm9jdXNWaXNpYmxlIH06IHsgJGZvY3VzVmlzaWJsZTogYm9vbGVhbiB9KSA9PiAoe1xuICBwYWRkaW5nOiAwLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLmJhc2VDaGVja0JveC5ib3JkZXJSYWRpdXMsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIFwiJjpob3ZlclwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5iYXNlQ2hlY2tCb3guaG92ZXJDb2xvcixcbiAgfSxcblxuICAuLi4oJGZvY3VzVmlzaWJsZSAmJiB7XG4gICAgXCImIHN2Z1wiOiB7XG4gICAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICAgIH0sXG4gIH0pLFxuXG4gIC8vIE92ZXJyaWRlIE11aSBzdHlsaW5nOiBodHRwczovL211aS5jb20vbWF0ZXJpYWwtdWkvYXBpL2NoZWNrYm94LyNjc3NcbiAgW2AmLiR7TXVpQ2hlY2tCb3hDbGFzc2VzLmRpc2FibGVkfWBdOiB7XG4gICAgLy8gRW5zdXJlIG1vcmUgc3BlY2lmaWNpdHkgdGhhbiAuTXVpQnV0dG9uQmFzZS1yb290Lk11aS1kaXNhYmxlZCBhbmQgLk11aUljb25CdXR0b24tcm9vdC5NdWktZGlzYWJsZWRcbiAgICBbYCYuJHtNdWlDaGVja0JveENsYXNzZXMucm9vdH1gXToge1xuICAgICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gICAgICBwb2ludGVyRXZlbnRzOiBcImluaXRpYWxcIixcbiAgICB9LFxuXG4gICAgXCImIHN2Z1wiOiB7XG4gICAgICBcIiYgcGF0aDpudGgtb2YtdHlwZSgyKVwiOiB7XG4gICAgICAgIGZpbGw6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gICAgICB9LFxuICAgIH0sXG4gIH0sXG59KSk7XG4iXX0= */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFzZUNoZWNrQm94L0Jhc2VDaGVja0JveC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWWdDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFzZUNoZWNrQm94L0Jhc2VDaGVja0JveC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGVja2JveCBhcyBNdWlDaGVja0JveCxcbiAgY2hlY2tib3hDbGFzc2VzIGFzIE11aUNoZWNrQm94Q2xhc3Nlcyxcbn0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcblxuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcIkBjb3JlL3V0aWxzL2ZvY3VzVXRpbHNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoZWNrZWRCb3ggPSBzdHlsZWQoXG4gIE11aUNoZWNrQm94LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRmb2N1c1Zpc2libGUgfTogeyAkZm9jdXNWaXNpYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIHBhZGRpbmc6IDAsXG4gIGJvcmRlclJhZGl1czogdGhlbWUuYmFzZUNoZWNrQm94LmJvcmRlclJhZGl1cyxcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmJhc2VDaGVja0JveC5ob3ZlckNvbG9yLFxuICB9LFxuXG4gIC4uLigkZm9jdXNWaXNpYmxlICYmIHtcbiAgICBcIiYgc3ZnXCI6IHtcbiAgICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gICAgfSxcbiAgfSksXG5cbiAgLy8gT3ZlcnJpZGUgTXVpIHN0eWxpbmc6IGh0dHBzOi8vbXVpLmNvbS9tYXRlcmlhbC11aS9hcGkvY2hlY2tib3gvI2Nzc1xuICBbYCYuJHtNdWlDaGVja0JveENsYXNzZXMuZGlzYWJsZWR9YF06IHtcbiAgICAvLyBFbnN1cmUgbW9yZSBzcGVjaWZpY2l0eSB0aGFuIC5NdWlCdXR0b25CYXNlLXJvb3QuTXVpLWRpc2FibGVkIGFuZCAuTXVpSWNvbkJ1dHRvbi1yb290Lk11aS1kaXNhYmxlZFxuICAgIFtgJi4ke011aUNoZWNrQm94Q2xhc3Nlcy5yb290fWBdOiB7XG4gICAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgICAgIHBvaW50ZXJFdmVudHM6IFwiaW5pdGlhbFwiLFxuICAgIH0sXG5cbiAgICBcIiYgc3ZnXCI6IHtcbiAgICAgIFwiJiBwYXRoOm50aC1vZi10eXBlKDIpXCI6IHtcbiAgICAgICAgZmlsbDogdGhlbWUuY29sb3JzLnNlY29uZGFyeV82MCxcbiAgICAgIH0sXG4gICAgfSxcbiAgfSxcbn0pKTtcbiJdfQ== */");
 exports.StyledCheckedBox = StyledCheckedBox;
 //# sourceMappingURL=BaseCheckBox.styles.cjs.map

package/dist/cjs/components/BaseCheckBox/BaseCheckBox.styles.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseCheckBox.styles.cjs","sources":["../../../../src/components/BaseCheckBox/BaseCheckBox.styles.ts"],"sourcesContent":["import {\n Checkbox as MuiCheckBox,\n checkboxClasses as MuiCheckBoxClasses,\n} from \"@mui/material\";\nimport styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport { outlineStyles } from \"@core/utils\";\n\nexport const StyledCheckedBox = styled(\n MuiCheckBox,\n transientOptions\n)(({ $focusVisible }: { $focusVisible: boolean }) => ({\n padding: 0,\n borderRadius: theme.baseCheckBox.borderRadius,\n cursor: \"pointer\",\n \"&:hover\": {\n backgroundColor: theme.baseCheckBox.hoverColor,\n },\n\n ...($focusVisible && {\n \"& svg\": {\n ...outlineStyles,\n },\n }),\n\n // Override Mui styling: https://mui.com/material-ui/api/checkbox/#css\n [`&.${MuiCheckBoxClasses.disabled}`]: {\n // Ensure more specificity than .MuiButtonBase-root.Mui-disabled and .MuiIconButton-root.Mui-disabled\n [`&.${MuiCheckBoxClasses.root}`]: {\n cursor: \"not-allowed\",\n pointerEvents: \"initial\",\n },\n\n \"& svg\": {\n \"& path:nth-of-type(2)\": {\n fill: theme.colors.secondary_60,\n },\n },\n },\n}));\n"],"names":["StyledCheckedBox","MuiCheckBox","process","env","NODE_ENV","_extends","target","transientOptions","label","$focusVisible","padding","borderRadius","theme","baseCheckBox","cursor","backgroundColor","hoverColor","outlineStyles","MuiCheckBoxClasses","disabled","root","pointerEvents","fill","colors","secondary_60"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;~~AASaA~~,MAAAA,4DACXC,SAAAA,UAAWC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACXC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CAClB,EAAE,CAAC;AAAA,EAAEE;AAA0C,OAAO;AAAA,EACpDC,SAAS;AAAA,EACTC,cAAcC,YAAAA,MAAMC,aAAaF;AAAAA,EACjCG,QAAQ;AAAA,EACR,WAAW;AAAA,IACTC,iBAAiBH,YAAAA,MAAMC,aAAaG;AAAAA,EACtC;AAAA,EAEA,GAAIP,iBAAiB;AAAA,IACnB,SAAS;AAAA,MACP,GAAGQ,WAAAA;AAAAA,IACL;AAAA,EACF;AAAA;AAAA,EAGA,CAAE,KAAIC,yBAAmBC,UAAU,GAAG;AAAA;AAAA,IAEpC,CAAE,KAAID,yBAAmBE,MAAM,GAAG;AAAA,MAChCN,QAAQ;AAAA,MACRO,eAAe;AAAA,IACjB;AAAA,IAEA,SAAS;AAAA,MACP,yBAAyB;AAAA,QACvBC,MAAMV,YAAAA,MAAMW,OAAOC;AAAAA,MACrB;AAAA,IACF;AAAA,EACF;AACF,IAAEtB,QAAAC,IAAAC,aAAC,eAAA,KAAA,~~6gEAAA~~;;"}
1	+ {"version":3,"file":"BaseCheckBox.styles.cjs","sources":["../../../../src/components/BaseCheckBox/BaseCheckBox.styles.ts"],"sourcesContent":["import {\n Checkbox as MuiCheckBox,\n checkboxClasses as MuiCheckBoxClasses,\n} from \"@mui/material\";\n\nimport styled from \"@emotion/styled\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport { outlineStyles } from \"@core/utils/focusUtils\";\n\nexport const StyledCheckedBox = styled(\n MuiCheckBox,\n transientOptions\n)(({ $focusVisible }: { $focusVisible: boolean }) => ({\n padding: 0,\n borderRadius: theme.baseCheckBox.borderRadius,\n cursor: \"pointer\",\n \"&:hover\": {\n backgroundColor: theme.baseCheckBox.hoverColor,\n },\n\n ...($focusVisible && {\n \"& svg\": {\n ...outlineStyles,\n },\n }),\n\n // Override Mui styling: https://mui.com/material-ui/api/checkbox/#css\n [`&.${MuiCheckBoxClasses.disabled}`]: {\n // Ensure more specificity than .MuiButtonBase-root.Mui-disabled and .MuiIconButton-root.Mui-disabled\n [`&.${MuiCheckBoxClasses.root}`]: {\n cursor: \"not-allowed\",\n pointerEvents: \"initial\",\n },\n\n \"& svg\": {\n \"& path:nth-of-type(2)\": {\n fill: theme.colors.secondary_60,\n },\n },\n },\n}));\n"],"names":["StyledCheckedBox","MuiCheckBox","process","env","NODE_ENV","_extends","target","transientOptions","label","$focusVisible","padding","borderRadius","theme","baseCheckBox","cursor","backgroundColor","hoverColor","outlineStyles","MuiCheckBoxClasses","disabled","root","pointerEvents","fill","colors","secondary_60"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAYaA,MAAAA,4DACXC,SAAAA,UAAWC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACXC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CAClB,EAAE,CAAC;AAAA,EAAEE;AAA0C,OAAO;AAAA,EACpDC,SAAS;AAAA,EACTC,cAAcC,YAAAA,MAAMC,aAAaF;AAAAA,EACjCG,QAAQ;AAAA,EACR,WAAW;AAAA,IACTC,iBAAiBH,YAAAA,MAAMC,aAAaG;AAAAA,EACtC;AAAA,EAEA,GAAIP,iBAAiB;AAAA,IACnB,SAAS;AAAA,MACP,GAAGQ,WAAAA;AAAAA,IACL;AAAA,EACF;AAAA;AAAA,EAGA,CAAE,KAAIC,yBAAmBC,UAAU,GAAG;AAAA;AAAA,IAEpC,CAAE,KAAID,yBAAmBE,MAAM,GAAG;AAAA,MAChCN,QAAQ;AAAA,MACRO,eAAe;AAAA,IACjB;AAAA,IAEA,SAAS;AAAA,MACP,yBAAyB;AAAA,QACvBC,MAAMV,YAAAA,MAAMW,OAAOC;AAAAA,MACrB;AAAA,IACF;AAAA,EACF;AACF,IAAEtB,QAAAC,IAAAC,aAAC,eAAA,KAAA,qiEAAA;;"}

package/dist/cjs/components/BaseCheckBox/baseCheckBoxClasses.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"baseCheckBoxClasses.cjs","sources":["../../../../src/components/BaseCheckBox/baseCheckBoxClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvBaseCheckBoxClasses {\n root?: string;\n disabled?: string;\n focusVisible?: string;\n icon?: string;\n}\n\nconst classKeys: (keyof HvBaseCheckBoxClasses)[] = [\n \"root\",\n \"disabled\",\n \"focusVisible\",\n \"icon\",\n];\n\nconst baseCheckBoxClasses = getClasses(classKeys, \"HvBaseCheckBox\");\n\nexport default baseCheckBoxClasses;\n"],"names":["classKeys","baseCheckBoxClasses","getClasses"],"mappings":";;;AASA,MAAMA,YAA6C,CACjD,QACA,YACA,gBACA,MAAM;AAGR,MAAMC,sBAAsBC,QAAWF,WAAAA,WAAW,gBAAgB;AAElE,MAAA,wBAAeC;;"}
1	+ {"version":3,"file":"baseCheckBoxClasses.cjs","sources":["../../../../src/components/BaseCheckBox/baseCheckBoxClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils/classes\";\n\nexport interface HvBaseCheckBoxClasses {\n root?: string;\n disabled?: string;\n focusVisible?: string;\n icon?: string;\n}\n\nconst classKeys: (keyof HvBaseCheckBoxClasses)[] = [\n \"root\",\n \"disabled\",\n \"focusVisible\",\n \"icon\",\n];\n\nconst baseCheckBoxClasses = getClasses(classKeys, \"HvBaseCheckBox\");\n\nexport default baseCheckBoxClasses;\n"],"names":["classKeys","baseCheckBoxClasses","getClasses"],"mappings":";;;AASA,MAAMA,YAA6C,CACjD,QACA,YACA,gBACA,MAAM;AAGR,MAAMC,sBAAsBC,QAAWF,WAAAA,WAAW,gBAAgB;AAElE,MAAA,wBAAeC;;"}

package/dist/cjs/components/BaseDropdown/BaseDropdown.cjs CHANGED Viewed

@@ -6,19 +6,19 @@ const clsx = require("clsx");
 const material = require("@mui/material");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
-const focusableElementFinder = require("../../utils/focusableElementFinder.cjs");
 const reactPopper = require("react-popper");
 const core = require("@popperjs/core");
-const BaseDropdown_styles = require("./BaseDropdown.styles.cjs");
-const baseDropdownClasses = require("./baseDropdownClasses.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const useForkRef = require("../../hooks/useForkRef.cjs");
 const useUniqueId = require("../../hooks/useUniqueId.cjs");
-const BaseDropdownContext = require("./BaseDropdownContext/BaseDropdownContext.cjs");
 const useTheme = require("../../hooks/useTheme.cjs");
+const useForkRef = require("../../hooks/useForkRef.cjs");
 const useControlled = require("../../hooks/useControlled.cjs");
 const keyboardUtils = require("../../utils/keyboardUtils.cjs");
 const setId = require("../../utils/setId.cjs");
+const focusableElementFinder = require("../../utils/focusableElementFinder.cjs");
+const BaseDropdown_styles = require("./BaseDropdown.styles.cjs");
+const baseDropdownClasses = require("./baseDropdownClasses.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const BaseDropdownContext = require("./BaseDropdownContext/BaseDropdownContext.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const React__default = /* @__PURE__ */ _interopDefault(React);
 const HvBaseDropdown = ({
@@ -53,10 +53,10 @@ const HvBaseDropdown = ({
   const [referenceElement, setReferenceElement] = React.useState(null);
   const [popperElement, setPopperElement] = React.useState(null);
   const [popperMaxSize, setPopperMaxSize] = React.useState({});
-  const handleDropdownHeaderRefProp = useForkRef.default(dropdownHeaderRefProp, dropdownHeaderProps == null ? void 0 : dropdownHeaderProps.ref);
-  const handleDropdownHeaderRef = useForkRef.default(setReferenceElement, handleDropdownHeaderRefProp);
+  const handleDropdownHeaderRefProp = useForkRef.useForkRef(dropdownHeaderRefProp, dropdownHeaderProps == null ? void 0 : dropdownHeaderProps.ref);
+  const handleDropdownHeaderRef = useForkRef.useForkRef(setReferenceElement, handleDropdownHeaderRefProp);
   const ariaRole = role || (component == null ? "combobox" : void 0);
-  const elementId = useUniqueId.default(id, "hvbasedropdown");
+  const elementId = useUniqueId.useUniqueId(id, "hvbasedropdown");
   const bottom = placement && `bottom-${placement === "right" ? "start" : "end"}`;
   const extensionWidth = referenceElement ? referenceElement == null ? void 0 : referenceElement.offsetWidth : "inherit";
   const {