@hitachivantara/uikit-react-core 3.72.1 → 3.74.0

package/dist/ScrollTo/useScrollTo.js.map

@@ -1 +1 @@
-{"version":3,"file":"useScrollTo.js","names":["useScrollTo","selectedIndexProp","scrollElementId","href","offset","options","onChange","RETRY_MAX","useState","selectedIndex","setSelectedIndex","scrollEle","useRef","requestedAnimationFrame","lastContainerScrollTop","selectedIndexRef","useEffect","current","document","getElementById","window","verticalScrollOffset","checkScroll","useCallback","event","requestAnimationFrame","firstVisibleElementIndex","findFirstVisibleElement","newSelectedIndex","length","isScrolledToTheBottom","containerScrollTop","getScrollTop","isScrollingDown","addEventListener","removeEventListener","cancelAnimationFrame","checkRenderedInterval","hashValue","location","hash","split","option","find","o","value","retry","setInterval","ele","scrollElement","clearInterval","setScrollTo","id","index","wrappedOnChange","history","pushState"],"sources":["../../src/ScrollTo/useScrollTo.js"],"sourcesContent":["import { useEffect, useRef, useState, useCallback } from \"react\";\nimport {\n  verticalScrollOffset,\n  findFirstVisibleElement,\n  isScrolledToTheBottom,\n  getScrollTop,\n  scrollElement,\n} from \"./utils\";\n\nconst useScrollTo = (\n  selectedIndexProp = 0,\n  scrollElementId,\n  href,\n  offset = 0,\n  options,\n  onChange\n) => {\n  const RETRY_MAX = 5;\n  const [selectedIndex, setSelectedIndex] = useState(selectedIndexProp);\n\n  const scrollEle = useRef();\n  const requestedAnimationFrame = useRef(0);\n  const lastContainerScrollTop = useRef();\n\n  // ref to use a often-changing value in useCallback, as recommended in\n  // https://reactjs.org/docs/hooks-faq.html#how-to-read-an-often-changing-value-from-usecallback\n  const selectedIndexRef = useRef(selectedIndex);\n  useEffect(() => {\n    selectedIndexRef.current = selectedIndex;\n  }, [selectedIndex]);\n\n  useEffect(() => {\n    scrollEle.current = (scrollElementId && document.getElementById(scrollElementId)) || window;\n    lastContainerScrollTop.current = verticalScrollOffset(scrollEle.current);\n  }, [scrollElementId]);\n\n  const checkScroll = useCallback(\n    (event) => {\n      if (requestedAnimationFrame.current === 0 && window?.requestAnimationFrame) {\n        requestedAnimationFrame.current = window.requestAnimationFrame(() => {\n          requestedAnimationFrame.current = 0;\n\n          const firstVisibleElementIndex = findFirstVisibleElement(\n            scrollEle.current,\n            options,\n            offset\n          );\n\n          let newSelectedIndex = firstVisibleElementIndex;\n\n          // select the first element when all elements are bellow the container's top\n          if (firstVisibleElementIndex < 0) {\n            newSelectedIndex = 0;\n          }\n\n          // if the user has reached the bottom of the container, select the first nav item still visible\n          // (usually this selects the last nav item, when it can't reach the top the container)\n          // in theory only needed when scrolling down, but no... because of the Safari bouncing behaviour\n          if (newSelectedIndex < options.length - 1 && isScrolledToTheBottom(scrollEle.current)) {\n            newSelectedIndex += 1;\n          }\n\n          const containerScrollTop = getScrollTop(scrollEle.current);\n          const isScrollingDown = containerScrollTop > lastContainerScrollTop.current;\n          lastContainerScrollTop.current = containerScrollTop;\n\n          // only update the selected item if the scroll direction is moving away from it\n          if (isScrollingDown) {\n            if (newSelectedIndex < selectedIndexRef.current) {\n              newSelectedIndex = selectedIndexRef.current;\n            }\n          } else if (newSelectedIndex > selectedIndexRef.current) {\n            newSelectedIndex = selectedIndexRef.current;\n          }\n\n          setSelectedIndex(newSelectedIndex);\n          onChange?.(event, newSelectedIndex);\n        });\n      }\n    },\n    [offset, options, onChange]\n  );\n\n  // registers and unregisters the scroll listener\n  useEffect(() => {\n    if (scrollEle.current) {\n      scrollEle.current.addEventListener(\"scroll\", checkScroll, false);\n    }\n\n    return () => {\n      if (scrollEle.current) {\n        scrollEle.current.removeEventListener(\"scroll\", checkScroll);\n      }\n\n      if (requestedAnimationFrame.current !== 0) {\n        window.cancelAnimationFrame(requestedAnimationFrame.current);\n        requestedAnimationFrame.current = 0;\n      }\n    };\n  }, [checkScroll]);\n\n  // waits for the elements to be rendered and scrolls to the one referenced\n  // in the URL hash, if any\n  useEffect(() => {\n    let checkRenderedInterval;\n\n    if (href) {\n      const hashValue = document.location.hash.split(\"#\")[1] || \"\";\n\n      const option = options.find((o) => o.value === hashValue);\n\n      if (option) {\n        let retry = 0;\n        checkRenderedInterval = setInterval(() => {\n          const ele = document.getElementById(option.value);\n\n          if (ele) {\n            scrollElement(ele, scrollEle.current, option.offset || offset);\n            clearInterval(checkRenderedInterval);\n          } else {\n            retry += 1;\n            if (retry === RETRY_MAX) {\n              clearInterval(checkRenderedInterval);\n            }\n          }\n        }, 1000);\n      }\n    }\n\n    return () => {\n      clearInterval(checkRenderedInterval);\n    };\n\n    // we really want to run this just in the first load\n    // in fact this doesn't even belong here, the logic should be external\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const setScrollTo = (event, id, index, wrappedOnChange) => {\n    const option = options.find((o) => o.value === id);\n\n    if (option) {\n      const ele = document.getElementById(id);\n      if (ele) {\n        scrollElement(ele, scrollEle.current, option.offset || offset);\n      }\n\n      if (href) {\n        window.history.pushState({}, \"\", `#${options[index].value}`);\n      }\n\n      setSelectedIndex(index);\n      wrappedOnChange?.(index);\n\n      // Safari scrolls immediately (no smooth scroll support),\n      // so this ref value must be updated asap\n      selectedIndexRef.current = index;\n    }\n  };\n\n  return [selectedIndex, setScrollTo];\n};\n\nexport default useScrollTo;\n"],"mappings":"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"}
+{"version":3,"file":"useScrollTo.js","names":["useScrollTo","selectedIndexProp","scrollElementId","href","offset","options","onChange","direction","RETRY_MAX","useState","selectedIndex","setSelectedIndex","scrollEle","useRef","requestedAnimationFrame","lastContainerScrollTop","selectedIndexRef","useEffect","current","document","getElementById","window","verticalScrollOffset","checkScroll","useCallback","event","requestAnimationFrame","firstVisibleElementIndex","findFirstVisibleElement","newSelectedIndex","length","isScrolledToTheBottom","containerScrollTop","getScrollTop","isScrollingDown","addEventListener","removeEventListener","cancelAnimationFrame","checkRenderedInterval","hashValue","location","hash","split","option","find","o","value","retry","setInterval","ele","scrollElement","clearInterval","setScrollTo","id","index","wrappedOnChange","history","pushState"],"sources":["../../src/ScrollTo/useScrollTo.js"],"sourcesContent":["import { useEffect, useRef, useState, useCallback } from \"react\";\nimport {\n  verticalScrollOffset,\n  findFirstVisibleElement,\n  isScrolledToTheBottom,\n  getScrollTop,\n  scrollElement,\n} from \"./utils\";\n\nconst useScrollTo = (\n  selectedIndexProp = 0,\n  scrollElementId,\n  href,\n  offset = 0,\n  options,\n  onChange,\n  direction = \"column\"\n) => {\n  const RETRY_MAX = 5;\n  const [selectedIndex, setSelectedIndex] = useState(selectedIndexProp);\n\n  const scrollEle = useRef();\n  const requestedAnimationFrame = useRef(0);\n  const lastContainerScrollTop = useRef();\n\n  // ref to use a often-changing value in useCallback, as recommended in\n  // https://reactjs.org/docs/hooks-faq.html#how-to-read-an-often-changing-value-from-usecallback\n  const selectedIndexRef = useRef(selectedIndex);\n  useEffect(() => {\n    selectedIndexRef.current = selectedIndex;\n  }, [selectedIndex]);\n\n  useEffect(() => {\n    scrollEle.current = (scrollElementId && document.getElementById(scrollElementId)) || window;\n    lastContainerScrollTop.current = verticalScrollOffset(scrollEle.current);\n  }, [scrollElementId]);\n\n  const checkScroll = useCallback(\n    (event) => {\n      if (requestedAnimationFrame.current === 0 && window?.requestAnimationFrame) {\n        requestedAnimationFrame.current = window.requestAnimationFrame(() => {\n          requestedAnimationFrame.current = 0;\n\n          const firstVisibleElementIndex = findFirstVisibleElement(\n            scrollEle.current,\n            options,\n            offset\n          );\n\n          let newSelectedIndex = firstVisibleElementIndex;\n\n          // select the first element when all elements are bellow the container's top\n          if (firstVisibleElementIndex < 0) {\n            newSelectedIndex = 0;\n          }\n\n          // if the user has reached the bottom of the container, select the first nav item still visible\n          // (usually this selects the last nav item, when it can't reach the top the container)\n          // in theory only needed when scrolling down, but no... because of the Safari bouncing behaviour\n          if (newSelectedIndex < options.length - 1 && isScrolledToTheBottom(scrollEle.current)) {\n            newSelectedIndex += 1;\n          }\n\n          const containerScrollTop = getScrollTop(scrollEle.current);\n          const isScrollingDown = containerScrollTop > lastContainerScrollTop.current;\n          lastContainerScrollTop.current = containerScrollTop;\n\n          // only update the selected item if the scroll direction is moving away from it\n          if (isScrollingDown) {\n            if (newSelectedIndex < selectedIndexRef.current) {\n              newSelectedIndex = selectedIndexRef.current;\n            }\n          } else if (newSelectedIndex > selectedIndexRef.current) {\n            newSelectedIndex = selectedIndexRef.current;\n          }\n\n          setSelectedIndex(newSelectedIndex);\n          onChange?.(event, newSelectedIndex);\n        });\n      }\n    },\n    [offset, options, onChange]\n  );\n\n  // registers and unregisters the scroll listener\n  useEffect(() => {\n    if (scrollEle.current) {\n      scrollEle.current.addEventListener(\"scroll\", checkScroll, false);\n    }\n\n    return () => {\n      if (scrollEle.current) {\n        scrollEle.current.removeEventListener(\"scroll\", checkScroll);\n      }\n\n      if (requestedAnimationFrame.current !== 0) {\n        window.cancelAnimationFrame(requestedAnimationFrame.current);\n        requestedAnimationFrame.current = 0;\n      }\n    };\n  }, [checkScroll]);\n\n  // waits for the elements to be rendered and scrolls to the one referenced\n  // in the URL hash, if any\n  useEffect(() => {\n    let checkRenderedInterval;\n\n    if (href) {\n      const hashValue = document.location.hash.split(\"#\")[1] || \"\";\n\n      const option = options.find((o) => o.value === hashValue);\n\n      if (option) {\n        let retry = 0;\n        checkRenderedInterval = setInterval(() => {\n          const ele = document.getElementById(option.value);\n\n          if (ele) {\n            scrollElement(ele, scrollEle.current, option.offset || offset);\n            clearInterval(checkRenderedInterval);\n          } else {\n            retry += 1;\n            if (retry === RETRY_MAX) {\n              clearInterval(checkRenderedInterval);\n            }\n          }\n        }, 1000);\n      }\n    }\n\n    return () => {\n      clearInterval(checkRenderedInterval);\n    };\n\n    // we really want to run this just in the first load\n    // in fact this doesn't even belong here, the logic should be external\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const setScrollTo = (event, id, index, wrappedOnChange) => {\n    const option = options.find((o) => o.value === id);\n\n    if (option) {\n      const ele = document.getElementById(id);\n      if (ele) {\n        scrollElement(ele, scrollEle.current, option.offset || offset, direction);\n      }\n\n      if (href) {\n        window.history.pushState({}, \"\", `#${options[index].value}`);\n      }\n\n      setSelectedIndex(index);\n      wrappedOnChange?.(index);\n\n      // Safari scrolls immediately (no smooth scroll support),\n      // so this ref value must be updated asap\n      selectedIndexRef.current = index;\n    }\n  };\n\n  return [selectedIndex, setScrollTo];\n};\n\nexport default useScrollTo;\n"],"mappings":"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"}

package/dist/ScrollTo/utils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.verticalScrollOffset = exports.scrollElement = exports.isScrolledToTheBottom = exports.getScrollTop = exports.findFirstVisibleElement = void 0;
+exports.verticalScrollOffset = exports.scrollElement = exports.isScrolledToTheBottom = exports.horizontalScrollOffset = exports.getScrollTop = exports.findFirstVisibleElement = void 0;
 
 var getScrollTop = function getScrollTop() {
   var c = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window;
@@ -35,13 +35,46 @@ var verticalScrollOffset = function verticalScrollOffset(t) {
 
 exports.verticalScrollOffset = verticalScrollOffset;
 
+var horizontalScrollOffset = function horizontalScrollOffset(t) {
+  var c = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : window;
+
+  if (c === window) {
+    var _t$getBoundingClientR2;
+
+    return ((t === null || t === void 0 ? void 0 : (_t$getBoundingClientR2 = t.getBoundingClientRect) === null || _t$getBoundingClientR2 === void 0 ? void 0 : _t$getBoundingClientR2.call(t).left) || 0) + (window.scrollX || window.pageXOffset);
+  }
+
+  if (getComputedStyle(c).position !== "static") {
+    return t.offsetLeft;
+  }
+
+  return t.offsetLeft - c.offsetLeft;
+};
+
+exports.horizontalScrollOffset = horizontalScrollOffset;
+
 var scrollElement = function scrollElement(element, container) {
   var offset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-  var elemTop = verticalScrollOffset(element, container);
-  container.scrollTo({
-    top: elemTop - offset,
-    behavior: "smooth"
-  });
+  var direction = arguments.length > 3 ? arguments[3] : undefined;
+
+  if (direction === "row") {
+    var _container$scrollTo;
+
+    var elemLeft = horizontalScrollOffset(element, container);
+    container === null || container === void 0 ? void 0 : (_container$scrollTo = container.scrollTo) === null || _container$scrollTo === void 0 ? void 0 : _container$scrollTo.call(container, {
+      left: elemLeft - offset,
+      behavior: "smooth"
+    });
+  } else {
+    var _container$scrollTo2;
+
+    var elemTop = verticalScrollOffset(element, container);
+    container === null || container === void 0 ? void 0 : (_container$scrollTo2 = container.scrollTo) === null || _container$scrollTo2 === void 0 ? void 0 : _container$scrollTo2.call(container, {
+      top: elemTop - offset,
+      behavior: "smooth"
+    });
+  }
+
   element.focus({
     preventScroll: true
   });

package/dist/ScrollTo/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["getScrollTop","c","window","scrollY","pageYOffset","document","documentElement","scrollTop","body","verticalScrollOffset","t","getBoundingClientRect","top","getComputedStyle","position","offsetTop","scrollElement","element","container","offset","elemTop","scrollTo","behavior","focus","preventScroll","isScrolledToTheBottom","containerScrollTop","scrollHeight","innerHeight","offsetHeight","findFirstVisibleElement","options","boundsTop","i","length","ele","getElementById","value"],"sources":["../../src/ScrollTo/utils.js"],"sourcesContent":["export const getScrollTop = (c = window) => {\n  if (c === window) {\n    return (\n      window.scrollY ||\n      window.pageYOffset ||\n      (document.documentElement && document.documentElement.scrollTop) ||\n      document.body.scrollTop\n    );\n  }\n\n  return c.scrollTop;\n};\n\nexport const verticalScrollOffset = (t, c = window) => {\n  if (c === window) {\n    return (t?.getBoundingClientRect?.().top || 0) + (window.scrollY || window.pageYOffset);\n  }\n  if (getComputedStyle(c).position !== \"static\") {\n    return t.offsetTop;\n  }\n\n  return t.offsetTop - c.offsetTop;\n};\n\nexport const scrollElement = (element, container, offset = 0) => {\n  const elemTop = verticalScrollOffset(element, container);\n  container.scrollTo({\n    top: elemTop - offset,\n    behavior: \"smooth\",\n  });\n  element.focus({ preventScroll: true });\n};\n\nexport const isScrolledToTheBottom = (container) => {\n  const containerScrollTop = getScrollTop(container);\n\n  if (container === window) {\n    // accounting for cases where html/body are set to height:100%\n    const scrollHeight =\n      (document.documentElement && document.documentElement.scrollHeight) ||\n      document.body.scrollHeight;\n\n    return containerScrollTop + window.innerHeight >= scrollHeight;\n  }\n\n  return containerScrollTop + container.offsetHeight >= container.scrollHeight;\n};\n\nexport const findFirstVisibleElement = (container, options, offset) => {\n  const boundsTop = verticalScrollOffset(container);\n\n  let i = 0;\n  // find index of first element whose top is still visible inside the container\n  for (; i < options.length; i += 1) {\n    const ele = document.getElementById(options[i].value);\n\n    if (ele) {\n      const elemTop = verticalScrollOffset(ele) - (options[i].offset || offset);\n\n      if (elemTop > boundsTop) {\n        break;\n      }\n    }\n  }\n\n  // return the previous index, the element that last scrolled past the top\n  return i - 1;\n};\n"],"mappings":"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"}
+{"version":3,"file":"utils.js","names":["getScrollTop","c","window","scrollY","pageYOffset","document","documentElement","scrollTop","body","verticalScrollOffset","t","getBoundingClientRect","top","getComputedStyle","position","offsetTop","horizontalScrollOffset","left","scrollX","pageXOffset","offsetLeft","scrollElement","element","container","offset","direction","elemLeft","scrollTo","behavior","elemTop","focus","preventScroll","isScrolledToTheBottom","containerScrollTop","scrollHeight","innerHeight","offsetHeight","findFirstVisibleElement","options","boundsTop","i","length","ele","getElementById","value"],"sources":["../../src/ScrollTo/utils.js"],"sourcesContent":["export const getScrollTop = (c = window) => {\n  if (c === window) {\n    return (\n      window.scrollY ||\n      window.pageYOffset ||\n      (document.documentElement && document.documentElement.scrollTop) ||\n      document.body.scrollTop\n    );\n  }\n\n  return c.scrollTop;\n};\n\nexport const verticalScrollOffset = (t, c = window) => {\n  if (c === window) {\n    return (t?.getBoundingClientRect?.().top || 0) + (window.scrollY || window.pageYOffset);\n  }\n  if (getComputedStyle(c).position !== \"static\") {\n    return t.offsetTop;\n  }\n\n  return t.offsetTop - c.offsetTop;\n};\n\nexport const horizontalScrollOffset = (t, c = window) => {\n  if (c === window) {\n    return (t?.getBoundingClientRect?.().left || 0) + (window.scrollX || window.pageXOffset);\n  }\n  if (getComputedStyle(c).position !== \"static\") {\n    return t.offsetLeft;\n  }\n\n  return t.offsetLeft - c.offsetLeft;\n};\n\nexport const scrollElement = (element, container, offset = 0, direction) => {\n  if (direction === \"row\") {\n    const elemLeft = horizontalScrollOffset(element, container);\n    container?.scrollTo?.({\n      left: elemLeft - offset,\n      behavior: \"smooth\",\n    });\n  } else {\n    const elemTop = verticalScrollOffset(element, container);\n    container?.scrollTo?.({\n      top: elemTop - offset,\n      behavior: \"smooth\",\n    });\n  }\n  element.focus({ preventScroll: true });\n};\n\nexport const isScrolledToTheBottom = (container) => {\n  const containerScrollTop = getScrollTop(container);\n\n  if (container === window) {\n    // accounting for cases where html/body are set to height:100%\n    const scrollHeight =\n      (document.documentElement && document.documentElement.scrollHeight) ||\n      document.body.scrollHeight;\n\n    return containerScrollTop + window.innerHeight >= scrollHeight;\n  }\n\n  return containerScrollTop + container.offsetHeight >= container.scrollHeight;\n};\n\nexport const findFirstVisibleElement = (container, options, offset) => {\n  const boundsTop = verticalScrollOffset(container);\n\n  let i = 0;\n  // find index of first element whose top is still visible inside the container\n  for (; i < options.length; i += 1) {\n    const ele = document.getElementById(options[i].value);\n\n    if (ele) {\n      const elemTop = verticalScrollOffset(ele) - (options[i].offset || offset);\n\n      if (elemTop > boundsTop) {\n        break;\n      }\n    }\n  }\n\n  // return the previous index, the element that last scrolled past the top\n  return i - 1;\n};\n"],"mappings":"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"}

package/dist/legacy/AssetInventory/ListView/ListViewCell/ListViewCell.d.ts

@@ -1,5 +1,6 @@
 import * as React from "react";
 import { StandardProps } from "@material-ui/core";
+import { HvAtmosphereColorKeys, HvSemanticColorKeys } from "../../..";
 
 export type HvListViewCellClassKey = "root" | "semanticBar";
 
@@ -17,33 +18,7 @@ export interface HvListViewCellProps
   /**
    *  The border color of the cell. Must be one of palette semantic colors.
    */
-  semantic?:
-    | "sema0"
-    | "sema1"
-    | "sema2"
-    | "sema3"
-    | "sema4"
-    | "sema5"
-    | "sema6"
-    | "sema7"
-    | "sema8"
-    | "sema9"
-    | "sema10"
-    | "sema11"
-    | "sema12"
-    | "sema13"
-    | "sema14"
-    | "sema15"
-    | "sema16"
-    | "sema17"
-    | "sema18"
-    | "sema19"
-    | "atmo1"
-    | "atmo2"
-    | "atmo3"
-    | "atmo4"
-    | "atmo5"
-    | "atmo6";
+  semantic?: "sema0" | HvSemanticColorKeys | HvAtmosphereColorKeys;
 }
 
 export default function HvListViewCell(props: HvListViewCellProps): JSX.Element | null;

package/dist/legacy/AssetInventory/ListView/ListViewRow/ListViewRow.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { StandardProps } from "@material-ui/core";
 import { ListViewConfiguration } from "..";
-import { HvCheckBoxProps } from "../../..";
+import { HvAtmosphereColorKeys, HvCheckBoxProps, HvSemanticColorKeys } from "../../..";
 
 export type HvListViewRowClassKey = "root";
 
@@ -29,32 +29,7 @@ export interface HvListViewRowProps
   /**
    *  The border to the right of the checkbox
    */
-  semantic?:
-    | "sema1"
-    | "sema2"
-    | "sema3"
-    | "sema4"
-    | "sema5"
-    | "sema6"
-    | "sema7"
-    | "sema8"
-    | "sema9"
-    | "sema10"
-    | "sema11"
-    | "sema12"
-    | "sema13"
-    | "sema14"
-    | "sema15"
-    | "sema16"
-    | "sema17"
-    | "sema18"
-    | "sema19"
-    | "atmo1"
-    | "atmo2"
-    | "atmo3"
-    | "atmo4"
-    | "atmo5"
-    | "atmo6";
+  semantic?: HvSemanticColorKeys | HvAtmosphereColorKeys;
 }
 
 export default function HvListViewRow(props: HvListViewRowProps): JSX.Element | null;

package/dist/legacy/Banner/Banner.d.ts

@@ -1,6 +1,7 @@
 import * as React from "react";
-import { StandardProps, SnackbarProps, SnackbarContentProps } from "@material-ui/core";
+import { StandardProps, SnackbarProps } from "@material-ui/core";
 import { HvActionsGenericCommonProps } from "../ActionsGeneric";
+import { HvBannerContentProps } from "./BannerContent";
 
 export type TransitionDirectionProp = "up" | "down" | "left" | "right";
 
@@ -55,7 +56,7 @@ export interface HvBannerProps
   /**
    * Props to pass down to the Banner Wrapper.
    */
-  bannerContentProps?: SnackbarContentProps;
+  bannerContentProps?: Partial<HvBannerContentProps>;
 }
 
 export default function HvBanner(props: HvBannerProps): JSX.Element | null;

package/dist/legacy/Banner/Banner.js

@@ -6,7 +6,7 @@ import PropTypes, { oneOfType } from "prop-types";
 import { Slide, Snackbar, withStyles } from "@material-ui/core";
 import capitalize from "lodash/capitalize";
 import { setId } from "../utils";
-import HvBannerContentWrapper from "./BannerWrapper";
+import HvBannerContent from "./BannerContent";
 import styles from "./styles";
 /**
  * A Banner displays an important and succinct message. It can also provide actions for the user to address, or dismiss.
@@ -70,7 +70,7 @@ var HvBanner = function HvBanner(props) {
     TransitionComponent: SlideTransition,
     open: open,
     transitionDuration: transitionDuration
-  }, others), /*#__PURE__*/React.createElement(HvBannerContentWrapper, _extends({
+  }, others), /*#__PURE__*/React.createElement(HvBannerContent, _extends({
     id: setId(id, "content"),
     content: label,
     variant: variant,

package/dist/legacy/Banner/Banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.js","names":["React","useCallback","PropTypes","oneOfType","Slide","Snackbar","withStyles","capitalize","setId","HvBannerContentWrapper","styles","HvBanner","props","id","classes","className","open","onClose","anchorOrigin","variant","transitionDuration","transitionDirection","showIcon","customIcon","actions","actionsCallback","actionsPosition","label","offset","bannerContentProps","others","anchorOriginOffset","anchorOriginTop","top","anchorOriginBottom","bottom","anchorOriginBanner","horizontal","vertical","SlideTransition","properties","root","rootClosed","anchorOriginTopCenter","anchorOriginBottomCenter","propTypes","string","shape","isRequired","bool","func","node","oneOf","arrayOf","icon","disabled","number","instanceOf","Object","name"],"sources":["../../../src/Banner/Banner.js"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport PropTypes, { oneOfType } from \"prop-types\";\nimport { Slide, Snackbar, withStyles } from \"@material-ui/core\";\nimport capitalize from \"lodash/capitalize\";\nimport { setId } from \"../utils\";\nimport HvBannerContentWrapper from \"./BannerWrapper\";\nimport styles from \"./styles\";\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 */\nconst HvBanner = (props) => {\n  const {\n    id,\n    classes,\n    className,\n    open,\n    onClose,\n    anchorOrigin = \"top\",\n    variant = \"default\",\n    transitionDuration = 300,\n    transitionDirection = \"down\",\n    showIcon = false,\n    customIcon,\n    actions,\n    actionsCallback,\n    actionsPosition = \"auto\",\n    label,\n    offset = 60,\n    bannerContentProps,\n    ...others\n  } = props;\n\n  const anchorOriginOffset = {\n    anchorOriginTop: {\n      top: `${offset || 0}px`,\n    },\n    anchorOriginBottom: {\n      bottom: `${offset || 0}px`,\n    },\n  };\n\n  const anchorOriginBanner = { horizontal: \"center\", vertical: anchorOrigin };\n\n  const SlideTransition = useCallback(\n    (properties) => <Slide {...properties} direction={transitionDirection} />,\n    [transitionDirection]\n  );\n\n  return (\n    <Snackbar\n      style={anchorOriginOffset[`anchorOrigin${capitalize(anchorOrigin)}`]}\n      className={className}\n      id={id}\n      classes={{\n        root: open ? classes.root : classes.rootClosed,\n        anchorOriginTopCenter: classes.anchorOriginTopCenter,\n        anchorOriginBottomCenter: classes.anchorOriginBottomCenter,\n      }}\n      anchorOrigin={anchorOriginBanner}\n      TransitionComponent={SlideTransition}\n      open={open}\n      transitionDuration={transitionDuration}\n      {...others}\n    >\n      <HvBannerContentWrapper\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\nHvBanner.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component root class when the component is closed.\n     */\n    rootClosed: PropTypes.string,\n    /**\n     * Styles applied to the component when define as top.\n     */\n    anchorOriginTopCenter: PropTypes.string,\n    /**\n     * Styles applied to the component when define as bottom.\n     */\n    anchorOriginBottomCenter: PropTypes.string,\n  }).isRequired,\n  /**\n   *  If true, Snackbar is open.\n   */\n  open: PropTypes.bool.isRequired,\n  /**\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   */\n  onClose: PropTypes.func,\n  /**\n   * The message to display.\n   */\n  label: PropTypes.node,\n  /**\n   *  The anchor of the Snackbar.\n   */\n  anchorOrigin: PropTypes.oneOf([\"top\", \"bottom\"]),\n  /**\n   * Variant of the snackbar.\n   */\n  variant: PropTypes.oneOf([\"success\", \"warning\", \"error\", \"info\", \"default\"]),\n  /**\n   * Custom icon to replace the variant default.\n   */\n  customIcon: PropTypes.node,\n  /**\n   * Controls if the associated icon to the variant should be shown.\n   */\n  showIcon: PropTypes.bool,\n  /**\n   * Actions to display on the right side.\n   */\n  actions: oneOfType([\n    PropTypes.node,\n    PropTypes.arrayOf(\n      PropTypes.shape({\n        id: PropTypes.string.isRequired,\n        label: PropTypes.string.isRequired,\n        icon: PropTypes.func,\n        disabled: PropTypes.bool,\n      })\n    ),\n  ]),\n  /**\n   *  The callback function ran when an action is triggered, receiving `action` as param\n   */\n  actionsCallback: PropTypes.func,\n  /**\n   * The position property of the header.\n   */\n  actionsPosition: PropTypes.PropTypes.oneOf([\"auto\", \"inline\", \"bottom-right\"]),\n  /**\n   * How much the transition animation last in milliseconds, if 0 no animation is played.\n   */\n  transitionDuration: PropTypes.number,\n  /**\n   * Direction of slide transition.\n   */\n  transitionDirection: PropTypes.oneOf([\"up\", \"down\", \"left\", \"right\"]),\n  /**\n   * Offset from top/bottom of the page, in px. Defaults to 60px.\n   */\n  offset: PropTypes.number,\n  /**\n   * Props to pass down to the Banner Wrapper. An object `actionProps` can be included to be passed as others to actions.\n   */\n  bannerContentProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvBanner\" })(HvBanner);\n"],"mappings":"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"}
+{"version":3,"file":"Banner.js","names":["React","useCallback","PropTypes","oneOfType","Slide","Snackbar","withStyles","capitalize","setId","HvBannerContent","styles","HvBanner","props","id","classes","className","open","onClose","anchorOrigin","variant","transitionDuration","transitionDirection","showIcon","customIcon","actions","actionsCallback","actionsPosition","label","offset","bannerContentProps","others","anchorOriginOffset","anchorOriginTop","top","anchorOriginBottom","bottom","anchorOriginBanner","horizontal","vertical","SlideTransition","properties","root","rootClosed","anchorOriginTopCenter","anchorOriginBottomCenter","propTypes","string","shape","isRequired","bool","func","node","oneOf","arrayOf","icon","disabled","number","instanceOf","Object","name"],"sources":["../../../src/Banner/Banner.js"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport PropTypes, { oneOfType } from \"prop-types\";\nimport { Slide, Snackbar, withStyles } from \"@material-ui/core\";\nimport capitalize from \"lodash/capitalize\";\nimport { setId } from \"../utils\";\nimport HvBannerContent from \"./BannerContent\";\nimport styles from \"./styles\";\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 */\nconst HvBanner = (props) => {\n  const {\n    id,\n    classes,\n    className,\n    open,\n    onClose,\n    anchorOrigin = \"top\",\n    variant = \"default\",\n    transitionDuration = 300,\n    transitionDirection = \"down\",\n    showIcon = false,\n    customIcon,\n    actions,\n    actionsCallback,\n    actionsPosition = \"auto\",\n    label,\n    offset = 60,\n    bannerContentProps,\n    ...others\n  } = props;\n\n  const anchorOriginOffset = {\n    anchorOriginTop: {\n      top: `${offset || 0}px`,\n    },\n    anchorOriginBottom: {\n      bottom: `${offset || 0}px`,\n    },\n  };\n\n  const anchorOriginBanner = { horizontal: \"center\", vertical: anchorOrigin };\n\n  const SlideTransition = useCallback(\n    (properties) => <Slide {...properties} direction={transitionDirection} />,\n    [transitionDirection]\n  );\n\n  return (\n    <Snackbar\n      style={anchorOriginOffset[`anchorOrigin${capitalize(anchorOrigin)}`]}\n      className={className}\n      id={id}\n      classes={{\n        root: open ? classes.root : classes.rootClosed,\n        anchorOriginTopCenter: classes.anchorOriginTopCenter,\n        anchorOriginBottomCenter: classes.anchorOriginBottomCenter,\n      }}\n      anchorOrigin={anchorOriginBanner}\n      TransitionComponent={SlideTransition}\n      open={open}\n      transitionDuration={transitionDuration}\n      {...others}\n    >\n      <HvBannerContent\n        id={setId(id, \"content\")}\n        content={label}\n        variant={variant}\n        customIcon={customIcon}\n        showIcon={showIcon}\n        actions={actions}\n        actionsCallback={actionsCallback}\n        actionsPosition={actionsPosition}\n        onClose={onClose}\n        {...bannerContentProps}\n      />\n    </Snackbar>\n  );\n};\n\nHvBanner.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component root class when the component is closed.\n     */\n    rootClosed: PropTypes.string,\n    /**\n     * Styles applied to the component when define as top.\n     */\n    anchorOriginTopCenter: PropTypes.string,\n    /**\n     * Styles applied to the component when define as bottom.\n     */\n    anchorOriginBottomCenter: PropTypes.string,\n  }).isRequired,\n  /**\n   *  If true, Snackbar is open.\n   */\n  open: PropTypes.bool.isRequired,\n  /**\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   */\n  onClose: PropTypes.func,\n  /**\n   * The message to display.\n   */\n  label: PropTypes.node,\n  /**\n   *  The anchor of the Snackbar.\n   */\n  anchorOrigin: PropTypes.oneOf([\"top\", \"bottom\"]),\n  /**\n   * Variant of the snackbar.\n   */\n  variant: PropTypes.oneOf([\"success\", \"warning\", \"error\", \"info\", \"default\"]),\n  /**\n   * Custom icon to replace the variant default.\n   */\n  customIcon: PropTypes.node,\n  /**\n   * Controls if the associated icon to the variant should be shown.\n   */\n  showIcon: PropTypes.bool,\n  /**\n   * Actions to display on the right side.\n   */\n  actions: oneOfType([\n    PropTypes.node,\n    PropTypes.arrayOf(\n      PropTypes.shape({\n        id: PropTypes.string.isRequired,\n        label: PropTypes.string.isRequired,\n        icon: PropTypes.func,\n        disabled: PropTypes.bool,\n      })\n    ),\n  ]),\n  /**\n   *  The callback function ran when an action is triggered, receiving `action` as param\n   */\n  actionsCallback: PropTypes.func,\n  /**\n   * The position property of the header.\n   */\n  actionsPosition: PropTypes.PropTypes.oneOf([\"auto\", \"inline\", \"bottom-right\"]),\n  /**\n   * How much the transition animation last in milliseconds, if 0 no animation is played.\n   */\n  transitionDuration: PropTypes.number,\n  /**\n   * Direction of slide transition.\n   */\n  transitionDirection: PropTypes.oneOf([\"up\", \"down\", \"left\", \"right\"]),\n  /**\n   * Offset from top/bottom of the page, in px. Defaults to 60px.\n   */\n  offset: PropTypes.number,\n  /**\n   * Props to pass down to the Banner Wrapper. An object `actionProps` can be included to be passed as others to actions.\n   */\n  bannerContentProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvBanner\" })(HvBanner);\n"],"mappings":"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"}

package/dist/legacy/Banner/{BannerWrapper → BannerContent}/ActionContainer/ActionContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionContainer.js","names":["React","PropTypes","oneOfType","withStyles","Close","ActionsGeneric","HvButton","styles","ActionContainer","id","classes","onClose","action","actionCallback","others","actionContainer","closeAction","iconContainer","actionsInnerContainer","propTypes","string","instanceOf","Object","func","node","arrayOf","shape","isRequired","label","icon","disabled","bool","name"],"sources":["../../../../../src/Banner/BannerWrapper/ActionContainer/ActionContainer.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes, { oneOfType } from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport ActionsGeneric from \"../../../ActionsGeneric\";\nimport HvButton from \"../../../Button\";\nimport styles from \"./styles\";\n\nconst ActionContainer = ({ id, classes, onClose, action, actionCallback, ...others }) => {\n  return (\n    <div className={classes.actionContainer}>\n      <HvButton\n        icon\n        className={classes.closeAction}\n        category=\"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          <ActionsGeneric\n            id={id}\n            category=\"semantic\"\n            actions={action}\n            actionsCallback={actionCallback}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n\nActionContainer.propTypes = {\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the button.\n   */\n  classes: PropTypes.instanceOf(Object),\n  /**\n   * onClose function.\n   */\n  onClose: PropTypes.func,\n  /**\n   * Actions to display.\n   */\n  action: oneOfType([\n    PropTypes.node,\n    PropTypes.arrayOf(\n      PropTypes.shape({\n        id: PropTypes.string.isRequired,\n        label: PropTypes.string.isRequired,\n        icon: PropTypes.func,\n        disabled: PropTypes.bool,\n      })\n    ),\n  ]),\n  /**\n   *  The callback function ran when an action is triggered, receiving `action` as param\n   */\n  actionCallback: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvActionContainer\" })(ActionContainer);\n"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,IAAoBC,SAApB,QAAqC,YAArC;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,SAASC,KAAT,QAAsB,mCAAtB;AACA,OAAOC,cAAP,MAA2B,yBAA3B;AACA,OAAOC,QAAP,MAAqB,iBAArB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,OAAiE;EAAA,IAA9DC,EAA8D,QAA9DA,EAA8D;EAAA,IAA1DC,OAA0D,QAA1DA,OAA0D;EAAA,IAAjDC,OAAiD,QAAjDA,OAAiD;EAAA,IAAxCC,MAAwC,QAAxCA,MAAwC;EAAA,IAAhCC,cAAgC,QAAhCA,cAAgC;EAAA,IAAbC,MAAa;;EACvF,oBACE;IAAK,SAAS,EAAEJ,OAAO,CAACK;EAAxB,gBACE,oBAAC,QAAD;IACE,IAAI,MADN;IAEE,SAAS,EAAEL,OAAO,CAACM,WAFrB;IAGE,QAAQ,EAAC,UAHX;IAIE,cAAW,OAJb;IAKE,OAAO,EAAEL,OALX;IAME,QAAQ,EAAE;EANZ,GAOMG,MAPN,gBASE,oBAAC,KAAD;IAAO,QAAQ,EAAC,IAAhB;IAAqB,SAAS,EAAEJ,OAAO,CAACO,aAAxC;IAAuD,KAAK,EAAC;EAA7D,EATF,CADF,EAYGL,MAAM,iBACL;IAAK,SAAS,EAAEF,OAAO,CAACQ;EAAxB,gBACE,oBAAC,cAAD;IACE,EAAE,EAAET,EADN;IAEE,QAAQ,EAAC,UAFX;IAGE,OAAO,EAAEG,MAHX;IAIE,eAAe,EAAEC;EAJnB,EADF,CAbJ,CADF;AAyBD,CA1BD;;AA4BA,wCAAAL,eAAe,CAACW,SAAhB,GAA4B;EAC1B;AACF;AACA;EACEV,EAAE,EAAER,SAAS,CAACmB,MAJY;;EAK1B;AACF;AACA;EACEV,OAAO,EAAET,SAAS,CAACoB,UAAV,CAAqBC,MAArB,CARiB;;EAS1B;AACF;AACA;EACEX,OAAO,EAAEV,SAAS,CAACsB,IAZO;;EAa1B;AACF;AACA;EACEX,MAAM,EAAEV,SAAS,CAAC,CAChBD,SAAS,CAACuB,IADM,EAEhBvB,SAAS,CAACwB,OAAV,CACExB,SAAS,CAACyB,KAAV,CAAgB;IACdjB,EAAE,EAAER,SAAS,CAACmB,MAAV,CAAiBO,UADP;IAEdC,KAAK,EAAE3B,SAAS,CAACmB,MAAV,CAAiBO,UAFV;IAGdE,IAAI,EAAE5B,SAAS,CAACsB,IAHF;IAIdO,QAAQ,EAAE7B,SAAS,CAAC8B;EAJN,CAAhB,CADF,CAFgB,CAAD,CAhBS;;EA2B1B;AACF;AACA;EACElB,cAAc,EAAEZ,SAAS,CAACsB;AA9BA,CAA5B;AAiCA,eAAepB,UAAU,CAACI,MAAD,EAAS;EAAEyB,IAAI,EAAE;AAAR,CAAT,CAAV,CAAkDxB,eAAlD,CAAf"}
+{"version":3,"file":"ActionContainer.js","names":["React","PropTypes","oneOfType","withStyles","Close","ActionsGeneric","HvButton","styles","ActionContainer","id","classes","onClose","action","actionCallback","others","actionContainer","closeAction","iconContainer","actionsInnerContainer","propTypes","string","instanceOf","Object","func","node","arrayOf","shape","isRequired","label","icon","disabled","bool","name"],"sources":["../../../../../src/Banner/BannerContent/ActionContainer/ActionContainer.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes, { oneOfType } from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport ActionsGeneric from \"../../../ActionsGeneric\";\nimport HvButton from \"../../../Button\";\nimport styles from \"./styles\";\n\nconst ActionContainer = ({ id, classes, onClose, action, actionCallback, ...others }) => {\n  return (\n    <div className={classes.actionContainer}>\n      <HvButton\n        icon\n        className={classes.closeAction}\n        category=\"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          <ActionsGeneric\n            id={id}\n            category=\"semantic\"\n            actions={action}\n            actionsCallback={actionCallback}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n\nActionContainer.propTypes = {\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the button.\n   */\n  classes: PropTypes.instanceOf(Object),\n  /**\n   * onClose function.\n   */\n  onClose: PropTypes.func,\n  /**\n   * Actions to display.\n   */\n  action: oneOfType([\n    PropTypes.node,\n    PropTypes.arrayOf(\n      PropTypes.shape({\n        id: PropTypes.string.isRequired,\n        label: PropTypes.string.isRequired,\n        icon: PropTypes.func,\n        disabled: PropTypes.bool,\n      })\n    ),\n  ]),\n  /**\n   *  The callback function ran when an action is triggered, receiving `action` as param\n   */\n  actionCallback: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvActionContainer\" })(ActionContainer);\n"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,IAAoBC,SAApB,QAAqC,YAArC;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,SAASC,KAAT,QAAsB,mCAAtB;AACA,OAAOC,cAAP,MAA2B,yBAA3B;AACA,OAAOC,QAAP,MAAqB,iBAArB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,OAAiE;EAAA,IAA9DC,EAA8D,QAA9DA,EAA8D;EAAA,IAA1DC,OAA0D,QAA1DA,OAA0D;EAAA,IAAjDC,OAAiD,QAAjDA,OAAiD;EAAA,IAAxCC,MAAwC,QAAxCA,MAAwC;EAAA,IAAhCC,cAAgC,QAAhCA,cAAgC;EAAA,IAAbC,MAAa;;EACvF,oBACE;IAAK,SAAS,EAAEJ,OAAO,CAACK;EAAxB,gBACE,oBAAC,QAAD;IACE,IAAI,MADN;IAEE,SAAS,EAAEL,OAAO,CAACM,WAFrB;IAGE,QAAQ,EAAC,UAHX;IAIE,cAAW,OAJb;IAKE,OAAO,EAAEL,OALX;IAME,QAAQ,EAAE;EANZ,GAOMG,MAPN,gBASE,oBAAC,KAAD;IAAO,QAAQ,EAAC,IAAhB;IAAqB,SAAS,EAAEJ,OAAO,CAACO,aAAxC;IAAuD,KAAK,EAAC;EAA7D,EATF,CADF,EAYGL,MAAM,iBACL;IAAK,SAAS,EAAEF,OAAO,CAACQ;EAAxB,gBACE,oBAAC,cAAD;IACE,EAAE,EAAET,EADN;IAEE,QAAQ,EAAC,UAFX;IAGE,OAAO,EAAEG,MAHX;IAIE,eAAe,EAAEC;EAJnB,EADF,CAbJ,CADF;AAyBD,CA1BD;;AA4BA,wCAAAL,eAAe,CAACW,SAAhB,GAA4B;EAC1B;AACF;AACA;EACEV,EAAE,EAAER,SAAS,CAACmB,MAJY;;EAK1B;AACF;AACA;EACEV,OAAO,EAAET,SAAS,CAACoB,UAAV,CAAqBC,MAArB,CARiB;;EAS1B;AACF;AACA;EACEX,OAAO,EAAEV,SAAS,CAACsB,IAZO;;EAa1B;AACF;AACA;EACEX,MAAM,EAAEV,SAAS,CAAC,CAChBD,SAAS,CAACuB,IADM,EAEhBvB,SAAS,CAACwB,OAAV,CACExB,SAAS,CAACyB,KAAV,CAAgB;IACdjB,EAAE,EAAER,SAAS,CAACmB,MAAV,CAAiBO,UADP;IAEdC,KAAK,EAAE3B,SAAS,CAACmB,MAAV,CAAiBO,UAFV;IAGdE,IAAI,EAAE5B,SAAS,CAACsB,IAHF;IAIdO,QAAQ,EAAE7B,SAAS,CAAC8B;EAJN,CAAhB,CADF,CAFgB,CAAD,CAhBS;;EA2B1B;AACF;AACA;EACElB,cAAc,EAAEZ,SAAS,CAACsB;AA9BA,CAA5B;AAiCA,eAAepB,UAAU,CAACI,MAAD,EAAS;EAAEyB,IAAI,EAAE;AAAR,CAAT,CAAV,CAAkDxB,eAAlD,CAAf"}

package/dist/legacy/Banner/{BannerWrapper → BannerContent}/ActionContainer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../../../../src/Banner/BannerWrapper/ActionContainer/index.js"],"sourcesContent":["export { default } from \"./ActionContainer\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,mBAAxB"}
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../../../src/Banner/BannerContent/ActionContainer/index.js"],"sourcesContent":["export { default } from \"./ActionContainer\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,mBAAxB"}

package/dist/legacy/Banner/{BannerWrapper → BannerContent}/ActionContainer/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["fade","outlineStyles","styles","theme","actionContainer","display","flexDirection","height","justifyContent","actionsInnerContainer","marginTop","closeAction","alignSelf","cursor","backgroundColor","hv","palette","base","base1","iconContainer","width"],"sources":["../../../../../src/Banner/BannerWrapper/ActionContainer/styles.js"],"sourcesContent":["import fade from \"../../../utils/hexToRgbA\";\nimport { outlineStyles } from \"../../../Focus/styles\";\n\nconst styles = (theme) => ({\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    \"&:hover\": {\n      backgroundColor: fade(theme.hv.palette.base.base1, 0.3),\n    },\n    \"&:focus\": {\n      ...outlineStyles,\n    },\n  },\n  iconContainer: {\n    width: \"32px\",\n    height: \"32px\",\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;AAAA,OAAOA,IAAP,MAAiB,0BAAjB;AACA,SAASC,aAAT,QAA8B,uBAA9B;;AAEA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,eAAe,EAAE;MACfC,OAAO,EAAE,MADM;MAEfC,aAAa,EAAE,QAFA;MAGfC,MAAM,EAAE,MAHO;MAIfC,cAAc,EAAE;IAJD,CADQ;IAOzBC,qBAAqB,EAAE;MACrBH,aAAa,EAAE,KADM;MAErBI,SAAS,EAAE,KAFU,CAEH;;IAFG,CAPE;IAWzBC,WAAW,EAAE;MACXC,SAAS,EAAE,UADA;MAEXC,MAAM,EAAE,SAFG;MAGX,WAAW;QACTC,eAAe,EAAEd,IAAI,CAACG,KAAK,CAACY,EAAN,CAASC,OAAT,CAAiBC,IAAjB,CAAsBC,KAAvB,EAA8B,GAA9B;MADZ,CAHA;MAMX,6BACKjB,aADL;IANW,CAXY;IAqBzBkB,aAAa,EAAE;MACbC,KAAK,EAAE,MADM;MAEbb,MAAM,EAAE;IAFK;EArBU,CAAZ;AAAA,CAAf;;AA2BA,eAAeL,MAAf"}
+{"version":3,"file":"styles.js","names":["fade","outlineStyles","styles","theme","actionContainer","display","flexDirection","height","justifyContent","actionsInnerContainer","marginTop","closeAction","alignSelf","cursor","backgroundColor","hv","palette","base","base1","iconContainer","width"],"sources":["../../../../../src/Banner/BannerContent/ActionContainer/styles.js"],"sourcesContent":["import fade from \"../../../utils/hexToRgbA\";\nimport { outlineStyles } from \"../../../Focus/styles\";\n\nconst styles = (theme) => ({\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    \"&:hover\": {\n      backgroundColor: fade(theme.hv.palette.base.base1, 0.3),\n    },\n    \"&:focus\": {\n      ...outlineStyles,\n    },\n  },\n  iconContainer: {\n    width: \"32px\",\n    height: \"32px\",\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;AAAA,OAAOA,IAAP,MAAiB,0BAAjB;AACA,SAASC,aAAT,QAA8B,uBAA9B;;AAEA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,eAAe,EAAE;MACfC,OAAO,EAAE,MADM;MAEfC,aAAa,EAAE,QAFA;MAGfC,MAAM,EAAE,MAHO;MAIfC,cAAc,EAAE;IAJD,CADQ;IAOzBC,qBAAqB,EAAE;MACrBH,aAAa,EAAE,KADM;MAErBI,SAAS,EAAE,KAFU,CAEH;;IAFG,CAPE;IAWzBC,WAAW,EAAE;MACXC,SAAS,EAAE,UADA;MAEXC,MAAM,EAAE,SAFG;MAGX,WAAW;QACTC,eAAe,EAAEd,IAAI,CAACG,KAAK,CAACY,EAAN,CAASC,OAAT,CAAiBC,IAAjB,CAAsBC,KAAvB,EAA8B,GAA9B;MADZ,CAHA;MAMX,6BACKjB,aADL;IANW,CAXY;IAqBzBkB,aAAa,EAAE;MACbC,KAAK,EAAE,MADM;MAEbb,MAAM,EAAE;IAFK;EArBU,CAAZ;AAAA,CAAf;;AA2BA,eAAeL,MAAf"}

package/dist/legacy/Banner/BannerContent/BannerContent.d.ts

@@ -0,0 +1,41 @@
+import * as React from "react";
+import { StandardProps, SnackbarContentProps } from "@material-ui/core";
+import {
+  ActionsPositionProp,
+  HvActionsGenericCommonProps,
+  HvButtonProps,
+  NotificationsCommonProps,
+  SemanticVariantTypes,
+} from "../..";
+
+export type HvBannerContentClassKey =
+  | "root"
+  | "message"
+  | "action"
+  | "baseVariant"
+  | "outContainer"
+  | SemanticVariantTypes;
+
+export interface HvBannerContentProps
+  extends StandardProps<SnackbarContentProps, HvBannerContentClassKey, "variant">,
+    HvActionsGenericCommonProps,
+    Pick<NotificationsCommonProps, "showIcon" | "customIcon" | "variant"> {
+  /**
+   * The position property of the header.
+   */
+  actionsPosition?: ActionsPositionProp;
+  /**
+   * The message to display.
+   */
+  content?: React.ReactNode;
+  /**
+   * onClose function.
+   */
+  onClose?: HvButtonProps["onClick"];
+  /**
+   * The props to pass down to the Action Container.
+   */
+  actionProps?: Record<string, unknown>;
+}
+
+export default function HvBannerContent(props: HvBannerContentProps): JSX.Element | null;

package/dist/legacy/Banner/{BannerWrapper/BannerContentWrapper.js → BannerContent/BannerContent.js}

@@ -9,7 +9,7 @@ import iconVariant from "../../utils/iconVariant";
 import MessageContainer from "./MessageContainer";
 import ActionContainer from "./ActionContainer";
 import styles from "./styles";
-var HvBannerContentWrapper = /*#__PURE__*/React.forwardRef(function (props, ref) {
+var HvBannerContent = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var id = props.id,
       classes = props.classes,
       _props$showIcon = props.showIcon,
@@ -61,7 +61,7 @@ var HvBannerContentWrapper = /*#__PURE__*/React.forwardRef(function (props, ref)
     }, actionProps))
   }, others)));
 });
-process.env.NODE_ENV !== "production" ? HvBannerContentWrapper.propTypes = {
+process.env.NODE_ENV !== "production" ? HvBannerContent.propTypes = {
   /**
    * Identifier.
    */
@@ -123,6 +123,6 @@ process.env.NODE_ENV !== "production" ? HvBannerContentWrapper.propTypes = {
   actionProps: PropTypes.instanceOf(Object)
 } : void 0;
 export default withStyles(styles, {
-  name: "HvBannerContentWrapper"
-})(HvBannerContentWrapper);
-//# sourceMappingURL=BannerContentWrapper.js.map
+  name: "HvBannerContent"
+})(HvBannerContent);
+//# sourceMappingURL=BannerContent.js.map

package/dist/legacy/Banner/BannerContent/BannerContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BannerContent.js","names":["React","PropTypes","oneOfType","clsx","SnackbarContent","withStyles","iconVariant","MessageContainer","ActionContainer","styles","HvBannerContent","forwardRef","props","ref","id","classes","showIcon","customIcon","variant","onClose","actions","actionsCallback","actionsPosition","content","actionProps","others","icon","effectiveActionsPosition","outContainer","root","message","action","baseVariant","actionsOnMessage","actionsOnMessageCallback","actionCallback","propTypes","string","instanceOf","Object","node","oneOf","bool","func","arrayOf","shape","isRequired","label","disabled","name"],"sources":["../../../../src/Banner/BannerContent/BannerContent.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes, { oneOfType } from \"prop-types\";\nimport clsx from \"clsx\";\nimport { SnackbarContent, withStyles } from \"@material-ui/core\";\nimport iconVariant from \"../../utils/iconVariant\";\nimport MessageContainer from \"./MessageContainer\";\nimport ActionContainer from \"./ActionContainer\";\nimport styles from \"./styles\";\n\nconst HvBannerContent = React.forwardRef((props, ref) => {\n  const {\n    id,\n    classes,\n    showIcon = false,\n    customIcon,\n    variant = \"default\",\n    onClose,\n    actions,\n    actionsCallback,\n    actionsPosition = \"auto\",\n    content,\n    actionProps,\n    ...others\n  } = props;\n\n  const icon = customIcon || (showIcon && iconVariant(variant, \"base2\"));\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 = 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={clsx(classes[variant], classes.baseVariant)}\n        message={\n          <MessageContainer\n            id={id}\n            icon={icon}\n            {...(effectiveActionsPosition === \"inline\" && {\n              actionsOnMessage: actions,\n              actionsOnMessageCallback: actionsCallback,\n            })}\n            message={content}\n          />\n        }\n        action={\n          <ActionContainer\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\nHvBannerContent.propTypes = {\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes: PropTypes.instanceOf(Object),\n  /**\n   * The message to display.\n   */\n  content: PropTypes.node,\n  /**\n   * Variant of the snackbar.\n   */\n  variant: PropTypes.oneOf([\"success\", \"warning\", \"error\", \"info\", \"default\"]),\n  /**\n   * Controls if the associated icon to the variant should be shown.\n   */\n  showIcon: PropTypes.bool,\n  /**\n   * Custom icon to replace the variant default.\n   */\n  customIcon: PropTypes.node,\n  /**\n   * onClose function.\n   */\n  onClose: PropTypes.func,\n  /**\n   * Actions to display on the right side.\n   */\n  actions: oneOfType([\n    PropTypes.node,\n    PropTypes.arrayOf(\n      PropTypes.shape({\n        id: PropTypes.string.isRequired,\n        label: PropTypes.string.isRequired,\n        icon: PropTypes.func,\n        disabled: PropTypes.bool,\n      })\n    ),\n  ]),\n  /**\n   *  The callback function ran when an action is triggered, receiving `action` as param\n   */\n  actionsCallback: PropTypes.func,\n  /**\n   * The position property of the header.\n   */\n  actionsPosition: PropTypes.PropTypes.oneOf([\"auto\", \"inline\", \"bottom-right\"]),\n  /**\n   * The props to pass down to the Action Container.\n   */\n  actionProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvBannerContent\" })(HvBannerContent);\n"],"mappings":"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"}

package/dist/legacy/Banner/{BannerWrapper → BannerContent}/MessageContainer/MessageContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageContainer.js","names":["React","PropTypes","oneOfType","withStyles","HvTypography","ActionsGeneric","setId","styles","MessageContainer","id","classes","icon","actionsOnMessage","actionsOnMessageCallback","message","iconContainer","actionMessageContainer","propTypes","string","instanceOf","Object","node","arrayOf","shape","isRequired","label","func","disabled","bool","name"],"sources":["../../../../../src/Banner/BannerWrapper/MessageContainer/MessageContainer.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes, { oneOfType } from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport HvTypography from \"../../../Typography\";\nimport ActionsGeneric from \"../../../ActionsGeneric\";\nimport { setId } from \"../../../utils\";\nimport styles from \"./styles\";\n\nconst MessageContainer = ({\n  id,\n  classes,\n  icon,\n  actionsOnMessage,\n  actionsOnMessageCallback,\n  message,\n}) => (\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 id={setId(id, \"message-actions\")} className={classes.actionMessageContainer}>\n        <ActionsGeneric\n          id={id}\n          category=\"semantic\"\n          actions={actionsOnMessage}\n          actionsCallback={actionsOnMessageCallback}\n        />\n      </div>\n    )}\n  </>\n);\n\nMessageContainer.propTypes = {\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the button.\n   */\n  classes: PropTypes.instanceOf(Object),\n  /**\n   * Icon to be presented.\n   */\n  icon: PropTypes.node,\n  /**\n   * The message to display.\n   */\n  message: PropTypes.node,\n  /**\n   * Actions to display on message.\n   */\n  actionsOnMessage: oneOfType([\n    PropTypes.node,\n    PropTypes.arrayOf(\n      PropTypes.shape({\n        id: PropTypes.string.isRequired,\n        label: PropTypes.string.isRequired,\n        icon: PropTypes.func,\n        disabled: PropTypes.bool,\n      })\n    ),\n  ]),\n  /**\n   * The callback function ran when an action is triggered, receiving `actionsOnMessage` as param\n   */\n  actionsOnMessageCallback: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvMessageContainer\" })(MessageContainer);\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,IAAoBC,SAApB,QAAqC,YAArC;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,YAAP,MAAyB,qBAAzB;AACA,OAAOC,cAAP,MAA2B,yBAA3B;AACA,SAASC,KAAT,QAAsB,gBAAtB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB;EAAA,IACvBC,EADuB,QACvBA,EADuB;EAAA,IAEvBC,OAFuB,QAEvBA,OAFuB;EAAA,IAGvBC,IAHuB,QAGvBA,IAHuB;EAAA,IAIvBC,gBAJuB,QAIvBA,gBAJuB;EAAA,IAKvBC,wBALuB,QAKvBA,wBALuB;EAAA,IAMvBC,OANuB,QAMvBA,OANuB;EAAA,oBAQvB,0CACGH,IAAI,iBAAI;IAAK,SAAS,EAAED,OAAO,CAACK;EAAxB,GAAwCJ,IAAxC,CADX,eAEE,oBAAC,YAAD;IAAc,EAAE,EAAEL,KAAK,CAACG,EAAD,EAAK,cAAL,CAAvB;IAA6C,SAAS,EAAEC,OAAO,CAACI;EAAhE,GACGA,OADH,CAFF,EAKGF,gBAAgB,iBACf;IAAK,EAAE,EAAEN,KAAK,CAACG,EAAD,EAAK,iBAAL,CAAd;IAAuC,SAAS,EAAEC,OAAO,CAACM;EAA1D,gBACE,oBAAC,cAAD;IACE,EAAE,EAAEP,EADN;IAEE,QAAQ,EAAC,UAFX;IAGE,OAAO,EAAEG,gBAHX;IAIE,eAAe,EAAEC;EAJnB,EADF,CANJ,CARuB;AAAA,CAAzB;;AA0BA,wCAAAL,gBAAgB,CAACS,SAAjB,GAA6B;EAC3B;AACF;AACA;EACER,EAAE,EAAER,SAAS,CAACiB,MAJa;;EAK3B;AACF;AACA;EACER,OAAO,EAAET,SAAS,CAACkB,UAAV,CAAqBC,MAArB,CARkB;;EAS3B;AACF;AACA;EACET,IAAI,EAAEV,SAAS,CAACoB,IAZW;;EAa3B;AACF;AACA;EACEP,OAAO,EAAEb,SAAS,CAACoB,IAhBQ;;EAiB3B;AACF;AACA;EACET,gBAAgB,EAAEV,SAAS,CAAC,CAC1BD,SAAS,CAACoB,IADgB,EAE1BpB,SAAS,CAACqB,OAAV,CACErB,SAAS,CAACsB,KAAV,CAAgB;IACdd,EAAE,EAAER,SAAS,CAACiB,MAAV,CAAiBM,UADP;IAEdC,KAAK,EAAExB,SAAS,CAACiB,MAAV,CAAiBM,UAFV;IAGdb,IAAI,EAAEV,SAAS,CAACyB,IAHF;IAIdC,QAAQ,EAAE1B,SAAS,CAAC2B;EAJN,CAAhB,CADF,CAF0B,CAAD,CApBA;;EA+B3B;AACF;AACA;EACEf,wBAAwB,EAAEZ,SAAS,CAACyB;AAlCT,CAA7B;AAqCA,eAAevB,UAAU,CAACI,MAAD,EAAS;EAAEsB,IAAI,EAAE;AAAR,CAAT,CAAV,CAAmDrB,gBAAnD,CAAf"}
+{"version":3,"file":"MessageContainer.js","names":["React","PropTypes","oneOfType","withStyles","HvTypography","ActionsGeneric","setId","styles","MessageContainer","id","classes","icon","actionsOnMessage","actionsOnMessageCallback","message","iconContainer","actionMessageContainer","propTypes","string","instanceOf","Object","node","arrayOf","shape","isRequired","label","func","disabled","bool","name"],"sources":["../../../../../src/Banner/BannerContent/MessageContainer/MessageContainer.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes, { oneOfType } from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport HvTypography from \"../../../Typography\";\nimport ActionsGeneric from \"../../../ActionsGeneric\";\nimport { setId } from \"../../../utils\";\nimport styles from \"./styles\";\n\nconst MessageContainer = ({\n  id,\n  classes,\n  icon,\n  actionsOnMessage,\n  actionsOnMessageCallback,\n  message,\n}) => (\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 id={setId(id, \"message-actions\")} className={classes.actionMessageContainer}>\n        <ActionsGeneric\n          id={id}\n          category=\"semantic\"\n          actions={actionsOnMessage}\n          actionsCallback={actionsOnMessageCallback}\n        />\n      </div>\n    )}\n  </>\n);\n\nMessageContainer.propTypes = {\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the button.\n   */\n  classes: PropTypes.instanceOf(Object),\n  /**\n   * Icon to be presented.\n   */\n  icon: PropTypes.node,\n  /**\n   * The message to display.\n   */\n  message: PropTypes.node,\n  /**\n   * Actions to display on message.\n   */\n  actionsOnMessage: oneOfType([\n    PropTypes.node,\n    PropTypes.arrayOf(\n      PropTypes.shape({\n        id: PropTypes.string.isRequired,\n        label: PropTypes.string.isRequired,\n        icon: PropTypes.func,\n        disabled: PropTypes.bool,\n      })\n    ),\n  ]),\n  /**\n   * The callback function ran when an action is triggered, receiving `actionsOnMessage` as param\n   */\n  actionsOnMessageCallback: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvMessageContainer\" })(MessageContainer);\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,IAAoBC,SAApB,QAAqC,YAArC;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,YAAP,MAAyB,qBAAzB;AACA,OAAOC,cAAP,MAA2B,yBAA3B;AACA,SAASC,KAAT,QAAsB,gBAAtB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB;EAAA,IACvBC,EADuB,QACvBA,EADuB;EAAA,IAEvBC,OAFuB,QAEvBA,OAFuB;EAAA,IAGvBC,IAHuB,QAGvBA,IAHuB;EAAA,IAIvBC,gBAJuB,QAIvBA,gBAJuB;EAAA,IAKvBC,wBALuB,QAKvBA,wBALuB;EAAA,IAMvBC,OANuB,QAMvBA,OANuB;EAAA,oBAQvB,0CACGH,IAAI,iBAAI;IAAK,SAAS,EAAED,OAAO,CAACK;EAAxB,GAAwCJ,IAAxC,CADX,eAEE,oBAAC,YAAD;IAAc,EAAE,EAAEL,KAAK,CAACG,EAAD,EAAK,cAAL,CAAvB;IAA6C,SAAS,EAAEC,OAAO,CAACI;EAAhE,GACGA,OADH,CAFF,EAKGF,gBAAgB,iBACf;IAAK,EAAE,EAAEN,KAAK,CAACG,EAAD,EAAK,iBAAL,CAAd;IAAuC,SAAS,EAAEC,OAAO,CAACM;EAA1D,gBACE,oBAAC,cAAD;IACE,EAAE,EAAEP,EADN;IAEE,QAAQ,EAAC,UAFX;IAGE,OAAO,EAAEG,gBAHX;IAIE,eAAe,EAAEC;EAJnB,EADF,CANJ,CARuB;AAAA,CAAzB;;AA0BA,wCAAAL,gBAAgB,CAACS,SAAjB,GAA6B;EAC3B;AACF;AACA;EACER,EAAE,EAAER,SAAS,CAACiB,MAJa;;EAK3B;AACF;AACA;EACER,OAAO,EAAET,SAAS,CAACkB,UAAV,CAAqBC,MAArB,CARkB;;EAS3B;AACF;AACA;EACET,IAAI,EAAEV,SAAS,CAACoB,IAZW;;EAa3B;AACF;AACA;EACEP,OAAO,EAAEb,SAAS,CAACoB,IAhBQ;;EAiB3B;AACF;AACA;EACET,gBAAgB,EAAEV,SAAS,CAAC,CAC1BD,SAAS,CAACoB,IADgB,EAE1BpB,SAAS,CAACqB,OAAV,CACErB,SAAS,CAACsB,KAAV,CAAgB;IACdd,EAAE,EAAER,SAAS,CAACiB,MAAV,CAAiBM,UADP;IAEdC,KAAK,EAAExB,SAAS,CAACiB,MAAV,CAAiBM,UAFV;IAGdb,IAAI,EAAEV,SAAS,CAACyB,IAHF;IAIdC,QAAQ,EAAE1B,SAAS,CAAC2B;EAJN,CAAhB,CADF,CAF0B,CAAD,CApBA;;EA+B3B;AACF;AACA;EACEf,wBAAwB,EAAEZ,SAAS,CAACyB;AAlCT,CAA7B;AAqCA,eAAevB,UAAU,CAACI,MAAD,EAAS;EAAEsB,IAAI,EAAE;AAAR,CAAT,CAAV,CAAmDrB,gBAAnD,CAAf"}

package/dist/legacy/Banner/{BannerWrapper → BannerContent}/MessageContainer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../../../../src/Banner/BannerWrapper/MessageContainer/index.js"],"sourcesContent":["export { default } from \"./MessageContainer\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,oBAAxB"}
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../../../src/Banner/BannerContent/MessageContainer/index.js"],"sourcesContent":["export { default } from \"./MessageContainer\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,oBAAxB"}

package/dist/legacy/Banner/{BannerWrapper → BannerContent}/MessageContainer/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","message","color","hv","palette","base","base2","wordBreak","maxWidth","overflow","marginRight","iconContainer","spacing","xs","marginLeft","actionMessageContainer","flex"],"sources":["../../../../../src/Banner/BannerWrapper/MessageContainer/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  message: {\n    color: theme.hv.palette.base.base2,\n    wordBreak: \"break-word\",\n    maxWidth: \"700px\",\n    overflow: \"hidden\",\n    marginRight: 10,\n  },\n  iconContainer: {\n    marginRight: theme.hv.spacing.xs,\n    marginLeft: -theme.hv.spacing.xs,\n  },\n  actionMessageContainer: {\n    flex: \"0 0 auto\",\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,OAAO,EAAE;MACPC,KAAK,EAAEF,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,IAAjB,CAAsBC,KADtB;MAEPC,SAAS,EAAE,YAFJ;MAGPC,QAAQ,EAAE,OAHH;MAIPC,QAAQ,EAAE,QAJH;MAKPC,WAAW,EAAE;IALN,CADgB;IAQzBC,aAAa,EAAE;MACbD,WAAW,EAAEV,KAAK,CAACG,EAAN,CAASS,OAAT,CAAiBC,EADjB;MAEbC,UAAU,EAAE,CAACd,KAAK,CAACG,EAAN,CAASS,OAAT,CAAiBC;IAFjB,CARU;IAYzBE,sBAAsB,EAAE;MACtBC,IAAI,EAAE;IADgB;EAZC,CAAZ;AAAA,CAAf;;AAiBA,eAAejB,MAAf"}
+{"version":3,"file":"styles.js","names":["styles","theme","message","color","hv","palette","base","base2","wordBreak","maxWidth","overflow","marginRight","iconContainer","spacing","xs","marginLeft","actionMessageContainer","flex"],"sources":["../../../../../src/Banner/BannerContent/MessageContainer/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  message: {\n    color: theme.hv.palette.base.base2,\n    wordBreak: \"break-word\",\n    maxWidth: \"700px\",\n    overflow: \"hidden\",\n    marginRight: 10,\n  },\n  iconContainer: {\n    marginRight: theme.hv.spacing.xs,\n    marginLeft: -theme.hv.spacing.xs,\n  },\n  actionMessageContainer: {\n    flex: \"0 0 auto\",\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,OAAO,EAAE;MACPC,KAAK,EAAEF,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,IAAjB,CAAsBC,KADtB;MAEPC,SAAS,EAAE,YAFJ;MAGPC,QAAQ,EAAE,OAHH;MAIPC,QAAQ,EAAE,QAJH;MAKPC,WAAW,EAAE;IALN,CADgB;IAQzBC,aAAa,EAAE;MACbD,WAAW,EAAEV,KAAK,CAACG,EAAN,CAASS,OAAT,CAAiBC,EADjB;MAEbC,UAAU,EAAE,CAACd,KAAK,CAACG,EAAN,CAASS,OAAT,CAAiBC;IAFjB,CARU;IAYzBE,sBAAsB,EAAE;MACtBC,IAAI,EAAE;IADgB;EAZC,CAAZ;AAAA,CAAf;;AAiBA,eAAejB,MAAf"}

package/dist/legacy/Banner/BannerContent/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./BannerContent";
+export * from "./BannerContent";

package/dist/legacy/Banner/BannerContent/index.js

@@ -0,0 +1,2 @@
+export { default } from "./BannerContent";
+//# sourceMappingURL=index.js.map

package/dist/legacy/Banner/BannerContent/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../../src/Banner/BannerContent/index.js"],"sourcesContent":["export { default } from \"./BannerContent\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,iBAAxB"}

package/dist/legacy/Banner/{BannerWrapper → BannerContent}/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","minWidth","position","display","flexWrap","message","alignItems","padding","hvSpacing","paddingLeft","hv","spacing","sm","action","marginRight","flex","placeSelf","baseVariant","success","backgroundColor","palette","semantic","sema8","warning","sema20","error","sema9","default","sema7","outContainer","width"],"sources":["../../../../src/Banner/BannerWrapper/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    minWidth: \"100%\",\n    position: \"relative\",\n    display: \"flex\",\n    flexWrap: \"nowrap\",\n  },\n  message: {\n    display: \"flex\",\n    alignItems: \"center\",\n    padding: theme.hvSpacing(\"xs\", 0),\n    paddingLeft: theme.hv.spacing.sm,\n  },\n  action: {\n    padding: theme.hvSpacing(\"xs\"),\n    marginRight: 0,\n    flex: \"0 0 auto\",\n    placeSelf: \"stretch\",\n  },\n  baseVariant: {\n    padding: 0,\n  },\n  success: {\n    backgroundColor: theme.hv.palette.semantic.sema8,\n  },\n  warning: {\n    backgroundColor: theme.hv.palette.semantic.sema20,\n  },\n  error: {\n    backgroundColor: theme.hv.palette.semantic.sema9,\n  },\n  default: {\n    backgroundColor: theme.hv.palette.semantic.sema7,\n  },\n  outContainer: {\n    width: \"100%\",\n    position: \"relative\",\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,QAAQ,EAAE,MADN;MAEJC,QAAQ,EAAE,UAFN;MAGJC,OAAO,EAAE,MAHL;MAIJC,QAAQ,EAAE;IAJN,CADmB;IAOzBC,OAAO,EAAE;MACPF,OAAO,EAAE,MADF;MAEPG,UAAU,EAAE,QAFL;MAGPC,OAAO,EAAER,KAAK,CAACS,SAAN,CAAgB,IAAhB,EAAsB,CAAtB,CAHF;MAIPC,WAAW,EAAEV,KAAK,CAACW,EAAN,CAASC,OAAT,CAAiBC;IAJvB,CAPgB;IAazBC,MAAM,EAAE;MACNN,OAAO,EAAER,KAAK,CAACS,SAAN,CAAgB,IAAhB,CADH;MAENM,WAAW,EAAE,CAFP;MAGNC,IAAI,EAAE,UAHA;MAINC,SAAS,EAAE;IAJL,CAbiB;IAmBzBC,WAAW,EAAE;MACXV,OAAO,EAAE;IADE,CAnBY;IAsBzBW,OAAO,EAAE;MACPC,eAAe,EAAEpB,KAAK,CAACW,EAAN,CAASU,OAAT,CAAiBC,QAAjB,CAA0BC;IADpC,CAtBgB;IAyBzBC,OAAO,EAAE;MACPJ,eAAe,EAAEpB,KAAK,CAACW,EAAN,CAASU,OAAT,CAAiBC,QAAjB,CAA0BG;IADpC,CAzBgB;IA4BzBC,KAAK,EAAE;MACLN,eAAe,EAAEpB,KAAK,CAACW,EAAN,CAASU,OAAT,CAAiBC,QAAjB,CAA0BK;IADtC,CA5BkB;IA+BzBC,OAAO,EAAE;MACPR,eAAe,EAAEpB,KAAK,CAACW,EAAN,CAASU,OAAT,CAAiBC,QAAjB,CAA0BO;IADpC,CA/BgB;IAkCzBC,YAAY,EAAE;MACZC,KAAK,EAAE,MADK;MAEZ5B,QAAQ,EAAE;IAFE;EAlCW,CAAZ;AAAA,CAAf;;AAwCA,eAAeJ,MAAf"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","minWidth","position","display","flexWrap","message","alignItems","padding","hvSpacing","paddingLeft","hv","spacing","sm","action","marginRight","flex","placeSelf","baseVariant","success","backgroundColor","palette","semantic","sema8","warning","sema20","error","sema9","default","sema7","outContainer","width"],"sources":["../../../../src/Banner/BannerContent/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    minWidth: \"100%\",\n    position: \"relative\",\n    display: \"flex\",\n    flexWrap: \"nowrap\",\n  },\n  message: {\n    display: \"flex\",\n    alignItems: \"center\",\n    padding: theme.hvSpacing(\"xs\", 0),\n    paddingLeft: theme.hv.spacing.sm,\n  },\n  action: {\n    padding: theme.hvSpacing(\"xs\"),\n    marginRight: 0,\n    flex: \"0 0 auto\",\n    placeSelf: \"stretch\",\n  },\n  baseVariant: {\n    padding: 0,\n  },\n  success: {\n    backgroundColor: theme.hv.palette.semantic.sema8,\n  },\n  warning: {\n    backgroundColor: theme.hv.palette.semantic.sema20,\n  },\n  error: {\n    backgroundColor: theme.hv.palette.semantic.sema9,\n  },\n  default: {\n    backgroundColor: theme.hv.palette.semantic.sema7,\n  },\n  outContainer: {\n    width: \"100%\",\n    position: \"relative\",\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,QAAQ,EAAE,MADN;MAEJC,QAAQ,EAAE,UAFN;MAGJC,OAAO,EAAE,MAHL;MAIJC,QAAQ,EAAE;IAJN,CADmB;IAOzBC,OAAO,EAAE;MACPF,OAAO,EAAE,MADF;MAEPG,UAAU,EAAE,QAFL;MAGPC,OAAO,EAAER,KAAK,CAACS,SAAN,CAAgB,IAAhB,EAAsB,CAAtB,CAHF;MAIPC,WAAW,EAAEV,KAAK,CAACW,EAAN,CAASC,OAAT,CAAiBC;IAJvB,CAPgB;IAazBC,MAAM,EAAE;MACNN,OAAO,EAAER,KAAK,CAACS,SAAN,CAAgB,IAAhB,CADH;MAENM,WAAW,EAAE,CAFP;MAGNC,IAAI,EAAE,UAHA;MAINC,SAAS,EAAE;IAJL,CAbiB;IAmBzBC,WAAW,EAAE;MACXV,OAAO,EAAE;IADE,CAnBY;IAsBzBW,OAAO,EAAE;MACPC,eAAe,EAAEpB,KAAK,CAACW,EAAN,CAASU,OAAT,CAAiBC,QAAjB,CAA0BC;IADpC,CAtBgB;IAyBzBC,OAAO,EAAE;MACPJ,eAAe,EAAEpB,KAAK,CAACW,EAAN,CAASU,OAAT,CAAiBC,QAAjB,CAA0BG;IADpC,CAzBgB;IA4BzBC,KAAK,EAAE;MACLN,eAAe,EAAEpB,KAAK,CAACW,EAAN,CAASU,OAAT,CAAiBC,QAAjB,CAA0BK;IADtC,CA5BkB;IA+BzBC,OAAO,EAAE;MACPR,eAAe,EAAEpB,KAAK,CAACW,EAAN,CAASU,OAAT,CAAiBC,QAAjB,CAA0BO;IADpC,CA/BgB;IAkCzBC,YAAY,EAAE;MACZC,KAAK,EAAE,MADK;MAEZ5B,QAAQ,EAAE;IAFE;EAlCW,CAAZ;AAAA,CAAf;;AAwCA,eAAeJ,MAAf"}

package/dist/legacy/Banner/index.d.ts

@@ -1,2 +1,5 @@
 export { default } from "./Banner";
 export * from "./Banner";
+
+export { default as HvBannerContent } from "./BannerContent";
+export * from "./BannerContent";

package/dist/legacy/Banner/index.js

@@ -1,3 +1,3 @@
 export { default } from "./Banner";
-export { default as HvBannerContent } from "./BannerWrapper";
+export { default as HvBannerContent } from "./BannerContent";
 //# sourceMappingURL=index.js.map

package/dist/legacy/Banner/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","HvBannerContent"],"sources":["../../../src/Banner/index.js"],"sourcesContent":["export { default } from \"./Banner\";\nexport { default as HvBannerContent } from \"./BannerWrapper\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,UAAxB;AACA,SAASA,OAAO,IAAIC,eAApB,QAA2C,iBAA3C"}
+{"version":3,"file":"index.js","names":["default","HvBannerContent"],"sources":["../../../src/Banner/index.js"],"sourcesContent":["export { default } from \"./Banner\";\nexport { default as HvBannerContent } from \"./BannerContent\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,UAAxB;AACA,SAASA,OAAO,IAAIC,eAApB,QAA2C,iBAA3C"}

package/dist/legacy/BaseSwitch/BaseSwitch.d.ts

@@ -1,6 +1,6 @@
 import { StandardProps, SwitchProps } from "@material-ui/core";
 
-export type HvBaseSwitchClassKey = "root" | "disabled";
+export type HvBaseSwitchClassKey = "root" | "disabled" | "readOnly";
 
 export interface HvBaseSwitchProps
   extends StandardProps<SwitchProps, HvBaseSwitchClassKey, "onChange"> {

package/dist/legacy/BaseSwitch/BaseSwitch.js

@@ -59,7 +59,7 @@ var HvBaseSwitch = function HvBaseSwitch(props) {
   return /*#__PURE__*/React.createElement(Switch, _extends({
     id: id,
     name: name,
-    className: clsx(className, classes.root, disabled && classes.disabled, focusVisible && classes.focusVisible),
+    className: clsx(className, classes.root, disabled && classes.disabled, readOnly && classes.readOnly, focusVisible && classes.focusVisible),
     color: "default",
     disabled: disabled,
     required: required,
@@ -103,6 +103,11 @@ process.env.NODE_ENV !== "production" ? HvBaseSwitch.propTypes = {
      */
     disabled: PropTypes.string,
 
+    /**
+     * Styles applied to the switch when it is in read only mode.
+     */
+    readOnly: PropTypes.string,
+
     /**
      * Styles applied to the internal Switch component's root class.
      */