@hitachivantara/uikit-react-lab 3.53.0 → 3.55.1

package/dist/ImageCarousel/ImageCarousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageCarousel.js","names":["HvImageCarousel","props","className","classes","documents","title","id","fullscreen","fullscreenProp","thumbnails","lowCardinality","infiniteCarousel","xs","onChange","counter","currentStep","setCurrentStep","visibleArrows","variant","others","elementId","useUniqueId","useState","setFullscreen","options","map","element","src","value","setId","sliceStart","setSliceStart","selImage","setImage","offset","setOffset","imageHover","setImageHover","direction","useStyles","makeStyles","theme","button","backgroundColor","hv","palette","atmosphere","atmo3","imageBox","minWidth","display","justifyContent","allImages","width","style","useScrollTo","selectedIndex","setScrollTo","selectedBigIndex","setBigScrollTo","refBackwards","useRef","refForwards","typeCircle","handleSelection","useCallback","event","index","wrappedOnChange","handleFocus","focus","current","handleBigSelection","handleVisibility","image","document","getElementById","panel","container","containerWidth","offsetWidth","offsetPanel","offsetLeft","offsetImage","imageWidth","scroll","scrollLeft","activeElement","useEffect","undefined","changeSlice","length","nextImage","next","previousImage","previous","styleThumbnail","img","thumbnailSelected","circleType","xsSelectedCircle","selectedCircle","miniCircle","clsx","root","fullscreenStyle","closeButton","imageContainer","stack","appear","enter","exit","selectedImage","lowButtons","xsCircles","slice","divCounter","color","circles","normalButtons","hidden","i","thumbnailButton","propTypes","PropTypes","string","shape","xsMode","xsImage","isRequired","array","node","func","bool","number","withStyles","styles","name"],"sources":["../../src/ImageCarousel/ImageCarousel.js"],"sourcesContent":["import React, { useState, useRef, useEffect, useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport {\n  setId,\n  useUniqueId,\n  HvButton,\n  HvContainer,\n  HvTypography,\n  HvGrid,\n  HvStack,\n  HvPanel,\n  useScrollTo,\n} from \"@hitachivantara/uikit-react-core\";\n\nimport { Button, makeStyles, withStyles, Fade } from \"@material-ui/core\";\n\nimport { Backwards, Forwards, Close, Fullscreen } from \"@hitachivantara/uikit-react-icons\";\n\nimport styles from \"./styles\";\n/**\n * ImageCarousel description/documentation paragraph\n */\nconst HvImageCarousel = (props) => {\n  const {\n    className,\n    classes,\n    documents,\n    title,\n    id,\n    fullscreen: fullscreenProp = false,\n    thumbnails = false,\n    lowCardinality = false,\n    infiniteCarousel = false,\n    xs = false,\n    onChange,\n    counter = false,\n    currentStep = 0,\n    setCurrentStep,\n    visibleArrows = false,\n    variant = \"contain\",\n    ...others\n  } = props;\n  const elementId = useUniqueId(id, \"hvcarousel\");\n  const [fullscreen, setFullscreen] = useState(false);\n  const options = documents.map((element) => ({\n    src: element.src,\n    value: setId(elementId, element.value),\n  }));\n\n  const [sliceStart, setSliceStart] = useState(0);\n  const [selImage, setImage] = useState(currentStep);\n  const [offset, setOffset] = useState(0);\n  const [imageHover, setImageHover] = useState(false);\n  let direction = \"next\";\n  const useStyles = makeStyles((theme) => ({\n    button: {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\n    imageBox: {\n      minWidth: \"100%\",\n      display: \"flex\",\n      justifyContent: \"center\",\n    },\n    allImages: {\n      width: \"max-content\",\n      display: \"flex\",\n    },\n  }));\n  const style = useStyles();\n\n  const [selectedIndex, setScrollTo] = useScrollTo(\n    0,\n    setId(elementId, \"panel\"),\n    false,\n    100,\n    documents,\n    onChange,\n    \"row\"\n  );\n  const [selectedBigIndex, setBigScrollTo] = useScrollTo(\n    0,\n    setId(elementId, \"bigPanel\"),\n    false,\n    0,\n    options,\n    onChange,\n    \"row\"\n  );\n  const refBackwards = useRef(null);\n  const refForwards = useRef(null);\n  let typeCircle = \"circle\";\n\n  const handleSelection = useCallback(\n    (event, value, index) => {\n      const wrappedOnChange = () => {\n        onChange?.(event, index);\n      };\n      setScrollTo(event, value, index, wrappedOnChange);\n    },\n    [onChange, setScrollTo]\n  );\n\n  const handleFocus = (focus) => {\n    if (focus === refBackwards.current || focus === refForwards.current) focus.focus();\n  };\n\n  const handleBigSelection = useCallback(\n    (event, value, index) => {\n      const wrappedOnChange = () => {\n        onChange?.(event, index);\n      };\n      setBigScrollTo(event, value, index, wrappedOnChange);\n    },\n    [onChange, setBigScrollTo]\n  );\n\n  const handleVisibility = useCallback(\n    (event, value, index) => {\n      const image = document.getElementById(value);\n      const panel = document.getElementById(setId(elementId, \"panel\"));\n      const container = document.getElementById(setId(elementId, \"container\"));\n      const containerWidth = container.offsetWidth;\n      const offsetPanel = panel.offsetLeft;\n      const offsetImage = image.offsetLeft;\n      const imageWidth = image.offsetWidth;\n      const scroll = panel.scrollLeft;\n      const focus = document.activeElement;\n\n      if (\n        offsetPanel + offsetImage + offset + imageWidth - scroll > containerWidth ||\n        offsetImage - scroll < 0\n      ) {\n        handleSelection(event, value, index);\n        handleFocus(focus);\n      }\n    },\n    [elementId, handleSelection, offset]\n  );\n\n  useEffect(() => {\n    setCurrentStep?.(selImage);\n  }, [selImage, setCurrentStep]);\n\n  useEffect(() => {\n    if (fullscreen) setOffset(150);\n    else setOffset(0);\n\n    if (thumbnails) {\n      handleVisibility(undefined, documents[selImage].value, selImage, selectedIndex);\n    }\n    handleBigSelection(undefined, options[selImage].value, selImage, selectedBigIndex);\n  }, [\n    documents,\n    fullscreen,\n    handleBigSelection,\n    handleVisibility,\n    options,\n    selImage,\n    selectedBigIndex,\n    selectedIndex,\n    thumbnails,\n  ]);\n\n  const changeSlice = () => {\n    if (direction === \"next\") {\n      if (infiniteCarousel && selImage === documents.length - 1) setSliceStart(0);\n      else if (selImage > sliceStart + 2 && selImage !== documents.length - 2)\n        setSliceStart(sliceStart + 1);\n    }\n    if (direction === \"prev\") {\n      if (infiniteCarousel && selImage === 0)\n        setSliceStart(documents.length > 5 ? documents.length - 5 : 0);\n      else if (selImage < sliceStart + 2 && selImage !== 1) setSliceStart(sliceStart - 1);\n    }\n  };\n\n  const nextImage = () => {\n    let next;\n    if (selImage !== documents.length - 1) next = selImage + 1;\n    else if (infiniteCarousel) next = 0;\n    setImage(next);\n    if (xs) {\n      direction = \"next\";\n      changeSlice();\n    }\n  };\n\n  const previousImage = () => {\n    let previous;\n    if (selImage !== 0) previous = selImage - 1;\n    else if (infiniteCarousel) previous = documents.length - 1;\n    setImage(previous);\n    if (xs) {\n      direction = \"prev\";\n      changeSlice();\n    }\n  };\n\n  const styleThumbnail = (index) => {\n    if (index !== selImage) return classes.img;\n    return classes.thumbnailSelected;\n  };\n\n  const circleType = (index) => {\n    if (index === selImage) {\n      typeCircle = \"BigCircle\";\n      if (xs) return classes.xsSelectedCircle;\n      return classes.selectedCircle;\n    }\n    typeCircle = \"Circle\";\n    return classes.miniCircle;\n  };\n\n  return (\n    <HvContainer\n      id={setId(elementId, \"container\")}\n      className={clsx(\n        className,\n        classes.root,\n        fullscreen ? classes.fullscreenStyle : \"\",\n        xs ? \"xs\" : \"nxs\"\n      )}\n      {...others}\n    >\n      {!xs && (\n        <div className={classes.title}>\n          <div>{title}</div>\n          {fullscreenProp && (\n            <div>\n              {fullscreen ? (\n                <HvButton\n                  className={classes.closeButton}\n                  icon\n                  aria-label=\"Close\"\n                  onClick={() => setFullscreen(!fullscreen)}\n                >\n                  <Close />\n                </HvButton>\n              ) : (\n                <HvButton icon aria-label=\"Fullscreen\" onClick={() => setFullscreen(true)}>\n                  <Fullscreen />\n                </HvButton>\n              )}\n            </div>\n          )}\n        </div>\n      )}\n      <HvContainer\n        className={clsx(\n          classes.imageContainer,\n          !xs ? \"nxs\" : \"\",\n          fullscreen ? \"fullscreen\" : \"notFullscreen\"\n        )}\n        onFocus={() => setImageHover(true)}\n        onMouseOver={() => setImageHover(true)}\n        onBlur={() => setImageHover(false)}\n        onMouseOut={() => setImageHover(false)}\n      >\n        <HvPanel\n          className={clsx(classes.stack, xs ? \"xs\" : \"nxs\")}\n          id={setId(elementId, \"bigPanel\")}\n        >\n          {options.map((element, index) => (\n            <div className={style.imageBox} id={element.value} key={`div ${element.value}`}>\n              <Fade in={selImage === index || xs} timeout={{ appear: 500, enter: 1200, exit: 200 }}>\n                <img\n                  className={clsx(\n                    classes.selectedImage,\n                    xs ? \"xs\" : \"nxs\",\n                    fullscreen ? \"fullscreen\" : \"notFullscreen\",\n                    variant\n                  )}\n                  src={element.src}\n                  alt={element.value}\n                  key={`image ${element.value}`}\n                />\n              </Fade>\n            </div>\n          ))}\n        </HvPanel>\n        {(xs || lowCardinality) && (\n          <div className={clsx(classes.lowButtons, !xs ? \"nxs\" : \"\")}>\n            <div>\n              <Fade in={imageHover || visibleArrows}>\n                <HvButton\n                  ref={refBackwards}\n                  className={classes.button}\n                  icon\n                  aria-label=\"Backwards\"\n                  onClick={(event) => previousImage(event)}\n                >\n                  <Backwards />\n                </HvButton>\n              </Fade>\n            </div>\n            <div>\n              <Fade in={imageHover || visibleArrows}>\n                <HvButton\n                  ref={refForwards}\n                  className={classes.button}\n                  icon\n                  aria-label=\"Forwards\"\n                  onClick={(event) => nextImage(event)}\n                >\n                  <Forwards />\n                </HvButton>\n              </Fade>\n            </div>\n          </div>\n        )}\n        {xs && (\n          <div className={classes.xsCircles}>\n            {documents\n              .map((element, index) => (\n                <span\n                  className={circleType(index)}\n                  title={typeCircle}\n                  key={`Circle ${element.value}`}\n                />\n              ))\n              .slice(sliceStart, sliceStart + 5)}\n          </div>\n        )}\n        {counter && (\n          <div className={clsx(classes.divCounter, !xs ? \"nxs\" : \"\")}>\n            <span className={classes.counter}>\n              <HvTypography variant=\"normalText\" style={{ color: \"white\" }}>\n                {`${selImage + 1}/${documents.length}`}\n              </HvTypography>\n            </span>\n          </div>\n        )}\n      </HvContainer>\n      {!xs && (\n        <>\n          {lowCardinality ? (\n            <div className={classes.circles}>\n              {documents.map((element, index) => (\n                <span\n                  className={circleType(index)}\n                  title={`${typeCircle} ${index}`}\n                  key={`Circle ${element.value}`}\n                />\n              ))}\n            </div>\n          ) : (\n            <HvGrid\n              className={clsx(classes.normalButtons)}\n              container\n              justifyContent=\"space-between\"\n              alignItems=\"center\"\n            >\n              <HvGrid item>\n                <HvButton\n                  className={infiniteCarousel || selImage !== 0 ? \"\" : classes.hidden}\n                  ref={refBackwards}\n                  icon\n                  aria-label=\"Backwards\"\n                  onClick={(event) => previousImage(event)}\n                >\n                  <Backwards />\n                </HvButton>\n              </HvGrid>\n              <HvGrid item>\n                <HvTypography variant=\"highlightText\" component=\"a\">\n                  {selImage + 1}\n                </HvTypography>\n                <HvTypography variant=\"normalText\" component=\"a\">\n                  {` /  ${documents.length}`}\n                </HvTypography>\n              </HvGrid>\n              <HvGrid item>\n                <HvButton\n                  className={\n                    infiniteCarousel || selImage !== documents.length - 1 ? \"\" : classes.hidden\n                  }\n                  ref={refForwards}\n                  icon\n                  aria-label=\"Forwards\"\n                  onClick={(event) => nextImage(event)}\n                >\n                  <Forwards />\n                </HvButton>\n              </HvGrid>\n            </HvGrid>\n          )}\n          {thumbnails && (\n            <HvPanel className={classes.panel} id={setId(elementId, \"panel\")}>\n              <HvStack key=\"Thumbnails\" direction=\"row\" spacing=\"xs\" withNavigation>\n                {documents.map((element, i) => (\n                  <Button\n                    id={element.value}\n                    key={`Button ${element.value}`}\n                    className={classes.thumbnailButton}\n                    onClick={() => setImage(i)}\n                  >\n                    <img\n                      className={styleThumbnail(i)}\n                      src={element.src}\n                      alt={element.value}\n                      key={`Thumbnail ${element.value}`}\n                    />\n                  </Button>\n                ))}\n              </HvStack>\n            </HvPanel>\n          )}\n        </>\n      )}\n    </HvContainer>\n  );\n};\n\nHvImageCarousel.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: 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 SelectedImage.\n     */\n    selectedImage: PropTypes.string,\n    /**\n     * Styles applied to xs mode\n     */\n    xsMode: PropTypes.string,\n    /**\n     * Styles applied to image in xsMode\n     */\n    xsImage: PropTypes.string,\n    /**\n     * Styles applied to panel with low cardinality circles\n     */\n    circles: PropTypes.string,\n    /**\n     * Styles applied to xs mode circles\n     */\n    xsCircles: PropTypes.string,\n    /**\n     * Styles applied to unavailable button\n     */\n    hidden: PropTypes.string,\n    /**\n     * Styles applied to the carousel title\n     */\n    title: PropTypes.string,\n    /**\n     * Styles applied to the counter\n     */\n    counter: PropTypes.string,\n    /**\n     * Styles applied to the div with the counter\n     */\n    divCounter: PropTypes.string,\n    /**\n     * Styles applied to the thumbnails\n     */\n    img: PropTypes.string,\n    /**\n     * Styles applied to the selected thumbnail\n     */\n    thumbnailSelected: PropTypes.string,\n    /**\n     * Styles applied to the thumbnail button\n     */\n    thumbnailButton: PropTypes.string,\n    /**\n     * Styles applied to the low cardinality circles\n     */\n    miniCircle: PropTypes.string,\n    /**\n     * Styles applied to the circle of the selected image\n     */\n    selectedCircle: PropTypes.string,\n    /**\n     * Styles applied to the circle of the selected image in xsmode\n     */\n    xsSelectedCircle: PropTypes.string,\n    /**\n     * Styles applied to the panel with low cardinality buttons\n     */\n    lowButtons: PropTypes.string,\n    /**\n     * Styles applied to the container of the selected image\n     */\n    imageContainer: PropTypes.string,\n    /**\n     * Styles applied to the panel with the thumbnails\n     */\n    stack: PropTypes.string,\n    /**\n     * Styles applied to the panel that contains the buttons and counter in default mode\n     */\n    normalButtons: PropTypes.string,\n    /**\n     * Styles applied to fullscreen mode.\n     */\n    fullscreenStyle: PropTypes.string,\n    /**\n     * Styles applied to close button in fullscreen mode.\n     */\n    closeButton: PropTypes.string,\n    /**\n     * Styles applied to change image buttons.\n     */\n    button: PropTypes.string,\n    /**\n     * Styles applied to thumbnails panel.\n     */\n    panel: PropTypes.string,\n  }).isRequired,\n  /**\n   * Documents to be displayed.\n   */\n  documents: PropTypes.array.isRequired,\n  /**\n   * Title of the image carousel\n   */\n  title: PropTypes.node,\n  /**\n   * A function called each time the selected image changes.\n   */\n  onChange: PropTypes.func,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * A flag that activates the thumbnails.\n   */\n  thumbnails: PropTypes.bool,\n  /**\n   * A flag that switches to low cardinality mode\n   */\n  lowCardinality: PropTypes.bool,\n  /**\n   * A flag that activates the infinite carousel behavior\n   */\n  infiniteCarousel: PropTypes.bool,\n  /**\n   * A flag that activates a counter on the top right corner of the selected image\n   */\n  counter: PropTypes.bool,\n  /**\n   * Set Image Carousel to fullscreen mode\n   */\n  fullscreen: PropTypes.bool,\n  /**\n   * Set selected image to a particular image in documents\n   */\n  currentStep: PropTypes.number,\n  /**\n   * Function that changes the selected image\n   */\n  setCurrentStep: PropTypes.func,\n  /**\n   * Image Carousel set to xs mode\n   */\n  xs: PropTypes.bool,\n  /**\n   * Arrows always displayed in low cardinality or xs mode\n   */\n  visibleArrows: PropTypes.bool,\n  /**\n   * Selected image fit variant\n   */\n  variant: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvImageCarousel\" })(HvImageCarousel);\n"],"mappings":"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"}

package/dist/ImageCarousel/index.d.ts

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

package/dist/ImageCarousel/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _ImageCarousel.default;
+  }
+});
+
+var _ImageCarousel = _interopRequireDefault(require("./ImageCarousel"));
+//# sourceMappingURL=index.js.map

package/dist/ImageCarousel/index.js.map

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

package/dist/ImageCarousel/styles.js

@@ -0,0 +1,238 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var styles = function styles(theme) {
+  var _notFullscreen, _img, _thumbnailSelected, _imageContainer;
+
+  return {
+    root: {
+      "&:not(.xs)": {
+        background: theme.hv.palette.atmosphere.atmo1,
+        display: "flex",
+        alignItems: "center",
+        flexDirection: "column",
+        margin: "0px",
+        paddingTop: "15px",
+        paddingBottom: "15px"
+      },
+      "&:not(.nxs)": {
+        width: "100%",
+        maxWidth: "500px",
+        height: "200px",
+        padding: "0px"
+      }
+    },
+    fullscreenStyle: {
+      width: "100vw",
+      height: "100vh",
+      position: "fixed",
+      padding: "10px 150px 10px 150px",
+      top: 0,
+      left: 0,
+      zIndex: 1300
+    },
+    closeButton: {
+      position: "absolute",
+      right: "25px"
+    },
+    selectedImage: {
+      "&:not(.contain)": {
+        objectFit: "cover"
+      },
+      "&:not(.cover)": {
+        objectFit: "contain"
+      },
+      "&:not(.xs)": {
+        width: "100%",
+        textAlign: "center",
+        "&:not(.fullscreen)": (_notFullscreen = {}, (0, _defineProperty2.default)(_notFullscreen, theme.breakpoints.up("xs"), {
+          height: "150px",
+          minHeight: "150px"
+        }), (0, _defineProperty2.default)(_notFullscreen, theme.breakpoints.up("sm"), {
+          height: "300px",
+          minHeight: "300px"
+        }), (0, _defineProperty2.default)(_notFullscreen, theme.breakpoints.up("lg"), {
+          height: "450px",
+          minHeight: "450px"
+        }), _notFullscreen),
+        "&:not(.notFullscreen)": {
+          height: "100%"
+        }
+      },
+      "&:not(.nxs)": {
+        width: "100%",
+        textAlign: "center"
+      }
+    },
+    xsMode: {
+      width: "min-content",
+      height: "min-content",
+      margin: "0px",
+      textAlign: "center"
+    },
+    circles: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center"
+    },
+    xsCircles: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      position: "relative",
+      transform: "translateY(-63px)"
+    },
+    hidden: {
+      visibility: "hidden"
+    },
+    title: {
+      display: "flex",
+      alignItems: "flex-start",
+      width: "100%",
+      justifyContent: "space-between"
+    },
+    divCounter: {
+      width: "100%",
+      paddingTop: "10px",
+      paddingRight: "15px",
+      display: "flex",
+      justifyContent: "flex-end",
+      position: "relative",
+      bottom: "102%",
+      "&:not(.nxs)": {
+        right: "5%",
+        bottom: "262px",
+        padding: "0px"
+      }
+    },
+    counter: {
+      width: "45px",
+      backgroundColor: theme.hv.palette.base.base2
+    },
+    img: (_img = {
+      width: "100%",
+      height: "70px"
+    }, (0, _defineProperty2.default)(_img, theme.breakpoints.up("lg"), {
+      height: "75px"
+    }), (0, _defineProperty2.default)(_img, "textAlign", "center"), (0, _defineProperty2.default)(_img, "objectFit", "cover"), _img),
+    thumbnailSelected: (_thumbnailSelected = {
+      width: "100%",
+      height: "70px"
+    }, (0, _defineProperty2.default)(_thumbnailSelected, theme.breakpoints.up("lg"), {
+      height: "75px"
+    }), (0, _defineProperty2.default)(_thumbnailSelected, "textAlign", "center"), (0, _defineProperty2.default)(_thumbnailSelected, "objectFit", "cover"), (0, _defineProperty2.default)(_thumbnailSelected, "borderStyle", "solid"), (0, _defineProperty2.default)(_thumbnailSelected, "borderColor", theme.hv.palette.base.base2), (0, _defineProperty2.default)(_thumbnailSelected, "opacity", "50%"), _thumbnailSelected),
+    thumbnailButton: (0, _defineProperty2.default)({
+      width: "110px",
+      height: "70px",
+      padding: "0px 0px"
+    }, theme.breakpoints.up("lg"), {
+      width: "120px",
+      height: "75px"
+    }),
+    miniCircle: {
+      width: "5px",
+      height: "5px",
+      borderRadius: "50%",
+      backgroundColor: theme.hv.palette.atmosphere.atmo4,
+      display: "inline-block",
+      margin: "10px"
+    },
+    selectedCircle: {
+      width: "10px",
+      height: "10px",
+      borderRadius: "50%",
+      backgroundColor: theme.hv.palette.atmosphere.atmo5,
+      display: "inline-block",
+      margin: "10px"
+    },
+    xsSelectedCircle: {
+      width: "10px",
+      height: "10px",
+      borderRadius: "50%",
+      backgroundColor: theme.hv.palette.atmosphere.atmo3,
+      display: "inline-block",
+      margin: "10px"
+    },
+    lowButtons: {
+      width: "95%",
+      display: "inline-flex",
+      justifyContent: "space-between",
+      position: "relative",
+      top: "-50%",
+      transform: "translateY(-16px)",
+      "&:not(.nxs)": {
+        width: "90%",
+        top: "-99px"
+      }
+    },
+    imageContainer: (_imageContainer = {
+      width: "100%",
+      marginTop: "20px",
+      margin: "0px",
+      textAlign: "center",
+      padding: "0px"
+    }, (0, _defineProperty2.default)(_imageContainer, theme.breakpoints.up("xs"), {
+      height: "150px",
+      minHeight: "150px"
+    }), (0, _defineProperty2.default)(_imageContainer, theme.breakpoints.up("sm"), {
+      height: "300px",
+      minHeight: "300px"
+    }), (0, _defineProperty2.default)(_imageContainer, theme.breakpoints.up("lg"), {
+      height: "450px",
+      minHeight: "450px"
+    }), (0, _defineProperty2.default)(_imageContainer, "&:not(.notFullscreen)", {
+      height: "85%",
+      alignItems: "center"
+    }), _imageContainer),
+    button: {
+      backgroundColor: theme.hv.palette.atmosphere.atmo3
+    },
+    inputImage: (0, _defineProperty2.default)({
+      width: "110px",
+      height: "70px",
+      padding: "0px 0px"
+    }, theme.breakpoints.up("lg"), {
+      width: "120px",
+      height: "75px"
+    }),
+    stack: {
+      "&:not(.xs)": {
+        width: "100%",
+        display: "flex",
+        alignSelf: "center",
+        height: "100%",
+        padding: "0px"
+      },
+      "&:not(.flag)": {
+        overflowX: "hidden"
+      },
+      "&:not(.nxs)": {
+        height: "200px",
+        display: "flex",
+        padding: "0px"
+      }
+    },
+    normalButtons: {
+      padding: "5px 0px"
+    },
+    panel: {
+      display: "flex",
+      width: "100%",
+      overflow: "hidden",
+      padding: "3px",
+      height: "75px"
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/ImageCarousel/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","root","background","hv","palette","atmosphere","atmo1","display","alignItems","flexDirection","margin","paddingTop","paddingBottom","width","maxWidth","height","padding","fullscreenStyle","position","top","left","zIndex","closeButton","right","selectedImage","objectFit","textAlign","breakpoints","up","minHeight","xsMode","circles","justifyContent","xsCircles","transform","hidden","visibility","title","divCounter","paddingRight","bottom","counter","backgroundColor","base","base2","img","thumbnailSelected","thumbnailButton","miniCircle","borderRadius","atmo4","selectedCircle","atmo5","xsSelectedCircle","atmo3","lowButtons","imageContainer","marginTop","button","inputImage","stack","alignSelf","overflowX","normalButtons","panel","overflow"],"sources":["../../src/ImageCarousel/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    \"&:not(.xs)\": {\n      background: theme.hv.palette.atmosphere.atmo1,\n      display: \"flex\",\n      alignItems: \"center\",\n      flexDirection: \"column\",\n      margin: \"0px\",\n      paddingTop: \"15px\",\n      paddingBottom: \"15px\",\n    },\n    \"&:not(.nxs)\": {\n      width: \"100%\",\n      maxWidth: \"500px\",\n      height: \"200px\",\n      padding: \"0px\",\n    },\n  },\n  fullscreenStyle: {\n    width: \"100vw\",\n    height: \"100vh\",\n    position: \"fixed\",\n    padding: \"10px 150px 10px 150px\",\n    top: 0,\n    left: 0,\n    zIndex: 1300,\n  },\n  closeButton: {\n    position: \"absolute\",\n    right: \"25px\",\n  },\n  selectedImage: {\n    \"&:not(.contain)\": {\n      objectFit: \"cover\",\n    },\n    \"&:not(.cover)\": {\n      objectFit: \"contain\",\n    },\n    \"&:not(.xs)\": {\n      width: \"100%\",\n      textAlign: \"center\",\n      \"&:not(.fullscreen)\": {\n        [theme.breakpoints.up(\"xs\")]: {\n          height: \"150px\",\n          minHeight: \"150px\",\n        },\n        [theme.breakpoints.up(\"sm\")]: {\n          height: \"300px\",\n          minHeight: \"300px\",\n        },\n        [theme.breakpoints.up(\"lg\")]: {\n          height: \"450px\",\n          minHeight: \"450px\",\n        },\n      },\n      \"&:not(.notFullscreen)\": {\n        height: \"100%\",\n      },\n    },\n    \"&:not(.nxs)\": {\n      width: \"100%\",\n      textAlign: \"center\",\n    },\n  },\n  xsMode: {\n    width: \"min-content\",\n    height: \"min-content\",\n    margin: \"0px\",\n    textAlign: \"center\",\n  },\n  circles: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n  xsCircles: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    position: \"relative\",\n    transform: \"translateY(-63px)\",\n  },\n  hidden: {\n    visibility: \"hidden\",\n  },\n  title: {\n    display: \"flex\",\n    alignItems: \"flex-start\",\n    width: \"100%\",\n    justifyContent: \"space-between\",\n  },\n  divCounter: {\n    width: \"100%\",\n    paddingTop: \"10px\",\n    paddingRight: \"15px\",\n    display: \"flex\",\n    justifyContent: \"flex-end\",\n    position: \"relative\",\n    bottom: \"102%\",\n    \"&:not(.nxs)\": {\n      right: \"5%\",\n      bottom: \"262px\",\n      padding: \"0px\",\n    },\n  },\n  counter: {\n    width: \"45px\",\n    backgroundColor: theme.hv.palette.base.base2,\n  },\n  img: {\n    width: \"100%\",\n    height: \"70px\",\n    [theme.breakpoints.up(\"lg\")]: {\n      height: \"75px\",\n    },\n    textAlign: \"center\",\n    objectFit: \"cover\",\n  },\n  thumbnailSelected: {\n    width: \"100%\",\n    height: \"70px\",\n    [theme.breakpoints.up(\"lg\")]: {\n      height: \"75px\",\n    },\n    textAlign: \"center\",\n    objectFit: \"cover\",\n    borderStyle: \"solid\",\n    borderColor: theme.hv.palette.base.base2,\n    opacity: \"50%\",\n  },\n  thumbnailButton: {\n    width: \"110px\",\n    height: \"70px\",\n    padding: \"0px 0px\",\n    [theme.breakpoints.up(\"lg\")]: {\n      width: \"120px\",\n      height: \"75px\",\n    },\n  },\n  miniCircle: {\n    width: \"5px\",\n    height: \"5px\",\n    borderRadius: \"50%\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo4,\n    display: \"inline-block\",\n    margin: \"10px\",\n  },\n  selectedCircle: {\n    width: \"10px\",\n    height: \"10px\",\n    borderRadius: \"50%\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo5,\n    display: \"inline-block\",\n    margin: \"10px\",\n  },\n  xsSelectedCircle: {\n    width: \"10px\",\n    height: \"10px\",\n    borderRadius: \"50%\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    display: \"inline-block\",\n    margin: \"10px\",\n  },\n  lowButtons: {\n    width: \"95%\",\n    display: \"inline-flex\",\n    justifyContent: \"space-between\",\n    position: \"relative\",\n    top: \"-50%\",\n    transform: \"translateY(-16px)\",\n    \"&:not(.nxs)\": {\n      width: \"90%\",\n      top: \"-99px\",\n    },\n  },\n  imageContainer: {\n    width: \"100%\",\n    marginTop: \"20px\",\n    margin: \"0px\",\n    textAlign: \"center\",\n    padding: \"0px\",\n    [theme.breakpoints.up(\"xs\")]: {\n      height: \"150px\",\n      minHeight: \"150px\",\n    },\n    [theme.breakpoints.up(\"sm\")]: {\n      height: \"300px\",\n      minHeight: \"300px\",\n    },\n    [theme.breakpoints.up(\"lg\")]: {\n      height: \"450px\",\n      minHeight: \"450px\",\n    },\n    \"&:not(.notFullscreen)\": {\n      height: \"85%\",\n      alignItems: \"center\",\n    },\n  },\n  button: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo3,\n  },\n  inputImage: {\n    width: \"110px\",\n    height: \"70px\",\n    padding: \"0px 0px\",\n    [theme.breakpoints.up(\"lg\")]: {\n      width: \"120px\",\n      height: \"75px\",\n    },\n  },\n  stack: {\n    \"&:not(.xs)\": {\n      width: \"100%\",\n      display: \"flex\",\n      alignSelf: \"center\",\n      height: \"100%\",\n      padding: \"0px\",\n    },\n    \"&:not(.flag)\": {\n      overflowX: \"hidden\",\n    },\n    \"&:not(.nxs)\": {\n      height: \"200px\",\n      display: \"flex\",\n      padding: \"0px\",\n    },\n  },\n  normalButtons: {\n    padding: \"5px 0px\",\n  },\n  panel: {\n    display: \"flex\",\n    width: \"100%\",\n    overflow: \"hidden\",\n    padding: \"3px\",\n    height: \"75px\",\n  },\n});\n\nexport default styles;\n"],"mappings":"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"}

package/dist/StepNavigation/DefaultNavigation/Step/Step.d.ts

@@ -22,6 +22,11 @@ export type HvStepProps = StandardProps<React.HTMLAttributes<HTMLDivElement>, Hv
      * Number of the step.
      */
     number?: number;
+    /**
+     * Define if a step is disabled/enabled.
+     * If this property is not defined and the step is on state "Disabled", the step component will be disabled
+     */
+    disabled?: boolean;
   };
 
 export default function HvStep(props: HvStepProps): JSX.Element | null;

package/dist/StepNavigation/DefaultNavigation/Step/Step.js

@@ -34,6 +34,7 @@ var HvStep = function HvStep(_ref) {
       state = _ref.state,
       title = _ref.title,
       onClick = _ref.onClick,
+      disabled = _ref.disabled,
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? "SM" : _ref$size,
       _ref$number = _ref.number,
@@ -73,7 +74,7 @@ var HvStep = function HvStep(_ref) {
     "aria-label": "step-".concat(title),
     icon: true,
     overrideIconColors: false,
-    disabled: ["Current", "Disabled"].includes(state),
+    disabled: disabled !== null && disabled !== void 0 ? disabled : ["Current", "Disabled"].includes(state),
     onClick: onClick
   }, /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvAvatar, {
     className: (0, _clsx.default)(classes.avatar, classes[size]),
@@ -178,7 +179,13 @@ process.env.NODE_ENV !== "production" ? HvStep.propTypes = {
   /**
    * Event onClick of the step.
    */
-  onClick: _propTypes.default.func
+  onClick: _propTypes.default.func,
+
+  /**
+   * Define if a step is disabled/enabled.
+   * If this property is not defined and the step is on state "Disabled", the step component will be disabled
+   */
+  disabled: _propTypes.default.bool
 } : void 0;
 
 var _default = (0, _core.withStyles)(_styles.default, {

package/dist/StepNavigation/DefaultNavigation/Step/Step.js.map

@@ -1 +1 @@
-{"version":3,"file":"Step.js","names":["HvStep","className","classes","state","title","onClick","size","number","iconSize","XS","SM","MD","LG","XL","squareL","Pending","Failed","Completed","svgSize","backgroundColor","getColor","color","undefined","semantic","status","IconComponent","HourGlass","Level3Bad","Level0Good","clsx","root","ghost","ghostDisabled","includes","avatar","propTypes","PropTypes","string","shape","stepTitle","isRequired","oneOf","func","withStyles","styles","name"],"sources":["../../../../src/StepNavigation/DefaultNavigation/Step/Step.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\n\nimport { Level0Good, Level3Bad, HourGlass } from \"@hitachivantara/uikit-react-icons\";\nimport { HvAvatar, HvButton } from \"@hitachivantara/uikit-react-core\";\n\nimport { getColor } from \"../utils\";\nimport styles from \"./styles\";\n\n/**\n * Step element of \"Default\" Step Navigation root component\n */\nconst HvStep = ({ className, classes, state, title, onClick, size = \"SM\", number = 1 }) => {\n  const iconSize = {\n    XS: \"XS\",\n    SM: \"XS\",\n    MD: \"S\",\n    LG: \"M\",\n    XL: \"M\",\n  }[size];\n\n  const squareL = {\n    Pending: 16,\n    Failed: 24,\n    Completed: 24,\n  }[state];\n\n  const svgSize = {\n    XS: squareL - 8,\n    SM: squareL,\n    MD: squareL + 8,\n    LG: squareL + 16,\n    XL: squareL + 24,\n  }[size];\n\n  const backgroundColor = getColor(state);\n\n  const color = state === \"Pending\" ? \"atmo2\" : undefined;\n\n  const semantic = state !== \"Pending\" ? backgroundColor : undefined;\n\n  const status = state === \"Current\" ? \"atmo5\" : undefined;\n\n  const IconComponent = {\n    Pending: HourGlass,\n    Failed: Level3Bad,\n    Completed: Level0Good,\n  }[state];\n\n  return (\n    <div\n      className={clsx(className, classes.root, { [classes[\"not-current\"]]: state !== \"Current\" })}\n    >\n      <HvButton\n        className={clsx(classes.ghost, { [classes.ghostDisabled]: state === \"Current\" })}\n        aria-label={`step-${title}`}\n        icon\n        overrideIconColors={false}\n        disabled={[\"Current\", \"Disabled\"].includes(state)}\n        onClick={onClick}\n      >\n        <HvAvatar\n          className={clsx(classes.avatar, classes[size])}\n          backgroundColor={backgroundColor}\n          status={status}\n          size={size}\n        >\n          {IconComponent ? (\n            <IconComponent\n              color={color}\n              semantic={semantic}\n              width={svgSize}\n              height={svgSize}\n              iconSize={iconSize}\n            />\n          ) : (\n            number\n          )}\n        </HvAvatar>\n      </HvButton>\n    </div>\n  );\n};\n\nHvStep.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: 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 ghost class.\n     */\n    ghost: PropTypes.string,\n    /**\n     * Styles applied to the ghostDisabled class.\n     */\n    ghostDisabled: PropTypes.string,\n    /**\n     * Styles applied to the root element when step is not in \"current\" state.\n     */\n    \"not-current\": PropTypes.string,\n    /**\n     * Styles applied to the root element when size is XS.\n     */\n    XS: PropTypes.string,\n    /**\n     * Styles applied to the root element when size is SM.\n     */\n    SM: PropTypes.string,\n    /**\n     * Styles applied to the root element when size is MD.\n     */\n    MD: PropTypes.string,\n    /**\n     * Styles applied to the root element when size is LG.\n     */\n    LG: PropTypes.string,\n    /**\n     * Styles applied to the root element when size is XL.\n     */\n    XL: PropTypes.string,\n    /**\n     * Styles applied to the avatar element.\n     */\n    avatar: PropTypes.string,\n    /**\n     * Styles applied to the title of a step element.\n     */\n    stepTitle: PropTypes.string,\n  }).isRequired,\n  /**\n   * Sets one of the standard sizes of the step\n   */\n  size: PropTypes.oneOf([\"XS\", \"SM\", \"MD\", \"LG\", \"XL\"]),\n  /**\n   * State of the step. Values = {\"Pending\", \"Failed\", \"Completed\", \"Current\", \"Disabled\"}\n   */\n  state: PropTypes.oneOf([\"Pending\", \"Failed\", \"Completed\", \"Current\", \"Disabled\"]).isRequired,\n  /**\n   * Title of the step.\n   */\n  title: PropTypes.string.isRequired,\n  /**\n   * Number of the step.\n   */\n  number: PropTypes.number,\n  /**\n   * Event onClick of the step.\n   */\n  onClick: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvStep\" })(HvStep);\n"],"mappings":"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"}
+{"version":3,"file":"Step.js","names":["HvStep","className","classes","state","title","onClick","disabled","size","number","iconSize","XS","SM","MD","LG","XL","squareL","Pending","Failed","Completed","svgSize","backgroundColor","getColor","color","undefined","semantic","status","IconComponent","HourGlass","Level3Bad","Level0Good","clsx","root","ghost","ghostDisabled","includes","avatar","propTypes","PropTypes","string","shape","stepTitle","isRequired","oneOf","func","bool","withStyles","styles","name"],"sources":["../../../../src/StepNavigation/DefaultNavigation/Step/Step.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\n\nimport { Level0Good, Level3Bad, HourGlass } from \"@hitachivantara/uikit-react-icons\";\nimport { HvAvatar, HvButton } from \"@hitachivantara/uikit-react-core\";\n\nimport { getColor } from \"../utils\";\nimport styles from \"./styles\";\n\n/**\n * Step element of \"Default\" Step Navigation root component\n */\nconst HvStep = ({\n  className,\n  classes,\n  state,\n  title,\n  onClick,\n  disabled,\n  size = \"SM\",\n  number = 1,\n}) => {\n  const iconSize = {\n    XS: \"XS\",\n    SM: \"XS\",\n    MD: \"S\",\n    LG: \"M\",\n    XL: \"M\",\n  }[size];\n\n  const squareL = {\n    Pending: 16,\n    Failed: 24,\n    Completed: 24,\n  }[state];\n\n  const svgSize = {\n    XS: squareL - 8,\n    SM: squareL,\n    MD: squareL + 8,\n    LG: squareL + 16,\n    XL: squareL + 24,\n  }[size];\n\n  const backgroundColor = getColor(state);\n\n  const color = state === \"Pending\" ? \"atmo2\" : undefined;\n\n  const semantic = state !== \"Pending\" ? backgroundColor : undefined;\n\n  const status = state === \"Current\" ? \"atmo5\" : undefined;\n\n  const IconComponent = {\n    Pending: HourGlass,\n    Failed: Level3Bad,\n    Completed: Level0Good,\n  }[state];\n\n  return (\n    <div\n      className={clsx(className, classes.root, { [classes[\"not-current\"]]: state !== \"Current\" })}\n    >\n      <HvButton\n        className={clsx(classes.ghost, { [classes.ghostDisabled]: state === \"Current\" })}\n        aria-label={`step-${title}`}\n        icon\n        overrideIconColors={false}\n        disabled={disabled ?? [\"Current\", \"Disabled\"].includes(state)}\n        onClick={onClick}\n      >\n        <HvAvatar\n          className={clsx(classes.avatar, classes[size])}\n          backgroundColor={backgroundColor}\n          status={status}\n          size={size}\n        >\n          {IconComponent ? (\n            <IconComponent\n              color={color}\n              semantic={semantic}\n              width={svgSize}\n              height={svgSize}\n              iconSize={iconSize}\n            />\n          ) : (\n            number\n          )}\n        </HvAvatar>\n      </HvButton>\n    </div>\n  );\n};\n\nHvStep.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: 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 ghost class.\n     */\n    ghost: PropTypes.string,\n    /**\n     * Styles applied to the ghostDisabled class.\n     */\n    ghostDisabled: PropTypes.string,\n    /**\n     * Styles applied to the root element when step is not in \"current\" state.\n     */\n    \"not-current\": PropTypes.string,\n    /**\n     * Styles applied to the root element when size is XS.\n     */\n    XS: PropTypes.string,\n    /**\n     * Styles applied to the root element when size is SM.\n     */\n    SM: PropTypes.string,\n    /**\n     * Styles applied to the root element when size is MD.\n     */\n    MD: PropTypes.string,\n    /**\n     * Styles applied to the root element when size is LG.\n     */\n    LG: PropTypes.string,\n    /**\n     * Styles applied to the root element when size is XL.\n     */\n    XL: PropTypes.string,\n    /**\n     * Styles applied to the avatar element.\n     */\n    avatar: PropTypes.string,\n    /**\n     * Styles applied to the title of a step element.\n     */\n    stepTitle: PropTypes.string,\n  }).isRequired,\n  /**\n   * Sets one of the standard sizes of the step\n   */\n  size: PropTypes.oneOf([\"XS\", \"SM\", \"MD\", \"LG\", \"XL\"]),\n  /**\n   * State of the step. Values = {\"Pending\", \"Failed\", \"Completed\", \"Current\", \"Disabled\"}\n   */\n  state: PropTypes.oneOf([\"Pending\", \"Failed\", \"Completed\", \"Current\", \"Disabled\"]).isRequired,\n  /**\n   * Title of the step.\n   */\n  title: PropTypes.string.isRequired,\n  /**\n   * Number of the step.\n   */\n  number: PropTypes.number,\n  /**\n   * Event onClick of the step.\n   */\n  onClick: PropTypes.func,\n  /**\n   * Define if a step is disabled/enabled.\n   * If this property is not defined and the step is on state \"Disabled\", the step component will be disabled\n   */\n  disabled: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvStep\" })(HvStep);\n"],"mappings":"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"}

package/dist/StepNavigation/SimpleNavigation/Dot/Dot.d.ts

@@ -5,6 +5,6 @@ import { HvStepProps } from "../../DefaultNavigation/Step";
 export type HvDotClassKey = "root";
 
 export type HvDotProps = StandardProps<React.HTMLAttributes<HTMLDivElement>, HvDotClassKey> &
-  Pick<HvStepProps, "size" | "title" | "state" | "onClick">;
+  Pick<HvStepProps, "size" | "title" | "state" | "onClick" | "disabled">;
 
 export default function HvDot(props: HvDotProps): JSX.Element | null;

package/dist/StepNavigation/SimpleNavigation/Dot/Dot.js

@@ -68,7 +68,8 @@ var HvDot = function HvDot(_ref) {
       state = _ref.state,
       title = _ref.title,
       size = _ref.size,
-      onClick = _ref.onClick;
+      onClick = _ref.onClick,
+      disabled = _ref.disabled;
   var dotSize = _utils.dotSizes[size] * (state === "Current" ? 1.5 : 1);
   var getBackgroundColor = (0, _react.useCallback)(function (theme) {
     return state === "Disabled" ? (0, _utils.disabledColor)(theme) : (0, _utils.defaultColor)(theme);
@@ -83,6 +84,9 @@ var HvDot = function HvDot(_ref) {
           width: dotSize,
           height: dotSize,
           backgroundColor: backgroundColor,
+          "&:hover": {
+            backgroundColor: backgroundColor
+          },
           "&$ghostDisabled": _objectSpread(_objectSpread({}, _styles.default.ghost["&$ghostDisabled"]), {}, {
             backgroundColor: backgroundColor
           }),
@@ -94,11 +98,11 @@ var HvDot = function HvDot(_ref) {
     });
   }, [dotSize, getBackgroundColor])();
   return /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvButton, {
-    className: (0, _clsx.default)(classes.root, customClasses.ghost, className, "Current Disabled".includes(state) && customClasses.ghostDisabled, state === "Current" && customClasses.active),
+    className: (0, _clsx.default)(classes.root, customClasses.ghost, (disabled !== null && disabled !== void 0 ? disabled : "Current Disabled".includes(state)) && customClasses.ghostDisabled, className, state === "Current" && customClasses.active),
     "aria-label": "step-".concat(title),
     icon: true,
     overrideIconColors: false,
-    disabled: ["Current", "Disabled"].includes(state),
+    disabled: disabled !== null && disabled !== void 0 ? disabled : ["Current", "Disabled"].includes(state),
     onClick: onClick
   }, []);
 };
@@ -152,7 +156,13 @@ process.env.NODE_ENV !== "production" ? HvDot.propTypes = {
   /**
    * Event onClick of the step.
    */
-  onClick: _propTypes.default.func
+  onClick: _propTypes.default.func,
+
+  /**
+   * Define if a step is disabled/enabled.
+   * If this property is not defined and the step is on state "Disabled", the step component will be disabled
+   */
+  disabled: _propTypes.default.bool
 } : void 0;
 
 var _default = (0, _core.withStyles)(_styles.default, {

package/dist/StepNavigation/SimpleNavigation/Dot/Dot.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dot.js","names":["HvDot","classes","className","state","title","size","onClick","dotSize","dotSizes","getBackgroundColor","useCallback","theme","disabledColor","defaultColor","customClasses","useMemo","makeStyles","backgroundColor","ghostDisabled","active","ghost","styles","width","height","clsx","root","includes","propTypes","PropTypes","string","shape","isRequired","oneOf","func","withStyles","name"],"sources":["../../../../src/StepNavigation/SimpleNavigation/Dot/Dot.js"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { HvButton } from \"@hitachivantara/uikit-react-core\";\nimport { makeStyles, withStyles } from \"@material-ui/core\";\n\nimport { defaultColor, disabledColor, dotSizes } from \"../utils\";\nimport styles from \"./styles\";\n\n/**\n * Step element of \"Simple\" Step Navigation root component\n */\nconst HvDot = ({ classes, className, state, title, size, onClick }) => {\n  const dotSize = dotSizes[size] * (state === \"Current\" ? 1.5 : 1);\n  const getBackgroundColor = useCallback(\n    (theme) => (state === \"Disabled\" ? disabledColor(theme) : defaultColor(theme)),\n    [state]\n  );\n  const customClasses = useMemo(\n    () =>\n      makeStyles((theme) => {\n        const backgroundColor = getBackgroundColor(theme);\n        return {\n          ghostDisabled: {},\n          active: {},\n          ghost: {\n            ...styles.ghost,\n            width: dotSize,\n            height: dotSize,\n            backgroundColor,\n            \"&$ghostDisabled\": {\n              ...styles.ghost[\"&$ghostDisabled\"],\n              backgroundColor,\n            },\n            \"&$ghostDisabled&:hover\": {\n              ...styles.ghost[\"&$ghostDisabled&:hover\"],\n              backgroundColor,\n            },\n          },\n        };\n      }),\n    [dotSize, getBackgroundColor]\n  )();\n  return (\n    <HvButton\n      className={clsx(\n        classes.root,\n        customClasses.ghost,\n        {\n          [customClasses.active]: state === \"Current\",\n          [customClasses.ghostDisabled]: [\"Current\", \"Disabled\"].includes(state),\n        },\n        className\n      )}\n      aria-label={`step-${title}`}\n      icon\n      overrideIconColors={false}\n      disabled={[\"Current\", \"Disabled\"].includes(state)}\n      onClick={onClick}\n    >\n      {[]}\n    </HvButton>\n  );\n};\n\nHvDot.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: 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 active class.\n     */\n    active: PropTypes.string,\n    /**\n     * Styles applied to the ghost class.\n     */\n    ghost: PropTypes.string,\n    /**\n     * Styles applied to the ghostDisabled class.\n     */\n    ghostDisabled: PropTypes.string,\n  }).isRequired,\n  /**\n   * State of the step. Values = {\"Pending\", \"Failed\", \"Completed\", \"Current\", \"Disabled\"}\n   */\n  state: PropTypes.oneOf([\"Pending\", \"Failed\", \"Completed\", \"Current\", \"Disabled\"]).isRequired,\n  /**\n   * Title of the step.\n   */\n  title: PropTypes.string.isRequired,\n  /**\n   * Sets one of the standard sizes of the steps\n   */\n  size: PropTypes.oneOf([\"XS\", \"SM\", \"MD\", \"LG\", \"XL\"]).isRequired,\n  /**\n   * Event onClick of the step.\n   */\n  onClick: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvDot\" })(HvDot);\n"],"mappings":"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"}
+{"version":3,"file":"Dot.js","names":["HvDot","classes","className","state","title","size","onClick","disabled","dotSize","dotSizes","getBackgroundColor","useCallback","theme","disabledColor","defaultColor","customClasses","useMemo","makeStyles","backgroundColor","ghostDisabled","active","ghost","styles","width","height","clsx","root","includes","propTypes","PropTypes","string","shape","isRequired","oneOf","func","bool","withStyles","name"],"sources":["../../../../src/StepNavigation/SimpleNavigation/Dot/Dot.js"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { HvButton } from \"@hitachivantara/uikit-react-core\";\nimport { makeStyles, withStyles } from \"@material-ui/core\";\n\nimport { defaultColor, disabledColor, dotSizes } from \"../utils\";\nimport styles from \"./styles\";\n\n/**\n * Step element of \"Simple\" Step Navigation root component\n */\nconst HvDot = ({ classes, className, state, title, size, onClick, disabled }) => {\n  const dotSize = dotSizes[size] * (state === \"Current\" ? 1.5 : 1);\n  const getBackgroundColor = useCallback(\n    (theme) => (state === \"Disabled\" ? disabledColor(theme) : defaultColor(theme)),\n    [state]\n  );\n  const customClasses = useMemo(\n    () =>\n      makeStyles((theme) => {\n        const backgroundColor = getBackgroundColor(theme);\n        return {\n          ghostDisabled: {},\n          active: {},\n          ghost: {\n            ...styles.ghost,\n            width: dotSize,\n            height: dotSize,\n            backgroundColor,\n            \"&:hover\": {\n              backgroundColor,\n            },\n            \"&$ghostDisabled\": {\n              ...styles.ghost[\"&$ghostDisabled\"],\n              backgroundColor,\n            },\n            \"&$ghostDisabled&:hover\": {\n              ...styles.ghost[\"&$ghostDisabled&:hover\"],\n              backgroundColor,\n            },\n          },\n        };\n      }),\n    [dotSize, getBackgroundColor]\n  )();\n  return (\n    <HvButton\n      className={clsx(\n        classes.root,\n        customClasses.ghost,\n        {\n          [customClasses.active]: state === \"Current\",\n          [customClasses.ghostDisabled]: disabled ?? [\"Current\", \"Disabled\"].includes(state),\n        },\n        className\n      )}\n      aria-label={`step-${title}`}\n      icon\n      overrideIconColors={false}\n      disabled={disabled ?? [\"Current\", \"Disabled\"].includes(state)}\n      onClick={onClick}\n    >\n      {[]}\n    </HvButton>\n  );\n};\n\nHvDot.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: 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 active class.\n     */\n    active: PropTypes.string,\n    /**\n     * Styles applied to the ghost class.\n     */\n    ghost: PropTypes.string,\n    /**\n     * Styles applied to the ghostDisabled class.\n     */\n    ghostDisabled: PropTypes.string,\n  }).isRequired,\n  /**\n   * State of the step. Values = {\"Pending\", \"Failed\", \"Completed\", \"Current\", \"Disabled\"}\n   */\n  state: PropTypes.oneOf([\"Pending\", \"Failed\", \"Completed\", \"Current\", \"Disabled\"]).isRequired,\n  /**\n   * Title of the step.\n   */\n  title: PropTypes.string.isRequired,\n  /**\n   * Sets one of the standard sizes of the steps\n   */\n  size: PropTypes.oneOf([\"XS\", \"SM\", \"MD\", \"LG\", \"XL\"]).isRequired,\n  /**\n   * Event onClick of the step.\n   */\n  onClick: PropTypes.func,\n  /**\n   * Define if a step is disabled/enabled.\n   * If this property is not defined and the step is on state \"Disabled\", the step component will be disabled\n   */\n  disabled: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvDot\" })(HvDot);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AAEA;;AACA;;;;;;;;;;AAEA;AACA;AACA;AACA,IAAMA,KAAK,GAAG,SAARA,KAAQ,OAAmE;EAAA,IAAhEC,OAAgE,QAAhEA,OAAgE;EAAA,IAAvDC,SAAuD,QAAvDA,SAAuD;EAAA,IAA5CC,KAA4C,QAA5CA,KAA4C;EAAA,IAArCC,KAAqC,QAArCA,KAAqC;EAAA,IAA9BC,IAA8B,QAA9BA,IAA8B;EAAA,IAAxBC,OAAwB,QAAxBA,OAAwB;EAAA,IAAfC,QAAe,QAAfA,QAAe;EAC/E,IAAMC,OAAO,GAAGC,eAAA,CAASJ,IAAT,KAAkBF,KAAK,KAAK,SAAV,GAAsB,GAAtB,GAA4B,CAA9C,CAAhB;EACA,IAAMO,kBAAkB,GAAG,IAAAC,kBAAA,EACzB,UAACC,KAAD;IAAA,OAAYT,KAAK,KAAK,UAAV,GAAuB,IAAAU,oBAAA,EAAcD,KAAd,CAAvB,GAA8C,IAAAE,mBAAA,EAAaF,KAAb,CAA1D;EAAA,CADyB,EAEzB,CAACT,KAAD,CAFyB,CAA3B;EAIA,IAAMY,aAAa,GAAG,IAAAC,cAAA,EACpB;IAAA,OACE,IAAAC,gBAAA,EAAW,UAACL,KAAD,EAAW;MACpB,IAAMM,eAAe,GAAGR,kBAAkB,CAACE,KAAD,CAA1C;MACA,OAAO;QACLO,aAAa,EAAE,EADV;QAELC,MAAM,EAAE,EAFH;QAGLC,KAAK,kCACAC,eAAA,CAAOD,KADP;UAEHE,KAAK,EAAEf,OAFJ;UAGHgB,MAAM,EAAEhB,OAHL;UAIHU,eAAe,EAAfA,eAJG;UAKH,WAAW;YACTA,eAAe,EAAfA;UADS,CALR;UAQH,mDACKI,eAAA,CAAOD,KAAP,CAAa,iBAAb,CADL;YAEEH,eAAe,EAAfA;UAFF,EARG;UAYH,0DACKI,eAAA,CAAOD,KAAP,CAAa,wBAAb,CADL;YAEEH,eAAe,EAAfA;UAFF;QAZG;MAHA,CAAP;IAqBD,CAvBD,CADF;EAAA,CADoB,EA0BpB,CAACV,OAAD,EAAUE,kBAAV,CA1BoB,GAAtB;EA4BA,oBACE,6BAAC,wBAAD;IACE,SAAS,EAAE,IAAAe,aAAA,EACTxB,OAAO,CAACyB,IADC,EAETX,aAAa,CAACM,KAFL,GAKwBd,QALxB,aAKwBA,QALxB,cAKwBA,QALxB,GAKoC,mBAAwBoB,QAAxB,CAAiCxB,KAAjC,CALpC,KAKNY,aAAa,CAACI,aALR,EAOTjB,SAPS,EAIiBC,KAAK,KAAK,SAJ3B,IAINY,aAAa,CAACK,MAJR,CADb;IAUE,6BAAoBhB,KAApB,CAVF;IAWE,IAAI,MAXN;IAYE,kBAAkB,EAAE,KAZtB;IAaE,QAAQ,EAAEG,QAAF,aAAEA,QAAF,cAAEA,QAAF,GAAc,CAAC,SAAD,EAAY,UAAZ,EAAwBoB,QAAxB,CAAiCxB,KAAjC,CAbxB;IAcE,OAAO,EAAEG;EAdX,GAgBG,EAhBH,CADF;AAoBD,CAtDD;;AAwDA,wCAAAN,KAAK,CAAC4B,SAAN,GAAkB;EAChB;AACF;AACA;EACE1B,SAAS,EAAE2B,kBAAA,CAAUC,MAJL;;EAKhB;AACF;AACA;EACE7B,OAAO,EAAE4B,kBAAA,CAAUE,KAAV,CAAgB;IACvB;AACJ;AACA;IACIL,IAAI,EAAEG,kBAAA,CAAUC,MAJO;;IAKvB;AACJ;AACA;IACIV,MAAM,EAAES,kBAAA,CAAUC,MARK;;IASvB;AACJ;AACA;IACIT,KAAK,EAAEQ,kBAAA,CAAUC,MAZM;;IAavB;AACJ;AACA;IACIX,aAAa,EAAEU,kBAAA,CAAUC;EAhBF,CAAhB,EAiBNE,UAzBa;;EA0BhB;AACF;AACA;EACE7B,KAAK,EAAE0B,kBAAA,CAAUI,KAAV,CAAgB,CAAC,SAAD,EAAY,QAAZ,EAAsB,WAAtB,EAAmC,SAAnC,EAA8C,UAA9C,CAAhB,EAA2ED,UA7BlE;;EA8BhB;AACF;AACA;EACE5B,KAAK,EAAEyB,kBAAA,CAAUC,MAAV,CAAiBE,UAjCR;;EAkChB;AACF;AACA;EACE3B,IAAI,EAAEwB,kBAAA,CAAUI,KAAV,CAAgB,CAAC,IAAD,EAAO,IAAP,EAAa,IAAb,EAAmB,IAAnB,EAAyB,IAAzB,CAAhB,EAAgDD,UArCtC;;EAsChB;AACF;AACA;EACE1B,OAAO,EAAEuB,kBAAA,CAAUK,IAzCH;;EA0ChB;AACF;AACA;AACA;EACE3B,QAAQ,EAAEsB,kBAAA,CAAUM;AA9CJ,CAAlB;;eAiDe,IAAAC,gBAAA,EAAWd,eAAX,EAAmB;EAAEe,IAAI,EAAE;AAAR,CAAnB,EAAsCrC,KAAtC,C"}

package/dist/StepNavigation/SimpleNavigation/Dot/styles.js

@@ -12,9 +12,6 @@ var styles = {
   ghostDisabled: {},
   active: {},
   ghost: {
-    "&:hover": {
-      backgroundColor: "transparent"
-    },
     "&$active": {
       cursor: "default"
     },

package/dist/StepNavigation/SimpleNavigation/Dot/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","root","borderRadius","zIndex","ghostDisabled","active","ghost","backgroundColor","cursor"],"sources":["../../../../src/StepNavigation/SimpleNavigation/Dot/styles.js"],"sourcesContent":["const styles = {\n  root: {\n    borderRadius: \"50%\",\n    zIndex: 1,\n  },\n  ghostDisabled: {},\n  active: {},\n  ghost: {\n    \"&:hover\": {\n      backgroundColor: \"transparent\",\n    },\n    \"&$active\": {\n      cursor: \"default\",\n    },\n    \"&$active&:hover\": {\n      cursor: \"default\",\n    },\n  },\n};\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,IAAMA,MAAM,GAAG;EACbC,IAAI,EAAE;IACJC,YAAY,EAAE,KADV;IAEJC,MAAM,EAAE;EAFJ,CADO;EAKbC,aAAa,EAAE,EALF;EAMbC,MAAM,EAAE,EANK;EAObC,KAAK,EAAE;IACL,WAAW;MACTC,eAAe,EAAE;IADR,CADN;IAIL,YAAY;MACVC,MAAM,EAAE;IADE,CAJP;IAOL,mBAAmB;MACjBA,MAAM,EAAE;IADS;EAPd;AAPM,CAAf;eAoBeR,M"}
+{"version":3,"file":"styles.js","names":["styles","root","borderRadius","zIndex","ghostDisabled","active","ghost","cursor"],"sources":["../../../../src/StepNavigation/SimpleNavigation/Dot/styles.js"],"sourcesContent":["const styles = {\n  root: {\n    borderRadius: \"50%\",\n    zIndex: 1,\n  },\n  ghostDisabled: {},\n  active: {},\n  ghost: {\n    \"&$active\": {\n      cursor: \"default\",\n    },\n    \"&$active&:hover\": {\n      cursor: \"default\",\n    },\n  },\n};\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,IAAMA,MAAM,GAAG;EACbC,IAAI,EAAE;IACJC,YAAY,EAAE,KADV;IAEJC,MAAM,EAAE;EAFJ,CADO;EAKbC,aAAa,EAAE,EALF;EAMbC,MAAM,EAAE,EANK;EAObC,KAAK,EAAE;IACL,YAAY;MACVC,MAAM,EAAE;IADE,CADP;IAIL,mBAAmB;MACjBA,MAAM,EAAE;IADS;EAJd;AAPM,CAAf;eAiBeP,M"}