@hitachivantara/uikit-react-core 3.68.7 → 3.68.10

package/dist/legacy/Slider/base.js

@@ -0,0 +1,248 @@
+export default {
+  "& .rc-slider": {
+    position: "relative",
+    width: "100%",
+    height: "14px",
+    padding: " 5px 0",
+    borderRadius: "6px",
+    touchAction: "none",
+    boxSizing: "border-box",
+    "-webkit-tap-highlight-color": "rgba(0, 0, 0, 0)"
+  },
+  "& .rc-slider *": {
+    boxSizing: "border-box",
+    "-webkit-tap-highlight-color": "rgba(0, 0, 0, 0)"
+  },
+  "& .rc-slider-rail": {
+    position: "absolute",
+    width: "100%",
+    height: "4px",
+    backgroundColor: "#e9e9e9",
+    borderRadius: "6px"
+  },
+  "& .rc-slider-track": {
+    position: "absolute",
+    height: "4px",
+    backgroundColor: "#abe2fb",
+    borderRadius: "6px"
+  },
+  "& .rc-slider-handle": {
+    position: "absolute",
+    width: "14px",
+    height: "14px",
+    marginTop: "-5px",
+    backgroundColor: "#fff",
+    border: "solid 2px #96dbfa",
+    borderRadius: "50%",
+    // cursor: "pointer",
+    // cursor: "-webkit-grab",
+    cursor: "grab",
+    opacity: 0.8,
+    touchAction: "pan-x"
+  },
+  "& .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging": {
+    borderColor: "#57c5f7",
+    boxShadow: "0 0 0 5px #96dbfa"
+  },
+  "& .rc-slider-handle:focus": {
+    outline: "none",
+    boxShadow: "none"
+  },
+  "& .rc-slider-handle:focus-visible": {
+    borderColor: "#2db7f5",
+    boxShadow: "0 0 0 3px #96dbfa"
+  },
+  "& .rc-slider-handle-click-focused:focus": {
+    borderColor: "#96dbfa",
+    boxShadow: "unset"
+  },
+  "& .rc-slider-handle:hover": {
+    borderColor: "#57c5f7"
+  },
+  "& .rc-slider-handle:active": {
+    borderColor: "#57c5f7",
+    boxShadow: "0 0 5px #57c5f7",
+    // cursor: "-webkit-grabbing",
+    cursor: "grabbing"
+  },
+  "& .rc-slider-mark": {
+    position: "absolute",
+    top: "18px",
+    left: 0,
+    width: "100%",
+    fontSize: "12px"
+  },
+  "& .rc-slider-mark-text": {
+    position: "absolute",
+    display: "inline-block",
+    color: "#999",
+    textAlign: "center",
+    verticalAlign: "middle",
+    cursor: "pointer"
+  },
+  "& .rc-slider-mark-text-active": {
+    color: "#666"
+  },
+  "& .rc-slider-step": {
+    position: "absolute",
+    width: "100%",
+    height: "4px",
+    background: "transparent",
+    pointerEvents: "none"
+  },
+  "& .rc-slider-dot": {
+    position: "absolute",
+    bottom: "-2px",
+    width: "8px",
+    height: "8px",
+    verticalAlign: "middle",
+    backgroundColor: "#fff",
+    border: "2px solid #e9e9e9",
+    borderRadius: "50%",
+    cursor: "pointer"
+  },
+  "& .rc-slider-dot-active": {
+    borderColor: "#96dbfa"
+  },
+  "& .rc-slider-dot-reverse": {
+    marginRight: "-4px"
+  },
+  "& .rc-slider-disabled": {
+    backgroundColor: "#e9e9e9"
+  },
+  "& .rc-slider-disabled .rc-slider-track": {
+    backgroundColor: "#ccc"
+  },
+  "& .rc-slider-disabled .rc-slider-handle": {
+    backgroundColor: "#fff",
+    borderColor: "#ccc",
+    boxShadow: "none",
+    cursor: "not-allowed"
+  },
+  "&.rc-slider-disabled .rc-slider-dot": {
+    backgroundColor: "#fff",
+    borderColor: "#ccc",
+    boxShadow: "none",
+    cursor: "not-allowed"
+  },
+  "& .rc-slider-disabled .rc-slider-mark-text": {
+    cursor: "not-allowed !important"
+  },
+  "& .rc-slider-disabled .rc-slider-dot": {
+    cursor: "not-allowed !important"
+  },
+  "& .rc-slider-vertical": {
+    width: "14px",
+    height: "100%",
+    padding: "0 5px"
+  },
+  "& .rc-slider-vertical .rc-slider-rail": {
+    width: "4px",
+    height: "100%"
+  },
+  "& .rc-slider-vertical .rc-slider-track": {
+    bottom: 0,
+    left: "5px",
+    width: "4px"
+  },
+  "& .rc-slider-vertical .rc-slider-handle": {
+    marginTop: 0,
+    marginLeft: "-5px",
+    touchAction: "pan-y"
+  },
+  "& .rc-slider-vertical .rc-slider-mark": {
+    top: 0,
+    left: "18px",
+    height: "100%"
+  },
+  "& .rc-slider-vertical .rc-slider-step": {
+    width: "4px",
+    height: "100%"
+  },
+  "& .rc-slider-vertical .rc-slider-dot": {
+    marginLeft: "-2px"
+  },
+  "& .rc-slider-tooltip-zoom-down-enter": {
+    display: "block !important",
+    animationDuration: "0.3s",
+    animationFillMode: "both",
+    animationPlayState: "paused",
+    transform: "scale(0, 0)",
+    animationTimingFunction: "cubic-bezier(0.23, 1, 0.32, 1)"
+  },
+  "& .rc-slider-tooltip-zoom-down-appear": {
+    display: "block !important",
+    animationDuration: "0.3s",
+    animationFillMode: "both",
+    animationPlayState: "paused"
+  },
+  "& .rc-slider-tooltip-zoom-down-leave": {
+    display: "block !important",
+    animationDuration: "0.3s",
+    animationFillMode: "both",
+    animationPlayState: "paused",
+    animationTimingFunction: "cubic-bezier(0.755, 0.05, 0.855, 0.06)"
+  },
+  "& .rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active": {
+    animationName: "rcSliderTooltipZoomDownIn",
+    animationPlayState: "running"
+  },
+  "& .rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active": {
+    animationName: "rcSliderTooltipZoomDownIn",
+    animationPlayState: "running"
+  },
+  "& .rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active": {
+    animationName: "rcSliderTooltipZoomDownOut",
+    animationPlayState: "running"
+  },
+  "&. .rc-slider-tooltip-zoom-down-appear": {
+    transform: "scale(0, 0)",
+    animationTimingFunction: "cubic-bezier(0.23, 1, 0.32, 1)"
+  },
+  "& .rc-slider-tooltip": {
+    position: "absolute",
+    top: "-9999px",
+    left: "-9999px",
+    visibility: "visible",
+    boxSizing: "border-box",
+    "-webkit-tap-highlight-color": "rgba(0, 0, 0, 0)"
+  },
+  "& .rc-slider-tooltip *": {
+    boxSizing: "border-box",
+    "-webkit-tap-highlight-color": "rgba(0, 0, 0, 0)"
+  },
+  "& .rc-slider-tooltip-hidden": {
+    display: "none"
+  },
+  "& .rc-slider-tooltip-placement-top": {
+    padding: "4px 0 8px 0"
+  },
+  "& .rc-slider-tooltip-inner": {
+    minWidth: "24px",
+    height: "24px",
+    padding: "6px 2px",
+    color: "#fff",
+    fontSize: "12px",
+    lineHeight: 1,
+    textAlign: "center",
+    textDecoration: "none",
+    backgroundColor: "#6c6c6c",
+    borderRadius: "6px",
+    boxShadow: "0 0 4px #d9d9d9"
+  },
+  "& .rc-slider-tooltip-arrow": {
+    position: "absolute",
+    width: 0,
+    height: 0,
+    borderColor: "transparent",
+    borderStyle: "solid"
+  },
+  "& .rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow": {
+    bottom: "4px",
+    left: "50%",
+    marginLeft: "-4px",
+    borderWidth: "4px 4px 0",
+    borderTopColor: "#6c6c6c"
+  }
+};
+//# sourceMappingURL=base.js.map

package/dist/legacy/Slider/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","names":["position","width","height","padding","borderRadius","touchAction","boxSizing","backgroundColor","marginTop","border","cursor","opacity","borderColor","boxShadow","outline","top","left","fontSize","display","color","textAlign","verticalAlign","background","pointerEvents","bottom","marginRight","marginLeft","animationDuration","animationFillMode","animationPlayState","transform","animationTimingFunction","animationName","visibility","minWidth","lineHeight","textDecoration","borderStyle","borderWidth","borderTopColor"],"sources":["../../../src/Slider/base.js"],"sourcesContent":["export default {\n  \"& .rc-slider\": {\n    position: \"relative\",\n    width: \"100%\",\n    height: \"14px\",\n    padding: \" 5px 0\",\n    borderRadius: \"6px\",\n    touchAction: \"none\",\n    boxSizing: \"border-box\",\n    \"-webkit-tap-highlight-color\": \"rgba(0, 0, 0, 0)\",\n  },\n  \"& .rc-slider *\": {\n    boxSizing: \"border-box\",\n    \"-webkit-tap-highlight-color\": \"rgba(0, 0, 0, 0)\",\n  },\n  \"& .rc-slider-rail\": {\n    position: \"absolute\",\n    width: \"100%\",\n    height: \"4px\",\n    backgroundColor: \"#e9e9e9\",\n    borderRadius: \"6px\",\n  },\n  \"& .rc-slider-track\": {\n    position: \"absolute\",\n    height: \"4px\",\n    backgroundColor: \"#abe2fb\",\n    borderRadius: \"6px\",\n  },\n  \"& .rc-slider-handle\": {\n    position: \"absolute\",\n    width: \"14px\",\n    height: \"14px\",\n    marginTop: \"-5px\",\n    backgroundColor: \"#fff\",\n    border: \"solid 2px #96dbfa\",\n    borderRadius: \"50%\",\n    // cursor: \"pointer\",\n    // cursor: \"-webkit-grab\",\n    cursor: \"grab\",\n    opacity: 0.8,\n    touchAction: \"pan-x\",\n  },\n  \"& .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging\": {\n    borderColor: \"#57c5f7\",\n    boxShadow: \"0 0 0 5px #96dbfa\",\n  },\n  \"& .rc-slider-handle:focus\": {\n    outline: \"none\",\n    boxShadow: \"none\",\n  },\n  \"& .rc-slider-handle:focus-visible\": {\n    borderColor: \"#2db7f5\",\n    boxShadow: \"0 0 0 3px #96dbfa\",\n  },\n  \"& .rc-slider-handle-click-focused:focus\": {\n    borderColor: \"#96dbfa\",\n    boxShadow: \"unset\",\n  },\n  \"& .rc-slider-handle:hover\": {\n    borderColor: \"#57c5f7\",\n  },\n  \"& .rc-slider-handle:active\": {\n    borderColor: \"#57c5f7\",\n    boxShadow: \"0 0 5px #57c5f7\",\n    // cursor: \"-webkit-grabbing\",\n    cursor: \"grabbing\",\n  },\n  \"& .rc-slider-mark\": {\n    position: \"absolute\",\n    top: \"18px\",\n    left: 0,\n    width: \"100%\",\n    fontSize: \"12px\",\n  },\n  \"& .rc-slider-mark-text\": {\n    position: \"absolute\",\n    display: \"inline-block\",\n    color: \"#999\",\n    textAlign: \"center\",\n    verticalAlign: \"middle\",\n    cursor: \"pointer\",\n  },\n  \"& .rc-slider-mark-text-active\": {\n    color: \"#666\",\n  },\n  \"& .rc-slider-step\": {\n    position: \"absolute\",\n    width: \"100%\",\n    height: \"4px\",\n    background: \"transparent\",\n    pointerEvents: \"none\",\n  },\n  \"& .rc-slider-dot\": {\n    position: \"absolute\",\n    bottom: \"-2px\",\n    width: \"8px\",\n    height: \"8px\",\n    verticalAlign: \"middle\",\n    backgroundColor: \"#fff\",\n    border: \"2px solid #e9e9e9\",\n    borderRadius: \"50%\",\n    cursor: \"pointer\",\n  },\n  \"& .rc-slider-dot-active\": {\n    borderColor: \"#96dbfa\",\n  },\n  \"& .rc-slider-dot-reverse\": {\n    marginRight: \"-4px\",\n  },\n  \"& .rc-slider-disabled\": {\n    backgroundColor: \"#e9e9e9\",\n  },\n  \"& .rc-slider-disabled .rc-slider-track\": {\n    backgroundColor: \"#ccc\",\n  },\n  \"& .rc-slider-disabled .rc-slider-handle\": {\n    backgroundColor: \"#fff\",\n    borderColor: \"#ccc\",\n    boxShadow: \"none\",\n    cursor: \"not-allowed\",\n  },\n  \"&.rc-slider-disabled .rc-slider-dot\": {\n    backgroundColor: \"#fff\",\n    borderColor: \"#ccc\",\n    boxShadow: \"none\",\n    cursor: \"not-allowed\",\n  },\n  \"& .rc-slider-disabled .rc-slider-mark-text\": {\n    cursor: \"not-allowed !important\",\n  },\n  \"& .rc-slider-disabled .rc-slider-dot\": {\n    cursor: \"not-allowed !important\",\n  },\n  \"& .rc-slider-vertical\": {\n    width: \"14px\",\n    height: \"100%\",\n    padding: \"0 5px\",\n  },\n  \"& .rc-slider-vertical .rc-slider-rail\": {\n    width: \"4px\",\n    height: \"100%\",\n  },\n  \"& .rc-slider-vertical .rc-slider-track\": {\n    bottom: 0,\n    left: \"5px\",\n    width: \"4px\",\n  },\n  \"& .rc-slider-vertical .rc-slider-handle\": {\n    marginTop: 0,\n    marginLeft: \"-5px\",\n    touchAction: \"pan-y\",\n  },\n  \"& .rc-slider-vertical .rc-slider-mark\": {\n    top: 0,\n    left: \"18px\",\n    height: \"100%\",\n  },\n  \"& .rc-slider-vertical .rc-slider-step\": {\n    width: \"4px\",\n    height: \"100%\",\n  },\n  \"& .rc-slider-vertical .rc-slider-dot\": {\n    marginLeft: \"-2px\",\n  },\n  \"& .rc-slider-tooltip-zoom-down-enter\": {\n    display: \"block !important\",\n    animationDuration: \"0.3s\",\n    animationFillMode: \"both\",\n    animationPlayState: \"paused\",\n    transform: \"scale(0, 0)\",\n    animationTimingFunction: \"cubic-bezier(0.23, 1, 0.32, 1)\",\n  },\n  \"& .rc-slider-tooltip-zoom-down-appear\": {\n    display: \"block !important\",\n    animationDuration: \"0.3s\",\n    animationFillMode: \"both\",\n    animationPlayState: \"paused\",\n  },\n  \"& .rc-slider-tooltip-zoom-down-leave\": {\n    display: \"block !important\",\n    animationDuration: \"0.3s\",\n    animationFillMode: \"both\",\n    animationPlayState: \"paused\",\n    animationTimingFunction: \"cubic-bezier(0.755, 0.05, 0.855, 0.06)\",\n  },\n  \"& .rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active\": {\n    animationName: \"rcSliderTooltipZoomDownIn\",\n    animationPlayState: \"running\",\n  },\n  \"& .rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active\": {\n    animationName: \"rcSliderTooltipZoomDownIn\",\n    animationPlayState: \"running\",\n  },\n  \"& .rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active\": {\n    animationName: \"rcSliderTooltipZoomDownOut\",\n    animationPlayState: \"running\",\n  },\n  \"&. .rc-slider-tooltip-zoom-down-appear\": {\n    transform: \"scale(0, 0)\",\n    animationTimingFunction: \"cubic-bezier(0.23, 1, 0.32, 1)\",\n  },\n  \"& .rc-slider-tooltip\": {\n    position: \"absolute\",\n    top: \"-9999px\",\n    left: \"-9999px\",\n    visibility: \"visible\",\n    boxSizing: \"border-box\",\n    \"-webkit-tap-highlight-color\": \"rgba(0, 0, 0, 0)\",\n  },\n  \"& .rc-slider-tooltip *\": {\n    boxSizing: \"border-box\",\n    \"-webkit-tap-highlight-color\": \"rgba(0, 0, 0, 0)\",\n  },\n  \"& .rc-slider-tooltip-hidden\": {\n    display: \"none\",\n  },\n  \"& .rc-slider-tooltip-placement-top\": {\n    padding: \"4px 0 8px 0\",\n  },\n  \"& .rc-slider-tooltip-inner\": {\n    minWidth: \"24px\",\n    height: \"24px\",\n    padding: \"6px 2px\",\n    color: \"#fff\",\n    fontSize: \"12px\",\n    lineHeight: 1,\n    textAlign: \"center\",\n    textDecoration: \"none\",\n    backgroundColor: \"#6c6c6c\",\n    borderRadius: \"6px\",\n    boxShadow: \"0 0 4px #d9d9d9\",\n  },\n  \"& .rc-slider-tooltip-arrow\": {\n    position: \"absolute\",\n    width: 0,\n    height: 0,\n    borderColor: \"transparent\",\n    borderStyle: \"solid\",\n  },\n  \"& .rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow\": {\n    bottom: \"4px\",\n    left: \"50%\",\n    marginLeft: \"-4px\",\n    borderWidth: \"4px 4px 0\",\n    borderTopColor: \"#6c6c6c\",\n  },\n};\n"],"mappings":"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"}

package/dist/legacy/Slider/styles.js

@@ -12,6 +12,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import { outlineStyles } from "../Focus/styles";
+import base from "./base";
 
 var styles = function styles(theme) {
   var ring = {
@@ -62,7 +63,7 @@ var styles = function styles(theme) {
     zIndex: "-3"
   };
   return {
-    root: {},
+    sliderBase: _objectSpread({}, base),
     rootDisabled: {
       cursor: "not-allowed",
       "& .rc-slider-disabled": {

package/dist/legacy/Slider/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["outlineStyles","styles","theme","ring","width","height","borderRadius","border","hv","palette","accent","acce1","opacity","content","position","top","left","atmosphere","atmo1","dragSquare","cursor","background","borderTop","atmo3","borderBottom","zIndex","dot","bottom","marginLeft","backgroundColor","atmo4","verticalAlign","root","rootDisabled","sliderContainer","marginBottom","padding","error","trackDragging","trackStandBy","sliderRoot","rootRange","handleContainer","marginTop","boxShadow","handle","handleContainerDisabled","handleHiddenContainer","display","labelContainer","alignItems","justifyContent","marginRight","labelIncluded","onlyInput","label","dotDisabled","rail","knobInner","borderColor","knobOuter","knobHidden","knobHiddenLast","touchAction","track","mark","typography","vizText","fontFamily","disabledMark","color","atmo5","sliderTooltip","maxWidth","spacing","sm","normalText","visibility"],"sources":["../../../src/Slider/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => {\n  const ring = {\n    width: \"32px\",\n    height: \"32px\",\n    borderRadius: \"50%\",\n    border: `9px solid ${theme.hv.palette.accent.acce1}`,\n    opacity: \"20%\",\n    content: \"''\",\n    position: \"absolute\",\n    top: \"-10px\",\n    left: \"-10px\",\n  };\n  const border = {\n    width: \"20px\",\n    height: \"20px\",\n    borderRadius: \"50%\",\n    border: `2px solid ${theme.hv.palette.atmosphere.atmo1}`,\n    content: \"''\",\n    position: \"absolute\",\n    top: \"-4px\",\n    left: \"-4px\",\n  };\n  const dragSquare = {\n    cursor: \"grab\",\n    width: \"calc(100% - 40px)\",\n    left: \"20px\",\n    height: \"27px\",\n    position: \"absolute\",\n    top: \"-12px\",\n    content: \"''\",\n    background: \"transparent\",\n    borderTop: `12px solid ${theme.hv.palette.atmosphere.atmo3}`,\n    borderBottom: `12px solid ${theme.hv.palette.atmosphere.atmo3}`,\n    zIndex: \"-2\",\n  };\n  const dot = {\n    position: \"absolute\",\n    bottom: \"-1px\",\n    marginLeft: \"0px\",\n    width: \"1px\",\n    height: \"4px\",\n    border: \"none\",\n    borderRadius: \"0%\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo4,\n    cursor: \"pointer\",\n    verticalAlign: \"middle\",\n    zIndex: \"-3\",\n  };\n\n  return {\n    root: {},\n    rootDisabled: {\n      cursor: \"not-allowed\",\n      \"& .rc-slider-disabled\": {\n        background: \"transparent\",\n      },\n    },\n    sliderContainer: {\n      marginBottom: \"18px\",\n      padding: \"0 23px\",\n    },\n    error: {\n      padding: \"0 8px\",\n    },\n    trackDragging: {\n      cursor: \"grabbing\",\n      \"& .rc-slider-track\": {\n        \"&::before\": {\n          ...dragSquare,\n          cursor: \"grabbing\",\n        },\n      },\n    },\n    trackStandBy: {\n      \"& .rc-slider-track\": {\n        \"&:hover\": {\n          \"&::before\": {\n            ...dragSquare,\n          },\n        },\n      },\n    },\n    sliderRoot: {\n      zIndex: 0,\n    },\n    rootRange: {},\n    handleContainer: {\n      \"& .rc-slider-handle\": {\n        cursor: \"pointer\",\n        marginTop: \"-8px\",\n        opacity: 1,\n        \"&:active\": {\n          cursor: \"grab\",\n          \"&::before\": {\n            ...ring,\n          },\n          \"&::after\": {\n            ...border,\n          },\n        },\n        \"&:hover\": {\n          \"&::before\": {\n            ...ring,\n          },\n          \"&::after\": {\n            ...border,\n          },\n        },\n        // Note about the usage of `!important below`: the way the rc-slider allows us to\n        // style the knobs is through inline styles. This means that the `box-shadow`, which\n        // is an inline style and is set to `none` to prevent the default rc-slider style to\n        // show, can't be overriden for the focus scenario unless we use the `!important` flag.\n        \"&:focus-visible\": {\n          ...outlineStyles,\n          boxShadow: \"0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)!important\",\n        },\n      },\n    },\n    handle: {},\n    handleContainerDisabled: {\n      \"& .rc-slider-handle\": {\n        cursor: \"not-allowed\",\n        marginTop: \"-8px\",\n        opacity: 1,\n        \"&:active\": {\n          cursor: \"not-allowed\",\n        },\n        \"&:hover\": {\n          cursor: \"not-allowed\",\n        },\n      },\n    },\n    handleHiddenContainer: {\n      display: \"none\",\n    },\n    labelContainer: {\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"space-between\",\n      marginBottom: \"12px\",\n      marginLeft: \"20px\",\n      marginRight: \"20px\",\n    },\n    labelIncluded: {\n      justifyContent: \"space-between\",\n    },\n    onlyInput: {\n      justifyContent: \"flex-end\",\n    },\n    label: {},\n    dot: {\n      ...dot,\n    },\n    dotDisabled: {\n      ...dot,\n      cursor: \"not-allowed\",\n    },\n    rail: {\n      backgroundColor: theme.hv.palette.atmosphere.atmo4,\n      height: \"1px\",\n      zIndex: \"-3\",\n    },\n    knobInner: {\n      borderColor: \"transparent\",\n      boxShadow: \"none\",\n      backgroundColor: theme.hv.palette.accent.acce1,\n      width: \"16px\",\n      height: \"16px\",\n    },\n    knobOuter: {\n      position: \"relative\",\n      borderColor: \"transparent\",\n      borderRadius: \"50%\",\n      boxShadow: \"none\",\n      backgroundColor: theme.hv.palette.atmosphere.atmo4,\n      width: \"32px\",\n      height: \"32px\",\n      top: \"-80%\",\n      left: \"-80%\",\n      zIndex: \"-1\",\n    },\n    knobHidden: {\n      display: \"none\",\n    },\n    knobHiddenLast: {\n      borderColor: \"transparent\",\n      height: \"3px\",\n      width: \"2px\",\n      marginLeft: \"-1px\",\n      border: \"none\",\n      borderRadius: \"0\",\n      marginTop: \"0px\",\n      left: \"100%\",\n      touchAction: \"none\",\n      cursor: \"default\",\n    },\n    track: {\n      backgroundColor: theme.hv.palette.accent.acce1,\n      height: \"3px\",\n      zIndex: \"-1\",\n      marginTop: \"-1px\",\n    },\n    mark: {\n      ...theme.hv.typography.vizText,\n      fontFamily: theme.hv.typography.fontFamily,\n      top: \"-2px\",\n      zIndex: -1,\n    },\n    disabledMark: {\n      ...theme.hv.typography.vizText,\n      fontFamily: theme.hv.typography.fontFamily,\n      color: `${theme.hv.palette.atmosphere.atmo5}`,\n      cursor: \"not-allowed\",\n      top: \"-2px\",\n    },\n    sliderTooltip: {\n      \"& .rc-slider-tooltip-inner\": {\n        background: theme.hv.palette.atmosphere.atmo1,\n        borderRadius: 0,\n        maxWidth: \"532px\",\n        height: \"100%\",\n        padding: `${theme.hv.spacing.sm}px`,\n        ...theme.hv.typography.normalText,\n        fontFamily: theme.hv.typography.fontFamily,\n        boxShadow: \"none\",\n      },\n      \"& .rc-slider-tooltip-arrow\": {\n        visibility: \"hidden\",\n      },\n    },\n  };\n};\n\nexport default styles;\n"],"mappings":"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"}
+{"version":3,"file":"styles.js","names":["outlineStyles","base","styles","theme","ring","width","height","borderRadius","border","hv","palette","accent","acce1","opacity","content","position","top","left","atmosphere","atmo1","dragSquare","cursor","background","borderTop","atmo3","borderBottom","zIndex","dot","bottom","marginLeft","backgroundColor","atmo4","verticalAlign","sliderBase","rootDisabled","sliderContainer","marginBottom","padding","error","trackDragging","trackStandBy","sliderRoot","rootRange","handleContainer","marginTop","boxShadow","handle","handleContainerDisabled","handleHiddenContainer","display","labelContainer","alignItems","justifyContent","marginRight","labelIncluded","onlyInput","label","dotDisabled","rail","knobInner","borderColor","knobOuter","knobHidden","knobHiddenLast","touchAction","track","mark","typography","vizText","fontFamily","disabledMark","color","atmo5","sliderTooltip","maxWidth","spacing","sm","normalText","visibility"],"sources":["../../../src/Slider/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\nimport base from \"./base\";\n\nconst styles = (theme) => {\n  const ring = {\n    width: \"32px\",\n    height: \"32px\",\n    borderRadius: \"50%\",\n    border: `9px solid ${theme.hv.palette.accent.acce1}`,\n    opacity: \"20%\",\n    content: \"''\",\n    position: \"absolute\",\n    top: \"-10px\",\n    left: \"-10px\",\n  };\n  const border = {\n    width: \"20px\",\n    height: \"20px\",\n    borderRadius: \"50%\",\n    border: `2px solid ${theme.hv.palette.atmosphere.atmo1}`,\n    content: \"''\",\n    position: \"absolute\",\n    top: \"-4px\",\n    left: \"-4px\",\n  };\n  const dragSquare = {\n    cursor: \"grab\",\n    width: \"calc(100% - 40px)\",\n    left: \"20px\",\n    height: \"27px\",\n    position: \"absolute\",\n    top: \"-12px\",\n    content: \"''\",\n    background: \"transparent\",\n    borderTop: `12px solid ${theme.hv.palette.atmosphere.atmo3}`,\n    borderBottom: `12px solid ${theme.hv.palette.atmosphere.atmo3}`,\n    zIndex: \"-2\",\n  };\n  const dot = {\n    position: \"absolute\",\n    bottom: \"-1px\",\n    marginLeft: \"0px\",\n    width: \"1px\",\n    height: \"4px\",\n    border: \"none\",\n    borderRadius: \"0%\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo4,\n    cursor: \"pointer\",\n    verticalAlign: \"middle\",\n    zIndex: \"-3\",\n  };\n\n  return {\n    sliderBase: { ...base },\n    rootDisabled: {\n      cursor: \"not-allowed\",\n      \"& .rc-slider-disabled\": {\n        background: \"transparent\",\n      },\n    },\n    sliderContainer: {\n      marginBottom: \"18px\",\n      padding: \"0 23px\",\n    },\n    error: {\n      padding: \"0 8px\",\n    },\n    trackDragging: {\n      cursor: \"grabbing\",\n      \"& .rc-slider-track\": {\n        \"&::before\": {\n          ...dragSquare,\n          cursor: \"grabbing\",\n        },\n      },\n    },\n    trackStandBy: {\n      \"& .rc-slider-track\": {\n        \"&:hover\": {\n          \"&::before\": {\n            ...dragSquare,\n          },\n        },\n      },\n    },\n    sliderRoot: {\n      zIndex: 0,\n    },\n    rootRange: {},\n    handleContainer: {\n      \"& .rc-slider-handle\": {\n        cursor: \"pointer\",\n        marginTop: \"-8px\",\n        opacity: 1,\n        \"&:active\": {\n          cursor: \"grab\",\n          \"&::before\": {\n            ...ring,\n          },\n          \"&::after\": {\n            ...border,\n          },\n        },\n        \"&:hover\": {\n          \"&::before\": {\n            ...ring,\n          },\n          \"&::after\": {\n            ...border,\n          },\n        },\n        // Note about the usage of `!important below`: the way the rc-slider allows us to\n        // style the knobs is through inline styles. This means that the `box-shadow`, which\n        // is an inline style and is set to `none` to prevent the default rc-slider style to\n        // show, can't be overriden for the focus scenario unless we use the `!important` flag.\n        \"&:focus-visible\": {\n          ...outlineStyles,\n          boxShadow: \"0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)!important\",\n        },\n      },\n    },\n    handle: {},\n    handleContainerDisabled: {\n      \"& .rc-slider-handle\": {\n        cursor: \"not-allowed\",\n        marginTop: \"-8px\",\n        opacity: 1,\n        \"&:active\": {\n          cursor: \"not-allowed\",\n        },\n        \"&:hover\": {\n          cursor: \"not-allowed\",\n        },\n      },\n    },\n    handleHiddenContainer: {\n      display: \"none\",\n    },\n    labelContainer: {\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"space-between\",\n      marginBottom: \"12px\",\n      marginLeft: \"20px\",\n      marginRight: \"20px\",\n    },\n    labelIncluded: {\n      justifyContent: \"space-between\",\n    },\n    onlyInput: {\n      justifyContent: \"flex-end\",\n    },\n    label: {},\n    dot: {\n      ...dot,\n    },\n    dotDisabled: {\n      ...dot,\n      cursor: \"not-allowed\",\n    },\n    rail: {\n      backgroundColor: theme.hv.palette.atmosphere.atmo4,\n      height: \"1px\",\n      zIndex: \"-3\",\n    },\n    knobInner: {\n      borderColor: \"transparent\",\n      boxShadow: \"none\",\n      backgroundColor: theme.hv.palette.accent.acce1,\n      width: \"16px\",\n      height: \"16px\",\n    },\n    knobOuter: {\n      position: \"relative\",\n      borderColor: \"transparent\",\n      borderRadius: \"50%\",\n      boxShadow: \"none\",\n      backgroundColor: theme.hv.palette.atmosphere.atmo4,\n      width: \"32px\",\n      height: \"32px\",\n      top: \"-80%\",\n      left: \"-80%\",\n      zIndex: \"-1\",\n    },\n    knobHidden: {\n      display: \"none\",\n    },\n    knobHiddenLast: {\n      borderColor: \"transparent\",\n      height: \"3px\",\n      width: \"2px\",\n      marginLeft: \"-1px\",\n      border: \"none\",\n      borderRadius: \"0\",\n      marginTop: \"0px\",\n      left: \"100%\",\n      touchAction: \"none\",\n      cursor: \"default\",\n    },\n    track: {\n      backgroundColor: theme.hv.palette.accent.acce1,\n      height: \"3px\",\n      zIndex: \"-1\",\n      marginTop: \"-1px\",\n    },\n    mark: {\n      ...theme.hv.typography.vizText,\n      fontFamily: theme.hv.typography.fontFamily,\n      top: \"-2px\",\n      zIndex: -1,\n    },\n    disabledMark: {\n      ...theme.hv.typography.vizText,\n      fontFamily: theme.hv.typography.fontFamily,\n      color: `${theme.hv.palette.atmosphere.atmo5}`,\n      cursor: \"not-allowed\",\n      top: \"-2px\",\n    },\n    sliderTooltip: {\n      \"& .rc-slider-tooltip-inner\": {\n        background: theme.hv.palette.atmosphere.atmo1,\n        borderRadius: 0,\n        maxWidth: \"532px\",\n        height: \"100%\",\n        padding: `${theme.hv.spacing.sm}px`,\n        ...theme.hv.typography.normalText,\n        fontFamily: theme.hv.typography.fontFamily,\n        boxShadow: \"none\",\n      },\n      \"& .rc-slider-tooltip-arrow\": {\n        visibility: \"hidden\",\n      },\n    },\n  };\n};\n\nexport default styles;\n"],"mappings":"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"}

package/dist/modern/Dialog/Dialog.js

@@ -74,10 +74,7 @@ const HvDialog = _ref => {
       if (!others.disableEscapeKeyDown) {
         // Swallow the event, in case someone is listening for the escape key on the body.
         event.stopPropagation();
-
-        if (onClose) {
-          onClose(event, "escapeKeyDown");
-        }
+        onClose === null || onClose === void 0 ? void 0 : onClose(event, "escapeKeyDown");
       }
     }
   };
@@ -103,7 +100,7 @@ const HvDialog = _ref => {
         root: classes.background
       }
     },
-    onClose: (event, reason) => onClose(event, reason),
+    onClose: (event, reason) => onClose === null || onClose === void 0 ? void 0 : onClose(event, reason),
     onKeyDown: keyDownHandler
   }, others, {
     "aria-modal": true
@@ -111,7 +108,7 @@ const HvDialog = _ref => {
     id: setId(id, "close"),
     className: classes.closeButton,
     category: "ghost",
-    onClick: event => onClose(event),
+    onClick: event => onClose === null || onClose === void 0 ? void 0 : onClose(event),
     "aria-label": buttonTitle
   }, /*#__PURE__*/React.createElement(CloseButtonTooltipWrapper, null)), children && typeof children === "object" ? React.Children.map(children, c => /*#__PURE__*/React.cloneElement(c, {
     fullscreen
@@ -167,7 +164,7 @@ process.env.NODE_ENV !== "production" ? HvDialog.propTypes = {
   /**
    * Function executed on close.
    */
-  onClose: PropTypes.func.isRequired,
+  onClose: PropTypes.func,
 
   /**
    * Element id that should be focus when the Dialog opens.

package/dist/modern/Dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","names":["React","useCallback","useState","clsx","PropTypes","Dialog","withStyles","Close","isNil","Button","isKeypress","KeyboardCodes","setId","styles","withTooltip","getFocusableList","HvDialog","classes","className","id","children","open","onClose","firstFocusable","buttonTitle","fullscreen","others","focusableQueue","setFocusableQueue","measuredRef","node","focusableList","first","last","length","focus","element","document","getElementById","console","warn","keyDownHandler","event","Tab","target","shiftKey","preventDefault","Esc","onEscapeKeyDown","disableEscapeKeyDown","stopPropagation","closeButtonDisplay","CloseButtonTooltipWrapper","root","paper","background","reason","closeButton","Children","map","c","cloneElement","propTypes","string","shape","isRequired","bool","func","name"],"sources":["../../../src/Dialog/Dialog.js"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { Dialog, withStyles } from \"@material-ui/core\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport isNil from \"lodash/isNil\";\nimport Button from \"../Button\";\nimport { isKeypress, KeyboardCodes, setId } from \"../utils\";\nimport styles from \"./styles\";\nimport withTooltip from \"../withTooltip\";\nimport { getFocusableList } from \"../utils/focusableElementFinder\";\n\n/**\n * The Dialog component provides a solid foundation for creating dialogs, popovers, lightboxes, etc.\n * It is created by the composition of DialogTitle, DialogContent and DialogActions components, passed as child elements.\n */\nconst HvDialog = ({\n  classes,\n  className,\n  id,\n  children,\n  open,\n  onClose,\n  firstFocusable,\n  buttonTitle = \"Close\",\n  fullscreen = false,\n  ...others\n}) => {\n  const [focusableQueue, setFocusableQueue] = useState(null);\n\n  const measuredRef = useCallback(\n    (node) => {\n      if (node) {\n        const focusableList = getFocusableList(node);\n        setFocusableQueue({\n          first: focusableList[1],\n          last: focusableList[focusableList.length - 2],\n        });\n        if (isNil(firstFocusable)) focusableList[1].focus();\n        else {\n          const element = document.getElementById(firstFocusable);\n          if (element) element.focus();\n          else {\n            // eslint-disable-next-line no-console\n            console.warn(`firstFocusable element ${firstFocusable} not found.`);\n            focusableList[1].focus();\n          }\n        }\n      }\n    },\n    [firstFocusable]\n  );\n\n  const keyDownHandler = (event) => {\n    if (isKeypress(event, KeyboardCodes.Tab) && !isNil(event.target) && !isNil(focusableQueue)) {\n      if (event.shiftKey && event.target === focusableQueue.first) {\n        focusableQueue.last.focus();\n        event.preventDefault();\n      }\n      if (!event.shiftKey && event.target === focusableQueue.last) {\n        focusableQueue.first.focus();\n        event.preventDefault();\n      }\n    }\n    // Needed as this handler overrides the one in the material ui Modal.\n    else if (isKeypress(event, KeyboardCodes.Esc)) {\n      if (others.onEscapeKeyDown) {\n        others.onEscapeKeyDown(event);\n      }\n\n      if (!others.disableEscapeKeyDown) {\n        // Swallow the event, in case someone is listening for the escape key on the body.\n        event.stopPropagation();\n\n        if (onClose) {\n          onClose(event, \"escapeKeyDown\");\n        }\n      }\n    }\n  };\n\n  const closeButtonDisplay = () => <Close role=\"presentation\" />;\n\n  const CloseButtonTooltipWrapper = buttonTitle\n    ? withTooltip(closeButtonDisplay, buttonTitle, \"top\")\n    : closeButtonDisplay;\n\n  return (\n    <Dialog\n      className={clsx(classes.root, className)}\n      id={id}\n      ref={measuredRef}\n      open={open}\n      PaperProps={{\n        classes: {\n          root: clsx(classes.paper, fullscreen ? \"fullscreen\" : \"\"),\n        },\n      }}\n      fullScreen={fullscreen}\n      BackdropProps={{\n        classes: {\n          root: classes.background,\n        },\n      }}\n      onClose={(event, reason) => onClose(event, reason)}\n      onKeyDown={keyDownHandler}\n      {...others}\n      aria-modal\n    >\n      <Button\n        id={setId(id, \"close\")}\n        className={classes.closeButton}\n        category=\"ghost\"\n        onClick={(event) => onClose(event)}\n        aria-label={buttonTitle}\n      >\n        <CloseButtonTooltipWrapper />\n      </Button>\n      {children && typeof children === \"object\"\n        ? React.Children.map(children, (c) => React.cloneElement(c, { fullscreen }))\n        : children}\n    </Dialog>\n  );\n};\n\nHvDialog.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     * Style applied to the root of the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the background (outside) of the component.\n     */\n    background: PropTypes.string,\n    /**\n     * Style applied to the component (root).\n     */\n    paper: PropTypes.string,\n    /**\n     * Style applied to the close button.\n     */\n    closeButton: PropTypes.string,\n  }).isRequired,\n  /**\n   * Components of the Dialog.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Current state of the Dialog.\n   */\n  open: PropTypes.bool.isRequired,\n  /**\n   * Function executed on close.\n   */\n  onClose: PropTypes.func.isRequired,\n  /**\n   * Element id that should be focus when the Dialog opens.\n   */\n  firstFocusable: PropTypes.string,\n  /**\n   * Title for the button close.\n   */\n  buttonTitle: PropTypes.string,\n  /**\n   * Set the dialog to fullscreen mode.\n   */\n  fullscreen: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvDialog\" })(HvDialog);\n"],"mappings":"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"}
+{"version":3,"file":"Dialog.js","names":["React","useCallback","useState","clsx","PropTypes","Dialog","withStyles","Close","isNil","Button","isKeypress","KeyboardCodes","setId","styles","withTooltip","getFocusableList","HvDialog","classes","className","id","children","open","onClose","firstFocusable","buttonTitle","fullscreen","others","focusableQueue","setFocusableQueue","measuredRef","node","focusableList","first","last","length","focus","element","document","getElementById","console","warn","keyDownHandler","event","Tab","target","shiftKey","preventDefault","Esc","onEscapeKeyDown","disableEscapeKeyDown","stopPropagation","closeButtonDisplay","CloseButtonTooltipWrapper","root","paper","background","reason","closeButton","Children","map","c","cloneElement","propTypes","string","shape","isRequired","bool","func","name"],"sources":["../../../src/Dialog/Dialog.js"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { Dialog, withStyles } from \"@material-ui/core\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport isNil from \"lodash/isNil\";\nimport Button from \"../Button\";\nimport { isKeypress, KeyboardCodes, setId } from \"../utils\";\nimport styles from \"./styles\";\nimport withTooltip from \"../withTooltip\";\nimport { getFocusableList } from \"../utils/focusableElementFinder\";\n\n/**\n * The Dialog component provides a solid foundation for creating dialogs, popovers, lightboxes, etc.\n * It is created by the composition of DialogTitle, DialogContent and DialogActions components, passed as child elements.\n */\nconst HvDialog = ({\n  classes,\n  className,\n  id,\n  children,\n  open,\n  onClose,\n  firstFocusable,\n  buttonTitle = \"Close\",\n  fullscreen = false,\n  ...others\n}) => {\n  const [focusableQueue, setFocusableQueue] = useState(null);\n\n  const measuredRef = useCallback(\n    (node) => {\n      if (node) {\n        const focusableList = getFocusableList(node);\n        setFocusableQueue({\n          first: focusableList[1],\n          last: focusableList[focusableList.length - 2],\n        });\n        if (isNil(firstFocusable)) focusableList[1].focus();\n        else {\n          const element = document.getElementById(firstFocusable);\n          if (element) element.focus();\n          else {\n            // eslint-disable-next-line no-console\n            console.warn(`firstFocusable element ${firstFocusable} not found.`);\n            focusableList[1].focus();\n          }\n        }\n      }\n    },\n    [firstFocusable]\n  );\n\n  const keyDownHandler = (event) => {\n    if (isKeypress(event, KeyboardCodes.Tab) && !isNil(event.target) && !isNil(focusableQueue)) {\n      if (event.shiftKey && event.target === focusableQueue.first) {\n        focusableQueue.last.focus();\n        event.preventDefault();\n      }\n      if (!event.shiftKey && event.target === focusableQueue.last) {\n        focusableQueue.first.focus();\n        event.preventDefault();\n      }\n    }\n    // Needed as this handler overrides the one in the material ui Modal.\n    else if (isKeypress(event, KeyboardCodes.Esc)) {\n      if (others.onEscapeKeyDown) {\n        others.onEscapeKeyDown(event);\n      }\n\n      if (!others.disableEscapeKeyDown) {\n        // Swallow the event, in case someone is listening for the escape key on the body.\n        event.stopPropagation();\n\n        onClose?.(event, \"escapeKeyDown\");\n      }\n    }\n  };\n\n  const closeButtonDisplay = () => <Close role=\"presentation\" />;\n\n  const CloseButtonTooltipWrapper = buttonTitle\n    ? withTooltip(closeButtonDisplay, buttonTitle, \"top\")\n    : closeButtonDisplay;\n\n  return (\n    <Dialog\n      className={clsx(classes.root, className)}\n      id={id}\n      ref={measuredRef}\n      open={open}\n      PaperProps={{\n        classes: {\n          root: clsx(classes.paper, fullscreen ? \"fullscreen\" : \"\"),\n        },\n      }}\n      fullScreen={fullscreen}\n      BackdropProps={{\n        classes: {\n          root: classes.background,\n        },\n      }}\n      onClose={(event, reason) => onClose?.(event, reason)}\n      onKeyDown={keyDownHandler}\n      {...others}\n      aria-modal\n    >\n      <Button\n        id={setId(id, \"close\")}\n        className={classes.closeButton}\n        category=\"ghost\"\n        onClick={(event) => onClose?.(event)}\n        aria-label={buttonTitle}\n      >\n        <CloseButtonTooltipWrapper />\n      </Button>\n      {children && typeof children === \"object\"\n        ? React.Children.map(children, (c) => React.cloneElement(c, { fullscreen }))\n        : children}\n    </Dialog>\n  );\n};\n\nHvDialog.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     * Style applied to the root of the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the background (outside) of the component.\n     */\n    background: PropTypes.string,\n    /**\n     * Style applied to the component (root).\n     */\n    paper: PropTypes.string,\n    /**\n     * Style applied to the close button.\n     */\n    closeButton: PropTypes.string,\n  }).isRequired,\n  /**\n   * Components of the Dialog.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Current state of the Dialog.\n   */\n  open: PropTypes.bool.isRequired,\n  /**\n   * Function executed on close.\n   */\n  onClose: PropTypes.func,\n  /**\n   * Element id that should be focus when the Dialog opens.\n   */\n  firstFocusable: PropTypes.string,\n  /**\n   * Title for the button close.\n   */\n  buttonTitle: PropTypes.string,\n  /**\n   * Set the dialog to fullscreen mode.\n   */\n  fullscreen: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvDialog\" })(HvDialog);\n"],"mappings":"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"}

package/dist/modern/Slider/Slider.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { StandardProps } from "@material-ui/core";
-import { SliderProps, RangeProps } from "rc-slider";
+import { SliderProps } from "rc-slider";
 import { HvFormStatus } from "../Forms/FormElement";
 import { HvInputProps } from "..";
 
@@ -63,7 +63,7 @@ export interface HvSliderProps
    * When uncontrolled and unspecified it will default to "standBy" and change to either "valid"
    * or "invalid" after any change to the state.
    */
-  status?: HvFormStatus;
+  status?: HvFormStatus | HvFormStatus[];
   /**
    * The error message to show when `status` is "invalid".
    */
@@ -179,7 +179,7 @@ export interface HvSliderProps
   /**
    * Attributes applied to the input element.
    */
-  sliderProps?: RangeProps | SliderProps;
+  sliderProps?: SliderProps;
 }
 
 export default function HvSlider(props: HvSliderProps): JSX.Element | null;

package/dist/modern/Slider/Slider.js

@@ -102,7 +102,6 @@ const HvSlider = props => {
 
     setValidationMessage("");
   }, [knobsPositions, requiredMessage, setValidationMessage, setValidationState]);
-  useEffect(() => import("rc-slider/assets/index.css"), []);
   useEffect(() => {
     const stepVl = calculateStepValue(maxPointValue, minPointValue, divisionQuantity);
     const inverseStepVl = 1 / stepVl;
@@ -320,7 +319,7 @@ const HvSlider = props => {
     markDigits: markDigits,
     inputProps: inputProps
   })), /*#__PURE__*/React.createElement("div", {
-    className: classes.sliderContainer
+    className: clsx(classes.sliderBase, classes.sliderContainer)
   }, isSingle && /*#__PURE__*/React.createElement(Slider, _extends({
     id: setId(elementId, "slider"),
     handleRender: createKnob,
@@ -429,7 +428,7 @@ process.env.NODE_ENV !== "production" ? HvSlider.propTypes = {
    * When uncontrolled and unspecified it will default to "standBy" and change to either "valid"
    * or "invalid" after any change to `checked`, depending of the values of both `required` and `checked`.
    */
-  status: PropTypes.oneOf(["standBy", "valid", "invalid"]),
+  status: PropTypes.oneOfType([PropTypes.oneOf(["standBy", "valid", "invalid"]), PropTypes.arrayOf(PropTypes.oneOf(["standBy", "valid", "invalid"]))]),
 
   /**
    * The error message to show when `status` is "invalid".
@@ -566,6 +565,12 @@ process.env.NODE_ENV !== "production" ? HvSlider.propTypes = {
      */
     handleContainer: PropTypes.string,
 
+    /**
+     * Base slider styles to avoid the css import from node_modules and enable SSR support.
+     * import("rc-slider/assets/index.css")
+     */
+    sliderBase: PropTypes.string,
+
     /**
      * Style applied to the div where the slider is placed.
      */