@hitachivantara/uikit-react-core 5.17.0 → 5.18.1

package/dist/esm/components/AppSwitcher/AppSwitcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppSwitcher.js","sources":["../../../../src/components/AppSwitcher/AppSwitcher.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useMemo } from \"react\";\nimport { HvBaseProps } from \"@core/types\";\nimport { HvAppSwitcherAction } from \"./Action\";\nimport {\n  StyledRoot,\n  StyledTitle,\n  StyledActionsContainer,\n  StyledFooter,\n} from \"./AppSwitcher.styles\";\nimport TitleWithTooltip from \"./TitleWithTooltip\";\nimport appSwitcherClasses, { HvAppSwitcherClasses } from \"./appSwitcherClasses\";\n\nexport interface HvAppSwitcherActionApplication {\n  /** Id of the application. */\n  id?: string;\n  /** Name of the application, this is the value that will be displayed on the component. */\n  name: string;\n  /** URL with the icon location to be used to represent the application. iconUrl will only be used if no iconElement is provided. */\n  iconUrl?: string;\n  /** Element to be added as the icon representing the application. The iconElement will be the primary option to be displayed. */\n  iconElement?: React.ReactElement;\n  /** Small description of the application. */\n  description?: string;\n  /**  URL where the application is accessible. */\n  url?: string;\n  /** Defines if the application should be opened in the same tab or in a new one. */\n  target?: \"_top\" | \"_blank\";\n  /** If true, the item will be disabled. */\n  disabled?: boolean;\n  /** True when the application is selected, false otherwise. */\n  isSelected?: boolean;\n  /** The color of the application. */\n  color?: string;\n}\n\nexport interface HvAppSwitcherProps extends HvBaseProps {\n  /** Number of columns to render. One, two, or whatever fits the component's width. */\n  layout?: \"single\" | \"dual\" | \"fluid\";\n  /** Title to be displayed on the header of the component. */\n  title?: string;\n  /** The list of applications to be used to render the actions on the component. */\n  applications?: HvAppSwitcherActionApplication[];\n  /** Triggered when an action is clicked. */\n  onActionClickedCallback?: (\n    event: React.MouseEvent,\n    application: HvAppSwitcherActionApplication\n  ) => void;\n  /** Must return a boolean stating if the action element is selected or not. */\n  isActionSelectedCallback?: (\n    application: HvAppSwitcherActionApplication\n  ) => boolean;\n  /** Element to be added to the header container, if none is provided a label with the title will be added. */\n  header?: React.ReactNode;\n  /** Element to be added to the footer container. */\n  footer?: React.ReactNode;\n  /**\n   * Flag stating if the panel is opened or closed.\n   *\n   * @deprecated This logic should be external, i.e. using the HvAppSwitcher inside a Drawer component.\n   */\n  isOpen?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvAppSwitcherClasses;\n}\n\nexport const HvAppSwitcher = ({\n  id,\n  className,\n  classes,\n  layout = \"single\",\n  title,\n  applications,\n  onActionClickedCallback = () => {},\n  isActionSelectedCallback = () => false,\n  header,\n  footer,\n  isOpen,\n}: HvAppSwitcherProps) => {\n  const actionClicked = (\n    event: React.MouseEvent,\n    application: HvAppSwitcherActionApplication\n  ) => {\n    onActionClickedCallback?.(event, application);\n  };\n\n  const panelActions = useMemo(\n    () =>\n      applications &&\n      applications?.map((application) => {\n        if (application.name) {\n          return (\n            <HvAppSwitcherAction\n              key={application.id || `${application.name}_${application.url}`}\n              application={application}\n              onClickCallback={actionClicked}\n              isSelectedCallback={isActionSelectedCallback}\n              classes={{\n                root: clsx(classes?.item, appSwitcherClasses.item),\n                selected: clsx(\n                  classes?.itemSelected,\n                  appSwitcherClasses.itemSelected\n                ),\n                disabled: clsx(\n                  classes?.itemDisabled,\n                  appSwitcherClasses.itemDisabled\n                ),\n                typography: clsx(\n                  classes?.itemTrigger,\n                  appSwitcherClasses.itemTrigger\n                ),\n                icon: clsx(classes?.itemIcon, appSwitcherClasses.itemIcon),\n                title: clsx(classes?.itemTitle, appSwitcherClasses.itemTitle),\n                iconInfo: clsx(\n                  classes?.itemInfoIcon,\n                  appSwitcherClasses.itemInfoIcon\n                ),\n              }}\n            />\n          );\n        }\n\n        return undefined;\n      }),\n    [applications]\n  );\n\n  return (\n    <StyledRoot\n      id={id}\n      className={clsx(\n        className,\n        appSwitcherClasses.root,\n        classes?.root,\n        appSwitcherClasses[layout],\n        classes?.[layout],\n        isOpen && clsx(appSwitcherClasses.open, classes?.open),\n        isOpen === false && clsx(appSwitcherClasses.closed, classes?.closed)\n      )}\n      $open={!!isOpen}\n      $closed={isOpen === false}\n      $layout={layout}\n    >\n      {(header && (\n        <StyledTitle\n          component=\"div\"\n          variant=\"label\"\n          className={clsx(appSwitcherClasses.title, classes?.title)}\n        >\n          {header}\n        </StyledTitle>\n      )) ||\n        (title && (\n          <TitleWithTooltip\n            className={clsx(appSwitcherClasses.title, classes?.title)}\n            title={title}\n            type=\"appSwitcher\"\n          />\n        ))}\n      <StyledActionsContainer\n        disableGutters\n        className={clsx(\n          appSwitcherClasses.actionsContainer,\n          classes?.actionsContainer\n        )}\n      >\n        {panelActions}\n      </StyledActionsContainer>\n      {footer && (\n        <StyledFooter\n          component=\"div\"\n          variant=\"label\"\n          className={clsx(\n            appSwitcherClasses.footerContainer,\n            classes?.footerContainer\n          )}\n        >\n          {footer}\n        </StyledFooter>\n      )}\n    </StyledRoot>\n  );\n};\n"],"names":["HvAppSwitcher","id","className","classes","layout","title","applications","onActionClickedCallback","isActionSelectedCallback","header","footer","isOpen","actionClicked","event","application","panelActions","useMemo","map","name","HvAppSwitcherAction","onClickCallback","isSelectedCallback","root","clsx","item","appSwitcherClasses","selected","itemSelected","disabled","itemDisabled","typography","itemTrigger","icon","itemIcon","itemTitle","iconInfo","itemInfoIcon","url","undefined","StyledRoot","open","closed","$open","$closed","$layout","children","_jsx","StyledTitle","component","variant","TitleWithTooltip","type","StyledActionsContainer","disableGutters","actionsContainer","StyledFooter","footerContainer"],"mappings":";;;;;;;AAkEO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,SAAS;AAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC,0BAA0BA,MAAM;AAAA,EAAC;AAAA,EACjCC,2BAA2BA,MAAM;AAAA,EACjCC;AAAAA,EACAC;AAAAA,EACAC;AACkB,MAAM;AAClBC,QAAAA,gBAAgBA,CACpBC,OACAC,gBACG;AACHP,uEAA0BM,OAAOC;AAAAA,EAAW;AAG9C,QAAMC,eAAeC,QACnB,MACEV,iBACAA,6CAAcW,IAAKH,CAAgB,gBAAA;AACjC,QAAIA,YAAYI,MAAM;AACpB,iCACGC,qBAAmB;AAAA,QAElBL;AAAAA,QACAM,iBAAiBR;AAAAA,QACjBS,oBAAoBb;AAAAA,QACpBL,SAAS;AAAA,UACPmB,MAAMC,KAAKpB,mCAASqB,MAAMC,mBAAmBD,IAAI;AAAA,UACjDE,UAAUH,KACRpB,mCAASwB,cACTF,mBAAmBE,YACrB;AAAA,UACAC,UAAUL,KACRpB,mCAAS0B,cACTJ,mBAAmBI,YACrB;AAAA,UACAC,YAAYP,KACVpB,mCAAS4B,aACTN,mBAAmBM,WACrB;AAAA,UACAC,MAAMT,KAAKpB,mCAAS8B,UAAUR,mBAAmBQ,QAAQ;AAAA,UACzD5B,OAAOkB,KAAKpB,mCAAS+B,WAAWT,mBAAmBS,SAAS;AAAA,UAC5DC,UAAUZ,KACRpB,mCAASiC,cACTX,mBAAmBW,YACrB;AAAA,QACF;AAAA,MAAA,GAxBKtB,YAAYb,MAAO,GAAEa,YAAYI,QAAQJ,YAAYuB,KAyB3D;AAAA,IAEL;AAEOC,WAAAA;AAAAA,EAAAA,KAEX,CAAChC,YAAY,CACf;AAEA,8BACGiC,YAAU;AAAA,IACTtC;AAAAA,IACAC,WAAWqB,KACTrB,WACAuB,mBAAmBH,MACnBnB,mCAASmB,MACTG,mBAAmBrB,MAAM,GACzBD,mCAAUC,SACVO,UAAUY,KAAKE,mBAAmBe,MAAMrC,mCAASqC,IAAI,GACrD7B,WAAW,SAASY,KAAKE,mBAAmBgB,QAAQtC,mCAASsC,MAAM,CACrE;AAAA,IACAC,OAAO,CAAC,CAAC/B;AAAAA,IACTgC,SAAShC,WAAW;AAAA,IACpBiC,SAASxC;AAAAA,IAAOyC,UAEdpC,CAAAA,UACAqC,oBAACC,aAAW;AAAA,MACVC,WAAU;AAAA,MACVC,SAAQ;AAAA,MACR/C,WAAWqB,KAAKE,mBAAmBpB,OAAOF,mCAASE,KAAK;AAAA,MAAEwC,UAEzDpC;AAAAA,IAAAA,CACU,KAEZJ,SACCyC,oBAACI,kBAAgB;AAAA,MACfhD,WAAWqB,KAAKE,mBAAmBpB,OAAOF,mCAASE,KAAK;AAAA,MACxDA;AAAAA,MACA8C,MAAK;AAAA,IAAA,CACN,GAELL,oBAACM,wBAAsB;AAAA,MACrBC,gBAAc;AAAA,MACdnD,WAAWqB,KACTE,mBAAmB6B,kBACnBnD,mCAASmD,gBACX;AAAA,MAAET,UAED9B;AAAAA,IAAAA,CACqB,GACvBL,UACCoC,oBAACS,cAAY;AAAA,MACXP,WAAU;AAAA,MACVC,SAAQ;AAAA,MACR/C,WAAWqB,KACTE,mBAAmB+B,iBACnBrD,mCAASqD,eACX;AAAA,MAAEX,UAEDnC;AAAAA,IAAAA,CACW,CACf;AAAA,EAAA,CACS;AAEhB;"}
+{"version":3,"file":"AppSwitcher.js","sources":["../../../../src/components/AppSwitcher/AppSwitcher.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useMemo } from \"react\";\nimport { HvBaseProps } from \"@core/types\";\nimport { HvAppSwitcherAction } from \"./Action\";\nimport {\n  StyledRoot,\n  StyledTitle,\n  StyledActionsContainer,\n  StyledFooter,\n} from \"./AppSwitcher.styles\";\nimport TitleWithTooltip from \"./TitleWithTooltip\";\nimport appSwitcherClasses, { HvAppSwitcherClasses } from \"./appSwitcherClasses\";\n\nexport interface HvAppSwitcherActionApplication {\n  /** Id of the application. */\n  id?: string;\n  /** Name of the application, this is the value that will be displayed on the component. */\n  name: string;\n  /** URL with the icon location to be used to represent the application. iconUrl will only be used if no iconElement is provided. */\n  iconUrl?: string;\n  /** Element to be added as the icon representing the application. The iconElement will be the primary option to be displayed. */\n  iconElement?: React.ReactElement;\n  /** Small description of the application. */\n  description?: string;\n  /**  URL where the application is accessible. */\n  url?: string;\n  /** Defines if the application should be opened in the same tab or in a new one. */\n  target?: \"_top\" | \"_blank\";\n  /** If true, the item will be disabled. */\n  disabled?: boolean;\n  /** True when the application is selected, false otherwise. */\n  isSelected?: boolean;\n  /** The color of the application. */\n  color?: string;\n}\n\nexport interface HvAppSwitcherProps extends HvBaseProps {\n  /** Number of columns to render. One, two, or whatever fits the component's width. */\n  layout?: \"single\" | \"dual\" | \"fluid\";\n  /** Title to be displayed on the header of the component. */\n  title?: string;\n  /** The list of applications to be used to render the actions on the component. */\n  applications?: HvAppSwitcherActionApplication[];\n  /** Triggered when an action is clicked. */\n  onActionClickedCallback?: (\n    event: React.MouseEvent,\n    application: HvAppSwitcherActionApplication\n  ) => void;\n  /** Must return a boolean stating if the action element is selected or not. */\n  isActionSelectedCallback?: (\n    application: HvAppSwitcherActionApplication\n  ) => boolean;\n  /** Element to be added to the header container, if none is provided a label with the title will be added. */\n  header?: React.ReactNode;\n  /** Element to be added to the footer container. */\n  footer?: React.ReactNode;\n  /**\n   * Flag stating if the panel is opened or closed.\n   *\n   * @deprecated This logic should be external, i.e. using the HvAppSwitcher inside a Drawer component.\n   */\n  isOpen?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvAppSwitcherClasses;\n}\n\nexport const HvAppSwitcher = ({\n  id,\n  className,\n  classes,\n  layout = \"single\",\n  title,\n  applications,\n  onActionClickedCallback = () => {},\n  isActionSelectedCallback = () => false,\n  header,\n  footer,\n  isOpen,\n}: HvAppSwitcherProps) => {\n  const panelActions = useMemo(\n    () =>\n      applications &&\n      applications?.map((application) => {\n        if (application.name) {\n          return (\n            <HvAppSwitcherAction\n              key={application.id || `${application.name}_${application.url}`}\n              application={application}\n              onClickCallback={onActionClickedCallback}\n              isSelectedCallback={isActionSelectedCallback}\n              classes={{\n                root: clsx(classes?.item, appSwitcherClasses.item),\n                selected: clsx(\n                  classes?.itemSelected,\n                  appSwitcherClasses.itemSelected\n                ),\n                disabled: clsx(\n                  classes?.itemDisabled,\n                  appSwitcherClasses.itemDisabled\n                ),\n                typography: clsx(\n                  classes?.itemTrigger,\n                  appSwitcherClasses.itemTrigger\n                ),\n                icon: clsx(classes?.itemIcon, appSwitcherClasses.itemIcon),\n                title: clsx(classes?.itemTitle, appSwitcherClasses.itemTitle),\n                iconInfo: clsx(\n                  classes?.itemInfoIcon,\n                  appSwitcherClasses.itemInfoIcon\n                ),\n              }}\n            />\n          );\n        }\n\n        return undefined;\n      }),\n    [applications, classes, isActionSelectedCallback, onActionClickedCallback]\n  );\n\n  return (\n    <StyledRoot\n      id={id}\n      className={clsx(\n        className,\n        appSwitcherClasses.root,\n        classes?.root,\n        appSwitcherClasses[layout],\n        classes?.[layout],\n        isOpen && clsx(appSwitcherClasses.open, classes?.open),\n        isOpen === false && clsx(appSwitcherClasses.closed, classes?.closed)\n      )}\n      $open={!!isOpen}\n      $closed={isOpen === false}\n      $layout={layout}\n    >\n      {(header && (\n        <StyledTitle\n          component=\"div\"\n          variant=\"label\"\n          className={clsx(appSwitcherClasses.title, classes?.title)}\n        >\n          {header}\n        </StyledTitle>\n      )) ||\n        (title && (\n          <TitleWithTooltip\n            className={clsx(appSwitcherClasses.title, classes?.title)}\n            title={title}\n            type=\"appSwitcher\"\n          />\n        ))}\n      <StyledActionsContainer\n        disableGutters\n        className={clsx(\n          appSwitcherClasses.actionsContainer,\n          classes?.actionsContainer\n        )}\n      >\n        {panelActions}\n      </StyledActionsContainer>\n      {footer && (\n        <StyledFooter\n          component=\"div\"\n          variant=\"label\"\n          className={clsx(\n            appSwitcherClasses.footerContainer,\n            classes?.footerContainer\n          )}\n        >\n          {footer}\n        </StyledFooter>\n      )}\n    </StyledRoot>\n  );\n};\n"],"names":["HvAppSwitcher","id","className","classes","layout","title","applications","onActionClickedCallback","isActionSelectedCallback","header","footer","isOpen","panelActions","useMemo","map","application","name","HvAppSwitcherAction","onClickCallback","isSelectedCallback","root","clsx","item","appSwitcherClasses","selected","itemSelected","disabled","itemDisabled","typography","itemTrigger","icon","itemIcon","itemTitle","iconInfo","itemInfoIcon","url","undefined","StyledRoot","open","closed","$open","$closed","$layout","children","_jsx","StyledTitle","component","variant","TitleWithTooltip","type","StyledActionsContainer","disableGutters","actionsContainer","StyledFooter","footerContainer"],"mappings":";;;;;;;AAkEO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,SAAS;AAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC,0BAA0BA,MAAM;AAAA,EAAC;AAAA,EACjCC,2BAA2BA,MAAM;AAAA,EACjCC;AAAAA,EACAC;AAAAA,EACAC;AACkB,MAAM;AACxB,QAAMC,eAAeC,QACnB,MACEP,iBACAA,6CAAcQ,IAAKC,CAAgB,gBAAA;AACjC,QAAIA,YAAYC,MAAM;AACpB,iCACGC,qBAAmB;AAAA,QAElBF;AAAAA,QACAG,iBAAiBX;AAAAA,QACjBY,oBAAoBX;AAAAA,QACpBL,SAAS;AAAA,UACPiB,MAAMC,KAAKlB,mCAASmB,MAAMC,mBAAmBD,IAAI;AAAA,UACjDE,UAAUH,KACRlB,mCAASsB,cACTF,mBAAmBE,YACrB;AAAA,UACAC,UAAUL,KACRlB,mCAASwB,cACTJ,mBAAmBI,YACrB;AAAA,UACAC,YAAYP,KACVlB,mCAAS0B,aACTN,mBAAmBM,WACrB;AAAA,UACAC,MAAMT,KAAKlB,mCAAS4B,UAAUR,mBAAmBQ,QAAQ;AAAA,UACzD1B,OAAOgB,KAAKlB,mCAAS6B,WAAWT,mBAAmBS,SAAS;AAAA,UAC5DC,UAAUZ,KACRlB,mCAAS+B,cACTX,mBAAmBW,YACrB;AAAA,QACF;AAAA,MAAA,GAxBKnB,YAAYd,MAAO,GAAEc,YAAYC,QAAQD,YAAYoB,KAyB3D;AAAA,IAEL;AAEOC,WAAAA;AAAAA,EAAAA,KAEX,CAAC9B,cAAcH,SAASK,0BAA0BD,uBAAuB,CAC3E;AAEA,8BACG8B,YAAU;AAAA,IACTpC;AAAAA,IACAC,WAAWmB,KACTnB,WACAqB,mBAAmBH,MACnBjB,mCAASiB,MACTG,mBAAmBnB,MAAM,GACzBD,mCAAUC,SACVO,UAAUU,KAAKE,mBAAmBe,MAAMnC,mCAASmC,IAAI,GACrD3B,WAAW,SAASU,KAAKE,mBAAmBgB,QAAQpC,mCAASoC,MAAM,CACrE;AAAA,IACAC,OAAO,CAAC,CAAC7B;AAAAA,IACT8B,SAAS9B,WAAW;AAAA,IACpB+B,SAAStC;AAAAA,IAAOuC,UAEdlC,CAAAA,UACAmC,oBAACC,aAAW;AAAA,MACVC,WAAU;AAAA,MACVC,SAAQ;AAAA,MACR7C,WAAWmB,KAAKE,mBAAmBlB,OAAOF,mCAASE,KAAK;AAAA,MAAEsC,UAEzDlC;AAAAA,IAAAA,CACU,KAEZJ,SACCuC,oBAACI,kBAAgB;AAAA,MACf9C,WAAWmB,KAAKE,mBAAmBlB,OAAOF,mCAASE,KAAK;AAAA,MACxDA;AAAAA,MACA4C,MAAK;AAAA,IAAA,CACN,GAELL,oBAACM,wBAAsB;AAAA,MACrBC,gBAAc;AAAA,MACdjD,WAAWmB,KACTE,mBAAmB6B,kBACnBjD,mCAASiD,gBACX;AAAA,MAAET,UAED/B;AAAAA,IAAAA,CACqB,GACvBF,UACCkC,oBAACS,cAAY;AAAA,MACXP,WAAU;AAAA,MACVC,SAAQ;AAAA,MACR7C,WAAWmB,KACTE,mBAAmB+B,iBACnBnD,mCAASmD,eACX;AAAA,MAAEX,UAEDjC;AAAAA,IAAAA,CACW,CACf;AAAA,EAAA,CACS;AAEhB;"}

package/dist/esm/components/Banner/Banner.js.map

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

package/dist/esm/components/Banner/BannerContent/ActionContainer/ActionContainer.js

@@ -1,50 +1,49 @@
 import { Close } from "@hitachivantara/uikit-react-icons";
-import { ClassNames } from "@emotion/react";
-import actionContainerClasses from "./actionContainerClasses.js";
-import { styles } from "./ActionContainer.styles.js";
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { useClasses } from "./ActionContainer.styles.js";
+import { staticClasses } from "./ActionContainer.styles.js";
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 import { HvActionsGeneric } from "../../../ActionsGeneric/ActionsGeneric.js";
 import { HvButton } from "../../../Button/Button.js";
-const HvActionContainer = ({
-  id,
-  classes,
-  onClose,
-  action,
-  actionCallback,
-  ...others
-}) => {
-  return /* @__PURE__ */ jsx(ClassNames, {
-    children: ({
-      css,
-      cx
-    }) => /* @__PURE__ */ jsxs("div", {
-      className: cx(actionContainerClasses.actionContainer, css(styles.actionContainer), classes == null ? void 0 : classes.actionContainer),
-      children: [/* @__PURE__ */ jsx(HvButton, {
-        icon: true,
-        className: cx(actionContainerClasses.closeAction, css(styles.closeAction), classes == null ? void 0 : classes.closeAction),
-        variant: "semantic",
-        "aria-label": "Close",
-        onClick: onClose,
-        tabIndex: 0,
-        ...others,
-        children: /* @__PURE__ */ jsx(Close, {
-          iconSize: "XS",
-          className: cx(actionContainerClasses.iconContainer, css(styles.iconContainer), classes == null ? void 0 : classes.iconContainer),
-          color: "base2"
-        })
-      }), action && /* @__PURE__ */ jsx("div", {
-        className: cx(actionContainerClasses.actionsInnerContainer, css(styles.actionsInnerContainer), classes == null ? void 0 : classes.actionsInnerContainer),
-        children: /* @__PURE__ */ jsx(HvActionsGeneric, {
-          id,
-          category: "semantic",
-          actions: action,
-          actionsCallback: actionCallback
-        })
-      })]
-    })
+const HvActionContainer = (props) => {
+  const {
+    id,
+    classes: classesProp,
+    onClose,
+    action,
+    actionCallback,
+    ...others
+  } = props;
+  const {
+    classes
+  } = useClasses(classesProp);
+  return /* @__PURE__ */ jsxs("div", {
+    className: classes.actionContainer,
+    children: [/* @__PURE__ */ jsx(HvButton, {
+      icon: true,
+      className: classes.closeAction,
+      variant: "semantic",
+      "aria-label": "Close",
+      onClick: onClose,
+      tabIndex: 0,
+      ...others,
+      children: /* @__PURE__ */ jsx(Close, {
+        iconSize: "XS",
+        className: classes.iconContainer,
+        color: "base2"
+      })
+    }), action && /* @__PURE__ */ jsx("div", {
+      className: classes.actionsInnerContainer,
+      children: /* @__PURE__ */ jsx(HvActionsGeneric, {
+        id,
+        category: "semantic",
+        actions: action,
+        actionsCallback: actionCallback
+      })
+    })]
   });
 };
 export {
-  HvActionContainer
+  HvActionContainer,
+  staticClasses as actionContainerClasses
 };
 //# sourceMappingURL=ActionContainer.js.map

package/dist/esm/components/Banner/BannerContent/ActionContainer/ActionContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionContainer.js","sources":["../../../../../../src/components/Banner/BannerContent/ActionContainer/ActionContainer.tsx"],"sourcesContent":["import { HvBaseProps } from \"@core/types\";\nimport { HvActionGeneric, HvActionsGeneric, HvButton } from \"@core/components\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport { ClassNames } from \"@emotion/react\";\nimport actionContainerClasses, {\n  HvActionContainerClasses,\n} from \"./actionContainerClasses\";\nimport { styles } from \"./ActionContainer.styles\";\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  return (\n    <ClassNames>\n      {({ css, cx }) => (\n        <div\n          className={cx(\n            actionContainerClasses.actionContainer,\n            css(styles.actionContainer),\n            classes?.actionContainer\n          )}\n        >\n          <HvButton\n            icon\n            className={cx(\n              actionContainerClasses.closeAction,\n              css(styles.closeAction),\n              classes?.closeAction\n            )}\n            variant=\"semantic\"\n            aria-label=\"Close\"\n            onClick={onClose}\n            tabIndex={0}\n            {...others}\n          >\n            <Close\n              iconSize=\"XS\"\n              className={cx(\n                actionContainerClasses.iconContainer,\n                css(styles.iconContainer),\n                classes?.iconContainer\n              )}\n              color=\"base2\"\n            />\n          </HvButton>\n          {action && (\n            <div\n              className={cx(\n                actionContainerClasses.actionsInnerContainer,\n                css(styles.actionsInnerContainer),\n                classes?.actionsInnerContainer\n              )}\n            >\n              <HvActionsGeneric\n                id={id}\n                category=\"semantic\"\n                actions={action}\n                actionsCallback={actionCallback}\n              />\n            </div>\n          )}\n        </div>\n      )}\n    </ClassNames>\n  );\n};\n"],"names":["HvActionContainer","id","classes","onClose","action","actionCallback","others","ClassNames","children","css","cx","className","actionContainerClasses","actionContainer","styles","_jsx","HvButton","icon","closeAction","variant","onClick","tabIndex","Close","iconSize","iconContainer","color","actionsInnerContainer","HvActionsGeneric","category","actions","actionsCallback"],"mappings":";;;;;;;AAwBO,MAAMA,oBAAoBA,CAAC;AAAA,EAChCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACmB,MAAM;AAC5B,6BACGC,YAAU;AAAA,IAAAC,UACRA,CAAC;AAAA,MAAEC;AAAAA,MAAKC;AAAAA,IAAAA,2BACP,OAAA;AAAA,MACEC,WAAWD,GACTE,uBAAuBC,iBACvBJ,IAAIK,OAAOD,eAAe,GAC1BX,mCAASW,eACX;AAAA,MAAEL,UAAA,CAEFO,oBAACC,UAAQ;AAAA,QACPC,MAAI;AAAA,QACJN,WAAWD,GACTE,uBAAuBM,aACvBT,IAAIK,OAAOI,WAAW,GACtBhB,mCAASgB,WACX;AAAA,QACAC,SAAQ;AAAA,QACR,cAAW;AAAA,QACXC,SAASjB;AAAAA,QACTkB,UAAU;AAAA,QAAE,GACRf;AAAAA,QAAME,8BAETc,OAAK;AAAA,UACJC,UAAS;AAAA,UACTZ,WAAWD,GACTE,uBAAuBY,eACvBf,IAAIK,OAAOU,aAAa,GACxBtB,mCAASsB,aACX;AAAA,UACAC,OAAM;AAAA,QAAA,CACP;AAAA,MAAA,CACO,GACTrB,UACCW,oBAAA,OAAA;AAAA,QACEJ,WAAWD,GACTE,uBAAuBc,uBACvBjB,IAAIK,OAAOY,qBAAqB,GAChCxB,mCAASwB,qBACX;AAAA,QAAElB,8BAEDmB,kBAAgB;AAAA,UACf1B;AAAAA,UACA2B,UAAS;AAAA,UACTC,SAASzB;AAAAA,UACT0B,iBAAiBzB;AAAAA,QAAAA,CAClB;AAAA,MAAA,CACE,CACN;AAAA,IAAA,CACE;AAAA,EAAA,CAEG;AAEhB;"}
+{"version":3,"file":"ActionContainer.js","sources":["../../../../../../src/components/Banner/BannerContent/ActionContainer/ActionContainer.tsx"],"sourcesContent":["import { HvBaseProps } from \"@core/types\";\nimport { HvActionGeneric, HvActionsGeneric, HvButton } from \"@core/components\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport { ExtractNames } from \"@core/utils\";\nimport { staticClasses, useClasses } from \"./ActionContainer.styles\";\n\nexport { staticClasses as actionContainerClasses };\n\nexport type HvActionContainerClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvActionContainerProps extends HvBaseProps<HTMLButtonElement> {\n  /** onClose function. */\n  onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  /** Actions to display. */\n  action?: React.ReactNode | HvActionGeneric[];\n  /**  The callback function ran when an action is triggered, receiving `action` as param */\n  actionCallback?: (\n    event: React.SyntheticEvent,\n    id: string,\n    action: HvActionGeneric\n  ) => void;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvActionContainerClasses;\n}\n\nexport const HvActionContainer = (props: HvActionContainerProps) => {\n  const {\n    id,\n    classes: classesProp,\n    onClose,\n    action,\n    actionCallback,\n    ...others\n  } = props;\n  const { classes } = useClasses(classesProp);\n  return (\n    <div className={classes.actionContainer}>\n      <HvButton\n        icon\n        className={classes.closeAction}\n        variant=\"semantic\"\n        aria-label=\"Close\"\n        onClick={onClose}\n        tabIndex={0}\n        {...others}\n      >\n        <Close iconSize=\"XS\" className={classes.iconContainer} color=\"base2\" />\n      </HvButton>\n      {action && (\n        <div className={classes.actionsInnerContainer}>\n          <HvActionsGeneric\n            id={id}\n            category=\"semantic\"\n            actions={action}\n            actionsCallback={actionCallback}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["HvActionContainer","props","id","classes","classesProp","onClose","action","actionCallback","others","useClasses","className","actionContainer","children","_jsx","HvButton","icon","closeAction","variant","onClick","tabIndex","Close","iconSize","iconContainer","color","actionsInnerContainer","HvActionsGeneric","category","actions","actionsCallback"],"mappings":";;;;;;AAyBaA,MAAAA,oBAAoBA,CAACC,UAAkC;AAC5D,QAAA;AAAA,IACJC;AAAAA,IACAC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EACDP,IAAAA;AACE,QAAA;AAAA,IAAEE;AAAAA,EAAAA,IAAYM,WAAWL,WAAW;AAC1C,8BACE,OAAA;AAAA,IAAKM,WAAWP,QAAQQ;AAAAA,IAAgBC,UAAA,CACtCC,oBAACC,UAAQ;AAAA,MACPC,MAAI;AAAA,MACJL,WAAWP,QAAQa;AAAAA,MACnBC,SAAQ;AAAA,MACR,cAAW;AAAA,MACXC,SAASb;AAAAA,MACTc,UAAU;AAAA,MAAE,GACRX;AAAAA,MAAMI,8BAETQ,OAAK;AAAA,QAACC,UAAS;AAAA,QAAKX,WAAWP,QAAQmB;AAAAA,QAAeC,OAAM;AAAA,MAAA,CAAS;AAAA,IAAA,CAC9D,GACTjB,UACCO,oBAAA,OAAA;AAAA,MAAKH,WAAWP,QAAQqB;AAAAA,MAAsBZ,8BAC3Ca,kBAAgB;AAAA,QACfvB;AAAAA,QACAwB,UAAS;AAAA,QACTC,SAASrB;AAAAA,QACTsB,iBAAiBrB;AAAAA,MAAAA,CAClB;AAAA,IAAA,CACE,CACN;AAAA,EAAA,CACE;AAET;"}

package/dist/esm/components/Banner/BannerContent/ActionContainer/ActionContainer.styles.js

@@ -1,5 +1,10 @@
+import { createClasses } from "../../../../utils/classes.js";
 import { outlineStyles } from "../../../../utils/focusUtils.js";
-const styles = {
+const name = "HvBannerActionContainer";
+const {
+  staticClasses,
+  useClasses
+} = createClasses(name, {
   actionContainer: {
     display: "flex",
     flexDirection: "column",
@@ -22,8 +27,9 @@ const styles = {
     width: "32px",
     height: "32px"
   }
-};
+});
 export {
-  styles
+  staticClasses,
+  useClasses
 };
 //# sourceMappingURL=ActionContainer.styles.js.map

package/dist/esm/components/Banner/BannerContent/ActionContainer/ActionContainer.styles.js.map

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

package/dist/esm/components/Banner/BannerContent/BannerContent.js.map

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

package/dist/esm/components/Banner/BannerContent/MessageContainer/MessageContainer.js

@@ -1,44 +1,42 @@
-import { ClassNames } from "@emotion/react";
-import messageContainerClasses from "./messageContainerClasses.js";
-import { styles } from "./MessageContainer.styles.js";
-import { jsx, jsxs, Fragment } from "@emotion/react/jsx-runtime";
+import { useClasses } from "./MessageContainer.styles.js";
+import { staticClasses } from "./MessageContainer.styles.js";
+import { jsxs, Fragment, jsx } from "@emotion/react/jsx-runtime";
 import { HvTypography } from "../../../Typography/Typography.js";
 import { setId } from "../../../../utils/setId.js";
 import { HvActionsGeneric } from "../../../ActionsGeneric/ActionsGeneric.js";
 const HvMessageContainer = ({
   id,
-  classes,
+  classes: classesProp,
   icon,
   actionsOnMessage,
   actionsOnMessageCallback,
   message
 }) => {
-  return /* @__PURE__ */ jsx(ClassNames, {
-    children: ({
-      css,
-      cx
-    }) => /* @__PURE__ */ jsxs(Fragment, {
-      children: [icon && /* @__PURE__ */ jsx("div", {
-        className: cx(messageContainerClasses.iconContainer, css(styles.iconContainer), classes == null ? void 0 : classes.iconContainer),
-        children: icon
-      }), /* @__PURE__ */ jsx(HvTypography, {
-        id: setId(id, "message-text"),
-        className: cx(messageContainerClasses.message, css(styles.message), classes == null ? void 0 : classes.message),
-        children: message
-      }), actionsOnMessage && /* @__PURE__ */ jsx("div", {
-        id: setId(id, "message-actions"),
-        className: cx(messageContainerClasses.actionMessageContainer, css(styles.actionMessageContainer), classes == null ? void 0 : classes.actionMessageContainer),
-        children: /* @__PURE__ */ jsx(HvActionsGeneric, {
-          id,
-          category: "semantic",
-          actions: actionsOnMessage,
-          actionsCallback: actionsOnMessageCallback
-        })
-      })]
-    })
+  const {
+    classes
+  } = useClasses(classesProp);
+  return /* @__PURE__ */ jsxs(Fragment, {
+    children: [icon && /* @__PURE__ */ jsx("div", {
+      className: classes.iconContainer,
+      children: icon
+    }), /* @__PURE__ */ jsx(HvTypography, {
+      id: setId(id, "message-text"),
+      className: classes.message,
+      children: message
+    }), actionsOnMessage && /* @__PURE__ */ jsx("div", {
+      id: setId(id, "message-actions"),
+      className: classes.actionMessageContainer,
+      children: /* @__PURE__ */ jsx(HvActionsGeneric, {
+        id,
+        category: "semantic",
+        actions: actionsOnMessage,
+        actionsCallback: actionsOnMessageCallback
+      })
+    })]
   });
 };
 export {
-  HvMessageContainer
+  HvMessageContainer,
+  staticClasses as messageContainerClasses
 };
 //# sourceMappingURL=MessageContainer.js.map

package/dist/esm/components/Banner/BannerContent/MessageContainer/MessageContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageContainer.js","sources":["../../../../../../src/components/Banner/BannerContent/MessageContainer/MessageContainer.tsx"],"sourcesContent":["import { HvBaseProps } from \"@core/types\";\nimport {\n  HvActionGeneric,\n  HvActionsGeneric,\n  HvTypography,\n} from \"@core/components\";\nimport { setId } from \"@core/utils\";\nimport { ClassNames } from \"@emotion/react\";\nimport messageContainerClasses, {\n  HvMessageContainerClasses,\n} from \"./messageContainerClasses\";\nimport { styles } from \"./MessageContainer.styles\";\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    <ClassNames>\n      {({ css, cx }) => (\n        <>\n          {icon && (\n            <div\n              className={cx(\n                messageContainerClasses.iconContainer,\n                css(styles.iconContainer),\n                classes?.iconContainer\n              )}\n            >\n              {icon}\n            </div>\n          )}\n          <HvTypography\n            id={setId(id, \"message-text\")}\n            className={cx(\n              messageContainerClasses.message,\n              css(styles.message),\n              classes?.message\n            )}\n          >\n            {message}\n          </HvTypography>\n          {actionsOnMessage && (\n            <div\n              id={setId(id, \"message-actions\")}\n              className={cx(\n                messageContainerClasses.actionMessageContainer,\n                css(styles.actionMessageContainer),\n                classes?.actionMessageContainer\n              )}\n            >\n              <HvActionsGeneric\n                id={id}\n                category=\"semantic\"\n                actions={actionsOnMessage}\n                actionsCallback={actionsOnMessageCallback}\n              />\n            </div>\n          )}\n        </>\n      )}\n    </ClassNames>\n  );\n};\n"],"names":["HvMessageContainer","id","classes","icon","actionsOnMessage","actionsOnMessageCallback","message","ClassNames","children","css","cx","_Fragment","_jsx","className","messageContainerClasses","iconContainer","styles","HvTypography","setId","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,6BACGC,YAAU;AAAA,IAAAC,UACRA,CAAC;AAAA,MAAEC;AAAAA,MAAKC;AAAAA,IAAAA,2BACPC,UAAA;AAAA,MAAAH,UAAA,CACGL,QACCS,oBAAA,OAAA;AAAA,QACEC,WAAWH,GACTI,wBAAwBC,eACxBN,IAAIO,OAAOD,aAAa,GACxBb,mCAASa,aACX;AAAA,QAAEP,UAEDL;AAAAA,MAAAA,CACE,GAEPS,oBAACK,cAAY;AAAA,QACXhB,IAAIiB,MAAMjB,IAAI,cAAc;AAAA,QAC5BY,WAAWH,GACTI,wBAAwBR,SACxBG,IAAIO,OAAOV,OAAO,GAClBJ,mCAASI,OACX;AAAA,QAAEE,UAEDF;AAAAA,MAAAA,CACW,GACbF,oBACCQ,oBAAA,OAAA;AAAA,QACEX,IAAIiB,MAAMjB,IAAI,iBAAiB;AAAA,QAC/BY,WAAWH,GACTI,wBAAwBK,wBACxBV,IAAIO,OAAOG,sBAAsB,GACjCjB,mCAASiB,sBACX;AAAA,QAAEX,8BAEDY,kBAAgB;AAAA,UACfnB;AAAAA,UACAoB,UAAS;AAAA,UACTC,SAASlB;AAAAA,UACTmB,iBAAiBlB;AAAAA,QAAAA,CAClB;AAAA,MAAA,CACE,CACN;AAAA,IAAA,CACD;AAAA,EAAA,CAEM;AAEhB;"}
+{"version":3,"file":"MessageContainer.js","sources":["../../../../../../src/components/Banner/BannerContent/MessageContainer/MessageContainer.tsx"],"sourcesContent":["import { HvBaseProps } from \"@core/types\";\nimport {\n  HvActionGeneric,\n  HvActionsGeneric,\n  HvTypography,\n} from \"@core/components\";\nimport { ExtractNames, setId } from \"@core/utils\";\nimport { staticClasses, useClasses } from \"./MessageContainer.styles\";\n\nexport { staticClasses as messageContainerClasses };\n\nexport type HvMessageContainerClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvMessageContainerProps extends HvBaseProps {\n  /** Icon to be presented. */\n  icon?: React.ReactNode;\n  /** The message to display. */\n  message?: React.ReactNode;\n  /** Actions to display on message. */\n  actionsOnMessage?: React.ReactNode | HvActionGeneric[];\n  /** The callback function ran when an action is triggered, receiving `actionsOnMessage` as param */\n  actionsOnMessageCallback?: (\n    event: React.SyntheticEvent,\n    id: string,\n    action: HvActionGeneric\n  ) => void;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvMessageContainerClasses;\n}\n\nexport const HvMessageContainer = ({\n  id,\n  classes: classesProp,\n  icon,\n  actionsOnMessage,\n  actionsOnMessageCallback,\n  message,\n}: HvMessageContainerProps) => {\n  const { classes } = useClasses(classesProp);\n\n  return (\n    <>\n      {icon && <div className={classes.iconContainer}>{icon}</div>}\n      <HvTypography id={setId(id, \"message-text\")} className={classes.message}>\n        {message}\n      </HvTypography>\n      {actionsOnMessage && (\n        <div\n          id={setId(id, \"message-actions\")}\n          className={classes.actionMessageContainer}\n        >\n          <HvActionsGeneric\n            id={id}\n            category=\"semantic\"\n            actions={actionsOnMessage}\n            actionsCallback={actionsOnMessageCallback}\n          />\n        </div>\n      )}\n    </>\n  );\n};\n"],"names":["HvMessageContainer","id","classes","classesProp","icon","actionsOnMessage","actionsOnMessageCallback","message","useClasses","_Fragment","children","_jsx","className","iconContainer","HvTypography","setId","actionMessageContainer","HvActionsGeneric","category","actions","actionsCallback"],"mappings":";;;;;;AA8BO,MAAMA,qBAAqBA,CAAC;AAAA,EACjCC;AAAAA,EACAC,SAASC;AAAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AACuB,MAAM;AACvB,QAAA;AAAA,IAAEL;AAAAA,EAAAA,IAAYM,WAAWL,WAAW;AAE1C,8BACEM,UAAA;AAAA,IAAAC,UAAA,CACGN,QAAQO,oBAAA,OAAA;AAAA,MAAKC,WAAWV,QAAQW;AAAAA,MAAcH,UAAEN;AAAAA,IAAAA,CAAU,GAC3DO,oBAACG,cAAY;AAAA,MAACb,IAAIc,MAAMd,IAAI,cAAc;AAAA,MAAGW,WAAWV,QAAQK;AAAAA,MAAQG,UACrEH;AAAAA,IAAAA,CACW,GACbF,oBACCM,oBAAA,OAAA;AAAA,MACEV,IAAIc,MAAMd,IAAI,iBAAiB;AAAA,MAC/BW,WAAWV,QAAQc;AAAAA,MAAuBN,8BAEzCO,kBAAgB;AAAA,QACfhB;AAAAA,QACAiB,UAAS;AAAA,QACTC,SAASd;AAAAA,QACTe,iBAAiBd;AAAAA,MAAAA,CAClB;AAAA,IAAA,CACE,CACN;AAAA,EAAA,CACD;AAEN;"}

package/dist/esm/components/Banner/BannerContent/MessageContainer/MessageContainer.styles.js

@@ -1,5 +1,10 @@
 import { theme } from "@hitachivantara/uikit-styles";
-const styles = {
+import { createClasses } from "../../../../utils/classes.js";
+const name = "HvBannerMessageContainer";
+const {
+  staticClasses,
+  useClasses
+} = createClasses(name, {
   message: {
     color: theme.colors.base_dark,
     wordBreak: "break-word",
@@ -14,8 +19,9 @@ const styles = {
   actionMessageContainer: {
     flex: "0 0 auto"
   }
-};
+});
 export {
-  styles
+  staticClasses,
+  useClasses
 };
 //# sourceMappingURL=MessageContainer.styles.js.map

package/dist/esm/components/Banner/BannerContent/MessageContainer/MessageContainer.styles.js.map

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

package/dist/esm/components/BaseInput/BaseInput.js

@@ -1,10 +1,10 @@
 import { useContext } from "react";
 import { Input } from "@mui/material";
-import { css, ClassNames, Global } from "@emotion/react";
+import { css, Global } from "@emotion/react";
 import { theme } from "@hitachivantara/uikit-styles";
-import baseInputClasses from "./baseInputClasses.js";
-import { styles } from "./BaseInput.styles.js";
-import { jsx, jsxs, Fragment } from "@emotion/react/jsx-runtime";
+import { useClasses } from "./BaseInput.styles.js";
+import { staticClasses } from "./BaseInput.styles.js";
+import { jsxs, Fragment, jsx } from "@emotion/react/jsx-runtime";
 import { buildFormElementPropsFromContext, buildAriaPropsFromContext } from "../Forms/FormElement/utils/FormUtils.js";
 import { HvFormElementContext } from "../Forms/FormElement/context/FormElementContext.js";
 import { HvFormElementDescriptorsContext } from "../Forms/FormElement/context/FormElementDescriptorsContext.js";
@@ -29,9 +29,9 @@ const baseInputStyles = /* @__PURE__ */ css({
   "input::-webkit-search-decoration,input::-webkit-search-cancel-button,input::-webkit-search-results-button,input::-webkit-search-results-decoration": {
     display: "none"
   }
-}, process.env.NODE_ENV === "production" ? "" : ";label:baseInputStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFzZUlucHV0L0Jhc2VJbnB1dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJ3QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Jhc2VJbnB1dC9CYXNlSW5wdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUmVmT2JqZWN0LCB1c2VDb250ZXh0IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQge1xuICBJbnB1dEJhc2VDb21wb25lbnRQcm9wcyBhcyBNdWlJbnB1dEJhc2VDb21wb25lbnRQcm9wcyxcbiAgSW5wdXRQcm9wcyBhcyBNdWlJbnB1dFByb3BzLFxuICBJbnB1dCBhcyBNdWlJbnB1dCxcbn0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCB7IEh2QmFzZVByb3BzIH0gZnJvbSBcIkBjb3JlL3R5cGVzXCI7XG5pbXBvcnQge1xuICBIdkZvcm1FbGVtZW50Q29udGV4dCxcbiAgSHZGb3JtRWxlbWVudERlc2NyaXB0b3JzQ29udGV4dCxcbiAgYnVpbGRGb3JtRWxlbWVudFByb3BzRnJvbUNvbnRleHQsXG4gIGJ1aWxkQXJpYVByb3BzRnJvbUNvbnRleHQsXG59IGZyb20gXCJAY29yZS9jb21wb25lbnRzXCI7XG5pbXBvcnQgeyBDbGFzc05hbWVzLCBjc3MgYXMgZW1vdGlvbkNzcywgR2xvYmFsIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgYmFzZUlucHV0Q2xhc3NlcywgeyBIdkJhc2VJbnB1dENsYXNzZXMgfSBmcm9tIFwiLi9iYXNlSW5wdXRDbGFzc2VzXCI7XG5pbXBvcnQgeyBzdHlsZXMgfSBmcm9tIFwiLi9CYXNlSW5wdXQuc3R5bGVzXCI7XG5cbi8vIEdsb2JhbCBzdHlsZXMgZm9yIHRoZSBiYXNlIGlucHV0LlxuY29uc3QgYmFzZUlucHV0U3R5bGVzID0gZW1vdGlvbkNzcyh7XG4gIFwiaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbFwiOiB7XG4gICAgV2Via2l0Qm94U2hhZG93OiBgMCAwIDBweCAxMDAwcHggJHt0aGVtZS5jb2xvcnMuYXRtbzF9IGluc2V0YCxcbiAgICBXZWJraXRUZXh0RmlsbENvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LFxuICB9LFxuXG4gIC8vIENsZWFycyBudW1iZXIgaW5wdXQgdXAvZG93biBhcnJvd3MgaW4gQ2hyb21lIGFuZCBGaXJlZm94XG4gIFwiaW5wdXQ6Oi13ZWJraXQtb3V0ZXItc3Bpbi1idXR0b24saW5wdXQ6Oi13ZWJraXQtaW5uZXItc3Bpbi1idXR0b25cIjoge1xuICAgIFdlYmtpdEFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgIG1hcmdpbjogMCxcbiAgfSxcbiAgXCJpbnB1dFt0eXBlPW51bWJlcl1cIjoge1xuICAgIE1vekFwcGVhcmFuY2U6IFwidGV4dGZpZWxkXCIsXG4gIH0sXG5cbiAgLy8gQ2xlYXJzIHRpbWUgaW5wdXQgY2xvY2sgaW4gQ2hyb21lXG4gIFwiaW5wdXQ6Oi13ZWJraXQtY2FsZW5kYXItcGlja2VyLWluZGljYXRvclwiOiB7XG4gICAgZGlzcGxheTogXCJub25lXCIsXG4gIH0sXG5cbiAgLy8gQ2xlYXJzIHNlYXJjaCBpbnB1dCBjbGVhciBidXR0b24gaW4gQ2hyb21lXG4gIFwiaW5wdXQ6Oi13ZWJraXQtc2VhcmNoLWRlY29yYXRpb24saW5wdXQ6Oi13ZWJraXQtc2VhcmNoLWNhbmNlbC1idXR0b24saW5wdXQ6Oi13ZWJraXQtc2VhcmNoLXJlc3VsdHMtYnV0dG9uLGlucHV0Ojotd2Via2l0LXNlYXJjaC1yZXN1bHRzLWRlY29yYXRpb25cIjpcbiAgICB7XG4gICAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICB9LFxufSk7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSHZCYXNlSW5wdXRQcm9wc1xuICBleHRlbmRzIE9taXQ8TXVpSW5wdXRQcm9wcywgXCJvbkNoYW5nZVwiIHwgXCJjbGFzc2VzXCI+LFxuICAgIEh2QmFzZVByb3BzPFxuICAgICAgSFRNTERpdkVsZW1lbnQsXG4gICAgICB8IFwib25DaGFuZ2VcIlxuICAgICAgfCBcImNvbG9yXCJcbiAgICAgIHwgXCJvbkJsdXJcIlxuICAgICAgfCBcIm9uRm9jdXNcIlxuICAgICAgfCBcIm9uSW52YWxpZFwiXG4gICAgICB8IFwib25LZXlEb3duXCJcbiAgICAgIHwgXCJvbktleVVwXCJcbiAgICA+IHtcbiAgLyoqIFRoZSBpbnB1dCBuYW1lLiAqL1xuICBuYW1lPzogc3RyaW5nO1xuICAvKiogVGhlIHZhbHVlIG9mIHRoZSBpbnB1dCwgd2hlbiBjb250cm9sbGVkLiAqL1xuICB2YWx1ZT86IHN0cmluZztcbiAgLyoqIFRoZSBpbml0aWFsIHZhbHVlIG9mIHRoZSBpbnB1dCwgd2hlbiB1bmNvbnRyb2xsZWQuICovXG4gIGRlZmF1bHRWYWx1ZT86IHN0cmluZztcbiAgLyoqIElmIGB0cnVlYCB0aGUgaW5wdXQgaXMgZGlzYWJsZWQuICovXG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgLyoqIEluZGljYXRlcyB0aGF0IHRoZSBpbnB1dCBpcyBub3QgZWRpdGFibGUuICovXG4gIHJlYWRPbmx5PzogYm9vbGVhbjtcbiAgLyoqIElmIHRydWUsIHRoZSBpbnB1dCBlbGVtZW50IHdpbGwgYmUgcmVxdWlyZWQuICovXG4gIHJlcXVpcmVkPzogYm9vbGVhbjtcbiAgLyoqIFRoZSBmdW5jdGlvbiB0aGF0IHdpbGwgYmUgZXhlY3V0ZWQgb25DaGFuZ2UsIGFsbG93cyBtb2RpZmljYXRpb24gb2YgdGhlIGlucHV0LFxuICAgKiBpdCByZWNlaXZlcyB0aGUgdmFsdWUuIElmIGEgbmV3IHZhbHVlIHNob3VsZCBiZSBwcmVzZW50ZWQgaXQgbXVzdCByZXR1cm5lZCBpdC4gKi9cbiAgb25DaGFuZ2U/OiAoXG4gICAgZXZlbnQ6IFJlYWN0LkNoYW5nZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQgfCBIVE1MVGV4dEFyZWFFbGVtZW50PixcbiAgICB2YWx1ZTogc3RyaW5nXG4gICkgPT4gdm9pZDtcbiAgLyoqIFRoZSBpbnB1dCB0eXBlLiAqL1xuICB0eXBlPzogc3RyaW5nO1xuICAvKiogTGFiZWwgaW5zaWRlIHRoZSBpbnB1dCB1c2VkIHRvIGhlbHAgdXNlci4gKi9cbiAgcGxhY2Vob2xkZXI/OiBzdHJpbmc7XG4gIC8qKiBJZiB0cnVlLCBhIHRleHRhcmVhIGVsZW1lbnQgd2lsbCBiZSByZW5kZXJlZC4gKi9cbiAgbXVsdGlsaW5lPzogYm9vbGVhbjtcbiAgLyoqIElmIHRydWUgYW5kIG11bHRpbGluZSBpcyBhbHNvIHRydWUgdGhlIHRleHRhcmVhIGVsZW1lbnQgd2lsbCBiZSByZXNpemFibGUuICovXG4gIHJlc2l6YWJsZT86IGJvb2xlYW47XG4gIC8qKiBEZW5vdGVzIGlmIHRoZSBpbnB1dCBpcyBpbiBhbiBpbnZhbGlkIHN0YXRlLiAqL1xuICBpbnZhbGlkPzogYm9vbGVhbjtcbiAgLyoqIEF0dHJpYnV0ZXMgYXBwbGllZCB0byB0aGUgaW5wdXQgZWxlbWVudC4gKi9cbiAgaW5wdXRQcm9wcz86IE11aUlucHV0QmFzZUNvbXBvbmVudFByb3BzO1xuICAvKiogQWxsb3dzIHBhc3NpbmcgYSByZWYgdG8gdGhlIHVuZGVybHlpbmcgaW5wdXQgKi9cbiAgaW5wdXRSZWY/OiBSZWZPYmplY3Q8SFRNTEVsZW1lbnQ+O1xuICAvKiogQSBKc3MgT2JqZWN0IHVzZWQgdG8gb3ZlcnJpZGUgb3IgZXh0ZW5kIHRoZSBzdHlsZXMgYXBwbGllZCB0byB0aGUgY29tcG9uZW50LiAqL1xuICBjbGFzc2VzPzogSHZCYXNlSW5wdXRDbGFzc2VzO1xufVxuXG4vKipcbiAqIEFuIElucHV0IGNvbXBvbmVudCB0aGF0IG9ubHkgcG9zc2VzIHRoZSBtb3N0IGJhc2ljIGZ1bmN0aW9uYWxpdGllcy5cbiAqIEl0IHNob3VsZCBiZSB1c2VkIGFsb25nc2lkZSB0aGUgb3RoZXIgZm9ybSBlbGVtZW50cyB0byBjb25zdHJ1Y3QgYSBwcm9wZXIgYWNjZXNzaWJsZSBmb3JtLlxuICovXG5leHBvcnQgY29uc3QgSHZCYXNlSW5wdXQgPSAoe1xuICBjbGFzc2VzLFxuICBjbGFzc05hbWUgPSBcIlwiLFxuICBpZCxcbiAgbmFtZSxcbiAgdmFsdWUsXG4gIGRlZmF1bHRWYWx1ZSxcbiAgcmVxdWlyZWQsXG4gIHJlYWRPbmx5LFxuICBkaXNhYmxlZCxcbiAgb25DaGFuZ2UsXG4gIHR5cGUgPSBcInRleHRcIixcbiAgcGxhY2Vob2xkZXIsXG4gIG11bHRpbGluZSA9IGZhbHNlLFxuICByZXNpemFibGUgPSBmYWxzZSxcbiAgaW52YWxpZCA9IGZhbHNlLFxuICBpbnB1dFJlZixcbiAgaW5wdXRQcm9wcyA9IHt9LFxuICAuLi5vdGhlcnNcbn06IEh2QmFzZUlucHV0UHJvcHMpID0+IHtcbiAgY29uc3QgZm9ybUVsZW1lbnRDb250ZXh0ID0gdXNlQ29udGV4dChIdkZvcm1FbGVtZW50Q29udGV4dCk7XG4gIGNvbnN0IGZvcm1FbGVtZW50UHJvcHMgPSBidWlsZEZvcm1FbGVtZW50UHJvcHNGcm9tQ29udGV4dChcbiAgICBuYW1lLFxuICAgIGRpc2FibGVkLFxuICAgIHJlYWRPbmx5LFxuICAgIHJlcXVpcmVkLFxuICAgIGZvcm1FbGVtZW50Q29udGV4dFxuICApO1xuXG4gIGNvbnN0IGxvY2FsSW52YWxpZCA9IGludmFsaWQgfHwgZm9ybUVsZW1lbnRQcm9wcy5zdGF0dXMgPT09IFwiaW52YWxpZFwiO1xuXG4gIGNvbnN0IGZvcm1FbGVtZW50RGVzY3JpcHRvcnNDb250ZXh0ID0gdXNlQ29udGV4dChcbiAgICBIdkZvcm1FbGVtZW50RGVzY3JpcHRvcnNDb250ZXh0XG4gICk7XG4gIGNvbnN0IGFyaWFQcm9wcyA9IGJ1aWxkQXJpYVByb3BzRnJvbUNvbnRleHQoXG4gICAgaW5wdXRQcm9wcyxcbiAgICBmb3JtRWxlbWVudERlc2NyaXB0b3JzQ29udGV4dCxcbiAgICBsb2NhbEludmFsaWQsXG4gICAgaWRcbiAgKTtcblxuICBjb25zdCBvbkNoYW5nZUhhbmRsZXIgPSAoXG4gICAgZXZlbnQ6IFJlYWN0LkNoYW5nZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQgfCBIVE1MVGV4dEFyZWFFbGVtZW50PlxuICApID0+IHtcbiAgICBvbkNoYW5nZT8uKGV2ZW50LCBldmVudC50YXJnZXQudmFsdWUpO1xuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPENsYXNzTmFtZXM+XG4gICAgICB7KHsgY3NzLCBjeCB9KSA9PiAoXG4gICAgICAgIDw+XG4gICAgICAgICAgPEdsb2JhbCBzdHlsZXM9e2Jhc2VJbnB1dFN0eWxlc30gLz5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjbGFzc05hbWU9e2N4KFxuICAgICAgICAgICAgICBiYXNlSW5wdXRDbGFzc2VzLnJvb3QsXG4gICAgICAgICAgICAgIGZvcm1FbGVtZW50UHJvcHMuZGlzYWJsZWQgJiYgYmFzZUlucHV0Q2xhc3Nlcy5kaXNhYmxlZCxcbiAgICAgICAgICAgICAgbG9jYWxJbnZhbGlkICYmIGJhc2VJbnB1dENsYXNzZXMuaW52YWxpZCxcbiAgICAgICAgICAgICAgbXVsdGlsaW5lICYmIHJlc2l6YWJsZSAmJiBiYXNlSW5wdXRDbGFzc2VzLnJlc2l6YWJsZSxcbiAgICAgICAgICAgICAgZm9ybUVsZW1lbnRQcm9wcy5yZWFkT25seSAmJiBiYXNlSW5wdXRDbGFzc2VzLnJlYWRPbmx5LFxuICAgICAgICAgICAgICBjc3Moc3R5bGVzLnJvb3QpLFxuICAgICAgICAgICAgICBmb3JtRWxlbWVudFByb3BzLmRpc2FibGVkICYmIGNzcyhzdHlsZXMuZGlzYWJsZWQpLFxuICAgICAgICAgICAgICBsb2NhbEludmFsaWQgJiYgY3NzKHN0eWxlcy5pbnZhbGlkKSxcbiAgICAgICAgICAgICAgbXVsdGlsaW5lICYmIHJlc2l6YWJsZSAmJiBjc3Moc3R5bGVzLnJlc2l6YWJsZSksXG4gICAgICAgICAgICAgIGZvcm1FbGVtZW50UHJvcHMucmVhZE9ubHkgJiYgY3NzKHN0eWxlcy5yZWFkT25seSksXG4gICAgICAgICAgICAgIGNsYXNzTmFtZSxcbiAgICAgICAgICAgICAgY2xhc3Nlcz8ucm9vdCxcbiAgICAgICAgICAgICAgZm9ybUVsZW1lbnRQcm9wcy5kaXNhYmxlZCAmJiBjbGFzc2VzPy5kaXNhYmxlZCxcbiAgICAgICAgICAgICAgbG9jYWxJbnZhbGlkICYmIGNsYXNzZXM/LmludmFsaWQsXG4gICAgICAgICAgICAgIG11bHRpbGluZSAmJiByZXNpemFibGUgJiYgY2xhc3Nlcz8ucmVzaXphYmxlLFxuICAgICAgICAgICAgICBmb3JtRWxlbWVudFByb3BzLnJlYWRPbmx5ICYmIGNsYXNzZXM/LnJlYWRPbmx5XG4gICAgICAgICAgICApfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxNdWlJbnB1dFxuICAgICAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgICAgIG5hbWU9e2Zvcm1FbGVtZW50UHJvcHMubmFtZX1cbiAgICAgICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgICAgICBkZWZhdWx0VmFsdWU9e2RlZmF1bHRWYWx1ZX1cbiAgICAgICAgICAgICAgdHlwZT17dHlwZX1cbiAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9e3BsYWNlaG9sZGVyfVxuICAgICAgICAgICAgICByZWFkT25seT17ISFmb3JtRWxlbWVudFByb3BzLnJlYWRPbmx5fVxuICAgICAgICAgICAgICBkaXNhYmxlZD17Zm9ybUVsZW1lbnRQcm9wcy5kaXNhYmxlZH1cbiAgICAgICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlSGFuZGxlcn1cbiAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAgICAgICAgICBsb2NhbEludmFsaWQgJiYgYmFzZUlucHV0Q2xhc3Nlcy5pbnB1dFJvb3RJbnZhbGlkLFxuICAgICAgICAgICAgICAgIGZvcm1FbGVtZW50UHJvcHMucmVhZE9ubHkgJiYgYmFzZUlucHV0Q2xhc3Nlcy5pbnB1dFJvb3RSZWFkT25seSxcbiAgICAgICAgICAgICAgICBsb2NhbEludmFsaWQgJiYgY3NzKHN0eWxlcy5pbnB1dFJvb3RJbnZhbGlkKSxcbiAgICAgICAgICAgICAgICBmb3JtRWxlbWVudFByb3BzLnJlYWRPbmx5ICYmIGNzcyhzdHlsZXMuaW5wdXRSb290UmVhZE9ubHkpLFxuICAgICAgICAgICAgICAgIGxvY2FsSW52YWxpZCAmJiBjbGFzc2VzPy5pbnB1dFJvb3RJbnZhbGlkLFxuICAgICAgICAgICAgICAgIGZvcm1FbGVtZW50UHJvcHMucmVhZE9ubHkgJiYgY2xhc3Nlcz8uaW5wdXRSb290UmVhZE9ubHlcbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgY2xhc3Nlcz17e1xuICAgICAgICAgICAgICAgIHJvb3Q6IGN4KFxuICAgICAgICAgICAgICAgICAgYmFzZUlucHV0Q2xhc3Nlcy5pbnB1dFJvb3QsXG4gICAgICAgICAgICAgICAgICBjc3Moc3R5bGVzLmlucHV0Um9vdCksXG4gICAgICAgICAgICAgICAgICBjbGFzc2VzPy5pbnB1dFJvb3RcbiAgICAgICAgICAgICAgICApLFxuICAgICAgICAgICAgICAgIGZvY3VzZWQ6IGN4KFxuICAgICAgICAgICAgICAgICAgYmFzZUlucHV0Q2xhc3Nlcy5pbnB1dFJvb3RGb2N1c2VkLFxuICAgICAgICAgICAgICAgICAgY3NzKHN0eWxlcy5pbnB1dFJvb3RGb2N1c2VkKSxcbiAgICAgICAgICAgICAgICAgIGNsYXNzZXM/LmlucHV0Um9vdEZvY3VzZWRcbiAgICAgICAgICAgICAgICApLFxuICAgICAgICAgICAgICAgIGRpc2FibGVkOiBjeChcbiAgICAgICAgICAgICAgICAgIGJhc2VJbnB1dENsYXNzZXMuaW5wdXRSb290RGlzYWJsZWQsXG4gICAgICAgICAgICAgICAgICBjc3Moc3R5bGVzLmlucHV0Um9vdERpc2FibGVkKSxcbiAgICAgICAgICAgICAgICAgIGNsYXNzZXM/LmlucHV0Um9vdERpc2FibGVkXG4gICAgICAgICAgICAgICAgKSxcbiAgICAgICAgICAgICAgICBtdWx0aWxpbmU6IGN4KFxuICAgICAgICAgICAgICAgICAgYmFzZUlucHV0Q2xhc3Nlcy5pbnB1dFJvb3RNdWx0aWxpbmUsXG4gICAgICAgICAgICAgICAgICBjc3Moc3R5bGVzLmlucHV0Um9vdE11bHRpbGluZSksXG4gICAgICAgICAgICAgICAgICBjbGFzc2VzPy5pbnB1dFJvb3RNdWx0aWxpbmVcbiAgICAgICAgICAgICAgICApLFxuICAgICAgICAgICAgICAgIGlucHV0OiBjeChcbiAgICAgICAgICAgICAgICAgIGJhc2VJbnB1dENsYXNzZXMuaW5wdXQsXG4gICAgICAgICAgICAgICAgICAhZm9ybUVsZW1lbnRQcm9wcy5kaXNhYmxlZCAmJlxuICAgICAgICAgICAgICAgICAgICByZXNpemFibGUgJiZcbiAgICAgICAgICAgICAgICAgICAgYmFzZUlucHV0Q2xhc3Nlcy5pbnB1dFJlc2l6YWJsZSxcbiAgICAgICAgICAgICAgICAgIGZvcm1FbGVtZW50UHJvcHMuZGlzYWJsZWQgJiYgYmFzZUlucHV0Q2xhc3Nlcy5pbnB1dERpc2FibGVkLFxuICAgICAgICAgICAgICAgICAgZm9ybUVsZW1lbnRQcm9wcy5yZWFkT25seSAmJiBiYXNlSW5wdXRDbGFzc2VzLmlucHV0UmVhZE9ubHksXG4gICAgICAgICAgICAgICAgICBjc3Moc3R5bGVzLmlucHV0KSxcbiAgICAgICAgICAgICAgICAgICFmb3JtRWxlbWVudFByb3BzLmRpc2FibGVkICYmXG4gICAgICAgICAgICAgICAgICAgIHJlc2l6YWJsZSAmJlxuICAgICAgICAgICAgICAgICAgICBjc3Moc3R5bGVzLmlucHV0UmVzaXphYmxlKSxcbiAgICAgICAgICAgICAgICAgIGZvcm1FbGVtZW50UHJvcHMuZGlzYWJsZWQgJiYgY3NzKHN0eWxlcy5pbnB1dERpc2FibGVkKSxcbiAgICAgICAgICAgICAgICAgIGZvcm1FbGVtZW50UHJvcHMucmVhZE9ubHkgJiYgY3NzKHN0eWxlcy5pbnB1dFJlYWRPbmx5KSxcbiAgICAgICAgICAgICAgICAgIGNsYXNzZXM/LmlucHV0LFxuICAgICAgICAgICAgICAgICAgIWZvcm1FbGVtZW50UHJvcHMuZGlzYWJsZWQgJiZcbiAgICAgICAgICAgICAgICAgICAgcmVzaXphYmxlICYmXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzZXM/LmlucHV0UmVzaXphYmxlLFxuICAgICAgICAgICAgICAgICAgZm9ybUVsZW1lbnRQcm9wcy5kaXNhYmxlZCAmJiBjbGFzc2VzPy5pbnB1dERpc2FibGVkLFxuICAgICAgICAgICAgICAgICAgZm9ybUVsZW1lbnRQcm9wcy5yZWFkT25seSAmJiBjbGFzc2VzPy5pbnB1dFJlYWRPbmx5XG4gICAgICAgICAgICAgICAgKSxcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgaW5wdXRQcm9wcz17e1xuICAgICAgICAgICAgICAgIC8vIEF2b2lkIHRoZSByZXF1aXJlZCBhdHRyaWJ1dGUgYXQgdGhlIHJvb3Qgbm9kZVxuICAgICAgICAgICAgICAgIHJlcXVpcmVkOiBmb3JtRWxlbWVudFByb3BzLnJlcXVpcmVkLFxuICAgICAgICAgICAgICAgIC4uLmlucHV0UHJvcHMsXG4gICAgICAgICAgICAgICAgLi4uYXJpYVByb3BzLFxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICBpbnB1dFJlZj17aW5wdXRSZWZ9XG4gICAgICAgICAgICAgIG11bHRpbGluZT17bXVsdGlsaW5lfVxuICAgICAgICAgICAgICByb3dzPXsxMH1cbiAgICAgICAgICAgICAgey4uLm90aGVyc31cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgICB7IW11bHRpbGluZSAmJiAoXG4gICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICByb2xlPVwicHJlc2VudGF0aW9uXCJcbiAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2N4KFxuICAgICAgICAgICAgICAgICAgYmFzZUlucHV0Q2xhc3Nlcy5pbnB1dEJvcmRlckNvbnRhaW5lcixcbiAgICAgICAgICAgICAgICAgIGNzcyhzdHlsZXMuaW5wdXRCb3JkZXJDb250YWluZXIpLFxuICAgICAgICAgICAgICAgICAgY2xhc3Nlcz8uaW5wdXRCb3JkZXJDb250YWluZXJcbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC8+XG4gICAgICApfVxuICAgIDwvQ2xhc3NOYW1lcz5cbiAgKTtcbn07XG4iXX0= */");
+}, process.env.NODE_ENV === "production" ? "" : ";label:baseInputStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFzZUlucHV0L0Jhc2VJbnB1dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0J3QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Jhc2VJbnB1dC9CYXNlSW5wdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdXNlQ29udGV4dCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHtcbiAgSW5wdXRCYXNlQ29tcG9uZW50UHJvcHMgYXMgTXVpSW5wdXRCYXNlQ29tcG9uZW50UHJvcHMsXG4gIElucHV0UHJvcHMgYXMgTXVpSW5wdXRQcm9wcyxcbiAgSW5wdXQgYXMgTXVpSW5wdXQsXG4gIElucHV0QmFzZVByb3BzLFxufSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuaW1wb3J0IHsgSHZCYXNlUHJvcHMgfSBmcm9tIFwiQGNvcmUvdHlwZXNcIjtcbmltcG9ydCB7IEV4dHJhY3ROYW1lcyB9IGZyb20gXCJAY29yZS91dGlsc1wiO1xuaW1wb3J0IHtcbiAgSHZGb3JtRWxlbWVudENvbnRleHQsXG4gIEh2Rm9ybUVsZW1lbnREZXNjcmlwdG9yc0NvbnRleHQsXG4gIGJ1aWxkRm9ybUVsZW1lbnRQcm9wc0Zyb21Db250ZXh0LFxuICBidWlsZEFyaWFQcm9wc0Zyb21Db250ZXh0LFxufSBmcm9tIFwiQGNvcmUvY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgY3NzIGFzIGVtb3Rpb25Dc3MsIEdsb2JhbCB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgc3RhdGljQ2xhc3NlcywgdXNlQ2xhc3NlcyB9IGZyb20gXCIuL0Jhc2VJbnB1dC5zdHlsZXNcIjtcblxuZXhwb3J0IHsgc3RhdGljQ2xhc3NlcyBhcyBiYXNlSW5wdXRDbGFzc2VzIH07XG5cbmV4cG9ydCB0eXBlIEh2QmFzZUlucHV0Q2xhc3NlcyA9IEV4dHJhY3ROYW1lczx0eXBlb2YgdXNlQ2xhc3Nlcz47XG5cbi8vIEdsb2JhbCBzdHlsZXMgZm9yIHRoZSBiYXNlIGlucHV0LlxuY29uc3QgYmFzZUlucHV0U3R5bGVzID0gZW1vdGlvbkNzcyh7XG4gIFwiaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbFwiOiB7XG4gICAgV2Via2l0Qm94U2hhZG93OiBgMCAwIDBweCAxMDAwcHggJHt0aGVtZS5jb2xvcnMuYXRtbzF9IGluc2V0YCxcbiAgICBXZWJraXRUZXh0RmlsbENvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LFxuICB9LFxuXG4gIC8vIENsZWFycyBudW1iZXIgaW5wdXQgdXAvZG93biBhcnJvd3MgaW4gQ2hyb21lIGFuZCBGaXJlZm94XG4gIFwiaW5wdXQ6Oi13ZWJraXQtb3V0ZXItc3Bpbi1idXR0b24saW5wdXQ6Oi13ZWJraXQtaW5uZXItc3Bpbi1idXR0b25cIjoge1xuICAgIFdlYmtpdEFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgIG1hcmdpbjogMCxcbiAgfSxcbiAgXCJpbnB1dFt0eXBlPW51bWJlcl1cIjoge1xuICAgIE1vekFwcGVhcmFuY2U6IFwidGV4dGZpZWxkXCIsXG4gIH0sXG5cbiAgLy8gQ2xlYXJzIHRpbWUgaW5wdXQgY2xvY2sgaW4gQ2hyb21lXG4gIFwiaW5wdXQ6Oi13ZWJraXQtY2FsZW5kYXItcGlja2VyLWluZGljYXRvclwiOiB7XG4gICAgZGlzcGxheTogXCJub25lXCIsXG4gIH0sXG5cbiAgLy8gQ2xlYXJzIHNlYXJjaCBpbnB1dCBjbGVhciBidXR0b24gaW4gQ2hyb21lXG4gIFwiaW5wdXQ6Oi13ZWJraXQtc2VhcmNoLWRlY29yYXRpb24saW5wdXQ6Oi13ZWJraXQtc2VhcmNoLWNhbmNlbC1idXR0b24saW5wdXQ6Oi13ZWJraXQtc2VhcmNoLXJlc3VsdHMtYnV0dG9uLGlucHV0Ojotd2Via2l0LXNlYXJjaC1yZXN1bHRzLWRlY29yYXRpb25cIjpcbiAgICB7XG4gICAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICB9LFxufSk7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSHZCYXNlSW5wdXRQcm9wc1xuICBleHRlbmRzIE9taXQ8TXVpSW5wdXRQcm9wcywgXCJvbkNoYW5nZVwiIHwgXCJjbGFzc2VzXCI+LFxuICAgIEh2QmFzZVByb3BzPFxuICAgICAgSFRNTERpdkVsZW1lbnQsXG4gICAgICB8IFwib25DaGFuZ2VcIlxuICAgICAgfCBcImNvbG9yXCJcbiAgICAgIHwgXCJvbkJsdXJcIlxuICAgICAgfCBcIm9uRm9jdXNcIlxuICAgICAgfCBcIm9uSW52YWxpZFwiXG4gICAgICB8IFwib25LZXlEb3duXCJcbiAgICAgIHwgXCJvbktleVVwXCJcbiAgICA+IHtcbiAgLyoqIFRoZSBpbnB1dCBuYW1lLiAqL1xuICBuYW1lPzogc3RyaW5nO1xuICAvKiogVGhlIHZhbHVlIG9mIHRoZSBpbnB1dCwgd2hlbiBjb250cm9sbGVkLiAqL1xuICB2YWx1ZT86IHN0cmluZztcbiAgLyoqIFRoZSBpbml0aWFsIHZhbHVlIG9mIHRoZSBpbnB1dCwgd2hlbiB1bmNvbnRyb2xsZWQuICovXG4gIGRlZmF1bHRWYWx1ZT86IHN0cmluZztcbiAgLyoqIElmIGB0cnVlYCB0aGUgaW5wdXQgaXMgZGlzYWJsZWQuICovXG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgLyoqIEluZGljYXRlcyB0aGF0IHRoZSBpbnB1dCBpcyBub3QgZWRpdGFibGUuICovXG4gIHJlYWRPbmx5PzogYm9vbGVhbjtcbiAgLyoqIElmIHRydWUsIHRoZSBpbnB1dCBlbGVtZW50IHdpbGwgYmUgcmVxdWlyZWQuICovXG4gIHJlcXVpcmVkPzogYm9vbGVhbjtcbiAgLyoqIFRoZSBmdW5jdGlvbiB0aGF0IHdpbGwgYmUgZXhlY3V0ZWQgb25DaGFuZ2UsIGFsbG93cyBtb2RpZmljYXRpb24gb2YgdGhlIGlucHV0LFxuICAgKiBpdCByZWNlaXZlcyB0aGUgdmFsdWUuIElmIGEgbmV3IHZhbHVlIHNob3VsZCBiZSBwcmVzZW50ZWQgaXQgbXVzdCByZXR1cm5lZCBpdC4gKi9cbiAgb25DaGFuZ2U/OiAoXG4gICAgZXZlbnQ6IFJlYWN0LkNoYW5nZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQgfCBIVE1MVGV4dEFyZWFFbGVtZW50PixcbiAgICB2YWx1ZTogc3RyaW5nXG4gICkgPT4gdm9pZDtcbiAgLyoqIFRoZSBpbnB1dCB0eXBlLiAqL1xuICB0eXBlPzogc3RyaW5nO1xuICAvKiogTGFiZWwgaW5zaWRlIHRoZSBpbnB1dCB1c2VkIHRvIGhlbHAgdXNlci4gKi9cbiAgcGxhY2Vob2xkZXI/OiBzdHJpbmc7XG4gIC8qKiBJZiB0cnVlLCBhIHRleHRhcmVhIGVsZW1lbnQgd2lsbCBiZSByZW5kZXJlZC4gKi9cbiAgbXVsdGlsaW5lPzogYm9vbGVhbjtcbiAgLyoqIElmIHRydWUgYW5kIG11bHRpbGluZSBpcyBhbHNvIHRydWUgdGhlIHRleHRhcmVhIGVsZW1lbnQgd2lsbCBiZSByZXNpemFibGUuICovXG4gIHJlc2l6YWJsZT86IGJvb2xlYW47XG4gIC8qKiBEZW5vdGVzIGlmIHRoZSBpbnB1dCBpcyBpbiBhbiBpbnZhbGlkIHN0YXRlLiAqL1xuICBpbnZhbGlkPzogYm9vbGVhbjtcbiAgLyoqIEF0dHJpYnV0ZXMgYXBwbGllZCB0byB0aGUgaW5wdXQgZWxlbWVudC4gKi9cbiAgaW5wdXRQcm9wcz86IE11aUlucHV0QmFzZUNvbXBvbmVudFByb3BzO1xuICAvKiogQWxsb3dzIHBhc3NpbmcgYSByZWYgdG8gdGhlIHVuZGVybHlpbmcgaW5wdXQgKi9cbiAgaW5wdXRSZWY/OiBJbnB1dEJhc2VQcm9wc1tcImlucHV0UmVmXCJdO1xuICAvKiogQSBKc3MgT2JqZWN0IHVzZWQgdG8gb3ZlcnJpZGUgb3IgZXh0ZW5kIHRoZSBzdHlsZXMgYXBwbGllZCB0byB0aGUgY29tcG9uZW50LiAqL1xuICBjbGFzc2VzPzogSHZCYXNlSW5wdXRDbGFzc2VzO1xufVxuXG4vKipcbiAqIEFuIElucHV0IGNvbXBvbmVudCB0aGF0IG9ubHkgcG9zc2VzIHRoZSBtb3N0IGJhc2ljIGZ1bmN0aW9uYWxpdGllcy5cbiAqIEl0IHNob3VsZCBiZSB1c2VkIGFsb25nc2lkZSB0aGUgb3RoZXIgZm9ybSBlbGVtZW50cyB0byBjb25zdHJ1Y3QgYSBwcm9wZXIgYWNjZXNzaWJsZSBmb3JtLlxuICovXG5leHBvcnQgY29uc3QgSHZCYXNlSW5wdXQgPSAoe1xuICBjbGFzc2VzOiBjbGFzc2VzUHJvcCxcbiAgY2xhc3NOYW1lID0gXCJcIixcbiAgaWQsXG4gIG5hbWUsXG4gIHZhbHVlLFxuICBkZWZhdWx0VmFsdWUsXG4gIHJlcXVpcmVkLFxuICByZWFkT25seSxcbiAgZGlzYWJsZWQsXG4gIG9uQ2hhbmdlLFxuICB0eXBlID0gXCJ0ZXh0XCIsXG4gIHBsYWNlaG9sZGVyLFxuICBtdWx0aWxpbmUgPSBmYWxzZSxcbiAgcmVzaXphYmxlID0gZmFsc2UsXG4gIGludmFsaWQgPSBmYWxzZSxcbiAgaW5wdXRSZWYsXG4gIGlucHV0UHJvcHMgPSB7fSxcbiAgLi4ub3RoZXJzXG59OiBIdkJhc2VJbnB1dFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgY2xhc3NlcywgY3ggfSA9IHVzZUNsYXNzZXMoY2xhc3Nlc1Byb3ApO1xuICBjb25zdCBmb3JtRWxlbWVudENvbnRleHQgPSB1c2VDb250ZXh0KEh2Rm9ybUVsZW1lbnRDb250ZXh0KTtcbiAgY29uc3QgZm9ybUVsZW1lbnRQcm9wcyA9IGJ1aWxkRm9ybUVsZW1lbnRQcm9wc0Zyb21Db250ZXh0KFxuICAgIG5hbWUsXG4gICAgZGlzYWJsZWQsXG4gICAgcmVhZE9ubHksXG4gICAgcmVxdWlyZWQsXG4gICAgZm9ybUVsZW1lbnRDb250ZXh0XG4gICk7XG5cbiAgY29uc3QgbG9jYWxJbnZhbGlkID0gaW52YWxpZCB8fCBmb3JtRWxlbWVudFByb3BzLnN0YXR1cyA9PT0gXCJpbnZhbGlkXCI7XG5cbiAgY29uc3QgZm9ybUVsZW1lbnREZXNjcmlwdG9yc0NvbnRleHQgPSB1c2VDb250ZXh0KFxuICAgIEh2Rm9ybUVsZW1lbnREZXNjcmlwdG9yc0NvbnRleHRcbiAgKTtcbiAgY29uc3QgYXJpYVByb3BzID0gYnVpbGRBcmlhUHJvcHNGcm9tQ29udGV4dChcbiAgICBpbnB1dFByb3BzLFxuICAgIGZvcm1FbGVtZW50RGVzY3JpcHRvcnNDb250ZXh0LFxuICAgIGxvY2FsSW52YWxpZCxcbiAgICBpZFxuICApO1xuXG4gIGNvbnN0IG9uQ2hhbmdlSGFuZGxlcjogTXVpSW5wdXRQcm9wc1tcIm9uQ2hhbmdlXCJdID0gKGV2ZW50KSA9PiB7XG4gICAgb25DaGFuZ2U/LihldmVudCwgZXZlbnQudGFyZ2V0LnZhbHVlKTtcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8R2xvYmFsIHN0eWxlcz17YmFzZUlucHV0U3R5bGVzfSAvPlxuICAgICAgPGRpdlxuICAgICAgICBjbGFzc05hbWU9e2N4KGNsYXNzZXMucm9vdCwgY2xhc3NOYW1lLCB7XG4gICAgICAgICAgW2NsYXNzZXMuZGlzYWJsZWRdOiBmb3JtRWxlbWVudFByb3BzLmRpc2FibGVkLFxuICAgICAgICAgIFtjbGFzc2VzLmludmFsaWRdOiBsb2NhbEludmFsaWQsXG4gICAgICAgICAgW2NsYXNzZXMucmVzaXphYmxlXTogbXVsdGlsaW5lICYmIHJlc2l6YWJsZSxcbiAgICAgICAgICBbY2xhc3Nlcy5yZWFkT25seV06IGZvcm1FbGVtZW50UHJvcHMucmVhZE9ubHksXG4gICAgICAgIH0pfVxuICAgICAgPlxuICAgICAgICA8TXVpSW5wdXRcbiAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgbmFtZT17Zm9ybUVsZW1lbnRQcm9wcy5uYW1lfVxuICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICBkZWZhdWx0VmFsdWU9e2RlZmF1bHRWYWx1ZX1cbiAgICAgICAgICB0eXBlPXt0eXBlfVxuICAgICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgICByZWFkT25seT17ISFmb3JtRWxlbWVudFByb3BzLnJlYWRPbmx5fVxuICAgICAgICAgIGRpc2FibGVkPXtmb3JtRWxlbWVudFByb3BzLmRpc2FibGVkfVxuICAgICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZUhhbmRsZXJ9XG4gICAgICAgICAgY2xhc3NOYW1lPXtjeCh7XG4gICAgICAgICAgICBbY2xhc3Nlcy5pbnB1dFJvb3RJbnZhbGlkXTogbG9jYWxJbnZhbGlkLFxuICAgICAgICAgICAgW2NsYXNzZXMuaW5wdXRSb290UmVhZE9ubHldOiBmb3JtRWxlbWVudFByb3BzLnJlYWRPbmx5LFxuICAgICAgICAgIH0pfVxuICAgICAgICAgIGNsYXNzZXM9e3tcbiAgICAgICAgICAgIHJvb3Q6IGNsYXNzZXMuaW5wdXRSb290LFxuICAgICAgICAgICAgZm9jdXNlZDogY2xhc3Nlcy5pbnB1dFJvb3RGb2N1c2VkLFxuICAgICAgICAgICAgZGlzYWJsZWQ6IGNsYXNzZXMuaW5wdXRSb290RGlzYWJsZWQsXG4gICAgICAgICAgICBtdWx0aWxpbmU6IGNsYXNzZXMuaW5wdXRSb290TXVsdGlsaW5lLFxuICAgICAgICAgICAgaW5wdXQ6IGN4KGNsYXNzZXMuaW5wdXQsIHtcbiAgICAgICAgICAgICAgW2NsYXNzZXMuaW5wdXRSZXNpemFibGVdOiAhZm9ybUVsZW1lbnRQcm9wcy5kaXNhYmxlZCAmJiByZXNpemFibGUsXG4gICAgICAgICAgICAgIFtjbGFzc2VzLmlucHV0RGlzYWJsZWRdOiBmb3JtRWxlbWVudFByb3BzLmRpc2FibGVkLFxuICAgICAgICAgICAgICBbY2xhc3Nlcy5pbnB1dFJlYWRPbmx5XTogZm9ybUVsZW1lbnRQcm9wcy5yZWFkT25seSxcbiAgICAgICAgICAgIH0pLFxuICAgICAgICAgIH19XG4gICAgICAgICAgaW5wdXRQcm9wcz17e1xuICAgICAgICAgICAgLy8gQXZvaWQgdGhlIHJlcXVpcmVkIGF0dHJpYnV0ZSBhdCB0aGUgcm9vdCBub2RlXG4gICAgICAgICAgICByZXF1aXJlZDogZm9ybUVsZW1lbnRQcm9wcy5yZXF1aXJlZCxcbiAgICAgICAgICAgIC4uLmlucHV0UHJvcHMsXG4gICAgICAgICAgICAuLi5hcmlhUHJvcHMsXG4gICAgICAgICAgfX1cbiAgICAgICAgICBpbnB1dFJlZj17aW5wdXRSZWZ9XG4gICAgICAgICAgbXVsdGlsaW5lPXttdWx0aWxpbmV9XG4gICAgICAgICAgcm93cz17MTB9XG4gICAgICAgICAgey4uLm90aGVyc31cbiAgICAgICAgLz5cbiAgICAgICAgeyFtdWx0aWxpbmUgJiYgKFxuICAgICAgICAgIDxkaXYgcm9sZT1cInByZXNlbnRhdGlvblwiIGNsYXNzTmFtZT17Y2xhc3Nlcy5pbnB1dEJvcmRlckNvbnRhaW5lcn0gLz5cbiAgICAgICAgKX1cbiAgICAgIDwvZGl2PlxuICAgIDwvPlxuICApO1xufTtcbiJdfQ== */");
 const HvBaseInput = ({
-  classes,
+  classes: classesProp,
   className = "",
   id,
   name,
@@ -50,6 +50,10 @@ const HvBaseInput = ({
   inputProps = {},
   ...others
 }) => {
+  const {
+    classes,
+    cx
+  } = useClasses(classesProp);
   const formElementContext = useContext(HvFormElementContext);
   const formElementProps = buildFormElementPropsFromContext(name, disabled, readOnly, required, formElementContext);
   const localInvalid = invalid || formElementProps.status === "invalid";
@@ -58,52 +62,60 @@ const HvBaseInput = ({
   const onChangeHandler = (event) => {
     onChange == null ? void 0 : onChange(event, event.target.value);
   };
-  return /* @__PURE__ */ jsx(ClassNames, {
-    children: ({
-      css: css2,
-      cx
-    }) => /* @__PURE__ */ jsxs(Fragment, {
-      children: [/* @__PURE__ */ jsx(Global, {
-        styles: baseInputStyles
-      }), /* @__PURE__ */ jsxs("div", {
-        className: cx(baseInputClasses.root, formElementProps.disabled && baseInputClasses.disabled, localInvalid && baseInputClasses.invalid, multiline && resizable && baseInputClasses.resizable, formElementProps.readOnly && baseInputClasses.readOnly, css2(styles.root), formElementProps.disabled && css2(styles.disabled), localInvalid && css2(styles.invalid), multiline && resizable && css2(styles.resizable), formElementProps.readOnly && css2(styles.readOnly), className, classes == null ? void 0 : classes.root, formElementProps.disabled && (classes == null ? void 0 : classes.disabled), localInvalid && (classes == null ? void 0 : classes.invalid), multiline && resizable && (classes == null ? void 0 : classes.resizable), formElementProps.readOnly && (classes == null ? void 0 : classes.readOnly)),
-        children: [/* @__PURE__ */ jsx(Input, {
-          id,
-          name: formElementProps.name,
-          value,
-          defaultValue,
-          type,
-          placeholder,
-          readOnly: !!formElementProps.readOnly,
-          disabled: formElementProps.disabled,
-          onChange: onChangeHandler,
-          className: cx(localInvalid && baseInputClasses.inputRootInvalid, formElementProps.readOnly && baseInputClasses.inputRootReadOnly, localInvalid && css2(styles.inputRootInvalid), formElementProps.readOnly && css2(styles.inputRootReadOnly), localInvalid && (classes == null ? void 0 : classes.inputRootInvalid), formElementProps.readOnly && (classes == null ? void 0 : classes.inputRootReadOnly)),
-          classes: {
-            root: cx(baseInputClasses.inputRoot, css2(styles.inputRoot), classes == null ? void 0 : classes.inputRoot),
-            focused: cx(baseInputClasses.inputRootFocused, css2(styles.inputRootFocused), classes == null ? void 0 : classes.inputRootFocused),
-            disabled: cx(baseInputClasses.inputRootDisabled, css2(styles.inputRootDisabled), classes == null ? void 0 : classes.inputRootDisabled),
-            multiline: cx(baseInputClasses.inputRootMultiline, css2(styles.inputRootMultiline), classes == null ? void 0 : classes.inputRootMultiline),
-            input: cx(baseInputClasses.input, !formElementProps.disabled && resizable && baseInputClasses.inputResizable, formElementProps.disabled && baseInputClasses.inputDisabled, formElementProps.readOnly && baseInputClasses.inputReadOnly, css2(styles.input), !formElementProps.disabled && resizable && css2(styles.inputResizable), formElementProps.disabled && css2(styles.inputDisabled), formElementProps.readOnly && css2(styles.inputReadOnly), classes == null ? void 0 : classes.input, !formElementProps.disabled && resizable && (classes == null ? void 0 : classes.inputResizable), formElementProps.disabled && (classes == null ? void 0 : classes.inputDisabled), formElementProps.readOnly && (classes == null ? void 0 : classes.inputReadOnly))
-          },
-          inputProps: {
-            // Avoid the required attribute at the root node
-            required: formElementProps.required,
-            ...inputProps,
-            ...ariaProps
-          },
-          inputRef,
-          multiline,
-          rows: 10,
-          ...others
-        }), !multiline && /* @__PURE__ */ jsx("div", {
-          role: "presentation",
-          className: cx(baseInputClasses.inputBorderContainer, css2(styles.inputBorderContainer), classes == null ? void 0 : classes.inputBorderContainer)
-        })]
+  return /* @__PURE__ */ jsxs(Fragment, {
+    children: [/* @__PURE__ */ jsx(Global, {
+      styles: baseInputStyles
+    }), /* @__PURE__ */ jsxs("div", {
+      className: cx(classes.root, className, {
+        [classes.disabled]: formElementProps.disabled,
+        [classes.invalid]: localInvalid,
+        [classes.resizable]: multiline && resizable,
+        [classes.readOnly]: formElementProps.readOnly
+      }),
+      children: [/* @__PURE__ */ jsx(Input, {
+        id,
+        name: formElementProps.name,
+        value,
+        defaultValue,
+        type,
+        placeholder,
+        readOnly: !!formElementProps.readOnly,
+        disabled: formElementProps.disabled,
+        onChange: onChangeHandler,
+        className: cx({
+          [classes.inputRootInvalid]: localInvalid,
+          [classes.inputRootReadOnly]: formElementProps.readOnly
+        }),
+        classes: {
+          root: classes.inputRoot,
+          focused: classes.inputRootFocused,
+          disabled: classes.inputRootDisabled,
+          multiline: classes.inputRootMultiline,
+          input: cx(classes.input, {
+            [classes.inputResizable]: !formElementProps.disabled && resizable,
+            [classes.inputDisabled]: formElementProps.disabled,
+            [classes.inputReadOnly]: formElementProps.readOnly
+          })
+        },
+        inputProps: {
+          // Avoid the required attribute at the root node
+          required: formElementProps.required,
+          ...inputProps,
+          ...ariaProps
+        },
+        inputRef,
+        multiline,
+        rows: 10,
+        ...others
+      }), !multiline && /* @__PURE__ */ jsx("div", {
+        role: "presentation",
+        className: classes.inputBorderContainer
       })]
-    })
+    })]
   });
 };
 export {
-  HvBaseInput
+  HvBaseInput,
+  staticClasses as baseInputClasses
 };
 //# sourceMappingURL=BaseInput.js.map