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

package/dist/esm/Tooltip/Tooltip.mjs

@@ -6,121 +6,175 @@ import { usePopper } from 'react-popper';
 import { AnimationProvider, useAnimation } from './subcomponents/AppearanceAnim.mjs';
 import { isSemanticElement } from './utils/isSemanticElement.mjs';
 import styles from './Tooltip.module.scss.mjs';
-
-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 = useState(null), popperElement = _c[0], setPopperElement = _c[1];
-    var _d = useState(null), arrowElement = _d[0], setArrowElement = _d[1];
-    var _e = 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 = useAnimation(), isVisible = _f.isVisible, isAnimIn = _f.isAnimIn, isAnimOut = _f.isAnimOut;
-    return isVisible || isAnimOut || isAnimIn ? (React.createElement("div", __assign({ ref: setPopperElement, className: styles.tooltip, style: popperStyles.popper }, attributes.popper, { role: "tooltip", id: tooltipId }),
-        React.createElement("div", { className: classnames(styles.tooltipContent, styles[mood]) }, text),
-        React.createElement("div", { ref: setArrowElement, className: styles.arrow, style: popperStyles.arrow },
-            React.createElement("div", { className: styles.arrowInner },
-                React.createElement("div", { className: classnames(styles.arrowMain, styles[mood]) }),
-                React.createElement("div", { className: styles.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 = useState(null),
+    popperElement = _c[0],
+    setPopperElement = _c[1];
+  var _d = useState(null),
+    arrowElement = _d[0],
+    setArrowElement = _d[1];
+  var _e = 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 = useAnimation(),
+    isVisible = _f.isVisible,
+    isAnimIn = _f.isAnimIn,
+    isAnimOut = _f.isAnimOut;
+  return isVisible || isAnimOut || isAnimIn ? ( /*#__PURE__*/React.createElement("div", __assign({
+    ref: setPopperElement,
+    className: styles.tooltip,
+    style: popperStyles.popper
+  }, attributes.popper, {
+    role: "tooltip",
+    id: tooltipId
+  }), /*#__PURE__*/React.createElement("div", {
+    className: classnames(styles.tooltipContent, styles[mood])
+  }, text), /*#__PURE__*/React.createElement("div", {
+    ref: setArrowElement,
+    className: styles.arrow,
+    style: popperStyles.arrow
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.arrowInner
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classnames(styles.arrowMain, styles[mood])
+  }), /*#__PURE__*/React.createElement("div", {
+    className: styles.arrowShadow
+  }))))) : null;
 };
 var renderChildren = function (content, tooltipId, hasActiveTooltip) {
-    if (isSemanticElement(content)) {
-        return 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(content)) {
+    return /*#__PURE__*/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 = useState(isInitiallyVisible), isHover = _f[0], setIsHover = _f[1];
-    var _g = useState(false), isFocus = _g[0], setIsFocus = _g[1];
-    var _h = useState(null), referenceElement = _h[0], setReferenceElement = _h[1];
+const Tooltip = /*#__PURE__*/function () {
+  const 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 = useState(isInitiallyVisible),
+      isHover = _f[0],
+      setIsHover = _f[1];
+    var _g = useState(false),
+      isFocus = _g[0],
+      setIsFocus = _g[1];
+    var _h = useState(null),
+      referenceElement = _h[0],
+      setReferenceElement = _h[1];
     var tooltipId = useId();
     var hasActiveTooltip = isHover || isFocus;
-    var tooltip = (React.createElement(TooltipContent, { text: text, position: position, referenceElement: referenceElement, tooltipId: tooltipId, mood: mood }));
+    var tooltip = /*#__PURE__*/React.createElement(TooltipContent, {
+      text: text,
+      position: position,
+      referenceElement: referenceElement,
+      tooltipId: tooltipId,
+      mood: mood
+    });
     var portalSelectorElementRef = useRef(null);
     useEffect(function () {
-        portalSelectorElementRef.current = portalSelector
-            ? document.querySelector(portalSelector)
-            : null;
+      portalSelectorElementRef.current = portalSelector ? document.querySelector(portalSelector) : null;
     }, [portalSelector]);
     useEffect(function () {
-        if (portalSelector && !portalSelectorElementRef.current) {
-            // eslint-disable-next-line no-console
-            console.warn("The portal could not be created using the selector: " + portalSelector);
-        }
+      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 styles.displayInline;
-            case "block":
-                return styles.displayBlock;
-            case "inline-block":
-                return styles.displayInlineBlock;
-            case "flex":
-                return styles.displayFlex;
-            case "inline-flex":
-                return styles.displayInlineFlex;
-            default:
-                return undefined;
-        }
+      switch (display) {
+        case "inline":
+          return styles.displayInline;
+        case "block":
+          return styles.displayBlock;
+        case "inline-block":
+          return styles.displayInlineBlock;
+        case "flex":
+          return styles.displayFlex;
+        case "inline-flex":
+          return styles.displayInlineFlex;
+        default:
+          return undefined;
+      }
     };
-    return (React.createElement(AnimationProvider, { isVisible: hasActiveTooltip, animationDuration: animationDuration },
-        React.createElement(React.Fragment, null,
-            React.createElement("div", { ref: setReferenceElement, className: classnames(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.createPortal(tooltip, portalSelectorElementRef.current)
-                : tooltip)));
-};
-Tooltip.displayName = "Tooltip";
-
+    return /*#__PURE__*/React.createElement(AnimationProvider, {
+      isVisible: hasActiveTooltip,
+      animationDuration: animationDuration
+    }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+      ref: setReferenceElement,
+      className: classnames(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 ? /*#__PURE__*/ReactDOM.createPortal(tooltip, portalSelectorElementRef.current) : tooltip));
+  };
+  Tooltip.displayName = "Tooltip";
+  return Tooltip;
+}();
 export { Tooltip };

package/dist/esm/Tooltip/Tooltip.module.scss.mjs

@@ -1,3 +1,19 @@
-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"
+};
 export { styles as default };

package/dist/esm/Tooltip/subcomponents/AppearanceAnim.mjs

@@ -1,12 +1,11 @@
 import { __rest, __assign } from 'tslib';
 import React, { useState } from 'react';
 import { useDebouncedCallback } from 'use-debounce';
-
 var ANIM_DURATION_MS = 400;
-var AnimationContext = React.createContext({
-    isVisible: false,
-    isAnimIn: false,
-    isAnimOut: false,
+var AnimationContext = /*#__PURE__*/React.createContext({
+  isVisible: false,
+  isAnimIn: false,
+  isAnimOut: false
 });
 /**
  * Simply applies a css animation to transition a component in and out.
@@ -14,45 +13,58 @@ var AnimationContext = React.createContext({
  * dom.
  */
 var AnimationProvider = function (_a) {
-    var isVisible = _a.isVisible, _b = _a.animationDuration, animationDuration = _b === void 0 ? ANIM_DURATION_MS : _b, otherProps = __rest(_a, ["isVisible", "animationDuration"]);
-    var _c = useState(false), isAnimIn = _c[0], setIsAnimIn = _c[1];
-    var _d = useState(false), isAnimOut = _d[0], setIsAnimOut = _d[1];
-    var _e = useState(false), prevIsOpen = _e[0], setPrevIsOpen = _e[1];
-    // Keeps the modal visible while the css animation is completing
-    var trackAnimOutCompleted = 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 = 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 = __rest(_a, ["isVisible", "animationDuration"]);
+  var _c = useState(false),
+    isAnimIn = _c[0],
+    setIsAnimIn = _c[1];
+  var _d = useState(false),
+    isAnimOut = _d[0],
+    setIsAnimOut = _d[1];
+  var _e = useState(false),
+    prevIsOpen = _e[0],
+    setPrevIsOpen = _e[1];
+  // Keeps the modal visible while the css animation is completing
+  var trackAnimOutCompleted = 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 = 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.createElement(AnimationContext.Provider, __assign({ value: {
-            isVisible: isVisible,
-            isAnimOut: isAnimOut,
-            isAnimIn: isAnimIn,
-        } }, otherProps)));
+  }
+  return /*#__PURE__*/React.createElement(AnimationContext.Provider, __assign({
+    value: {
+      isVisible: isVisible,
+      isAnimOut: isAnimOut,
+      isAnimIn: isAnimIn
+    }
+  }, otherProps));
 };
 var useAnimation = function () {
-    var context = React.useContext(AnimationContext);
-    if (!context) {
-        throw new Error("useAnimation must be used within a AnimationProvider");
-    }
-    return context;
+  var context = React.useContext(AnimationContext);
+  if (!context) {
+    throw new Error("useAnimation must be used within a AnimationProvider");
+  }
+  return context;
 };
-
 export { AnimationContext, AnimationProvider, useAnimation };

package/dist/esm/Tooltip/utils/isSemanticElement.mjs

@@ -3,25 +3,24 @@ import React from '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.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 (! /*#__PURE__*/React.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");
 };
-
 export { extractDisplayName, isSemanticElement };

package/dist/esm/VisuallyHidden/VisuallyHidden.mjs

@@ -2,11 +2,16 @@ import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
 import styles from './VisuallyHidden.module.scss.mjs';
-
-var VisuallyHidden = function (_a) {
-    var children = _a.children, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["children", "classNameOverride"]);
-    return (React.createElement("span", __assign({ className: classnames(styles.srOnly, classNameOverride) }, restProps), children));
-};
-VisuallyHidden.displayName = "VisuallyHidden";
-
+const VisuallyHidden = /*#__PURE__*/function () {
+  const VisuallyHidden = function (_a) {
+    var children = _a.children,
+      classNameOverride = _a.classNameOverride,
+      restProps = __rest(_a, ["children", "classNameOverride"]);
+    return /*#__PURE__*/React.createElement("span", __assign({
+      className: classnames(styles.srOnly, classNameOverride)
+    }, restProps), children);
+  };
+  VisuallyHidden.displayName = "VisuallyHidden";
+  return VisuallyHidden;
+}();
 export { VisuallyHidden };

package/dist/esm/VisuallyHidden/VisuallyHidden.module.scss.mjs

@@ -1,3 +1,4 @@
-var styles = {"srOnly":"VisuallyHidden-module_srOnly__tTjOK"};
-
+var styles = {
+  "srOnly": "VisuallyHidden-module_srOnly__tTjOK"
+};
 export { styles as default };

package/dist/esm/Well/Well.mjs

@@ -7,10 +7,22 @@ import styles from './Well.module.scss.mjs';
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3075604733/Well Guidance} |
  * {@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 = __rest(_a, ["children", "variant", "borderStyle", "noMargin", "classNameOverride"]);
-    return (React.createElement("div", __assign({ className: classnames(styles.container, styles[borderStyle], styles[variant], noMargin && styles.noMargin, classNameOverride) }, restProps), children));
-};
-Well.displayName = "Well";
-
+const Well = /*#__PURE__*/function () {
+  const 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 = __rest(_a, ["children", "variant", "borderStyle", "noMargin", "classNameOverride"]);
+    return /*#__PURE__*/React.createElement("div", __assign({
+      className: classnames(styles.container, styles[borderStyle], styles[variant], noMargin && styles.noMargin, classNameOverride)
+    }, restProps), children);
+  };
+  Well.displayName = "Well";
+  return Well;
+}();
 export { Well };

package/dist/esm/Well/Well.module.scss.mjs

@@ -1,3 +1,15 @@
-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"
+};
 export { styles as default };

package/dist/esm/Workflow/Workflow.mjs

@@ -15,17 +15,39 @@ import { Wrapper } from './subcomponents/Wrapper/Wrapper.mjs';
 /**
  * @deprecated Use { Workflow } from `@kaizen/components/future`
  */
-var Workflow = function (_a) {
-    var stepName = _a.stepName, steps = _a.steps, isComplete = _a.isComplete, workflowName = _a.workflowName, status = _a.status, headerActions = _a.headerActions, children = _a.children, nextAction = _a.nextAction, previousAction = _a.previousAction, classNameOverride = _a.classNameOverride, restProps = __rest(_a, ["stepName", "steps", "isComplete", "workflowName", "status", "headerActions", "children", "nextAction", "previousAction", "classNameOverride"]);
-    return (React.createElement(Workflow.Wrapper, __assign({ classNameOverride: classNameOverride }, restProps),
-        React.createElement(Workflow.Header, { workflowName: workflowName, stepName: stepName, status: status, headerActions: headerActions }),
-        React.createElement(Workflow.Main, null, children),
-        React.createElement(Workflow.Footer, { stepName: stepName, steps: steps, isComplete: isComplete, nextAction: nextAction, previousAction: previousAction })));
-};
-Workflow.Header = Header;
-Workflow.Footer = Footer;
-Workflow.Main = Main;
-Workflow.ProgressStepper = ProgressStepper;
-Workflow.Wrapper = Wrapper;
-
+const Workflow = /*#__PURE__*/function () {
+  const Workflow = function (_a) {
+    var stepName = _a.stepName,
+      steps = _a.steps,
+      isComplete = _a.isComplete,
+      workflowName = _a.workflowName,
+      status = _a.status,
+      headerActions = _a.headerActions,
+      children = _a.children,
+      nextAction = _a.nextAction,
+      previousAction = _a.previousAction,
+      classNameOverride = _a.classNameOverride,
+      restProps = __rest(_a, ["stepName", "steps", "isComplete", "workflowName", "status", "headerActions", "children", "nextAction", "previousAction", "classNameOverride"]);
+    return /*#__PURE__*/React.createElement(Workflow.Wrapper, __assign({
+      classNameOverride: classNameOverride
+    }, restProps), /*#__PURE__*/React.createElement(Workflow.Header, {
+      workflowName: workflowName,
+      stepName: stepName,
+      status: status,
+      headerActions: headerActions
+    }), /*#__PURE__*/React.createElement(Workflow.Main, null, children), /*#__PURE__*/React.createElement(Workflow.Footer, {
+      stepName: stepName,
+      steps: steps,
+      isComplete: isComplete,
+      nextAction: nextAction,
+      previousAction: previousAction
+    }));
+  };
+  Workflow.Header = Header;
+  Workflow.Footer = Footer;
+  Workflow.Main = Main;
+  Workflow.ProgressStepper = ProgressStepper;
+  Workflow.Wrapper = Wrapper;
+  return Workflow;
+}();
 export { Workflow };

package/dist/esm/Workflow/subcomponents/Footer/Footer.mjs

@@ -3,14 +3,27 @@ import React from 'react';
 import { FooterRoot } from './components/Root/Root.mjs';
 import { ProgressStepper } from './components/ProgressStepper/ProgressStepper.mjs';
 import { FooterAction } from './components/FooterActions/FooterActions.mjs';
-
-var Footer = function (_a) {
-    var steps = _a.steps, stepName = _a.stepName, isComplete = _a.isComplete, previousAction = _a.previousAction, nextAction = _a.nextAction, restProps = __rest(_a, ["steps", "stepName", "isComplete", "previousAction", "nextAction"]);
-    return (React.createElement(FooterRoot, __assign({}, restProps),
-        React.createElement(FooterAction, { action: previousAction, actionType: "Previous" }),
-        React.createElement(ProgressStepper, { steps: steps, stepName: stepName, isComplete: isComplete }),
-        React.createElement(FooterAction, { action: nextAction, actionType: "Next" })));
-};
-Footer.displayName = "Workflow.Footer";
-
+const Footer = /*#__PURE__*/function () {
+  const Footer = function (_a) {
+    var steps = _a.steps,
+      stepName = _a.stepName,
+      isComplete = _a.isComplete,
+      previousAction = _a.previousAction,
+      nextAction = _a.nextAction,
+      restProps = __rest(_a, ["steps", "stepName", "isComplete", "previousAction", "nextAction"]);
+    return /*#__PURE__*/React.createElement(FooterRoot, __assign({}, restProps), /*#__PURE__*/React.createElement(FooterAction, {
+      action: previousAction,
+      actionType: "Previous"
+    }), /*#__PURE__*/React.createElement(ProgressStepper, {
+      steps: steps,
+      stepName: stepName,
+      isComplete: isComplete
+    }), /*#__PURE__*/React.createElement(FooterAction, {
+      action: nextAction,
+      actionType: "Next"
+    }));
+  };
+  Footer.displayName = "Workflow.Footer";
+  return Footer;
+}();
 export { Footer };