@hitachivantara/uikit-react-core 5.0.0 → 5.0.2

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

@@ -1 +1 @@
-{"version":3,"file":"Banner.cjs","sources":["../../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useCallback } from \"react\";\nimport Slide from \"@mui/material/Slide\";\nimport {\n  SnackbarProps as MuiSnackbarProps,\n  SnackbarOrigin,\n} from \"@mui/material/Snackbar\";\nimport capitalize from \"lodash/capitalize\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledSnackbar } from \"./Banner.styles\";\nimport bannerClasses, { HvBannerClasses } from \"./bannerClasses\";\nimport { setId } from \"../../utils\";\nimport {\n  HvBannerContent,\n  HvBannerContentProps,\n} from \"./BannerContent/BannerContent\";\nimport { HvActionGeneric } from \"../ActionsGeneric\";\n\nexport type HvBannerVariant = \"success\" | \"warning\" | \"error\" | \"default\";\n\nexport type HvBannerActionPosition = \"auto\" | \"inline\" | \"bottom-right\";\n\nexport type HvBannerProps = Omit<\n  MuiSnackbarProps,\n  \"anchorOrigin\" | \"classes\" | \"onClose\"\n> &\n  HvBaseProps & {\n    /** If true | 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?: React.ReactNode;\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,\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 anchorOriginOffset = {\n    anchorOriginTop: {\n      top: `${offset || 0}px`,\n    },\n    anchorOriginBottom: {\n      bottom: `${offset || 0}px`,\n    },\n  };\n\n  const anchorOriginBanner: SnackbarOrigin = {\n    horizontal: \"center\",\n    vertical: anchorOrigin,\n  };\n\n  const SlideTransition = useCallback(\n    (properties) => <Slide {...properties} direction={transitionDirection} />,\n    [transitionDirection]\n  );\n\n  return (\n    <StyledSnackbar\n      style={anchorOriginOffset[`anchorOrigin${capitalize(anchorOrigin)}`]}\n      className={className}\n      id={id}\n      classes={{\n        root: open\n          ? clsx(bannerClasses.root, classes?.root)\n          : clsx(bannerClasses.rootClosed, classes?.rootClosed),\n        anchorOriginTopCenter: clsx(\n          bannerClasses.anchorOriginTopCenter,\n          classes?.anchorOriginTopCenter\n        ),\n        anchorOriginBottomCenter: clsx(\n          bannerClasses.anchorOriginBottomCenter,\n          classes?.anchorOriginBottomCenter\n        ),\n      }}\n      anchorOrigin={anchorOriginBanner}\n      TransitionComponent={SlideTransition}\n      open={open}\n      $isOpen={open}\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    </StyledSnackbar>\n  );\n};\n"],"names":["HvBanner","id","classes","className","open","onClose","anchorOrigin","variant","transitionDuration","transitionDirection","showIcon","customIcon","actions","actionsCallback","actionsPosition","label","offset","bannerContentProps","others","anchorOriginOffset","anchorOriginTop","top","anchorOriginBottom","bottom","anchorOriginBanner","horizontal","vertical","SlideTransition","useCallback","properties","_jsx","Slide","direction","StyledSnackbar","style","capitalize","root","clsx","bannerClasses","rootClosed","anchorOriginTopCenter","anchorOriginBottomCenter","TransitionComponent","$isOpen","children","HvBannerContent","setId","content"],"mappings":";;;;;;;;;;;;;;;AAmEO,MAAMA,WAAWA,CAAC;AAAA,EACvBC;AAAAA,EACAC;AAAAA,EACAC;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;AACnB,QAAMC,qBAAqB;AAAA,IACzBC,iBAAiB;AAAA,MACfC,KAAM,GAAEL,UAAU;AAAA,IACpB;AAAA,IACAM,oBAAoB;AAAA,MAClBC,QAAS,GAAEP,UAAU;AAAA,IACvB;AAAA,EAAA;AAGF,QAAMQ,qBAAqC;AAAA,IACzCC,YAAY;AAAA,IACZC,UAAUpB;AAAAA,EAAAA;AAGZ,QAAMqB,kBAAkBC,MAAAA,YACrBC,CAAeC,eAAAA,2BAAAA,IAACC,eAAAA,SAAK;AAAA,IAAA,GAAKF;AAAAA,IAAYG,WAAWvB;AAAAA,EAAAA,CAAoB,GACtE,CAACA,mBAAmB,CAAC;AAGvB,wCACGwB,cAAAA,gBAAc;AAAA,IACbC,OAAOf,mBAAoB,eAAcgB,oBAAAA,QAAW7B,YAAY,GAAG;AAAA,IACnEH;AAAAA,IACAF;AAAAA,IACAC,SAAS;AAAA,MACPkC,MAAMhC,OACFiC,cAAAA,QAAKC,cAAAA,QAAcF,MAAMlC,mCAASkC,IAAI,IACtCC,cAAKC,QAAAA,cAAAA,QAAcC,YAAYrC,mCAASqC,UAAU;AAAA,MACtDC,uBAAuBH,cAAAA,QACrBC,cAAAA,QAAcE,uBACdtC,mCAASsC,qBAAqB;AAAA,MAEhCC,0BAA0BJ,cAAAA,QACxBC,cAAAA,QAAcG,0BACdvC,mCAASuC,wBAAwB;AAAA,IAErC;AAAA,IACAnC,cAAckB;AAAAA,IACdkB,qBAAqBf;AAAAA,IACrBvB;AAAAA,IACAuC,SAASvC;AAAAA,IACTI;AAAAA,IAAuC,GACnCU;AAAAA,IAAM0B,yCAETC,+BAAe;AAAA,MACd5C,IAAI6C,MAAAA,MAAM7C,IAAI,SAAS;AAAA,MACvB8C,SAAShC;AAAAA,MACTR;AAAAA,MACAI;AAAAA,MACAD;AAAAA,MACAE;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAT;AAAAA,MAAiB,GACbY;AAAAA,IAAAA,CAAkB;AAAA,EAAA,CAET;AAErB;;"}
+{"version":3,"file":"Banner.cjs","sources":["../../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useCallback } from \"react\";\nimport Slide from \"@mui/material/Slide\";\nimport {\n  SnackbarProps as MuiSnackbarProps,\n  SnackbarOrigin,\n} from \"@mui/material/Snackbar\";\nimport capitalize from \"lodash/capitalize\";\nimport { HvActionGeneric } from \"~/components\";\nimport { HvBaseProps } from \"~/types\";\nimport { setId } from \"~/utils\";\nimport { StyledSnackbar } from \"./Banner.styles\";\nimport bannerClasses, { HvBannerClasses } from \"./bannerClasses\";\nimport {\n  HvBannerContent,\n  HvBannerContentProps,\n} from \"./BannerContent/BannerContent\";\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?: React.ReactNode;\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,\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 anchorOriginOffset = {\n    anchorOriginTop: {\n      top: `${offset || 0}px`,\n    },\n    anchorOriginBottom: {\n      bottom: `${offset || 0}px`,\n    },\n  };\n\n  const anchorOriginBanner: SnackbarOrigin = {\n    horizontal: \"center\",\n    vertical: anchorOrigin,\n  };\n\n  const SlideTransition = useCallback(\n    (properties) => <Slide {...properties} direction={transitionDirection} />,\n    [transitionDirection]\n  );\n\n  return (\n    <StyledSnackbar\n      style={anchorOriginOffset[`anchorOrigin${capitalize(anchorOrigin)}`]}\n      className={className}\n      id={id}\n      classes={{\n        root: open\n          ? clsx(bannerClasses.root, classes?.root)\n          : clsx(bannerClasses.rootClosed, classes?.rootClosed),\n        anchorOriginTopCenter: clsx(\n          bannerClasses.anchorOriginTopCenter,\n          classes?.anchorOriginTopCenter\n        ),\n        anchorOriginBottomCenter: clsx(\n          bannerClasses.anchorOriginBottomCenter,\n          classes?.anchorOriginBottomCenter\n        ),\n      }}\n      anchorOrigin={anchorOriginBanner}\n      TransitionComponent={SlideTransition}\n      open={open}\n      $isOpen={open}\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    </StyledSnackbar>\n  );\n};\n"],"names":["HvBanner","id","classes","className","open","onClose","anchorOrigin","variant","transitionDuration","transitionDirection","showIcon","customIcon","actions","actionsCallback","actionsPosition","label","offset","bannerContentProps","others","anchorOriginOffset","anchorOriginTop","top","anchorOriginBottom","bottom","anchorOriginBanner","horizontal","vertical","SlideTransition","useCallback","properties","_jsx","Slide","direction","StyledSnackbar","style","capitalize","root","clsx","bannerClasses","rootClosed","anchorOriginTopCenter","anchorOriginBottomCenter","TransitionComponent","$isOpen","children","HvBannerContent","setId","content"],"mappings":";;;;;;;;;;;;;;;AAiEO,MAAMA,WAAWA,CAAC;AAAA,EACvBC;AAAAA,EACAC;AAAAA,EACAC;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;AACnB,QAAMC,qBAAqB;AAAA,IACzBC,iBAAiB;AAAA,MACfC,KAAM,GAAEL,UAAU;AAAA,IACpB;AAAA,IACAM,oBAAoB;AAAA,MAClBC,QAAS,GAAEP,UAAU;AAAA,IACvB;AAAA,EAAA;AAGF,QAAMQ,qBAAqC;AAAA,IACzCC,YAAY;AAAA,IACZC,UAAUpB;AAAAA,EAAAA;AAGZ,QAAMqB,kBAAkBC,MAAAA,YACrBC,CAAeC,eAAAA,2BAAAA,IAACC,eAAAA,SAAK;AAAA,IAAA,GAAKF;AAAAA,IAAYG,WAAWvB;AAAAA,EAAAA,CAAoB,GACtE,CAACA,mBAAmB,CAAC;AAGvB,wCACGwB,cAAAA,gBAAc;AAAA,IACbC,OAAOf,mBAAoB,eAAcgB,oBAAAA,QAAW7B,YAAY,GAAG;AAAA,IACnEH;AAAAA,IACAF;AAAAA,IACAC,SAAS;AAAA,MACPkC,MAAMhC,OACFiC,cAAAA,QAAKC,cAAAA,QAAcF,MAAMlC,mCAASkC,IAAI,IACtCC,cAAKC,QAAAA,cAAAA,QAAcC,YAAYrC,mCAASqC,UAAU;AAAA,MACtDC,uBAAuBH,cAAAA,QACrBC,cAAAA,QAAcE,uBACdtC,mCAASsC,qBAAqB;AAAA,MAEhCC,0BAA0BJ,cAAAA,QACxBC,cAAAA,QAAcG,0BACdvC,mCAASuC,wBAAwB;AAAA,IAErC;AAAA,IACAnC,cAAckB;AAAAA,IACdkB,qBAAqBf;AAAAA,IACrBvB;AAAAA,IACAuC,SAASvC;AAAAA,IACTI;AAAAA,IAAuC,GACnCU;AAAAA,IAAM0B,yCAETC,+BAAe;AAAA,MACd5C,IAAI6C,MAAAA,MAAM7C,IAAI,SAAS;AAAA,MACvB8C,SAAShC;AAAAA,MACTR;AAAAA,MACAI;AAAAA,MACAD;AAAAA,MACAE;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAT;AAAAA,MAAiB,GACbY;AAAAA,IAAAA,CAAkB;AAAA,EAAA,CAET;AAErB;;"}

package/dist/cjs/components/Banner/Banner.styles.cjs

@@ -43,6 +43,6 @@ const StyledSnackbar = /* @__PURE__ */ _styled__default.default(Snackbar__defaul
   [`&.${Snackbar.snackbarClasses.anchorOriginBottomCenter}`]: {
     bottom: uikitStyles.theme.space.xs
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUs4QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Jhbm5lci9CYW5uZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IFNuYWNrYmFyLCB7IHNuYWNrYmFyQ2xhc3NlcyB9IGZyb20gXCJAbXVpL21hdGVyaWFsL1NuYWNrYmFyXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFNuYWNrYmFyID0gc3R5bGVkKFxuICBTbmFja2JhcixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkaXNPcGVuIH06IHsgJGlzT3BlbjogYm9vbGVhbiB9KSA9PiAoe1xuICBbYCYuJHtzbmFja2JhckNsYXNzZXMucm9vdH1gXToge1xuICAgIC4uLigkaXNPcGVuICYmIHtcbiAgICAgIG1pbldpZHRoOiBgY2FsYygxMDAlIC0gJHt0aGVtZS5zcGFjZS5zbX0pYCxcbiAgICB9KSxcbiAgICAuLi4oISRpc09wZW4gJiYge1xuICAgICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgfSksXG4gIH0sXG4gIFtgJi4ke3NuYWNrYmFyQ2xhc3Nlcy5hbmNob3JPcmlnaW5Ub3BDZW50ZXJ9YF06IHtcbiAgICB0b3A6IHRoZW1lLnNwYWNlLnhzLFxuICB9LFxuICBbYCYuJHtzbmFja2JhckNsYXNzZXMuYW5jaG9yT3JpZ2luQm90dG9tQ2VudGVyfWBdOiB7XG4gICAgYm90dG9tOiB0aGVtZS5zcGFjZS54cyxcbiAgfSxcbn0pKTtcbiJdfQ== */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUs4QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Jhbm5lci9CYW5uZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IFNuYWNrYmFyLCB7IHNuYWNrYmFyQ2xhc3NlcyB9IGZyb20gXCJAbXVpL21hdGVyaWFsL1NuYWNrYmFyXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIn4vdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU25hY2tiYXIgPSBzdHlsZWQoXG4gIFNuYWNrYmFyLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRpc09wZW4gfTogeyAkaXNPcGVuOiBib29sZWFuIH0pID0+ICh7XG4gIFtgJi4ke3NuYWNrYmFyQ2xhc3Nlcy5yb290fWBdOiB7XG4gICAgLi4uKCRpc09wZW4gJiYge1xuICAgICAgbWluV2lkdGg6IGBjYWxjKDEwMCUgLSAke3RoZW1lLnNwYWNlLnNtfSlgLFxuICAgIH0pLFxuICAgIC4uLighJGlzT3BlbiAmJiB7XG4gICAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICB9KSxcbiAgfSxcbiAgW2AmLiR7c25hY2tiYXJDbGFzc2VzLmFuY2hvck9yaWdpblRvcENlbnRlcn1gXToge1xuICAgIHRvcDogdGhlbWUuc3BhY2UueHMsXG4gIH0sXG4gIFtgJi4ke3NuYWNrYmFyQ2xhc3Nlcy5hbmNob3JPcmlnaW5Cb3R0b21DZW50ZXJ9YF06IHtcbiAgICBib3R0b206IHRoZW1lLnNwYWNlLnhzLFxuICB9LFxufSkpO1xuIl19 */");
 exports.StyledSnackbar = StyledSnackbar;
 //# sourceMappingURL=Banner.styles.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Banner.styles.cjs","sources":["../../../../src/components/Banner/Banner.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport Snackbar, { snackbarClasses } from \"@mui/material/Snackbar\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledSnackbar = styled(\n  Snackbar,\n  transientOptions\n)(({ $isOpen }: { $isOpen: boolean }) => ({\n  [`&.${snackbarClasses.root}`]: {\n    ...($isOpen && {\n      minWidth: `calc(100% - ${theme.space.sm})`,\n    }),\n    ...(!$isOpen && {\n      display: \"none\",\n    }),\n  },\n  [`&.${snackbarClasses.anchorOriginTopCenter}`]: {\n    top: theme.space.xs,\n  },\n  [`&.${snackbarClasses.anchorOriginBottomCenter}`]: {\n    bottom: theme.space.xs,\n  },\n}));\n"],"names":["StyledSnackbar","Snackbar","process","env","NODE_ENV","_extends","target","transientOptions","label","$isOpen","snackbarClasses","root","minWidth","theme","space","sm","display","anchorOriginTopCenter","top","xs","anchorOriginBottomCenter","bottom"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAKaA,MAAAA,0DACXC,kBAAAA,SAAQC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACRC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAA8B,OAAO;AAAA,EACxC,CAAE,KAAIC,yBAAgBC,MAAM,GAAG;AAAA,IAC7B,GAAIF,WAAW;AAAA,MACbG,UAAW,eAAcC,YAAAA,MAAMC,MAAMC;AAAAA,IACvC;AAAA,IACA,GAAI,CAACN,WAAW;AAAA,MACdO,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACA,CAAE,KAAIN,yBAAgBO,uBAAuB,GAAG;AAAA,IAC9CC,KAAKL,YAAAA,MAAMC,MAAMK;AAAAA,EACnB;AAAA,EACA,CAAE,KAAIT,yBAAgBU,0BAA0B,GAAG;AAAA,IACjDC,QAAQR,YAAAA,MAAMC,MAAMK;AAAAA,EACtB;AACF,IAAEjB,QAAAC,IAAAC,aAAC,eAAA,KAAA,q4CAAA;;"}
+{"version":3,"file":"Banner.styles.cjs","sources":["../../../../src/components/Banner/Banner.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport Snackbar, { snackbarClasses } from \"@mui/material/Snackbar\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"~/utils/transientOptions\";\n\nexport const StyledSnackbar = styled(\n  Snackbar,\n  transientOptions\n)(({ $isOpen }: { $isOpen: boolean }) => ({\n  [`&.${snackbarClasses.root}`]: {\n    ...($isOpen && {\n      minWidth: `calc(100% - ${theme.space.sm})`,\n    }),\n    ...(!$isOpen && {\n      display: \"none\",\n    }),\n  },\n  [`&.${snackbarClasses.anchorOriginTopCenter}`]: {\n    top: theme.space.xs,\n  },\n  [`&.${snackbarClasses.anchorOriginBottomCenter}`]: {\n    bottom: theme.space.xs,\n  },\n}));\n"],"names":["StyledSnackbar","Snackbar","process","env","NODE_ENV","_extends","target","transientOptions","label","$isOpen","snackbarClasses","root","minWidth","theme","space","sm","display","anchorOriginTopCenter","top","xs","anchorOriginBottomCenter","bottom"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAKaA,MAAAA,0DACXC,kBAAAA,SAAQC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACRC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAA8B,OAAO;AAAA,EACxC,CAAE,KAAIC,yBAAgBC,MAAM,GAAG;AAAA,IAC7B,GAAIF,WAAW;AAAA,MACbG,UAAW,eAAcC,YAAAA,MAAMC,MAAMC;AAAAA,IACvC;AAAA,IACA,GAAI,CAACN,WAAW;AAAA,MACdO,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACA,CAAE,KAAIN,yBAAgBO,uBAAuB,GAAG;AAAA,IAC9CC,KAAKL,YAAAA,MAAMC,MAAMK;AAAAA,EACnB;AAAA,EACA,CAAE,KAAIT,yBAAgBU,0BAA0B,GAAG;AAAA,IACjDC,QAAQR,YAAAA,MAAMC,MAAMK;AAAAA,EACtB;AACF,IAAEjB,QAAAC,IAAAC,aAAC,eAAA,KAAA,q4CAAA;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ActionContainer.cjs","sources":["../../../../../../src/components/Banner/BannerContent/ActionContainer/ActionContainer.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../../types\";\nimport actionContainerClasses, {\n  HvActionContainerClasses,\n} from \"./actionContainerClasses\";\nimport {\n  StyledActionContainer,\n  StyledButton,\n  StyledClose,\n  StyledActionsInnerContainer,\n} from \"./ActionContainer.styles\";\nimport { HvActionGeneric, HvActionsGeneric } from \"../../../ActionsGeneric\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { useTheme } from \"../../../../hooks\";\n\nexport type HvActionContainerProps = HvBaseProps & {\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 = ({\n  id,\n  classes,\n  onClose,\n  action,\n  actionCallback,\n  ...others\n}: HvActionContainerProps) => {\n  const { activeTheme, selectedMode } = useTheme();\n\n  return (\n    <StyledActionContainer\n      className={clsx(\n        actionContainerClasses.actionContainer,\n        classes?.actionContainer\n      )}\n    >\n      <StyledButton\n        icon\n        className={clsx(\n          actionContainerClasses.closeAction,\n          classes?.closeAction\n        )}\n        variant=\"secondaryGhost\"\n        aria-label=\"Close\"\n        onClick={onClose}\n        tabIndex={0}\n        $baseColor={\n          activeTheme?.colors?.modes[selectedMode].base_light ||\n          theme.colors.base_light\n        }\n        {...others}\n      >\n        <StyledClose\n          iconSize=\"XS\"\n          className={clsx(\n            actionContainerClasses.iconContainer,\n            classes?.iconContainer\n          )}\n          color=\"base_dark\"\n        />\n      </StyledButton>\n      {action && (\n        <StyledActionsInnerContainer\n          className={clsx(\n            actionContainerClasses.actionsInnerContainer,\n            classes?.actionsInnerContainer\n          )}\n        >\n          <HvActionsGeneric\n            id={id}\n            category=\"secondaryGhost\"\n            actions={action}\n            actionsCallback={actionCallback}\n          />\n        </StyledActionsInnerContainer>\n      )}\n    </StyledActionContainer>\n  );\n};\n"],"names":["HvActionContainer","id","classes","onClose","action","actionCallback","others","activeTheme","selectedMode","useTheme","StyledActionContainer","className","clsx","actionContainerClasses","actionContainer","children","_jsx","StyledButton","icon","closeAction","variant","onClick","tabIndex","$baseColor","colors","modes","base_light","theme","StyledClose","iconSize","iconContainer","color","StyledActionsInnerContainer","actionsInnerContainer","HvActionsGeneric","category","actions","actionsCallback"],"mappings":";;;;;;;;;;;AA8BO,MAAMA,oBAAoBA,CAAC;AAAA,EAChCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACmB,MAAM;;AACtB,QAAA;AAAA,IAAEC;AAAAA,IAAaC;AAAAA,MAAiBC,SAAU,SAAA;AAEhD,yCACGC,uBAAAA,uBAAqB;AAAA,IACpBC,WAAWC,cAAAA,QACTC,uBAAAA,QAAuBC,iBACvBZ,mCAASY,eAAe;AAAA,IACxBC,UAAA,CAEFC,2BAAAA,IAACC,qCAAY;AAAA,MACXC,MAAI;AAAA,MACJP,WAAWC,cAAAA,QACTC,uBAAAA,QAAuBM,aACvBjB,mCAASiB,WAAW;AAAA,MAEtBC,SAAQ;AAAA,MACR,cAAW;AAAA,MACXC,SAASlB;AAAAA,MACTmB,UAAU;AAAA,MACVC,cACEhB,gDAAaiB,WAAbjB,mBAAqBkB,MAAMjB,cAAckB,eACzCC,kBAAMH,OAAOE;AAAAA,MACd,GACGpB;AAAAA,MAAMS,yCAETa,oCAAW;AAAA,QACVC,UAAS;AAAA,QACTlB,WAAWC,cAAAA,QACTC,uBAAAA,QAAuBiB,eACvB5B,mCAAS4B,aAAa;AAAA,QAExBC,OAAM;AAAA,MAAA,CAAW;AAAA,IAAA,CACjB,GAEH3B,UACCY,2BAAAA,IAACgB,oDAA2B;AAAA,MAC1BrB,WAAWC,cAAAA,QACTC,uBAAAA,QAAuBoB,uBACvB/B,mCAAS+B,qBAAqB;AAAA,MAC9BlB,yCAEDmB,iCAAgB;AAAA,QACfjC;AAAAA,QACAkC,UAAS;AAAA,QACTC,SAAShC;AAAAA,QACTiC,iBAAiBhC;AAAAA,MAAAA,CAAe;AAAA,IAAA,CAGrC,CAAA;AAAA,EAAA,CACqB;AAE5B;;"}
+{"version":3,"file":"ActionContainer.cjs","sources":["../../../../../../src/components/Banner/BannerContent/ActionContainer/ActionContainer.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"~/types\";\nimport actionContainerClasses, {\n  HvActionContainerClasses,\n} from \"./actionContainerClasses\";\nimport {\n  StyledActionContainer,\n  StyledButton,\n  StyledClose,\n  StyledActionsInnerContainer,\n} from \"./ActionContainer.styles\";\nimport { HvActionGeneric, HvActionsGeneric } from \"~/components\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { useTheme } from \"~/hooks\";\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 = ({\n  id,\n  classes,\n  onClose,\n  action,\n  actionCallback,\n  ...others\n}: HvActionContainerProps) => {\n  const { activeTheme, selectedMode } = useTheme();\n\n  return (\n    <StyledActionContainer\n      className={clsx(\n        actionContainerClasses.actionContainer,\n        classes?.actionContainer\n      )}\n    >\n      <StyledButton\n        icon\n        className={clsx(\n          actionContainerClasses.closeAction,\n          classes?.closeAction\n        )}\n        variant=\"secondaryGhost\"\n        aria-label=\"Close\"\n        onClick={onClose}\n        tabIndex={0}\n        $baseColor={\n          activeTheme?.colors?.modes[selectedMode].base_light ||\n          theme.colors.base_light\n        }\n        {...others}\n      >\n        <StyledClose\n          iconSize=\"XS\"\n          className={clsx(\n            actionContainerClasses.iconContainer,\n            classes?.iconContainer\n          )}\n          color=\"base_dark\"\n        />\n      </StyledButton>\n      {action && (\n        <StyledActionsInnerContainer\n          className={clsx(\n            actionContainerClasses.actionsInnerContainer,\n            classes?.actionsInnerContainer\n          )}\n        >\n          <HvActionsGeneric\n            id={id}\n            category=\"secondaryGhost\"\n            actions={action}\n            actionsCallback={actionCallback}\n          />\n        </StyledActionsInnerContainer>\n      )}\n    </StyledActionContainer>\n  );\n};\n"],"names":["HvActionContainer","id","classes","onClose","action","actionCallback","others","activeTheme","selectedMode","useTheme","StyledActionContainer","className","clsx","actionContainerClasses","actionContainer","children","_jsx","StyledButton","icon","closeAction","variant","onClick","tabIndex","$baseColor","colors","modes","base_light","theme","StyledClose","iconSize","iconContainer","color","StyledActionsInnerContainer","actionsInnerContainer","HvActionsGeneric","category","actions","actionsCallback"],"mappings":";;;;;;;;;;;AA8BO,MAAMA,oBAAoBA,CAAC;AAAA,EAChCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACmB,MAAM;;AACtB,QAAA;AAAA,IAAEC;AAAAA,IAAaC;AAAAA,MAAiBC,SAAU,SAAA;AAEhD,yCACGC,uBAAAA,uBAAqB;AAAA,IACpBC,WAAWC,cAAAA,QACTC,uBAAAA,QAAuBC,iBACvBZ,mCAASY,eAAe;AAAA,IACxBC,UAAA,CAEFC,2BAAAA,IAACC,qCAAY;AAAA,MACXC,MAAI;AAAA,MACJP,WAAWC,cAAAA,QACTC,uBAAAA,QAAuBM,aACvBjB,mCAASiB,WAAW;AAAA,MAEtBC,SAAQ;AAAA,MACR,cAAW;AAAA,MACXC,SAASlB;AAAAA,MACTmB,UAAU;AAAA,MACVC,cACEhB,gDAAaiB,WAAbjB,mBAAqBkB,MAAMjB,cAAckB,eACzCC,kBAAMH,OAAOE;AAAAA,MACd,GACGpB;AAAAA,MAAMS,yCAETa,oCAAW;AAAA,QACVC,UAAS;AAAA,QACTlB,WAAWC,cAAAA,QACTC,uBAAAA,QAAuBiB,eACvB5B,mCAAS4B,aAAa;AAAA,QAExBC,OAAM;AAAA,MAAA,CAAW;AAAA,IAAA,CACjB,GAEH3B,UACCY,2BAAAA,IAACgB,oDAA2B;AAAA,MAC1BrB,WAAWC,cAAAA,QACTC,uBAAAA,QAAuBoB,uBACvB/B,mCAAS+B,qBAAqB;AAAA,MAC9BlB,yCAEDmB,iCAAgB;AAAA,QACfjC;AAAAA,QACAkC,UAAS;AAAA,QACTC,SAAShC;AAAAA,QACTiC,iBAAiBhC;AAAAA,MAAAA,CAAe;AAAA,IAAA,CAGrC,CAAA;AAAA,EAAA,CACqB;AAE5B;;"}

package/dist/cjs/components/Banner/BannerContent/ActionContainer/ActionContainer.styles.cjs

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const _styled = require("@emotion/styled/base");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+const React = require("react");
 const hexToRgbA = require("../../../../utils/hexToRgbA.cjs");
 const transientOptions = require("../../../../utils/transientOptions.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
@@ -37,11 +38,14 @@ const StyledActionContainer = /* @__PURE__ */ _styled__default.default("div", pr
 } : {
   name: "tinu7p",
   styles: "display:flex;flex-direction:column;height:100%;justify-content:space-between",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lckNvbnRlbnQvQWN0aW9uQ29udGFpbmVyL0FjdGlvbkNvbnRhaW5lci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9xQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Jhbm5lci9CYW5uZXJDb250ZW50L0FjdGlvbkNvbnRhaW5lci9BY3Rpb25Db250YWluZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQ2xvc2UgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWljb25zXCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgZmFkZSBmcm9tIFwidXRpbHMvaGV4VG9SZ2JBXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFjdGlvbkNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJzcGFjZS1iZXR3ZWVuXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZChcbiAgKHByb3BzKSA9PiA8SHZCdXR0b24gey4uLnByb3BzfSAvPixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkYmFzZUNvbG9yIH06IHsgJGJhc2VDb2xvcjogc3RyaW5nIH0pID0+ICh7XG4gIGFsaWduU2VsZjogXCJmbGV4LWVuZFwiLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBcIiY6aG92ZXJcIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogZmFkZSgkYmFzZUNvbG9yLCAwLjMpLFxuICB9LFxuICBcIiY6Zm9jdXNcIjoge1xuICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDbG9zZSA9IHN0eWxlZChDbG9zZSkoe1xuICB3aWR0aDogXCIzMnB4XCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFjdGlvbnNJbm5lckNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gIG1hcmdpblRvcDogXCI4cHhcIiwgLy8gYXZvaWQgb3ZlcmxhcCB3aXRoIGNsb3NlIGJ1dHRvbiBvdXRsaW5lIGZvY3VzIHJpbmdcbn0pO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lckNvbnRlbnQvQWN0aW9uQ29udGFpbmVyL0FjdGlvbkNvbnRhaW5lci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFxQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Jhbm5lci9CYW5uZXJDb250ZW50L0FjdGlvbkNvbnRhaW5lci9BY3Rpb25Db250YWluZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQ2xvc2UgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWljb25zXCI7XG5pbXBvcnQgeyBmb3J3YXJkUmVmLCBSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IEh2QnV0dG9uLCBIdkJ1dHRvblByb3BzIH0gZnJvbSBcIn4vY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCJ+L3V0aWxzXCI7XG5pbXBvcnQgZmFkZSBmcm9tIFwifi91dGlscy9oZXhUb1JnYkFcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwifi91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBY3Rpb25Db250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwic3BhY2UtYmV0d2VlblwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoXG4gIGZvcndhcmRSZWYoKHByb3BzOiBIdkJ1dHRvblByb3BzLCByZWY/OiBSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+KSA9PiB7XG4gICAgcmV0dXJuIDxIdkJ1dHRvbiB7Li4ucHJvcHN9IHJlZj17cmVmfSAvPjtcbiAgfSksXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJhc2VDb2xvciB9OiB7ICRiYXNlQ29sb3I6IHN0cmluZyB9KSA9PiAoe1xuICBhbGlnblNlbGY6IFwiZmxleC1lbmRcIixcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGZhZGUoJGJhc2VDb2xvciwgMC4zKSxcbiAgfSxcbiAgXCImOmZvY3VzXCI6IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2xvc2UgPSBzdHlsZWQoQ2xvc2UpKHtcbiAgd2lkdGg6IFwiMzJweFwiLFxuICBoZWlnaHQ6IFwiMzJweFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBY3Rpb25zSW5uZXJDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICBtYXJnaW5Ub3A6IFwiOHB4XCIsIC8vIGF2b2lkIG92ZXJsYXAgd2l0aCBjbG9zZSBidXR0b24gb3V0bGluZSBmb2N1cyByaW5nXG59KTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-const StyledButton = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, {
-  ...props
+const StyledButton = /* @__PURE__ */ _styled__default.default(React.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, {
+    ...props,
+    ref
+  });
 }), process.env.NODE_ENV === "production" ? _extends({}, {
   target: "euz8sqk2"
 }, transientOptions.transientOptions) : _extends({}, {
@@ -58,7 +62,7 @@ const StyledButton = /* @__PURE__ */ _styled__default.default((props) => /* @__P
   "&:focus": {
     ...focusUtils.outlineStyles
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lckNvbnRlbnQvQWN0aW9uQ29udGFpbmVyL0FjdGlvbkNvbnRhaW5lci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWM0QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Jhbm5lci9CYW5uZXJDb250ZW50L0FjdGlvbkNvbnRhaW5lci9BY3Rpb25Db250YWluZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQ2xvc2UgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWljb25zXCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgZmFkZSBmcm9tIFwidXRpbHMvaGV4VG9SZ2JBXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFjdGlvbkNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJzcGFjZS1iZXR3ZWVuXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZChcbiAgKHByb3BzKSA9PiA8SHZCdXR0b24gey4uLnByb3BzfSAvPixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkYmFzZUNvbG9yIH06IHsgJGJhc2VDb2xvcjogc3RyaW5nIH0pID0+ICh7XG4gIGFsaWduU2VsZjogXCJmbGV4LWVuZFwiLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBcIiY6aG92ZXJcIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogZmFkZSgkYmFzZUNvbG9yLCAwLjMpLFxuICB9LFxuICBcIiY6Zm9jdXNcIjoge1xuICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDbG9zZSA9IHN0eWxlZChDbG9zZSkoe1xuICB3aWR0aDogXCIzMnB4XCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFjdGlvbnNJbm5lckNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gIG1hcmdpblRvcDogXCI4cHhcIiwgLy8gYXZvaWQgb3ZlcmxhcCB3aXRoIGNsb3NlIGJ1dHRvbiBvdXRsaW5lIGZvY3VzIHJpbmdcbn0pO1xuIl19 */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lckNvbnRlbnQvQWN0aW9uQ29udGFpbmVyL0FjdGlvbkNvbnRhaW5lci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWU0QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Jhbm5lci9CYW5uZXJDb250ZW50L0FjdGlvbkNvbnRhaW5lci9BY3Rpb25Db250YWluZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQ2xvc2UgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWljb25zXCI7XG5pbXBvcnQgeyBmb3J3YXJkUmVmLCBSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IEh2QnV0dG9uLCBIdkJ1dHRvblByb3BzIH0gZnJvbSBcIn4vY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCJ+L3V0aWxzXCI7XG5pbXBvcnQgZmFkZSBmcm9tIFwifi91dGlscy9oZXhUb1JnYkFcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwifi91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBY3Rpb25Db250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwic3BhY2UtYmV0d2VlblwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoXG4gIGZvcndhcmRSZWYoKHByb3BzOiBIdkJ1dHRvblByb3BzLCByZWY/OiBSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+KSA9PiB7XG4gICAgcmV0dXJuIDxIdkJ1dHRvbiB7Li4ucHJvcHN9IHJlZj17cmVmfSAvPjtcbiAgfSksXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJhc2VDb2xvciB9OiB7ICRiYXNlQ29sb3I6IHN0cmluZyB9KSA9PiAoe1xuICBhbGlnblNlbGY6IFwiZmxleC1lbmRcIixcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGZhZGUoJGJhc2VDb2xvciwgMC4zKSxcbiAgfSxcbiAgXCImOmZvY3VzXCI6IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2xvc2UgPSBzdHlsZWQoQ2xvc2UpKHtcbiAgd2lkdGg6IFwiMzJweFwiLFxuICBoZWlnaHQ6IFwiMzJweFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBY3Rpb25zSW5uZXJDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICBtYXJnaW5Ub3A6IFwiOHB4XCIsIC8vIGF2b2lkIG92ZXJsYXAgd2l0aCBjbG9zZSBidXR0b24gb3V0bGluZSBmb2N1cyByaW5nXG59KTtcbiJdfQ== */");
 const StyledClose = /* @__PURE__ */ _styled__default.default(uikitReactIcons.Close, process.env.NODE_ENV === "production" ? {
   target: "euz8sqk1"
 } : {
@@ -70,7 +74,7 @@ const StyledClose = /* @__PURE__ */ _styled__default.default(uikitReactIcons.Clo
 } : {
   name: "68x97p",
   styles: "width:32px;height:32px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lckNvbnRlbnQvQWN0aW9uQ29udGFpbmVyL0FjdGlvbkNvbnRhaW5lci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRCMkIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9CYW5uZXIvQmFubmVyQ29udGVudC9BY3Rpb25Db250YWluZXIvQWN0aW9uQ29udGFpbmVyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IENsb3NlIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1pY29uc1wiO1xuaW1wb3J0IHsgSHZCdXR0b24gfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCJ1dGlsc1wiO1xuaW1wb3J0IGZhZGUgZnJvbSBcInV0aWxzL2hleFRvUmdiQVwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBY3Rpb25Db250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwic3BhY2UtYmV0d2VlblwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoXG4gIChwcm9wcykgPT4gPEh2QnV0dG9uIHsuLi5wcm9wc30gLz4sXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJhc2VDb2xvciB9OiB7ICRiYXNlQ29sb3I6IHN0cmluZyB9KSA9PiAoe1xuICBhbGlnblNlbGY6IFwiZmxleC1lbmRcIixcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGZhZGUoJGJhc2VDb2xvciwgMC4zKSxcbiAgfSxcbiAgXCImOmZvY3VzXCI6IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2xvc2UgPSBzdHlsZWQoQ2xvc2UpKHtcbiAgd2lkdGg6IFwiMzJweFwiLFxuICBoZWlnaHQ6IFwiMzJweFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBY3Rpb25zSW5uZXJDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICBtYXJnaW5Ub3A6IFwiOHB4XCIsIC8vIGF2b2lkIG92ZXJsYXAgd2l0aCBjbG9zZSBidXR0b24gb3V0bGluZSBmb2N1cyByaW5nXG59KTtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lckNvbnRlbnQvQWN0aW9uQ29udGFpbmVyL0FjdGlvbkNvbnRhaW5lci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStCMkIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9CYW5uZXIvQmFubmVyQ29udGVudC9BY3Rpb25Db250YWluZXIvQWN0aW9uQ29udGFpbmVyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IENsb3NlIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1pY29uc1wiO1xuaW1wb3J0IHsgZm9yd2FyZFJlZiwgUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZCdXR0b25Qcm9wcyB9IGZyb20gXCJ+L2NvbXBvbmVudHNcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwifi91dGlsc1wiO1xuaW1wb3J0IGZhZGUgZnJvbSBcIn4vdXRpbHMvaGV4VG9SZ2JBXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIn4vdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQWN0aW9uQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWJldHdlZW5cIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKFxuICBmb3J3YXJkUmVmKChwcm9wczogSHZCdXR0b25Qcm9wcywgcmVmPzogUmVmPEhUTUxCdXR0b25FbGVtZW50PikgPT4ge1xuICAgIHJldHVybiA8SHZCdXR0b24gey4uLnByb3BzfSByZWY9e3JlZn0gLz47XG4gIH0pLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRiYXNlQ29sb3IgfTogeyAkYmFzZUNvbG9yOiBzdHJpbmcgfSkgPT4gKHtcbiAgYWxpZ25TZWxmOiBcImZsZXgtZW5kXCIsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIFwiJjpob3ZlclwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiBmYWRlKCRiYXNlQ29sb3IsIDAuMyksXG4gIH0sXG4gIFwiJjpmb2N1c1wiOiB7XG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENsb3NlID0gc3R5bGVkKENsb3NlKSh7XG4gIHdpZHRoOiBcIjMycHhcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQWN0aW9uc0lubmVyQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgbWFyZ2luVG9wOiBcIjhweFwiLCAvLyBhdm9pZCBvdmVybGFwIHdpdGggY2xvc2UgYnV0dG9uIG91dGxpbmUgZm9jdXMgcmluZ1xufSk7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const StyledActionsInnerContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
@@ -84,7 +88,7 @@ const StyledActionsInnerContainer = /* @__PURE__ */ _styled__default.default("di
 } : {
   name: "cb7jcz",
   styles: "flex-direction:row;margin-top:8px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lckNvbnRlbnQvQWN0aW9uQ29udGFpbmVyL0FjdGlvbkNvbnRhaW5lci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDMkMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9CYW5uZXIvQmFubmVyQ29udGVudC9BY3Rpb25Db250YWluZXIvQWN0aW9uQ29udGFpbmVyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IENsb3NlIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1pY29uc1wiO1xuaW1wb3J0IHsgSHZCdXR0b24gfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCJ1dGlsc1wiO1xuaW1wb3J0IGZhZGUgZnJvbSBcInV0aWxzL2hleFRvUmdiQVwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBY3Rpb25Db250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwic3BhY2UtYmV0d2VlblwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoXG4gIChwcm9wcykgPT4gPEh2QnV0dG9uIHsuLi5wcm9wc30gLz4sXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJhc2VDb2xvciB9OiB7ICRiYXNlQ29sb3I6IHN0cmluZyB9KSA9PiAoe1xuICBhbGlnblNlbGY6IFwiZmxleC1lbmRcIixcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGZhZGUoJGJhc2VDb2xvciwgMC4zKSxcbiAgfSxcbiAgXCImOmZvY3VzXCI6IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2xvc2UgPSBzdHlsZWQoQ2xvc2UpKHtcbiAgd2lkdGg6IFwiMzJweFwiLFxuICBoZWlnaHQ6IFwiMzJweFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBY3Rpb25zSW5uZXJDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICBtYXJnaW5Ub3A6IFwiOHB4XCIsIC8vIGF2b2lkIG92ZXJsYXAgd2l0aCBjbG9zZSBidXR0b24gb3V0bGluZSBmb2N1cyByaW5nXG59KTtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lckNvbnRlbnQvQWN0aW9uQ29udGFpbmVyL0FjdGlvbkNvbnRhaW5lci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9DMkMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9CYW5uZXIvQmFubmVyQ29udGVudC9BY3Rpb25Db250YWluZXIvQWN0aW9uQ29udGFpbmVyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IENsb3NlIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1pY29uc1wiO1xuaW1wb3J0IHsgZm9yd2FyZFJlZiwgUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZCdXR0b25Qcm9wcyB9IGZyb20gXCJ+L2NvbXBvbmVudHNcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwifi91dGlsc1wiO1xuaW1wb3J0IGZhZGUgZnJvbSBcIn4vdXRpbHMvaGV4VG9SZ2JBXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIn4vdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQWN0aW9uQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWJldHdlZW5cIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKFxuICBmb3J3YXJkUmVmKChwcm9wczogSHZCdXR0b25Qcm9wcywgcmVmPzogUmVmPEhUTUxCdXR0b25FbGVtZW50PikgPT4ge1xuICAgIHJldHVybiA8SHZCdXR0b24gey4uLnByb3BzfSByZWY9e3JlZn0gLz47XG4gIH0pLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRiYXNlQ29sb3IgfTogeyAkYmFzZUNvbG9yOiBzdHJpbmcgfSkgPT4gKHtcbiAgYWxpZ25TZWxmOiBcImZsZXgtZW5kXCIsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIFwiJjpob3ZlclwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiBmYWRlKCRiYXNlQ29sb3IsIDAuMyksXG4gIH0sXG4gIFwiJjpmb2N1c1wiOiB7XG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENsb3NlID0gc3R5bGVkKENsb3NlKSh7XG4gIHdpZHRoOiBcIjMycHhcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQWN0aW9uc0lubmVyQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgbWFyZ2luVG9wOiBcIjhweFwiLCAvLyBhdm9pZCBvdmVybGFwIHdpdGggY2xvc2UgYnV0dG9uIG91dGxpbmUgZm9jdXMgcmluZ1xufSk7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 exports.StyledActionContainer = StyledActionContainer;

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

@@ -1 +1 @@
-{"version":3,"file":"ActionContainer.styles.cjs","sources":["../../../../../../src/components/Banner/BannerContent/ActionContainer/ActionContainer.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport { HvButton } from \"components\";\nimport { outlineStyles } from \"utils\";\nimport fade from \"utils/hexToRgbA\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledActionContainer = styled(\"div\")({\n  display: \"flex\",\n  flexDirection: \"column\",\n  height: \"100%\",\n  justifyContent: \"space-between\",\n});\n\nexport const StyledButton = styled(\n  (props) => <HvButton {...props} />,\n  transientOptions\n)(({ $baseColor }: { $baseColor: string }) => ({\n  alignSelf: \"flex-end\",\n  cursor: \"pointer\",\n  \"&:hover\": {\n    backgroundColor: fade($baseColor, 0.3),\n  },\n  \"&:focus\": {\n    ...outlineStyles,\n  },\n}));\n\nexport const StyledClose = styled(Close)({\n  width: \"32px\",\n  height: \"32px\",\n});\n\nexport const StyledActionsInnerContainer = styled(\"div\")({\n  flexDirection: \"row\",\n  marginTop: \"8px\", // avoid overlap with close button outline focus ring\n});\n"],"names":["StyledActionContainer","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledButton","props","_jsx","HvButton","_extends","transientOptions","$baseColor","alignSelf","cursor","backgroundColor","fade","outlineStyles","StyledClose","Close","StyledActionsInnerContainer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,MAAMA,wBAA+BC,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,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAKhD;AAEK,MAAMC,eAAeX,iCAAAA,QACzBY,CAAUC,UAAAA,2BAAAA,IAACC,OAAAA,UAAQ;AAAA,EAAA,GAAKF;AAAK,CAAA,GAAIX,QAAAC,IAAAC,4BAAAY,SAAA,IAAA;AAAA,EAAAX,QAAA;AAAA,GAClCY,iBAAgB,gBAAA,IAAAD,SAAA,IAAA;AAAA,EAAAX,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBW,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEC;AAAmC,OAAO;AAAA,EAC7CC,WAAW;AAAA,EACXC,QAAQ;AAAA,EACR,WAAW;AAAA,IACTC,iBAAiBC,UAAAA,QAAKJ,YAAY,GAAG;AAAA,EACvC;AAAA,EACA,WAAW;AAAA,IACT,GAAGK,WAAAA;AAAAA,EACL;AACF,IAAErB,QAAAC,IAAAC,aAAC,eAAA,KAAA,y6DAAA;AAEI,MAAMoB,cAAqBC,iCAAAA,QAAAA,gBAAAA,OAAKvB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGtC;AAEK,MAAMe,8BAAqCzB,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,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGtD;;;;;"}
+{"version":3,"file":"ActionContainer.styles.cjs","sources":["../../../../../../src/components/Banner/BannerContent/ActionContainer/ActionContainer.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport { forwardRef, Ref } from \"react\";\nimport { HvButton, HvButtonProps } from \"~/components\";\nimport { outlineStyles } from \"~/utils\";\nimport fade from \"~/utils/hexToRgbA\";\nimport { transientOptions } from \"~/utils/transientOptions\";\n\nexport const StyledActionContainer = styled(\"div\")({\n  display: \"flex\",\n  flexDirection: \"column\",\n  height: \"100%\",\n  justifyContent: \"space-between\",\n});\n\nexport const StyledButton = styled(\n  forwardRef((props: HvButtonProps, ref?: Ref<HTMLButtonElement>) => {\n    return <HvButton {...props} ref={ref} />;\n  }),\n  transientOptions\n)(({ $baseColor }: { $baseColor: string }) => ({\n  alignSelf: \"flex-end\",\n  cursor: \"pointer\",\n  \"&:hover\": {\n    backgroundColor: fade($baseColor, 0.3),\n  },\n  \"&:focus\": {\n    ...outlineStyles,\n  },\n}));\n\nexport const StyledClose = styled(Close)({\n  width: \"32px\",\n  height: \"32px\",\n});\n\nexport const StyledActionsInnerContainer = styled(\"div\")({\n  flexDirection: \"row\",\n  marginTop: \"8px\", // avoid overlap with close button outline focus ring\n});\n"],"names":["StyledActionContainer","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledButton","forwardRef","props","ref","HvButton","_extends","transientOptions","$baseColor","alignSelf","cursor","backgroundColor","fade","outlineStyles","StyledClose","Close","StyledActionsInnerContainer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQO,MAAMA,wBAA+BC,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,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAKhD;AAEK,MAAMC,eAAeX,iCAAAA,QAC1BY,MAAAA,WAAW,CAACC,OAAsBC,QAAiC;AACjE,wCAAQC,OAAAA,UAAQ;AAAA,IAAA,GAAKF;AAAAA,IAAOC;AAAAA,EAAAA,CAAY;AAC1C,CAAC,GAACb,QAAAC,IAAAC,4BAAAa,SAAA,IAAA;AAAA,EAAAZ,QAAA;AAAA,GACFa,iBAAgB,gBAAA,IAAAD,SAAA,IAAA;AAAA,EAAAZ,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBY,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEC;AAAmC,OAAO;AAAA,EAC7CC,WAAW;AAAA,EACXC,QAAQ;AAAA,EACR,WAAW;AAAA,IACTC,iBAAiBC,UAAAA,QAAKJ,YAAY,GAAG;AAAA,EACvC;AAAA,EACA,WAAW;AAAA,IACT,GAAGK,WAAAA;AAAAA,EACL;AACF,IAAEtB,QAAAC,IAAAC,aAAC,eAAA,KAAA,ynEAAA;AAEI,MAAMqB,cAAqBC,iCAAAA,QAAAA,gBAAAA,OAAKxB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGtC;AAEK,MAAMgB,8BAAqC1B,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,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGtD;;;;;"}

package/dist/cjs/components/Banner/BannerContent/ActionContainer/actionContainerClasses.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"actionContainerClasses.cjs","sources":["../../../../../../src/components/Banner/BannerContent/ActionContainer/actionContainerClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvActionContainerClasses = {\n  actionContainer?: string;\n  closeAction?: string;\n  iconContainer?: string;\n  actionsInnerContainer?: string;\n};\n\nconst classKeys: string[] = [\n  \"actionContainer\",\n  \"closeAction\",\n  \"iconContainer\",\n  \"actionsInnerContainer\",\n];\n\nconst actionContainerClasses = getClasses<HvActionContainerClasses>(\n  classKeys,\n  \"HvBanner-ActionContainer\"\n);\n\nexport default actionContainerClasses;\n"],"names":["classKeys","actionContainerClasses","getClasses"],"mappings":";;;AASA,MAAMA,YAAsB,CAC1B,mBACA,eACA,iBACA,uBAAuB;AAGzB,MAAMC,yBAAyBC,QAC7BF,WAAAA,WACA,0BAA0B;AAG5B,MAAA,2BAAeC;;"}
+{"version":3,"file":"actionContainerClasses.cjs","sources":["../../../../../../src/components/Banner/BannerContent/ActionContainer/actionContainerClasses.ts"],"sourcesContent":["import { getClasses } from \"~/utils\";\n\nexport interface HvActionContainerClasses {\n  actionContainer?: string;\n  closeAction?: string;\n  iconContainer?: string;\n  actionsInnerContainer?: string;\n}\n\nconst classKeys: string[] = [\n  \"actionContainer\",\n  \"closeAction\",\n  \"iconContainer\",\n  \"actionsInnerContainer\",\n];\n\nconst actionContainerClasses = getClasses<HvActionContainerClasses>(\n  classKeys,\n  \"HvBanner-ActionContainer\"\n);\n\nexport default actionContainerClasses;\n"],"names":["classKeys","actionContainerClasses","getClasses"],"mappings":";;;AASA,MAAMA,YAAsB,CAC1B,mBACA,eACA,iBACA,uBAAuB;AAGzB,MAAMC,yBAAyBC,QAC7BF,WAAAA,WACA,0BAA0B;AAG5B,MAAA,2BAAeC;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"BannerContent.cjs","sources":["../../../../../src/components/Banner/BannerContent/BannerContent.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { SnackbarContentProps as MuiSnackbarContentProps } from \"@mui/material/SnackbarContent\";\nimport { HvBaseProps } from \"../../../types\";\nimport bannerContentClasses, {\n  HvBannerContentClasses,\n} from \"./bannerContentClasses\";\nimport { HvActionContainer } from \"./ActionContainer\";\nimport { HvMessageContainer } from \"./MessageContainer\";\nimport { StyledRoot, StyledSnackbarContent } from \"./BannerContent.styles\";\nimport {\n  HvActionGeneric,\n  HvBannerActionPosition,\n  HvBannerVariant,\n} from \"components\";\nimport { forwardRef } from \"react\";\nimport { iconVariant } from \"../../../utils\";\nimport { HvActionContainerProps } from \"./ActionContainer/ActionContainer\";\n\nexport type HvBannerContentProps = Omit<\n  MuiSnackbarContentProps,\n  \"variant\" | \"classes\" | \"onClose\"\n> &\n  HvBaseProps & {\n    /** The message to display. */\n    content?: React.ReactNode;\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  (\n    {\n      id,\n      classes,\n      showIcon = false,\n      customIcon,\n      variant = \"default\",\n      onClose,\n      actions,\n      actionsCallback,\n      actionsPosition = \"auto\",\n      content,\n      actionProps,\n      ...others\n    },\n    ref\n  ) => {\n    const icon =\n      customIcon || (showIcon && iconVariant(variant, \"base_dark\", undefined));\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      <StyledRoot\n        className={clsx(\n          bannerContentClasses.outContainer,\n          classes?.outContainer\n        )}\n      >\n        <StyledSnackbarContent\n          ref={ref}\n          id={id}\n          classes={{\n            root: clsx(bannerContentClasses.root, classes?.root),\n            message: clsx(bannerContentClasses.message, classes?.message),\n            action: clsx(bannerContentClasses.action, classes?.action),\n          }}\n          className={clsx(\n            bannerContentClasses.baseVariant,\n            classes?.baseVariant,\n            bannerContentClasses[variant],\n            classes?.[variant]\n          )}\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          $variant={variant as HvBannerVariant}\n          {...others}\n        />\n      </StyledRoot>\n    );\n  }\n);\n"],"names":["HvBannerContent","forwardRef","id","classes","showIcon","customIcon","variant","onClose","actions","actionsCallback","actionsPosition","content","actionProps","others","ref","icon","iconVariant","undefined","effectiveActionsPosition","StyledRoot","className","clsx","bannerContentClasses","outContainer","children","StyledSnackbarContent","root","message","action","baseVariant","HvMessageContainer","actionsOnMessage","actionsOnMessageCallback","HvActionContainer","actionCallback","$variant"],"mappings":";;;;;;;;;;;;AAiDaA,MAAAA,kBAAkBC,iBAC7B,CACE;AAAA,EACEC;AAAAA,EACAC;AAAAA,EACAC,WAAW;AAAA,EACXC;AAAAA,EACAC,UAAU;AAAA,EACVC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,kBAAkB;AAAA,EAClBC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACL,GACAC,QACG;AACH,QAAMC,OACJV,cAAeD,YAAYY,YAAAA,QAAYV,SAAS,aAAaW,MAAS;AAMlEC,QAAAA,2BACJR,oBAAoB,SAAS,WAAWA;AAE1C,wCACGS,qBAAAA,YAAU;AAAA,IACTC,WAAWC,cAAAA,QACTC,qBAAAA,QAAqBC,cACrBpB,mCAASoB,YAAY;AAAA,IACrBC,yCAEDC,4CAAqB;AAAA,MACpBX;AAAAA,MACAZ;AAAAA,MACAC,SAAS;AAAA,QACPuB,MAAML,cAAAA,QAAKC,qBAAAA,QAAqBI,MAAMvB,mCAASuB,IAAI;AAAA,QACnDC,SAASN,cAAAA,QAAKC,qBAAAA,QAAqBK,SAASxB,mCAASwB,OAAO;AAAA,QAC5DC,QAAQP,cAAAA,QAAKC,qBAAAA,QAAqBM,QAAQzB,mCAASyB,MAAM;AAAA,MAC3D;AAAA,MACAR,WAAWC,cACTC,QAAAA,6BAAqBO,aACrB1B,mCAAS0B,aACTP,qBAAAA,QAAqBhB,OAAO,GAC5BH,mCAAUG,QAAQ;AAAA,MAEpBqB,wCACGG,qCAAkB;AAAA,QACjB5B;AAAAA,QACAa;AAAAA,QAAW,GACNG,6BAA6B,YAAY;AAAA,UAC5Ca,kBAAkBvB;AAAAA,UAClBwB,0BAA0BvB;AAAAA,QAC5B;AAAA,QACAkB,SAAShB;AAAAA,MAAAA,CAEZ;AAAA,MACDiB,uCACGK,mCAAiB;AAAA,QAChB/B;AAAAA,QACAK;AAAAA,QAAiB,GACZW,6BAA6B,kBAAkB;AAAA,UAClDU,QAAQpB;AAAAA,UACR0B,gBAAgBzB;AAAAA,QAClB;AAAA,QAAC,GACGG;AAAAA,MAAAA,CAEP;AAAA,MACDuB,UAAU7B;AAAAA,MAA2B,GACjCO;AAAAA,IAAAA,CAAM;AAAA,EAAA,CAED;AAEjB,CAAC;;"}
+{"version":3,"file":"BannerContent.cjs","sources":["../../../../../src/components/Banner/BannerContent/BannerContent.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { SnackbarContentProps as MuiSnackbarContentProps } from \"@mui/material/SnackbarContent\";\nimport bannerContentClasses, {\n  HvBannerContentClasses,\n} from \"./bannerContentClasses\";\nimport { HvActionContainer, HvActionContainerProps } from \"./ActionContainer\";\nimport { HvMessageContainer } from \"./MessageContainer\";\nimport { StyledRoot, StyledSnackbarContent } from \"./BannerContent.styles\";\nimport { HvBaseProps } from \"~/types\";\nimport {\n  HvActionGeneric,\n  HvBannerActionPosition,\n  HvBannerVariant,\n} from \"~/components\";\nimport { forwardRef } from \"react\";\nimport { iconVariant } from \"~/utils\";\n\nexport interface HvBannerContentProps\n  extends Omit<MuiSnackbarContentProps, \"variant\" | \"classes\" | \"onClose\">,\n    HvBaseProps {\n  /** The message to display. */\n  content?: React.ReactNode;\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  (\n    {\n      id,\n      classes,\n      showIcon = false,\n      customIcon,\n      variant = \"default\",\n      onClose,\n      actions,\n      actionsCallback,\n      actionsPosition = \"auto\",\n      content,\n      actionProps,\n      ...others\n    },\n    ref\n  ) => {\n    const icon =\n      customIcon || (showIcon && iconVariant(variant, \"base_dark\", undefined));\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      <StyledRoot\n        className={clsx(\n          bannerContentClasses.outContainer,\n          classes?.outContainer\n        )}\n      >\n        <StyledSnackbarContent\n          ref={ref}\n          id={id}\n          classes={{\n            root: clsx(bannerContentClasses.root, classes?.root),\n            message: clsx(bannerContentClasses.message, classes?.message),\n            action: clsx(bannerContentClasses.action, classes?.action),\n          }}\n          className={clsx(\n            bannerContentClasses.baseVariant,\n            classes?.baseVariant,\n            bannerContentClasses[variant],\n            classes?.[variant]\n          )}\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          $variant={variant as HvBannerVariant}\n          {...others}\n        />\n      </StyledRoot>\n    );\n  }\n);\n"],"names":["HvBannerContent","forwardRef","id","classes","showIcon","customIcon","variant","onClose","actions","actionsCallback","actionsPosition","content","actionProps","others","ref","icon","iconVariant","undefined","effectiveActionsPosition","StyledRoot","className","clsx","bannerContentClasses","outContainer","children","StyledSnackbarContent","root","message","action","baseVariant","HvMessageContainer","actionsOnMessage","actionsOnMessageCallback","HvActionContainer","actionCallback","$variant"],"mappings":";;;;;;;;;;;;AA8CaA,MAAAA,kBAAkBC,iBAC7B,CACE;AAAA,EACEC;AAAAA,EACAC;AAAAA,EACAC,WAAW;AAAA,EACXC;AAAAA,EACAC,UAAU;AAAA,EACVC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,kBAAkB;AAAA,EAClBC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACL,GACAC,QACG;AACH,QAAMC,OACJV,cAAeD,YAAYY,YAAAA,QAAYV,SAAS,aAAaW,MAAS;AAMlEC,QAAAA,2BACJR,oBAAoB,SAAS,WAAWA;AAE1C,wCACGS,qBAAAA,YAAU;AAAA,IACTC,WAAWC,cAAAA,QACTC,qBAAAA,QAAqBC,cACrBpB,mCAASoB,YAAY;AAAA,IACrBC,yCAEDC,4CAAqB;AAAA,MACpBX;AAAAA,MACAZ;AAAAA,MACAC,SAAS;AAAA,QACPuB,MAAML,cAAAA,QAAKC,qBAAAA,QAAqBI,MAAMvB,mCAASuB,IAAI;AAAA,QACnDC,SAASN,cAAAA,QAAKC,qBAAAA,QAAqBK,SAASxB,mCAASwB,OAAO;AAAA,QAC5DC,QAAQP,cAAAA,QAAKC,qBAAAA,QAAqBM,QAAQzB,mCAASyB,MAAM;AAAA,MAC3D;AAAA,MACAR,WAAWC,cACTC,QAAAA,6BAAqBO,aACrB1B,mCAAS0B,aACTP,qBAAAA,QAAqBhB,OAAO,GAC5BH,mCAAUG,QAAQ;AAAA,MAEpBqB,wCACGG,qCAAkB;AAAA,QACjB5B;AAAAA,QACAa;AAAAA,QAAW,GACNG,6BAA6B,YAAY;AAAA,UAC5Ca,kBAAkBvB;AAAAA,UAClBwB,0BAA0BvB;AAAAA,QAC5B;AAAA,QACAkB,SAAShB;AAAAA,MAAAA,CAEZ;AAAA,MACDiB,uCACGK,mCAAiB;AAAA,QAChB/B;AAAAA,QACAK;AAAAA,QAAiB,GACZW,6BAA6B,kBAAkB;AAAA,UAClDU,QAAQpB;AAAAA,UACR0B,gBAAgBzB;AAAAA,QAClB;AAAA,QAAC,GACGG;AAAAA,MAAAA,CAEP;AAAA,MACDuB,UAAU7B;AAAAA,MAA2B,GACjCO;AAAAA,IAAAA,CAAM;AAAA,EAAA,CAED;AAEjB,CAAC;;"}

package/dist/cjs/components/Banner/BannerContent/BannerContent.styles.cjs

@@ -49,7 +49,7 @@ const StyledRoot = /* @__PURE__ */ _styled__default.default("div", process.env.N
     flex: "0 0 auto",
     placeSelf: "stretch"
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lckNvbnRlbnQvQmFubmVyQ29udGVudC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVEwQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Jhbm5lci9CYW5uZXJDb250ZW50L0Jhbm5lckNvbnRlbnQuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IFNuYWNrYmFyQ29udGVudCwge1xuICBzbmFja2JhckNvbnRlbnRDbGFzc2VzLFxufSBmcm9tIFwiQG11aS9tYXRlcmlhbC9TbmFja2JhckNvbnRlbnRcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IHsgSHZCYW5uZXJWYXJpYW50IH0gZnJvbSBcIi4uL0Jhbm5lclwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgW2AmIC4ke3NuYWNrYmFyQ29udGVudENsYXNzZXMucm9vdH1gXToge1xuICAgIG1pbldpZHRoOiBcIjEwMCVcIixcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhXcmFwOiBcIm5vd3JhcFwiLFxuICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5yYWRpaS5ub25lLFxuICB9LFxuICBbYCYgLiR7c25hY2tiYXJDb250ZW50Q2xhc3Nlcy5tZXNzYWdlfWBdOiB7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBwYWRkaW5nOiBgJHt0aGVtZS5zcGFjZS54c30gMGAsXG4gICAgcGFkZGluZ0xlZnQ6IHRoZW1lLnNwYWNlLnNtLFxuICB9LFxuICBbYCYgLiR7c25hY2tiYXJDb250ZW50Q2xhc3Nlcy5hY3Rpb259YF06IHtcbiAgICBwYWRkaW5nOiB0aGVtZS5zcGFjZS54cyxcbiAgICBtYXJnaW5SaWdodDogMCxcbiAgICBmbGV4OiBcIjAgMCBhdXRvXCIsXG4gICAgcGxhY2VTZWxmOiBcInN0cmV0Y2hcIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU25hY2tiYXJDb250ZW50ID0gc3R5bGVkKFxuICBTbmFja2JhckNvbnRlbnQsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHZhcmlhbnQgfTogeyAkdmFyaWFudDogSHZCYW5uZXJWYXJpYW50IH0pID0+ICh7XG4gIHBhZGRpbmc6IDAsXG4gIC4uLigkdmFyaWFudCA9PT0gXCJzdWNjZXNzXCIgJiYge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLnBvc2l0aXZlXzIwLFxuICB9KSxcbiAgLi4uKCR2YXJpYW50ID09PSBcIndhcm5pbmdcIiAmJiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMud2FybmluZ18yMCxcbiAgfSksXG4gIC4uLigkdmFyaWFudCA9PT0gXCJlcnJvclwiICYmIHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5uZWdhdGl2ZV8yMCxcbiAgfSksXG4gIC4uLigkdmFyaWFudCA9PT0gXCJkZWZhdWx0XCIgJiYge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLm5ldXRyYWxfMjAsXG4gIH0pLFxufSkpO1xuIl19 */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lckNvbnRlbnQvQmFubmVyQ29udGVudC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVEwQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Jhbm5lci9CYW5uZXJDb250ZW50L0Jhbm5lckNvbnRlbnQuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IFNuYWNrYmFyQ29udGVudCwge1xuICBzbmFja2JhckNvbnRlbnRDbGFzc2VzLFxufSBmcm9tIFwiQG11aS9tYXRlcmlhbC9TbmFja2JhckNvbnRlbnRcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwifi91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyBIdkJhbm5lclZhcmlhbnQgfSBmcm9tIFwiLi4vQmFubmVyXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICBbYCYgLiR7c25hY2tiYXJDb250ZW50Q2xhc3Nlcy5yb290fWBdOiB7XG4gICAgbWluV2lkdGg6IFwiMTAwJVwiLFxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleFdyYXA6IFwibm93cmFwXCIsXG4gICAgYm94U2hhZG93OiBcIm5vbmVcIixcbiAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnJhZGlpLm5vbmUsXG4gIH0sXG4gIFtgJiAuJHtzbmFja2JhckNvbnRlbnRDbGFzc2VzLm1lc3NhZ2V9YF06IHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIHBhZGRpbmc6IGAke3RoZW1lLnNwYWNlLnhzfSAwYCxcbiAgICBwYWRkaW5nTGVmdDogdGhlbWUuc3BhY2Uuc20sXG4gIH0sXG4gIFtgJiAuJHtzbmFja2JhckNvbnRlbnRDbGFzc2VzLmFjdGlvbn1gXToge1xuICAgIHBhZGRpbmc6IHRoZW1lLnNwYWNlLnhzLFxuICAgIG1hcmdpblJpZ2h0OiAwLFxuICAgIGZsZXg6IFwiMCAwIGF1dG9cIixcbiAgICBwbGFjZVNlbGY6IFwic3RyZXRjaFwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTbmFja2JhckNvbnRlbnQgPSBzdHlsZWQoXG4gIFNuYWNrYmFyQ29udGVudCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkdmFyaWFudCB9OiB7ICR2YXJpYW50OiBIdkJhbm5lclZhcmlhbnQgfSkgPT4gKHtcbiAgcGFkZGluZzogMCxcbiAgLi4uKCR2YXJpYW50ID09PSBcInN1Y2Nlc3NcIiAmJiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMucG9zaXRpdmVfMjAsXG4gIH0pLFxuICAuLi4oJHZhcmlhbnQgPT09IFwid2FybmluZ1wiICYmIHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy53YXJuaW5nXzIwLFxuICB9KSxcbiAgLi4uKCR2YXJpYW50ID09PSBcImVycm9yXCIgJiYge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLm5lZ2F0aXZlXzIwLFxuICB9KSxcbiAgLi4uKCR2YXJpYW50ID09PSBcImRlZmF1bHRcIiAmJiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMubmV1dHJhbF8yMCxcbiAgfSksXG59KSk7XG4iXX0= */");
 const StyledSnackbarContent = /* @__PURE__ */ _styled__default.default(SnackbarContent__default.default, process.env.NODE_ENV === "production" ? _extends({}, {
   target: "ey1hm770"
 }, transientOptions.transientOptions) : _extends({}, {
@@ -71,7 +71,7 @@ const StyledSnackbarContent = /* @__PURE__ */ _styled__default.default(SnackbarC
   ...$variant === "default" && {
     backgroundColor: uikitStyles.theme.colors.neutral_20
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lckNvbnRlbnQvQmFubmVyQ29udGVudC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDcUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9CYW5uZXIvQmFubmVyQ29udGVudC9CYW5uZXJDb250ZW50LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCBTbmFja2JhckNvbnRlbnQsIHtcbiAgc25hY2tiYXJDb250ZW50Q2xhc3Nlcyxcbn0gZnJvbSBcIkBtdWkvbWF0ZXJpYWwvU25hY2tiYXJDb250ZW50XCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7IEh2QmFubmVyVmFyaWFudCB9IGZyb20gXCIuLi9CYW5uZXJcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gIFtgJiAuJHtzbmFja2JhckNvbnRlbnRDbGFzc2VzLnJvb3R9YF06IHtcbiAgICBtaW5XaWR0aDogXCIxMDAlXCIsXG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4V3JhcDogXCJub3dyYXBcIixcbiAgICBib3hTaGFkb3c6IFwibm9uZVwiLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUucmFkaWkubm9uZSxcbiAgfSxcbiAgW2AmIC4ke3NuYWNrYmFyQ29udGVudENsYXNzZXMubWVzc2FnZX1gXToge1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2UueHN9IDBgLFxuICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS5zcGFjZS5zbSxcbiAgfSxcbiAgW2AmIC4ke3NuYWNrYmFyQ29udGVudENsYXNzZXMuYWN0aW9ufWBdOiB7XG4gICAgcGFkZGluZzogdGhlbWUuc3BhY2UueHMsXG4gICAgbWFyZ2luUmlnaHQ6IDAsXG4gICAgZmxleDogXCIwIDAgYXV0b1wiLFxuICAgIHBsYWNlU2VsZjogXCJzdHJldGNoXCIsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFNuYWNrYmFyQ29udGVudCA9IHN0eWxlZChcbiAgU25hY2tiYXJDb250ZW50LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICR2YXJpYW50IH06IHsgJHZhcmlhbnQ6IEh2QmFubmVyVmFyaWFudCB9KSA9PiAoe1xuICBwYWRkaW5nOiAwLFxuICAuLi4oJHZhcmlhbnQgPT09IFwic3VjY2Vzc1wiICYmIHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5wb3NpdGl2ZV8yMCxcbiAgfSksXG4gIC4uLigkdmFyaWFudCA9PT0gXCJ3YXJuaW5nXCIgJiYge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLndhcm5pbmdfMjAsXG4gIH0pLFxuICAuLi4oJHZhcmlhbnQgPT09IFwiZXJyb3JcIiAmJiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMubmVnYXRpdmVfMjAsXG4gIH0pLFxuICAuLi4oJHZhcmlhbnQgPT09IFwiZGVmYXVsdFwiICYmIHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5uZXV0cmFsXzIwLFxuICB9KSxcbn0pKTtcbiJdfQ== */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lckNvbnRlbnQvQmFubmVyQ29udGVudC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDcUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9CYW5uZXIvQmFubmVyQ29udGVudC9CYW5uZXJDb250ZW50LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCBTbmFja2JhckNvbnRlbnQsIHtcbiAgc25hY2tiYXJDb250ZW50Q2xhc3Nlcyxcbn0gZnJvbSBcIkBtdWkvbWF0ZXJpYWwvU25hY2tiYXJDb250ZW50XCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIn4vdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IHsgSHZCYW5uZXJWYXJpYW50IH0gZnJvbSBcIi4uL0Jhbm5lclwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgW2AmIC4ke3NuYWNrYmFyQ29udGVudENsYXNzZXMucm9vdH1gXToge1xuICAgIG1pbldpZHRoOiBcIjEwMCVcIixcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhXcmFwOiBcIm5vd3JhcFwiLFxuICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5yYWRpaS5ub25lLFxuICB9LFxuICBbYCYgLiR7c25hY2tiYXJDb250ZW50Q2xhc3Nlcy5tZXNzYWdlfWBdOiB7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBwYWRkaW5nOiBgJHt0aGVtZS5zcGFjZS54c30gMGAsXG4gICAgcGFkZGluZ0xlZnQ6IHRoZW1lLnNwYWNlLnNtLFxuICB9LFxuICBbYCYgLiR7c25hY2tiYXJDb250ZW50Q2xhc3Nlcy5hY3Rpb259YF06IHtcbiAgICBwYWRkaW5nOiB0aGVtZS5zcGFjZS54cyxcbiAgICBtYXJnaW5SaWdodDogMCxcbiAgICBmbGV4OiBcIjAgMCBhdXRvXCIsXG4gICAgcGxhY2VTZWxmOiBcInN0cmV0Y2hcIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU25hY2tiYXJDb250ZW50ID0gc3R5bGVkKFxuICBTbmFja2JhckNvbnRlbnQsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHZhcmlhbnQgfTogeyAkdmFyaWFudDogSHZCYW5uZXJWYXJpYW50IH0pID0+ICh7XG4gIHBhZGRpbmc6IDAsXG4gIC4uLigkdmFyaWFudCA9PT0gXCJzdWNjZXNzXCIgJiYge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLnBvc2l0aXZlXzIwLFxuICB9KSxcbiAgLi4uKCR2YXJpYW50ID09PSBcIndhcm5pbmdcIiAmJiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMud2FybmluZ18yMCxcbiAgfSksXG4gIC4uLigkdmFyaWFudCA9PT0gXCJlcnJvclwiICYmIHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5uZWdhdGl2ZV8yMCxcbiAgfSksXG4gIC4uLigkdmFyaWFudCA9PT0gXCJkZWZhdWx0XCIgJiYge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLm5ldXRyYWxfMjAsXG4gIH0pLFxufSkpO1xuIl19 */");
 exports.StyledRoot = StyledRoot;
 exports.StyledSnackbarContent = StyledSnackbarContent;
 //# sourceMappingURL=BannerContent.styles.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"BannerContent.styles.cjs","sources":["../../../../../src/components/Banner/BannerContent/BannerContent.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport SnackbarContent, {\n  snackbarContentClasses,\n} from \"@mui/material/SnackbarContent\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { HvBannerVariant } from \"../Banner\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const StyledRoot = styled(\"div\")({\n  width: \"100%\",\n  position: \"relative\",\n  [`& .${snackbarContentClasses.root}`]: {\n    minWidth: \"100%\",\n    position: \"relative\",\n    display: \"flex\",\n    flexWrap: \"nowrap\",\n    boxShadow: \"none\",\n    borderRadius: theme.radii.none,\n  },\n  [`& .${snackbarContentClasses.message}`]: {\n    display: \"flex\",\n    alignItems: \"center\",\n    padding: `${theme.space.xs} 0`,\n    paddingLeft: theme.space.sm,\n  },\n  [`& .${snackbarContentClasses.action}`]: {\n    padding: theme.space.xs,\n    marginRight: 0,\n    flex: \"0 0 auto\",\n    placeSelf: \"stretch\",\n  },\n});\n\nexport const StyledSnackbarContent = styled(\n  SnackbarContent,\n  transientOptions\n)(({ $variant }: { $variant: HvBannerVariant }) => ({\n  padding: 0,\n  ...($variant === \"success\" && {\n    backgroundColor: theme.colors.positive_20,\n  }),\n  ...($variant === \"warning\" && {\n    backgroundColor: theme.colors.warning_20,\n  }),\n  ...($variant === \"error\" && {\n    backgroundColor: theme.colors.negative_20,\n  }),\n  ...($variant === \"default\" && {\n    backgroundColor: theme.colors.neutral_20,\n  }),\n}));\n"],"names":["StyledRoot","_styled","process","env","NODE_ENV","target","label","width","position","snackbarContentClasses","root","minWidth","display","flexWrap","boxShadow","borderRadius","theme","radii","none","message","alignItems","padding","space","xs","paddingLeft","sm","action","marginRight","flex","placeSelf","StyledSnackbarContent","SnackbarContent","_extends","transientOptions","$variant","backgroundColor","colors","positive_20","warning_20","negative_20","neutral_20"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAQO,MAAMA,aAAoBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACtCC,OAAO;AAAA,EACPC,UAAU;AAAA,EACV,CAAE,MAAKC,uCAAuBC,MAAM,GAAG;AAAA,IACrCC,UAAU;AAAA,IACVH,UAAU;AAAA,IACVI,SAAS;AAAA,IACTC,UAAU;AAAA,IACVC,WAAW;AAAA,IACXC,cAAcC,YAAAA,MAAMC,MAAMC;AAAAA,EAC5B;AAAA,EACA,CAAE,MAAKT,uCAAuBU,SAAS,GAAG;AAAA,IACxCP,SAAS;AAAA,IACTQ,YAAY;AAAA,IACZC,SAAU,GAAEL,YAAAA,MAAMM,MAAMC;AAAAA,IACxBC,aAAaR,YAAAA,MAAMM,MAAMG;AAAAA,EAC3B;AAAA,EACA,CAAE,MAAKhB,uCAAuBiB,QAAQ,GAAG;AAAA,IACvCL,SAASL,YAAAA,MAAMM,MAAMC;AAAAA,IACrBI,aAAa;AAAA,IACbC,MAAM;AAAA,IACNC,WAAW;AAAA,EACb;AACF,GAAC3B,QAAAC,IAAAC,aAAC,eAAA,KAAA,67EAAA;AAEW0B,MAAAA,iEACXC,yBAAAA,SAAe7B,QAAAC,IAAAC,4BAAA4B,SAAA,IAAA;AAAA,EAAA3B,QAAA;AAAA,GACf4B,iBAAgB,gBAAA,IAAAD,SAAA,IAAA;AAAA,EAAA3B,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhB2B,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEC;AAAwC,OAAO;AAAA,EAClDb,SAAS;AAAA,EACT,GAAIa,aAAa,aAAa;AAAA,IAC5BC,iBAAiBnB,YAAAA,MAAMoB,OAAOC;AAAAA,EAChC;AAAA,EACA,GAAIH,aAAa,aAAa;AAAA,IAC5BC,iBAAiBnB,YAAAA,MAAMoB,OAAOE;AAAAA,EAChC;AAAA,EACA,GAAIJ,aAAa,WAAW;AAAA,IAC1BC,iBAAiBnB,YAAAA,MAAMoB,OAAOG;AAAAA,EAChC;AAAA,EACA,GAAIL,aAAa,aAAa;AAAA,IAC5BC,iBAAiBnB,YAAAA,MAAMoB,OAAOI;AAAAA,EAChC;AACF,IAAEtC,QAAAC,IAAAC,aAAC,eAAA,KAAA,i8EAAA;;;"}
+{"version":3,"file":"BannerContent.styles.cjs","sources":["../../../../../src/components/Banner/BannerContent/BannerContent.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport SnackbarContent, {\n  snackbarContentClasses,\n} from \"@mui/material/SnackbarContent\";\nimport { transientOptions } from \"~/utils/transientOptions\";\nimport { HvBannerVariant } from \"../Banner\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const StyledRoot = styled(\"div\")({\n  width: \"100%\",\n  position: \"relative\",\n  [`& .${snackbarContentClasses.root}`]: {\n    minWidth: \"100%\",\n    position: \"relative\",\n    display: \"flex\",\n    flexWrap: \"nowrap\",\n    boxShadow: \"none\",\n    borderRadius: theme.radii.none,\n  },\n  [`& .${snackbarContentClasses.message}`]: {\n    display: \"flex\",\n    alignItems: \"center\",\n    padding: `${theme.space.xs} 0`,\n    paddingLeft: theme.space.sm,\n  },\n  [`& .${snackbarContentClasses.action}`]: {\n    padding: theme.space.xs,\n    marginRight: 0,\n    flex: \"0 0 auto\",\n    placeSelf: \"stretch\",\n  },\n});\n\nexport const StyledSnackbarContent = styled(\n  SnackbarContent,\n  transientOptions\n)(({ $variant }: { $variant: HvBannerVariant }) => ({\n  padding: 0,\n  ...($variant === \"success\" && {\n    backgroundColor: theme.colors.positive_20,\n  }),\n  ...($variant === \"warning\" && {\n    backgroundColor: theme.colors.warning_20,\n  }),\n  ...($variant === \"error\" && {\n    backgroundColor: theme.colors.negative_20,\n  }),\n  ...($variant === \"default\" && {\n    backgroundColor: theme.colors.neutral_20,\n  }),\n}));\n"],"names":["StyledRoot","_styled","process","env","NODE_ENV","target","label","width","position","snackbarContentClasses","root","minWidth","display","flexWrap","boxShadow","borderRadius","theme","radii","none","message","alignItems","padding","space","xs","paddingLeft","sm","action","marginRight","flex","placeSelf","StyledSnackbarContent","SnackbarContent","_extends","transientOptions","$variant","backgroundColor","colors","positive_20","warning_20","negative_20","neutral_20"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAQO,MAAMA,aAAoBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACtCC,OAAO;AAAA,EACPC,UAAU;AAAA,EACV,CAAE,MAAKC,uCAAuBC,MAAM,GAAG;AAAA,IACrCC,UAAU;AAAA,IACVH,UAAU;AAAA,IACVI,SAAS;AAAA,IACTC,UAAU;AAAA,IACVC,WAAW;AAAA,IACXC,cAAcC,YAAAA,MAAMC,MAAMC;AAAAA,EAC5B;AAAA,EACA,CAAE,MAAKT,uCAAuBU,SAAS,GAAG;AAAA,IACxCP,SAAS;AAAA,IACTQ,YAAY;AAAA,IACZC,SAAU,GAAEL,YAAAA,MAAMM,MAAMC;AAAAA,IACxBC,aAAaR,YAAAA,MAAMM,MAAMG;AAAAA,EAC3B;AAAA,EACA,CAAE,MAAKhB,uCAAuBiB,QAAQ,GAAG;AAAA,IACvCL,SAASL,YAAAA,MAAMM,MAAMC;AAAAA,IACrBI,aAAa;AAAA,IACbC,MAAM;AAAA,IACNC,WAAW;AAAA,EACb;AACF,GAAC3B,QAAAC,IAAAC,aAAC,eAAA,KAAA,i8EAAA;AAEW0B,MAAAA,iEACXC,yBAAAA,SAAe7B,QAAAC,IAAAC,4BAAA4B,SAAA,IAAA;AAAA,EAAA3B,QAAA;AAAA,GACf4B,iBAAgB,gBAAA,IAAAD,SAAA,IAAA;AAAA,EAAA3B,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhB2B,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEC;AAAwC,OAAO;AAAA,EAClDb,SAAS;AAAA,EACT,GAAIa,aAAa,aAAa;AAAA,IAC5BC,iBAAiBnB,YAAAA,MAAMoB,OAAOC;AAAAA,EAChC;AAAA,EACA,GAAIH,aAAa,aAAa;AAAA,IAC5BC,iBAAiBnB,YAAAA,MAAMoB,OAAOE;AAAAA,EAChC;AAAA,EACA,GAAIJ,aAAa,WAAW;AAAA,IAC1BC,iBAAiBnB,YAAAA,MAAMoB,OAAOG;AAAAA,EAChC;AAAA,EACA,GAAIL,aAAa,aAAa;AAAA,IAC5BC,iBAAiBnB,YAAAA,MAAMoB,OAAOI;AAAAA,EAChC;AACF,IAAEtC,QAAAC,IAAAC,aAAC,eAAA,KAAA,i8EAAA;;;"}

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

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const clsx = require("clsx");
+const messageContainerClasses = require("./messageContainerClasses.cjs");
 const MessageContainer_styles = require("./MessageContainer.styles.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const messageContainerClasses = require("./messageContainerClasses.cjs");
 const setId = require("../../../../utils/setId.cjs");
 const ActionsGeneric = require("../../../ActionsGeneric/ActionsGeneric.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };

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

@@ -1 +1 @@
-{"version":3,"file":"MessageContainer.cjs","sources":["../../../../../../src/components/Banner/BannerContent/MessageContainer/MessageContainer.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../../types\";\nimport { HvActionGeneric, HvActionsGeneric } from \"components\";\nimport { messageContainerClasses, HvMessageContainerClasses } from \".\";\nimport {\n  StyledIconContainer,\n  StyledTypography,\n  StyledMessageContainer,\n} from \"./MessageContainer.styles\";\nimport { setId } from \"utils\";\n\nexport type HvMessageContainerProps = 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,\n  icon,\n  actionsOnMessage,\n  actionsOnMessageCallback,\n  message,\n}: HvMessageContainerProps) => {\n  return (\n    <>\n      {icon && (\n        <StyledIconContainer\n          className={clsx(\n            messageContainerClasses.iconContainer,\n            classes?.iconContainer\n          )}\n        >\n          {icon}\n        </StyledIconContainer>\n      )}\n      <StyledTypography\n        id={setId(id, \"message-text\")}\n        className={clsx(messageContainerClasses.message, classes?.message)}\n      >\n        {message}\n      </StyledTypography>\n      {actionsOnMessage && (\n        <StyledMessageContainer\n          id={setId(id, \"message-actions\")}\n          className={clsx(\n            messageContainerClasses.actionMessageContainer,\n            classes?.actionMessageContainer\n          )}\n        >\n          <HvActionsGeneric\n            id={id}\n            category=\"semantic\"\n            actions={actionsOnMessage}\n            actionsCallback={actionsOnMessageCallback}\n          />\n        </StyledMessageContainer>\n      )}\n    </>\n  );\n};\n"],"names":["HvMessageContainer","id","classes","icon","actionsOnMessage","actionsOnMessageCallback","message","_Fragment","children","_jsx","StyledIconContainer","className","clsx","messageContainerClasses","iconContainer","StyledTypography","setId","StyledMessageContainer","actionMessageContainer","HvActionsGeneric","category","actions","actionsCallback"],"mappings":";;;;;;;;;;AA4BO,MAAMA,qBAAqBA,CAAC;AAAA,EACjCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AACuB,MAAM;AAC7B,yCACEC,WAAAA,UAAA;AAAA,IAAAC,UACGL,CAAAA,QACCM,2BAAAA,IAACC,6CAAmB;AAAA,MAClBC,WAAWC,cAAAA,QACTC,wBAAAA,QAAwBC,eACxBZ,mCAASY,aAAa;AAAA,MACtBN,UAEDL;AAAAA,IAAAA,CAEJ,GACDM,2BAAAA,IAACM,0CAAgB;AAAA,MACfd,IAAIe,MAAAA,MAAMf,IAAI,cAAc;AAAA,MAC5BU,WAAWC,cAAAA,QAAKC,wBAAAA,QAAwBP,SAASJ,mCAASI,OAAO;AAAA,MAAEE,UAElEF;AAAAA,IAAAA,CAAO,GAETF,oBACCK,2BAAAA,IAACQ,gDAAsB;AAAA,MACrBhB,IAAIe,MAAAA,MAAMf,IAAI,iBAAiB;AAAA,MAC/BU,WAAWC,cAAAA,QACTC,wBAAAA,QAAwBK,wBACxBhB,mCAASgB,sBAAsB;AAAA,MAC/BV,yCAEDW,iCAAgB;AAAA,QACflB;AAAAA,QACAmB,UAAS;AAAA,QACTC,SAASjB;AAAAA,QACTkB,iBAAiBjB;AAAAA,MAAAA,CAAyB;AAAA,IAAA,CAG/C,CAAA;AAAA,EAAA,CACA;AAEP;;"}
+{"version":3,"file":"MessageContainer.cjs","sources":["../../../../../../src/components/Banner/BannerContent/MessageContainer/MessageContainer.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"~/types\";\nimport { HvActionGeneric, HvActionsGeneric } from \"~/components\";\nimport messageContainerClasses, {\n  HvMessageContainerClasses,\n} from \"./messageContainerClasses\";\nimport {\n  StyledIconContainer,\n  StyledTypography,\n  StyledMessageContainer,\n} from \"./MessageContainer.styles\";\nimport { setId } from \"~/utils\";\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,\n  icon,\n  actionsOnMessage,\n  actionsOnMessageCallback,\n  message,\n}: HvMessageContainerProps) => {\n  return (\n    <>\n      {icon && (\n        <StyledIconContainer\n          className={clsx(\n            messageContainerClasses.iconContainer,\n            classes?.iconContainer\n          )}\n        >\n          {icon}\n        </StyledIconContainer>\n      )}\n      <StyledTypography\n        id={setId(id, \"message-text\")}\n        className={clsx(messageContainerClasses.message, classes?.message)}\n      >\n        {message}\n      </StyledTypography>\n      {actionsOnMessage && (\n        <StyledMessageContainer\n          id={setId(id, \"message-actions\")}\n          className={clsx(\n            messageContainerClasses.actionMessageContainer,\n            classes?.actionMessageContainer\n          )}\n        >\n          <HvActionsGeneric\n            id={id}\n            category=\"semantic\"\n            actions={actionsOnMessage}\n            actionsCallback={actionsOnMessageCallback}\n          />\n        </StyledMessageContainer>\n      )}\n    </>\n  );\n};\n"],"names":["HvMessageContainer","id","classes","icon","actionsOnMessage","actionsOnMessageCallback","message","_Fragment","children","_jsx","StyledIconContainer","className","clsx","messageContainerClasses","iconContainer","StyledTypography","setId","StyledMessageContainer","actionMessageContainer","HvActionsGeneric","category","actions","actionsCallback"],"mappings":";;;;;;;;;;AA8BO,MAAMA,qBAAqBA,CAAC;AAAA,EACjCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AACuB,MAAM;AAC7B,yCACEC,WAAAA,UAAA;AAAA,IAAAC,UACGL,CAAAA,QACCM,2BAAAA,IAACC,6CAAmB;AAAA,MAClBC,WAAWC,cAAAA,QACTC,wBAAAA,QAAwBC,eACxBZ,mCAASY,aAAa;AAAA,MACtBN,UAEDL;AAAAA,IAAAA,CAEJ,GACDM,2BAAAA,IAACM,0CAAgB;AAAA,MACfd,IAAIe,MAAAA,MAAMf,IAAI,cAAc;AAAA,MAC5BU,WAAWC,cAAAA,QAAKC,wBAAAA,QAAwBP,SAASJ,mCAASI,OAAO;AAAA,MAAEE,UAElEF;AAAAA,IAAAA,CAAO,GAETF,oBACCK,2BAAAA,IAACQ,gDAAsB;AAAA,MACrBhB,IAAIe,MAAAA,MAAMf,IAAI,iBAAiB;AAAA,MAC/BU,WAAWC,cAAAA,QACTC,wBAAAA,QAAwBK,wBACxBhB,mCAASgB,sBAAsB;AAAA,MAC/BV,yCAEDW,iCAAgB;AAAA,QACflB;AAAAA,QACAmB,UAAS;AAAA,QACTC,SAASjB;AAAAA,QACTkB,iBAAiBjB;AAAAA,MAAAA,CAAyB;AAAA,IAAA,CAG/C,CAAA;AAAA,EAAA,CACA;AAEP;;"}

package/dist/cjs/components/Banner/BannerContent/MessageContainer/MessageContainer.styles.cjs

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const _styled = require("@emotion/styled/base");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const Typography = require("../../../Typography/Typography.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
@@ -17,10 +16,8 @@ const StyledIconContainer = /* @__PURE__ */ _styled__default.default("div", proc
 })({
   marginRight: uikitStyles.theme.space.xs,
   marginLeft: -uikitStyles.theme.space.xs
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lckNvbnRlbnQvTWVzc2FnZUNvbnRhaW5lci9NZXNzYWdlQ29udGFpbmVyLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSW1DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lckNvbnRlbnQvTWVzc2FnZUNvbnRhaW5lci9NZXNzYWdlQ29udGFpbmVyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNlLnhzLFxuICBtYXJnaW5MZWZ0OiAtdGhlbWUuc3BhY2UueHMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoKHByb3BzKSA9PiA8SHZUeXBvZ3JhcGh5IHsuLi5wcm9wc30gLz4pKHtcbiAgY29sb3I6IHRoZW1lLmNvbG9ycy5iYXNlX2RhcmssXG4gIHdvcmRCcmVhazogXCJicmVhay13b3JkXCIsXG4gIG1heFdpZHRoOiBcIjcwMHB4XCIsXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICBtYXJnaW5SaWdodDogMTAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE1lc3NhZ2VDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBmbGV4OiBcIjAgMCBhdXRvXCIsXG59KTtcbiJdfQ== */");
-const StyledTypography = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
-  ...props
-}), process.env.NODE_ENV === "production" ? {
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lckNvbnRlbnQvTWVzc2FnZUNvbnRhaW5lci9NZXNzYWdlQ29udGFpbmVyLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSW1DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lckNvbnRlbnQvTWVzc2FnZUNvbnRhaW5lci9NZXNzYWdlQ29udGFpbmVyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJ+L2NvbXBvbmVudHNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEljb25Db250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2UueHMsXG4gIG1hcmdpbkxlZnQ6IC10aGVtZS5zcGFjZS54cyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHlwb2dyYXBoeSA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgY29sb3I6IHRoZW1lLmNvbG9ycy5iYXNlX2RhcmssXG4gIHdvcmRCcmVhazogXCJicmVhay13b3JkXCIsXG4gIG1heFdpZHRoOiBcIjcwMHB4XCIsXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICBtYXJnaW5SaWdodDogMTAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE1lc3NhZ2VDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBmbGV4OiBcIjAgMCBhdXRvXCIsXG59KTtcbiJdfQ== */");
+const StyledTypography = /* @__PURE__ */ _styled__default.default(Typography.HvTypography, process.env.NODE_ENV === "production" ? {
   target: "e3wuhfa1"
 } : {
   target: "e3wuhfa1",
@@ -31,7 +28,7 @@ const StyledTypography = /* @__PURE__ */ _styled__default.default((props) => /*
   maxWidth: "700px",
   overflow: "hidden",
   marginRight: 10
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lckNvbnRlbnQvTWVzc2FnZUNvbnRhaW5lci9NZXNzYWdlQ29udGFpbmVyLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU2dDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lckNvbnRlbnQvTWVzc2FnZUNvbnRhaW5lci9NZXNzYWdlQ29udGFpbmVyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNlLnhzLFxuICBtYXJnaW5MZWZ0OiAtdGhlbWUuc3BhY2UueHMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoKHByb3BzKSA9PiA8SHZUeXBvZ3JhcGh5IHsuLi5wcm9wc30gLz4pKHtcbiAgY29sb3I6IHRoZW1lLmNvbG9ycy5iYXNlX2RhcmssXG4gIHdvcmRCcmVhazogXCJicmVhay13b3JkXCIsXG4gIG1heFdpZHRoOiBcIjcwMHB4XCIsXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICBtYXJnaW5SaWdodDogMTAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE1lc3NhZ2VDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBmbGV4OiBcIjAgMCBhdXRvXCIsXG59KTtcbiJdfQ== */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lckNvbnRlbnQvTWVzc2FnZUNvbnRhaW5lci9NZXNzYWdlQ29udGFpbmVyLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU2dDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lckNvbnRlbnQvTWVzc2FnZUNvbnRhaW5lci9NZXNzYWdlQ29udGFpbmVyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJ+L2NvbXBvbmVudHNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEljb25Db250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2UueHMsXG4gIG1hcmdpbkxlZnQ6IC10aGVtZS5zcGFjZS54cyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHlwb2dyYXBoeSA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgY29sb3I6IHRoZW1lLmNvbG9ycy5iYXNlX2RhcmssXG4gIHdvcmRCcmVhazogXCJicmVhay13b3JkXCIsXG4gIG1heFdpZHRoOiBcIjcwMHB4XCIsXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICBtYXJnaW5SaWdodDogMTAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE1lc3NhZ2VDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBmbGV4OiBcIjAgMCBhdXRvXCIsXG59KTtcbiJdfQ== */");
 const StyledMessageContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
   target: "e3wuhfa0"
 } : {
@@ -43,7 +40,7 @@ const StyledMessageContainer = /* @__PURE__ */ _styled__default.default("div", p
 } : {
   name: "ou8xsw",
   styles: "flex:0 0 auto",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lckNvbnRlbnQvTWVzc2FnZUNvbnRhaW5lci9NZXNzYWdlQ29udGFpbmVyLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJzQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Jhbm5lci9CYW5uZXJDb250ZW50L01lc3NhZ2VDb250YWluZXIvTWVzc2FnZUNvbnRhaW5lci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSWNvbkNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbiAgbWFyZ2luTGVmdDogLXRoZW1lLnNwYWNlLnhzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKChwcm9wcykgPT4gPEh2VHlwb2dyYXBoeSB7Li4ucHJvcHN9IC8+KSh7XG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMuYmFzZV9kYXJrLFxuICB3b3JkQnJlYWs6IFwiYnJlYWstd29yZFwiLFxuICBtYXhXaWR0aDogXCI3MDBweFwiLFxuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgbWFyZ2luUmlnaHQ6IDEwLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRNZXNzYWdlQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZmxleDogXCIwIDAgYXV0b1wiLFxufSk7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lckNvbnRlbnQvTWVzc2FnZUNvbnRhaW5lci9NZXNzYWdlQ29udGFpbmVyLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJzQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Jhbm5lci9CYW5uZXJDb250ZW50L01lc3NhZ2VDb250YWluZXIvTWVzc2FnZUNvbnRhaW5lci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwifi9jb21wb25lbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNlLnhzLFxuICBtYXJnaW5MZWZ0OiAtdGhlbWUuc3BhY2UueHMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMuYmFzZV9kYXJrLFxuICB3b3JkQnJlYWs6IFwiYnJlYWstd29yZFwiLFxuICBtYXhXaWR0aDogXCI3MDBweFwiLFxuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgbWFyZ2luUmlnaHQ6IDEwLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRNZXNzYWdlQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZmxleDogXCIwIDAgYXV0b1wiLFxufSk7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 exports.StyledIconContainer = StyledIconContainer;

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

@@ -1 +1 @@
-{"version":3,"file":"MessageContainer.styles.cjs","sources":["../../../../../../src/components/Banner/BannerContent/MessageContainer/MessageContainer.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvTypography } from \"components\";\n\nexport const StyledIconContainer = styled(\"div\")({\n  marginRight: theme.space.xs,\n  marginLeft: -theme.space.xs,\n});\n\nexport const StyledTypography = styled((props) => <HvTypography {...props} />)({\n  color: theme.colors.base_dark,\n  wordBreak: \"break-word\",\n  maxWidth: \"700px\",\n  overflow: \"hidden\",\n  marginRight: 10,\n});\n\nexport const StyledMessageContainer = styled(\"div\")({\n  flex: \"0 0 auto\",\n});\n"],"names":["StyledIconContainer","_styled","process","env","NODE_ENV","target","label","marginRight","theme","space","xs","marginLeft","StyledTypography","props","_jsx","HvTypography","color","colors","base_dark","wordBreak","maxWidth","overflow","StyledMessageContainer","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"mappings":";;;;;;;;;;;AAIO,MAAMA,sBAA6BC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC/CC,aAAaC,YAAAA,MAAMC,MAAMC;AAAAA,EACzBC,YAAY,CAACH,kBAAMC,MAAMC;AAC3B,GAACR,QAAAC,IAAAC,aAAC,eAAA,KAAA,6zCAAA;AAEK,MAAMQ,mBAAmBX,iCAAAA,QAAQY,CAAUC,UAAAA,2BAAAA,IAACC,WAAAA,cAAY;AAAA,EAAA,GAAKF;AAAK,CAAA,GAAIX,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC7EU,OAAOR,YAAAA,MAAMS,OAAOC;AAAAA,EACpBC,WAAW;AAAA,EACXC,UAAU;AAAA,EACVC,UAAU;AAAA,EACVd,aAAa;AACf,GAACL,QAAAC,IAAAC,aAAC,eAAA,KAAA,6zCAAA;AAEK,MAAMkB,yBAAgCrB,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,EAAAmB,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAEjD;;;;"}
+{"version":3,"file":"MessageContainer.styles.cjs","sources":["../../../../../../src/components/Banner/BannerContent/MessageContainer/MessageContainer.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvTypography } from \"~/components\";\n\nexport const StyledIconContainer = styled(\"div\")({\n  marginRight: theme.space.xs,\n  marginLeft: -theme.space.xs,\n});\n\nexport const StyledTypography = styled(HvTypography)({\n  color: theme.colors.base_dark,\n  wordBreak: \"break-word\",\n  maxWidth: \"700px\",\n  overflow: \"hidden\",\n  marginRight: 10,\n});\n\nexport const StyledMessageContainer = styled(\"div\")({\n  flex: \"0 0 auto\",\n});\n"],"names":["StyledIconContainer","_styled","process","env","NODE_ENV","target","label","marginRight","theme","space","xs","marginLeft","StyledTypography","HvTypography","color","colors","base_dark","wordBreak","maxWidth","overflow","StyledMessageContainer","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"mappings":";;;;;;;;;;AAIO,MAAMA,sBAA6BC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC/CC,aAAaC,YAAAA,MAAMC,MAAMC;AAAAA,EACzBC,YAAY,CAACH,kBAAMC,MAAMC;AAC3B,GAACR,QAAAC,IAAAC,aAAC,eAAA,KAAA,6xCAAA;AAEK,MAAMQ,mBAA0BC,iCAAAA,QAAAA,WAAAA,cAAYX,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACnDQ,OAAON,YAAAA,MAAMO,OAAOC;AAAAA,EACpBC,WAAW;AAAA,EACXC,UAAU;AAAA,EACVC,UAAU;AAAA,EACVZ,aAAa;AACf,GAACL,QAAAC,IAAAC,aAAC,eAAA,KAAA,6xCAAA;AAEK,MAAMgB,yBAAgCnB,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,EAAAiB,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAEjD;;;;"}

package/dist/cjs/components/Banner/BannerContent/MessageContainer/messageContainerClasses.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"messageContainerClasses.cjs","sources":["../../../../../../src/components/Banner/BannerContent/MessageContainer/messageContainerClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvMessageContainerClasses = {\n  iconContainer?: string;\n  message?: string;\n  actionMessageContainer?: string;\n};\n\nconst classKeys: string[] = [\n  \"iconContainer\",\n  \"message\",\n  \"actionMessageContainer\",\n];\n\nconst messageContainerClasses = getClasses<HvMessageContainerClasses>(\n  classKeys,\n  \"HvBanner-MessageContainer\"\n);\n\nexport default messageContainerClasses;\n"],"names":["classKeys","messageContainerClasses","getClasses"],"mappings":";;;AAQA,MAAMA,YAAsB,CAC1B,iBACA,WACA,wBAAwB;AAG1B,MAAMC,0BAA0BC,QAC9BF,WAAAA,WACA,2BAA2B;AAG7B,MAAA,4BAAeC;;"}
+{"version":3,"file":"messageContainerClasses.cjs","sources":["../../../../../../src/components/Banner/BannerContent/MessageContainer/messageContainerClasses.ts"],"sourcesContent":["import { getClasses } from \"~/utils\";\n\nexport interface HvMessageContainerClasses {\n  iconContainer?: string;\n  message?: string;\n  actionMessageContainer?: string;\n}\n\nconst classKeys: string[] = [\n  \"iconContainer\",\n  \"message\",\n  \"actionMessageContainer\",\n];\n\nconst messageContainerClasses = getClasses<HvMessageContainerClasses>(\n  classKeys,\n  \"HvBanner-MessageContainer\"\n);\n\nexport default messageContainerClasses;\n"],"names":["classKeys","messageContainerClasses","getClasses"],"mappings":";;;AAQA,MAAMA,YAAsB,CAC1B,iBACA,WACA,wBAAwB;AAG1B,MAAMC,0BAA0BC,QAC9BF,WAAAA,WACA,2BAA2B;AAG7B,MAAA,4BAAeC;;"}

package/dist/cjs/components/Banner/BannerContent/bannerContentClasses.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"bannerContentClasses.cjs","sources":["../../../../../src/components/Banner/BannerContent/bannerContentClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvBannerContentClasses = {\n  outContainer?: string;\n  root?: string;\n  message?: string;\n  action?: string;\n  baseVariant?: string;\n  success?: string;\n  warning?: string;\n  error?: string;\n  info?: string;\n  default?: string;\n};\n\nconst classKeys: string[] = [\n  \"outContainer\",\n  \"root\",\n  \"message\",\n  \"action\",\n  \"baseVariant\",\n  \"success\",\n  \"warning\",\n  \"error\",\n  \"info\",\n  \"default\",\n];\n\nconst bannerContentClasses = getClasses<HvBannerContentClasses>(\n  classKeys,\n  \"HvBanner-Content\"\n);\n\nexport default bannerContentClasses;\n"],"names":["classKeys","bannerContentClasses","getClasses"],"mappings":";;;AAeA,MAAMA,YAAsB,CAC1B,gBACA,QACA,WACA,UACA,eACA,WACA,WACA,SACA,QACA,SAAS;AAGX,MAAMC,uBAAuBC,QAC3BF,WAAAA,WACA,kBAAkB;AAGpB,MAAA,yBAAeC;;"}
+{"version":3,"file":"bannerContentClasses.cjs","sources":["../../../../../src/components/Banner/BannerContent/bannerContentClasses.ts"],"sourcesContent":["import { getClasses } from \"~/utils\";\n\nexport interface HvBannerContentClasses {\n  outContainer?: string;\n  root?: string;\n  message?: string;\n  action?: string;\n  baseVariant?: string;\n  success?: string;\n  warning?: string;\n  error?: string;\n  info?: string;\n  default?: string;\n}\n\nconst classKeys: string[] = [\n  \"outContainer\",\n  \"root\",\n  \"message\",\n  \"action\",\n  \"baseVariant\",\n  \"success\",\n  \"warning\",\n  \"error\",\n  \"info\",\n  \"default\",\n];\n\nconst bannerContentClasses = getClasses<HvBannerContentClasses>(\n  classKeys,\n  \"HvBanner-Content\"\n);\n\nexport default bannerContentClasses;\n"],"names":["classKeys","bannerContentClasses","getClasses"],"mappings":";;;AAeA,MAAMA,YAAsB,CAC1B,gBACA,QACA,WACA,UACA,eACA,WACA,WACA,SACA,QACA,SAAS;AAGX,MAAMC,uBAAuBC,QAC3BF,WAAAA,WACA,kBAAkB;AAGpB,MAAA,yBAAeC;;"}

package/dist/cjs/components/Banner/bannerClasses.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"bannerClasses.cjs","sources":["../../../../src/components/Banner/bannerClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvBannerClasses = {\n  /** Styles applied to the component root class. */\n  root?: string;\n  /** Styles applied to the component root class when the component is closed. */\n  rootClosed?: string;\n  /** Styles applied to the component when define as top. */\n  anchorOriginTopCenter?: string;\n  /** Styles applied to the component when define as bottom. */\n  anchorOriginBottomCenter?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"rootClosed\",\n  \"anchorOriginTopCenter\",\n  \"anchorOriginBottomCenter\",\n];\n\nconst bannerClasses = getClasses<HvBannerClasses>(classKeys, \"HvBanner\");\n\nexport default bannerClasses;\n"],"names":["classKeys","bannerClasses","getClasses"],"mappings":";;;AAaA,MAAMA,YAAsB,CAC1B,QACA,cACA,yBACA,0BAA0B;AAG5B,MAAMC,gBAAgBC,QAA4BF,WAAAA,WAAW,UAAU;AAEvE,MAAA,kBAAeC;;"}
+{"version":3,"file":"bannerClasses.cjs","sources":["../../../../src/components/Banner/bannerClasses.ts"],"sourcesContent":["import { getClasses } from \"~/utils\";\n\nexport interface HvBannerClasses {\n  /** Styles applied to the component root class. */\n  root?: string;\n  /** Styles applied to the component root class when the component is closed. */\n  rootClosed?: string;\n  /** Styles applied to the component when define as top. */\n  anchorOriginTopCenter?: string;\n  /** Styles applied to the component when define as bottom. */\n  anchorOriginBottomCenter?: string;\n}\n\nconst classKeys: string[] = [\n  \"root\",\n  \"rootClosed\",\n  \"anchorOriginTopCenter\",\n  \"anchorOriginBottomCenter\",\n];\n\nconst bannerClasses = getClasses<HvBannerClasses>(classKeys, \"HvBanner\");\n\nexport default bannerClasses;\n"],"names":["classKeys","bannerClasses","getClasses"],"mappings":";;;AAaA,MAAMA,YAAsB,CAC1B,QACA,cACA,yBACA,0BAA0B;AAG5B,MAAMC,gBAAgBC,QAA4BF,WAAAA,WAAW,UAAU;AAEvE,MAAA,kBAAeC;;"}

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

@@ -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 \"../../types\";\nimport { StyledCheckedBox } from \"./BaseCheckBox.styles\";\nimport baseCheckBoxClasses, {\n  HvBaseCheckBoxClasses,\n} from \"./baseCheckBoxClasses\";\n\nexport type HvBaseCheckBoxProps = Omit<\n  MuiCheckboxProps,\n  \"onChange\" | \"classes\"\n> &\n  HvBaseProps<HTMLInputElement, { onChange }> & {\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":";;;;;;;;;;AAyFA,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,cAAAA,QAAKT,mCAASU,MAAMC,oBAAAA,QAAoBD,IAAI;AAAA,IAAA,CAE1D;AAAA,IACDE,gDACGC,iCAAmB;AAAA,MAClBV;AAAAA,MACAK,WAAWC,cAAAA,QAAKT,mCAASU,MAAMC,oBAAAA,QAAoBD,IAAI;AAAA,IAAA,CAE1D;AAAA,IACDI,gDACGC,+BAAiB;AAAA,MAChBZ,OAAOE;AAAAA,MACPG,WAAWC,cAAAA,QAAKT,mCAASU,MAAMC,oBAAAA,QAAoBD,IAAI;AAAA,IAAA,CAAE;AAAA,EAAA;AAIjE;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,CAAC;AAGvBY,QAAAA,iBAAiBH,kBACrB,CAACC,UAA+C;AAC9CL,oBAAgB,KAAK;AACrBT,qCAASc;AAAAA,EAAK,GAEhB,CAACd,MAAM,CAAC;AAGJiB,QAAAA,yBAAyBJ,kBAC7B,CAACC,UAAiC;AAChCL,oBAAgB,IAAI;AACpBV,qDAAiBe;AAAAA,EAAK,GAExB,CAACf,cAAc,CAAC;AAGlB,wCACGmB,oBAAAA,kBAAgB;AAAA,IACfvB;AAAAA,IACAC;AAAAA,IACAQ;AAAAA,IACAlB,WAAWC,cAAAA,QACTD,WACAG,oBAAAA,QAAoB8B,MACpBzC,mCAASyC,MACTxC,YAAYQ,sBAAKE,oBAAAA,QAAoBV,UAAUD,mCAASC,QAAQ,GAChE6B,gBACErB,cAAAA,QAAKE,oBAAAA,QAAoBmB,cAAc9B,mCAAS8B,YAAY,CAAC;AAAA,IAEjEY,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,CACJ;AAEN;;"}
+{"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 \"~/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,cAAAA,QAAKT,mCAASU,MAAMC,oBAAAA,QAAoBD,IAAI;AAAA,IAAA,CAE1D;AAAA,IACDE,gDACGC,iCAAmB;AAAA,MAClBV;AAAAA,MACAK,WAAWC,cAAAA,QAAKT,mCAASU,MAAMC,oBAAAA,QAAoBD,IAAI;AAAA,IAAA,CAE1D;AAAA,IACDI,gDACGC,+BAAiB;AAAA,MAChBZ,OAAOE;AAAAA,MACPG,WAAWC,cAAAA,QAAKT,mCAASU,MAAMC,oBAAAA,QAAoBD,IAAI;AAAA,IAAA,CAAE;AAAA,EAAA;AAIjE;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,CAAC;AAGvBY,QAAAA,iBAAiBH,kBACrB,CAACC,UAA+C;AAC9CL,oBAAgB,KAAK;AACrBT,qCAASc;AAAAA,EAAK,GAEhB,CAACd,MAAM,CAAC;AAGJiB,QAAAA,yBAAyBJ,kBAC7B,CAACC,UAAiC;AAChCL,oBAAgB,IAAI;AACpBV,qDAAiBe;AAAAA,EAAK,GAExB,CAACf,cAAc,CAAC;AAGlB,wCACGmB,oBAAAA,kBAAgB;AAAA,IACfvB;AAAAA,IACAC;AAAAA,IACAQ;AAAAA,IACAlB,WAAWC,cAAAA,QACTD,WACAG,oBAAAA,QAAoB8B,MACpBzC,mCAASyC,MACTxC,YAAYQ,sBAAKE,oBAAAA,QAAoBV,UAAUD,mCAASC,QAAQ,GAChE6B,gBACErB,cAAAA,QAAKE,oBAAAA,QAAoBmB,cAAc9B,mCAAS8B,YAAY,CAAC;AAAA,IAEjEY,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,CACJ;AAEN;;"}

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

@@ -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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFzZUNoZWNrQm94L0Jhc2VDaGVja0JveC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU2dDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFzZUNoZWNrQm94L0Jhc2VDaGVja0JveC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGVja2JveCBhcyBNdWlDaGVja0JveCxcbiAgY2hlY2tib3hDbGFzc2VzIGFzIE11aUNoZWNrQm94Q2xhc3Nlcyxcbn0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcInV0aWxzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDaGVja2VkQm94ID0gc3R5bGVkKFxuICBNdWlDaGVja0JveCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkZm9jdXNWaXNpYmxlIH06IHsgJGZvY3VzVmlzaWJsZTogYm9vbGVhbiB9KSA9PiAoe1xuICBwYWRkaW5nOiAwLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLmJhc2VDaGVja0JveC5ib3JkZXJSYWRpdXMsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIFwiJjpob3ZlclwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5iYXNlQ2hlY2tCb3guaG92ZXJDb2xvcixcbiAgfSxcblxuICAuLi4oJGZvY3VzVmlzaWJsZSAmJiB7XG4gICAgXCImIHN2Z1wiOiB7XG4gICAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICAgIH0sXG4gIH0pLFxuXG4gIC8vIE92ZXJyaWRlIE11aSBzdHlsaW5nOiBodHRwczovL211aS5jb20vbWF0ZXJpYWwtdWkvYXBpL2NoZWNrYm94LyNjc3NcbiAgW2AmLiR7TXVpQ2hlY2tCb3hDbGFzc2VzLmRpc2FibGVkfWBdOiB7XG4gICAgLy8gRW5zdXJlIG1vcmUgc3BlY2lmaWNpdHkgdGhhbiAuTXVpQnV0dG9uQmFzZS1yb290Lk11aS1kaXNhYmxlZCBhbmQgLk11aUljb25CdXR0b24tcm9vdC5NdWktZGlzYWJsZWRcbiAgICBbYCYuJHtNdWlDaGVja0JveENsYXNzZXMucm9vdH1gXToge1xuICAgICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gICAgICBwb2ludGVyRXZlbnRzOiBcImluaXRpYWxcIixcbiAgICB9LFxuXG4gICAgXCImIHN2Z1wiOiB7XG4gICAgICBcIiYgcGF0aDpudGgtb2YtdHlwZSgyKVwiOiB7XG4gICAgICAgIGZpbGw6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gICAgICB9LFxuICAgIH0sXG4gIH0sXG59KSk7XG4iXX0= */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFzZUNoZWNrQm94L0Jhc2VDaGVja0JveC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU2dDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFzZUNoZWNrQm94L0Jhc2VDaGVja0JveC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGVja2JveCBhcyBNdWlDaGVja0JveCxcbiAgY2hlY2tib3hDbGFzc2VzIGFzIE11aUNoZWNrQm94Q2xhc3Nlcyxcbn0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ+L3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwifi91dGlsc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2hlY2tlZEJveCA9IHN0eWxlZChcbiAgTXVpQ2hlY2tCb3gsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGZvY3VzVmlzaWJsZSB9OiB7ICRmb2N1c1Zpc2libGU6IGJvb2xlYW4gfSkgPT4gKHtcbiAgcGFkZGluZzogMCxcbiAgYm9yZGVyUmFkaXVzOiB0aGVtZS5iYXNlQ2hlY2tCb3guYm9yZGVyUmFkaXVzLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBcIiY6aG92ZXJcIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuYmFzZUNoZWNrQm94LmhvdmVyQ29sb3IsXG4gIH0sXG5cbiAgLi4uKCRmb2N1c1Zpc2libGUgJiYge1xuICAgIFwiJiBzdmdcIjoge1xuICAgICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgICB9LFxuICB9KSxcblxuICAvLyBPdmVycmlkZSBNdWkgc3R5bGluZzogaHR0cHM6Ly9tdWkuY29tL21hdGVyaWFsLXVpL2FwaS9jaGVja2JveC8jY3NzXG4gIFtgJi4ke011aUNoZWNrQm94Q2xhc3Nlcy5kaXNhYmxlZH1gXToge1xuICAgIC8vIEVuc3VyZSBtb3JlIHNwZWNpZmljaXR5IHRoYW4gLk11aUJ1dHRvbkJhc2Utcm9vdC5NdWktZGlzYWJsZWQgYW5kIC5NdWlJY29uQnV0dG9uLXJvb3QuTXVpLWRpc2FibGVkXG4gICAgW2AmLiR7TXVpQ2hlY2tCb3hDbGFzc2VzLnJvb3R9YF06IHtcbiAgICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICAgICAgcG9pbnRlckV2ZW50czogXCJpbml0aWFsXCIsXG4gICAgfSxcblxuICAgIFwiJiBzdmdcIjoge1xuICAgICAgXCImIHBhdGg6bnRoLW9mLXR5cGUoMilcIjoge1xuICAgICAgICBmaWxsOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5XzYwLFxuICAgICAgfSxcbiAgICB9LFxuICB9LFxufSkpO1xuIl19 */");
 exports.StyledCheckedBox = StyledCheckedBox;
 //# sourceMappingURL=BaseCheckBox.styles.cjs.map

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

@@ -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 \"utils/transientOptions\";\nimport { outlineStyles } from \"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,CACjB,EAAC,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,6/DAAA;;"}
+{"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 \"~/utils/transientOptions\";\nimport { outlineStyles } from \"~/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,CACjB,EAAC,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,igEAAA;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"baseCheckBoxClasses.cjs","sources":["../../../../src/components/BaseCheckBox/baseCheckBoxClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvBaseCheckBoxClasses = {\n  root?: string;\n  disabled?: string;\n  focusVisible?: string;\n  icon?: string;\n};\n\nconst classKeys: string[] = [\"root\", \"disabled\", \"focusVisible\", \"icon\"];\n\nconst baseCheckBoxClasses = getClasses<HvBaseCheckBoxClasses>(\n  classKeys,\n  \"HvBaseCheckBox\"\n);\n\nexport default baseCheckBoxClasses;\n"],"names":["classKeys","baseCheckBoxClasses","getClasses"],"mappings":";;;AASA,MAAMA,YAAsB,CAAC,QAAQ,YAAY,gBAAgB,MAAM;AAEvE,MAAMC,sBAAsBC,QAC1BF,WAAAA,WACA,gBAAgB;AAGlB,MAAA,wBAAeC;;"}
+{"version":3,"file":"baseCheckBoxClasses.cjs","sources":["../../../../src/components/BaseCheckBox/baseCheckBoxClasses.ts"],"sourcesContent":["import { getClasses } from \"~/utils\";\n\nexport interface HvBaseCheckBoxClasses {\n  root?: string;\n  disabled?: string;\n  focusVisible?: string;\n  icon?: string;\n}\n\nconst classKeys: string[] = [\"root\", \"disabled\", \"focusVisible\", \"icon\"];\n\nconst baseCheckBoxClasses = getClasses<HvBaseCheckBoxClasses>(\n  classKeys,\n  \"HvBaseCheckBox\"\n);\n\nexport default baseCheckBoxClasses;\n"],"names":["classKeys","baseCheckBoxClasses","getClasses"],"mappings":";;;AASA,MAAMA,YAAsB,CAAC,QAAQ,YAAY,gBAAgB,MAAM;AAEvE,MAAMC,sBAAsBC,QAC1BF,WAAAA,WACA,gBAAgB;AAGlB,MAAA,wBAAeC;;"}

package/dist/cjs/components/BaseDropdown/BaseDropdown.cjs

@@ -262,6 +262,7 @@ const HvBaseDropdown = ({
             children: /* @__PURE__ */ jsxRuntime.jsx(BaseDropdown_styles.StyledPanel, {
               id: setId.setId(elementId, "children-container"),
               className: clsx__default.default(baseDropdownClasses.default.panel, classes == null ? void 0 : classes.panel),
+              $popperPlacement: popperPlacement.includes("top") ? "top" : "bottom",
               children
             })
           }), popperPlacement.includes("top") && /* @__PURE__ */ jsxRuntime.jsx(BaseDropdown_styles.StyledExtension, {