@kaizen/components 0.0.0-canary-rollup-20240408071509 → 0.0.0-canary-rollup--tree-shake-20240408080317

package/dist/cjs/Tooltip/Tooltip.cjs

@@ -8,127 +8,180 @@ var reactPopper = require('react-popper');
 var AppearanceAnim = require('./subcomponents/AppearanceAnim.cjs');
 var isSemanticElement = require('./utils/isSemanticElement.cjs');
 var Tooltip_module = require('./Tooltip.module.scss.cjs');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 var React__default = /*#__PURE__*/_interopDefault(React);
 var ReactDOM__default = /*#__PURE__*/_interopDefault(ReactDOM);
 var classnames__default = /*#__PURE__*/_interopDefault(classnames);
-
-var positionToPlacement = new Map([
-    ["above", "top"],
-    ["below", "bottom"],
-    ["left", "left"],
-    ["right", "right"],
-]);
+var positionToPlacement = new Map([["above", "top"], ["below", "bottom"], ["left", "left"], ["right", "right"]]);
 // Sync with Tooltip.scss
 var arrowHeight = 7;
 var arrowWidth = 14;
 var TooltipContent = function (_a) {
-    var position = _a.position, text = _a.text, referenceElement = _a.referenceElement, tooltipId = _a.tooltipId, _b = _a.mood, mood = _b === void 0 ? "default" : _b;
-    var _c = React.useState(null), popperElement = _c[0], setPopperElement = _c[1];
-    var _d = React.useState(null), arrowElement = _d[0], setArrowElement = _d[1];
-    var _e = reactPopper.usePopper(referenceElement, popperElement, {
-        modifiers: [
-            {
-                name: "arrow",
-                options: {
-                    element: arrowElement,
-                    // Ensures that the arrow doesn't go too far to the left or right
-                    // of the tooltip.
-                    padding: arrowWidth / 2 + 10,
-                },
-            },
-            {
-                name: "offset",
-                options: {
-                    offset: [0, arrowHeight + 6],
-                },
-            },
-            {
-                name: "preventOverflow",
-                options: {
-                    // Makes sure that the tooltip isn't flush up against the end of the
-                    // viewport
-                    padding: 8,
-                    altAxis: true,
-                    altBoundary: true,
-                    tetherOffset: 50,
-                },
-            },
-            {
-                name: "flip",
-                options: {
-                    padding: 8,
-                    altBoundary: true,
-                    fallbackPlacements: ["left", "top", "bottom", "right"],
-                },
-            },
-        ],
-        placement: position ? positionToPlacement.get(position) : undefined,
-    }), popperStyles = _e.styles, attributes = _e.attributes;
-    var _f = AppearanceAnim.useAnimation(), isVisible = _f.isVisible, isAnimIn = _f.isAnimIn, isAnimOut = _f.isAnimOut;
-    return isVisible || isAnimOut || isAnimIn ? (React__default.default.createElement("div", tslib.__assign({ ref: setPopperElement, className: Tooltip_module.tooltip, style: popperStyles.popper }, attributes.popper, { role: "tooltip", id: tooltipId }),
-        React__default.default.createElement("div", { className: classnames__default.default(Tooltip_module.tooltipContent, Tooltip_module[mood]) }, text),
-        React__default.default.createElement("div", { ref: setArrowElement, className: Tooltip_module.arrow, style: popperStyles.arrow },
-            React__default.default.createElement("div", { className: Tooltip_module.arrowInner },
-                React__default.default.createElement("div", { className: classnames__default.default(Tooltip_module.arrowMain, Tooltip_module[mood]) }),
-                React__default.default.createElement("div", { className: Tooltip_module.arrowShadow }))))) : null;
+  var position = _a.position,
+    text = _a.text,
+    referenceElement = _a.referenceElement,
+    tooltipId = _a.tooltipId,
+    _b = _a.mood,
+    mood = _b === void 0 ? "default" : _b;
+  var _c = React.useState(null),
+    popperElement = _c[0],
+    setPopperElement = _c[1];
+  var _d = React.useState(null),
+    arrowElement = _d[0],
+    setArrowElement = _d[1];
+  var _e = reactPopper.usePopper(referenceElement, popperElement, {
+      modifiers: [{
+        name: "arrow",
+        options: {
+          element: arrowElement,
+          // Ensures that the arrow doesn't go too far to the left or right
+          // of the tooltip.
+          padding: arrowWidth / 2 + 10
+        }
+      }, {
+        name: "offset",
+        options: {
+          offset: [0, arrowHeight + 6]
+        }
+      }, {
+        name: "preventOverflow",
+        options: {
+          // Makes sure that the tooltip isn't flush up against the end of the
+          // viewport
+          padding: 8,
+          altAxis: true,
+          altBoundary: true,
+          tetherOffset: 50
+        }
+      }, {
+        name: "flip",
+        options: {
+          padding: 8,
+          altBoundary: true,
+          fallbackPlacements: ["left", "top", "bottom", "right"]
+        }
+      }],
+      placement: position ? positionToPlacement.get(position) : undefined
+    }),
+    popperStyles = _e.styles,
+    attributes = _e.attributes;
+  var _f = AppearanceAnim.useAnimation(),
+    isVisible = _f.isVisible,
+    isAnimIn = _f.isAnimIn,
+    isAnimOut = _f.isAnimOut;
+  return isVisible || isAnimOut || isAnimIn ? React__default.default.createElement("div", tslib.__assign({
+    ref: setPopperElement,
+    className: Tooltip_module.tooltip,
+    style: popperStyles.popper
+  }, attributes.popper, {
+    role: "tooltip",
+    id: tooltipId
+  }), React__default.default.createElement("div", {
+    className: classnames__default.default(Tooltip_module.tooltipContent, Tooltip_module[mood])
+  }, text), React__default.default.createElement("div", {
+    ref: setArrowElement,
+    className: Tooltip_module.arrow,
+    style: popperStyles.arrow
+  }, React__default.default.createElement("div", {
+    className: Tooltip_module.arrowInner
+  }, React__default.default.createElement("div", {
+    className: classnames__default.default(Tooltip_module.arrowMain, Tooltip_module[mood])
+  }), React__default.default.createElement("div", {
+    className: Tooltip_module.arrowShadow
+  })))) : null;
 };
 var renderChildren = function (content, tooltipId, hasActiveTooltip) {
-    if (isSemanticElement.isSemanticElement(content)) {
-        return React.cloneElement(content, {
-            "aria-describedby": hasActiveTooltip ? tooltipId : undefined,
-        });
-    }
-    // We don't want to block them from this but just provide context for better a11y guidance
-    // eslint-disable-next-line no-console
-    console.warn("<Tooltip /> is not directly wrapping a semantic element, screen reader users will not be able to access the tooltip info. To ensure accessibility, Tooltip should be wrapping a semantic and focusable element directly.");
-    return content;
+  if (isSemanticElement.isSemanticElement(content)) {
+    return React.cloneElement(content, {
+      "aria-describedby": hasActiveTooltip ? tooltipId : undefined
+    });
+  }
+  // We don't want to block them from this but just provide context for better a11y guidance
+  // eslint-disable-next-line no-console
+  console.warn("<Tooltip /> is not directly wrapping a semantic element, screen reader users will not be able to access the tooltip info. To ensure accessibility, Tooltip should be wrapping a semantic and focusable element directly.");
+  return content;
 };
 var Tooltip = function (_a) {
-    var children = _a.children, text = _a.text, _b = _a.display, display = _b === void 0 ? "block" : _b, _c = _a.position, position = _c === void 0 ? "above" : _c, classNameOverride = _a.classNameOverride, portalSelector = _a.portalSelector, animationDuration = _a.animationDuration, _d = _a.isInitiallyVisible, isInitiallyVisible = _d === void 0 ? false : _d, _e = _a.mood, mood = _e === void 0 ? "default" : _e;
-    var _f = React.useState(isInitiallyVisible), isHover = _f[0], setIsHover = _f[1];
-    var _g = React.useState(false), isFocus = _g[0], setIsFocus = _g[1];
-    var _h = React.useState(null), referenceElement = _h[0], setReferenceElement = _h[1];
-    var tooltipId = React.useId();
-    var hasActiveTooltip = isHover || isFocus;
-    var tooltip = (React__default.default.createElement(TooltipContent, { text: text, position: position, referenceElement: referenceElement, tooltipId: tooltipId, mood: mood }));
-    var portalSelectorElementRef = React.useRef(null);
-    React.useEffect(function () {
-        portalSelectorElementRef.current = portalSelector
-            ? document.querySelector(portalSelector)
-            : null;
-    }, [portalSelector]);
-    React.useEffect(function () {
-        if (portalSelector && !portalSelectorElementRef.current) {
-            // eslint-disable-next-line no-console
-            console.warn("The portal could not be created using the selector: " + portalSelector);
-        }
-    }, [portalSelectorElementRef, portalSelector]);
-    var getDisplayClassName = function () {
-        switch (display) {
-            case "inline":
-                return Tooltip_module.displayInline;
-            case "block":
-                return Tooltip_module.displayBlock;
-            case "inline-block":
-                return Tooltip_module.displayInlineBlock;
-            case "flex":
-                return Tooltip_module.displayFlex;
-            case "inline-flex":
-                return Tooltip_module.displayInlineFlex;
-            default:
-                return undefined;
-        }
-    };
-    return (React__default.default.createElement(AppearanceAnim.AnimationProvider, { isVisible: hasActiveTooltip, animationDuration: animationDuration },
-        React__default.default.createElement(React__default.default.Fragment, null,
-            React__default.default.createElement("div", { ref: setReferenceElement, className: classnames__default.default(classNameOverride, getDisplayClassName()), onMouseEnter: function () { return setIsHover(true); }, onMouseLeave: function () { return setIsHover(false); }, onFocusCapture: function () { return setIsFocus(true); }, onBlurCapture: function () { return setIsFocus(false); } }, renderChildren(children, tooltipId, hasActiveTooltip)),
-            portalSelector && portalSelectorElementRef.current
-                ? ReactDOM__default.default.createPortal(tooltip, portalSelectorElementRef.current)
-                : tooltip)));
+  var children = _a.children,
+    text = _a.text,
+    _b = _a.display,
+    display = _b === void 0 ? "block" : _b,
+    _c = _a.position,
+    position = _c === void 0 ? "above" : _c,
+    classNameOverride = _a.classNameOverride,
+    portalSelector = _a.portalSelector,
+    animationDuration = _a.animationDuration,
+    _d = _a.isInitiallyVisible,
+    isInitiallyVisible = _d === void 0 ? false : _d,
+    _e = _a.mood,
+    mood = _e === void 0 ? "default" : _e;
+  var _f = React.useState(isInitiallyVisible),
+    isHover = _f[0],
+    setIsHover = _f[1];
+  var _g = React.useState(false),
+    isFocus = _g[0],
+    setIsFocus = _g[1];
+  var _h = React.useState(null),
+    referenceElement = _h[0],
+    setReferenceElement = _h[1];
+  var tooltipId = React.useId();
+  var hasActiveTooltip = isHover || isFocus;
+  var tooltip = React__default.default.createElement(TooltipContent, {
+    text: text,
+    position: position,
+    referenceElement: referenceElement,
+    tooltipId: tooltipId,
+    mood: mood
+  });
+  var portalSelectorElementRef = React.useRef(null);
+  React.useEffect(function () {
+    portalSelectorElementRef.current = portalSelector ? document.querySelector(portalSelector) : null;
+  }, [portalSelector]);
+  React.useEffect(function () {
+    if (portalSelector && !portalSelectorElementRef.current) {
+      // eslint-disable-next-line no-console
+      console.warn("The portal could not be created using the selector: " + portalSelector);
+    }
+  }, [portalSelectorElementRef, portalSelector]);
+  var getDisplayClassName = function () {
+    switch (display) {
+      case "inline":
+        return Tooltip_module.displayInline;
+      case "block":
+        return Tooltip_module.displayBlock;
+      case "inline-block":
+        return Tooltip_module.displayInlineBlock;
+      case "flex":
+        return Tooltip_module.displayFlex;
+      case "inline-flex":
+        return Tooltip_module.displayInlineFlex;
+      default:
+        return undefined;
+    }
+  };
+  return React__default.default.createElement(AppearanceAnim.AnimationProvider, {
+    isVisible: hasActiveTooltip,
+    animationDuration: animationDuration
+  }, React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement("div", {
+    ref: setReferenceElement,
+    className: classnames__default.default(classNameOverride, getDisplayClassName()),
+    onMouseEnter: function () {
+      return setIsHover(true);
+    },
+    onMouseLeave: function () {
+      return setIsHover(false);
+    },
+    onFocusCapture: function () {
+      return setIsFocus(true);
+    },
+    onBlurCapture: function () {
+      return setIsFocus(false);
+    }
+  }, renderChildren(children, tooltipId, hasActiveTooltip)), portalSelector && portalSelectorElementRef.current ? ReactDOM__default.default.createPortal(tooltip, portalSelectorElementRef.current) : tooltip));
 };
 Tooltip.displayName = "Tooltip";
-
 exports.Tooltip = Tooltip;

package/dist/cjs/Tooltip/Tooltip.module.scss.cjs

@@ -1,5 +1,21 @@
 'use strict';
 
-var styles = {"tooltip":"Tooltip-module_tooltip__NMZ65","tooltipContent":"Tooltip-module_tooltipContent__7vVkT","default":"Tooltip-module_default__lCIk7","informative":"Tooltip-module_informative__cgZuq","positive":"Tooltip-module_positive__xe7nM","cautionary":"Tooltip-module_cautionary__xoU2V","highlight":"Tooltip-module_highlight__bmY0r","arrow":"Tooltip-module_arrow__fL2PX","arrowInner":"Tooltip-module_arrowInner__knDLR","arrowMain":"Tooltip-module_arrowMain__KidE0","arrowShadow":"Tooltip-module_arrowShadow__Se33a","displayInline":"Tooltip-module_displayInline__HkfUK","displayBlock":"Tooltip-module_displayBlock__WswRy","displayInlineBlock":"Tooltip-module_displayInlineBlock__d6X3l","displayFlex":"Tooltip-module_displayFlex__DZdVc","displayInlineFlex":"Tooltip-module_displayInlineFlex__quEIM"};
-
+var styles = {
+  "tooltip": "Tooltip-module_tooltip__NMZ65",
+  "tooltipContent": "Tooltip-module_tooltipContent__7vVkT",
+  "default": "Tooltip-module_default__lCIk7",
+  "informative": "Tooltip-module_informative__cgZuq",
+  "positive": "Tooltip-module_positive__xe7nM",
+  "cautionary": "Tooltip-module_cautionary__xoU2V",
+  "highlight": "Tooltip-module_highlight__bmY0r",
+  "arrow": "Tooltip-module_arrow__fL2PX",
+  "arrowInner": "Tooltip-module_arrowInner__knDLR",
+  "arrowMain": "Tooltip-module_arrowMain__KidE0",
+  "arrowShadow": "Tooltip-module_arrowShadow__Se33a",
+  "displayInline": "Tooltip-module_displayInline__HkfUK",
+  "displayBlock": "Tooltip-module_displayBlock__WswRy",
+  "displayInlineBlock": "Tooltip-module_displayInlineBlock__d6X3l",
+  "displayFlex": "Tooltip-module_displayFlex__DZdVc",
+  "displayInlineFlex": "Tooltip-module_displayInlineFlex__quEIM"
+};
 module.exports = styles;

package/dist/cjs/Tooltip/subcomponents/AppearanceAnim.cjs

@@ -3,16 +3,17 @@
 var tslib = require('tslib');
 var React = require('react');
 var useDebounce = require('use-debounce');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 var React__default = /*#__PURE__*/_interopDefault(React);
-
 var ANIM_DURATION_MS = 400;
 var AnimationContext = React__default.default.createContext({
-    isVisible: false,
-    isAnimIn: false,
-    isAnimOut: false,
+  isVisible: false,
+  isAnimIn: false,
+  isAnimOut: false
 });
 /**
  * Simply applies a css animation to transition a component in and out.
@@ -20,47 +21,60 @@ var AnimationContext = React__default.default.createContext({
  * dom.
  */
 var AnimationProvider = function (_a) {
-    var isVisible = _a.isVisible, _b = _a.animationDuration, animationDuration = _b === void 0 ? ANIM_DURATION_MS : _b, otherProps = tslib.__rest(_a, ["isVisible", "animationDuration"]);
-    var _c = React.useState(false), isAnimIn = _c[0], setIsAnimIn = _c[1];
-    var _d = React.useState(false), isAnimOut = _d[0], setIsAnimOut = _d[1];
-    var _e = React.useState(false), prevIsOpen = _e[0], setPrevIsOpen = _e[1];
-    // Keeps the modal visible while the css animation is completing
-    var trackAnimOutCompleted = useDebounce.useDebouncedCallback(function () {
-        setIsAnimOut(false);
-    }, animationDuration, { leading: false });
-    // Allows us to flash the component in an "invisible" state, for one frame.
-    // Then set it to "visible". This allows us to make sure the css transition
-    // actually works.
-    var trackAnimInCompleted = useDebounce.useDebouncedCallback(function () {
-        setIsAnimIn(false);
-    }, 0, { leading: false });
-    if (isVisible !== prevIsOpen) {
-        setPrevIsOpen(isVisible);
-        if (!isVisible) {
-            trackAnimInCompleted.cancel();
-            setIsAnimOut(true);
-            trackAnimOutCompleted();
-        }
-        else {
-            trackAnimOutCompleted.cancel();
-            setIsAnimIn(true);
-            trackAnimInCompleted();
-        }
+  var isVisible = _a.isVisible,
+    _b = _a.animationDuration,
+    animationDuration = _b === void 0 ? ANIM_DURATION_MS : _b,
+    otherProps = tslib.__rest(_a, ["isVisible", "animationDuration"]);
+  var _c = React.useState(false),
+    isAnimIn = _c[0],
+    setIsAnimIn = _c[1];
+  var _d = React.useState(false),
+    isAnimOut = _d[0],
+    setIsAnimOut = _d[1];
+  var _e = React.useState(false),
+    prevIsOpen = _e[0],
+    setPrevIsOpen = _e[1];
+  // Keeps the modal visible while the css animation is completing
+  var trackAnimOutCompleted = useDebounce.useDebouncedCallback(function () {
+    setIsAnimOut(false);
+  }, animationDuration, {
+    leading: false
+  });
+  // Allows us to flash the component in an "invisible" state, for one frame.
+  // Then set it to "visible". This allows us to make sure the css transition
+  // actually works.
+  var trackAnimInCompleted = useDebounce.useDebouncedCallback(function () {
+    setIsAnimIn(false);
+  }, 0, {
+    leading: false
+  });
+  if (isVisible !== prevIsOpen) {
+    setPrevIsOpen(isVisible);
+    if (!isVisible) {
+      trackAnimInCompleted.cancel();
+      setIsAnimOut(true);
+      trackAnimOutCompleted();
+    } else {
+      trackAnimOutCompleted.cancel();
+      setIsAnimIn(true);
+      trackAnimInCompleted();
     }
-    return (React__default.default.createElement(AnimationContext.Provider, tslib.__assign({ value: {
-            isVisible: isVisible,
-            isAnimOut: isAnimOut,
-            isAnimIn: isAnimIn,
-        } }, otherProps)));
+  }
+  return React__default.default.createElement(AnimationContext.Provider, tslib.__assign({
+    value: {
+      isVisible: isVisible,
+      isAnimOut: isAnimOut,
+      isAnimIn: isAnimIn
+    }
+  }, otherProps));
 };
 var useAnimation = function () {
-    var context = React__default.default.useContext(AnimationContext);
-    if (!context) {
-        throw new Error("useAnimation must be used within a AnimationProvider");
-    }
-    return context;
+  var context = React__default.default.useContext(AnimationContext);
+  if (!context) {
+    throw new Error("useAnimation must be used within a AnimationProvider");
+  }
+  return context;
 };
-
 exports.AnimationContext = AnimationContext;
 exports.AnimationProvider = AnimationProvider;
 exports.useAnimation = useAnimation;

package/dist/cjs/Tooltip/utils/isSemanticElement.cjs

@@ -1,34 +1,35 @@
 'use strict';
 
 var React = require('react');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 var React__default = /*#__PURE__*/_interopDefault(React);
 
 // Noting that this is contingent on our displayName for our components -  this something we control
 var allowedDisplayNames = ["Button", "IconButton", "FilterButtonBase"];
 function extractDisplayName(type) {
-    return type.displayName || type.name || "Unknown";
+  return type.displayName || type.name || "Unknown";
 }
 /**
  *  Validates implicit or explicitly semantic roles required to make `aria-describedby` announce predictably with screen readers
  */
 var isSemanticElement = function (element) {
-    if (!React__default.default.isValidElement(element))
-        return false;
-    var props = element.props, type = element.type;
-    if ("role" in props) {
-        return props.role !== "presentation" && props.role !== "none";
-    }
-    if (typeof type !== "string") {
-        // As we are only checking whether this matches to our allowedDisplayNames
-        // type casting should be fine
-        var displayName = extractDisplayName(type);
-        return allowedDisplayNames.includes(displayName);
-    }
-    return !(type === "div" || type === "span");
+  if (!React__default.default.isValidElement(element)) return false;
+  var props = element.props,
+    type = element.type;
+  if ("role" in props) {
+    return props.role !== "presentation" && props.role !== "none";
+  }
+  if (typeof type !== "string") {
+    // As we are only checking whether this matches to our allowedDisplayNames
+    // type casting should be fine
+    var displayName = extractDisplayName(type);
+    return allowedDisplayNames.includes(displayName);
+  }
+  return !(type === "div" || type === "span");
 };
-
 exports.extractDisplayName = extractDisplayName;
 exports.isSemanticElement = isSemanticElement;

package/dist/cjs/VisuallyHidden/VisuallyHidden.cjs

@@ -4,16 +4,20 @@ var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
 var VisuallyHidden_module = require('./VisuallyHidden.module.scss.cjs');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 var React__default = /*#__PURE__*/_interopDefault(React);
 var classnames__default = /*#__PURE__*/_interopDefault(classnames);
-
 var VisuallyHidden = function (_a) {
-    var children = _a.children, classNameOverride = _a.classNameOverride, restProps = tslib.__rest(_a, ["children", "classNameOverride"]);
-    return (React__default.default.createElement("span", tslib.__assign({ className: classnames__default.default(VisuallyHidden_module.srOnly, classNameOverride) }, restProps), children));
+  var children = _a.children,
+    classNameOverride = _a.classNameOverride,
+    restProps = tslib.__rest(_a, ["children", "classNameOverride"]);
+  return React__default.default.createElement("span", tslib.__assign({
+    className: classnames__default.default(VisuallyHidden_module.srOnly, classNameOverride)
+  }, restProps), children);
 };
 VisuallyHidden.displayName = "VisuallyHidden";
-
 exports.VisuallyHidden = VisuallyHidden;

package/dist/cjs/VisuallyHidden/VisuallyHidden.module.scss.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
-var styles = {"srOnly":"VisuallyHidden-module_srOnly__tTjOK"};
-
+var styles = {
+  "srOnly": "VisuallyHidden-module_srOnly__tTjOK"
+};
 module.exports = styles;

package/dist/cjs/Well/Well.cjs

@@ -4,9 +4,11 @@ var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
 var Well_module = require('./Well.module.scss.cjs');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 var React__default = /*#__PURE__*/_interopDefault(React);
 var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 
@@ -15,9 +17,18 @@ var classnames__default = /*#__PURE__*/_interopDefault(classnames);
  * {@link https://cultureamp.design/?path=/docs/components-well--docs Storybook}
  */
 var Well = function (_a) {
-    var children = _a.children, _b = _a.variant, variant = _b === void 0 ? "default" : _b, _c = _a.borderStyle, borderStyle = _c === void 0 ? "solid" : _c, _d = _a.noMargin, noMargin = _d === void 0 ? false : _d, classNameOverride = _a.classNameOverride, restProps = tslib.__rest(_a, ["children", "variant", "borderStyle", "noMargin", "classNameOverride"]);
-    return (React__default.default.createElement("div", tslib.__assign({ className: classnames__default.default(Well_module.container, Well_module[borderStyle], Well_module[variant], noMargin && Well_module.noMargin, classNameOverride) }, restProps), children));
+  var children = _a.children,
+    _b = _a.variant,
+    variant = _b === void 0 ? "default" : _b,
+    _c = _a.borderStyle,
+    borderStyle = _c === void 0 ? "solid" : _c,
+    _d = _a.noMargin,
+    noMargin = _d === void 0 ? false : _d,
+    classNameOverride = _a.classNameOverride,
+    restProps = tslib.__rest(_a, ["children", "variant", "borderStyle", "noMargin", "classNameOverride"]);
+  return React__default.default.createElement("div", tslib.__assign({
+    className: classnames__default.default(Well_module.container, Well_module[borderStyle], Well_module[variant], noMargin && Well_module.noMargin, classNameOverride)
+  }, restProps), children);
 };
 Well.displayName = "Well";
-
 exports.Well = Well;

package/dist/cjs/Well/Well.module.scss.cjs

@@ -1,5 +1,17 @@
 'use strict';
 
-var styles = {"container":"Well-module_container__pi8-W","noMargin":"Well-module_noMargin__xBvM9","positive":"Well-module_positive__6ldUu","negative":"Well-module_negative__mVczy","informative":"Well-module_informative__81djJ","cautionary":"Well-module_cautionary__MSYHT","assertive":"Well-module_assertive__Kl5ql","prominent":"Well-module_prominent__wdpIQ","default":"Well-module_default__tSiHp","solid":"Well-module_solid__ianzm","dashed":"Well-module_dashed__csujS","none":"Well-module_none__rWwTB"};
-
+var styles = {
+  "container": "Well-module_container__pi8-W",
+  "noMargin": "Well-module_noMargin__xBvM9",
+  "positive": "Well-module_positive__6ldUu",
+  "negative": "Well-module_negative__mVczy",
+  "informative": "Well-module_informative__81djJ",
+  "cautionary": "Well-module_cautionary__MSYHT",
+  "assertive": "Well-module_assertive__Kl5ql",
+  "prominent": "Well-module_prominent__wdpIQ",
+  "default": "Well-module_default__tSiHp",
+  "solid": "Well-module_solid__ianzm",
+  "dashed": "Well-module_dashed__csujS",
+  "none": "Well-module_none__rWwTB"
+};
 module.exports = styles;