@kaizen/components 3.3.2 → 3.3.3

package/dist/esm/src/BrandMoment/BrandMoment.mjs

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import classnames from 'classnames';
 import { Button } from '../ButtonV1/Button/Button.mjs';
 import '../ButtonV1/IconButton/IconButton.mjs';
@@ -13,85 +13,82 @@ import modules_5e37dab3 from './BrandMoment.module.css.mjs';
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082061589/Brand+Moment Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-brand-moment--docs Storybook}
  */
-const BrandMoment = /*#__PURE__*/function () {
-  const BrandMoment = function (_a) {
-    var variant = _a.variant,
-      illustration = _a.illustration,
-      header = _a.header,
-      body = _a.body,
-      primaryAction = _a.primaryAction,
-      secondaryAction = _a.secondaryAction,
-      tag = _a.tag,
-      text = _a.text,
-      classNameOverride = _a.classNameOverride,
-      restProps = __rest(_a, ["variant", "illustration", "header", "body", "primaryAction", "secondaryAction", "tag", "text", "classNameOverride"]);
-    var queries = useMediaQueries().queries;
-    var Tag = tag !== null && tag !== void 0 ? tag : 'main';
-    return /*#__PURE__*/React.createElement("div", __assign({
-      className: classnames(modules_5e37dab3.body, modules_5e37dab3[variant], classNameOverride)
-    }, restProps), /*#__PURE__*/React.createElement("header", {
-      className: modules_5e37dab3.header
-    }, header), /*#__PURE__*/React.createElement(Tag, {
-      className: modules_5e37dab3.main
-    }, /*#__PURE__*/React.createElement("div", {
-      className: modules_5e37dab3.container
-    }, /*#__PURE__*/React.createElement("div", {
-      className: modules_5e37dab3.mainInner
-    }, /*#__PURE__*/React.createElement("div", {
-      className: modules_5e37dab3.left
-    }, /*#__PURE__*/React.createElement("div", {
-      className: modules_5e37dab3.leftInner
-    }, illustration)), /*#__PURE__*/React.createElement("div", {
-      className: modules_5e37dab3.right
-    }, /*#__PURE__*/React.createElement("div", {
-      className: modules_5e37dab3.rightInner
-    }, text.subtitle && (/*#__PURE__*/React.createElement(Heading, {
-      variant: "heading-3",
-      tag: "h1",
-      classNameOverride: modules_5e37dab3.subtitle
-    }, text.subtitle)), /*#__PURE__*/React.createElement(Heading, {
-      variant: "display-0",
-      tag: text.subtitle ? 'h2' : 'h1',
-      classNameOverride: modules_5e37dab3.title
-    }, text.title), text.body && (/*#__PURE__*/React.createElement(Text, {
-      variant: "intro-lede",
-      classNameOverride: modules_5e37dab3.textBody
-    }, text.body)), body && /*#__PURE__*/React.createElement("div", {
-      className: modules_5e37dab3.textBody
-    }, body), /*#__PURE__*/React.createElement("div", {
-      className: modules_5e37dab3.actions
-    }, primaryAction && (/*#__PURE__*/React.createElement(Button, __assign({
-      primary: true,
-      fullWidth: queries.isSmall
-    }, primaryAction))), secondaryAction && (/*#__PURE__*/React.createElement("div", {
-      className: modules_5e37dab3.secondaryAction
-    }, /*#__PURE__*/React.createElement(Button, __assign({
-      secondary: true,
-      fullWidth: queries.isSmall
-    }, secondaryAction)))))))))), text.footer && (/*#__PURE__*/React.createElement("footer", {
-      className: modules_5e37dab3.footer
-    }, /*#__PURE__*/React.createElement("div", {
-      className: modules_5e37dab3.container
-    }, /*#__PURE__*/React.createElement("div", {
-      className: modules_5e37dab3.footerInner
-    }, /*#__PURE__*/React.createElement("div", {
-      className: modules_5e37dab3.poweredByContainer
-    }, /*#__PURE__*/React.createElement(Text, {
-      variant: "extra-small",
-      color: "dark-reduced-opacity"
-    }, "Powered by"), /*#__PURE__*/React.createElement("a", {
-      href: "https://www.cultureamp.com",
-      className: modules_5e37dab3.poweredByLogo
-    }, /*#__PURE__*/React.createElement("img", {
-      src: assetUrl('brand/logo-horizontal-default.svg'),
-      alt: "Culture Amp"
-    }))), /*#__PURE__*/React.createElement("div", {
-      className: modules_5e37dab3.footerTextContainer
-    }, /*#__PURE__*/React.createElement(Text, {
-      variant: "extra-small"
-    }, text.footer)))))));
-  };
-  BrandMoment.displayName = 'BrandMoment';
-  return BrandMoment;
-}();
+var BrandMoment = function (_a) {
+  var variant = _a.variant,
+    illustration = _a.illustration,
+    header = _a.header,
+    body = _a.body,
+    primaryAction = _a.primaryAction,
+    secondaryAction = _a.secondaryAction,
+    tag = _a.tag,
+    text = _a.text,
+    classNameOverride = _a.classNameOverride,
+    restProps = __rest(_a, ["variant", "illustration", "header", "body", "primaryAction", "secondaryAction", "tag", "text", "classNameOverride"]);
+  var queries = useMediaQueries().queries;
+  var Tag = tag !== null && tag !== void 0 ? tag : 'main';
+  return /*#__PURE__*/React__default.createElement("div", __assign({
+    className: classnames(modules_5e37dab3.body, modules_5e37dab3[variant], classNameOverride)
+  }, restProps), /*#__PURE__*/React__default.createElement("header", {
+    className: modules_5e37dab3.header
+  }, header), /*#__PURE__*/React__default.createElement(Tag, {
+    className: modules_5e37dab3.main
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: modules_5e37dab3.container
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: modules_5e37dab3.mainInner
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: modules_5e37dab3.left
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: modules_5e37dab3.leftInner
+  }, illustration)), /*#__PURE__*/React__default.createElement("div", {
+    className: modules_5e37dab3.right
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: modules_5e37dab3.rightInner
+  }, text.subtitle && (/*#__PURE__*/React__default.createElement(Heading, {
+    variant: "heading-3",
+    tag: "h1",
+    classNameOverride: modules_5e37dab3.subtitle
+  }, text.subtitle)), /*#__PURE__*/React__default.createElement(Heading, {
+    variant: "display-0",
+    tag: text.subtitle ? 'h2' : 'h1',
+    classNameOverride: modules_5e37dab3.title
+  }, text.title), text.body && (/*#__PURE__*/React__default.createElement(Text, {
+    variant: "intro-lede",
+    classNameOverride: modules_5e37dab3.textBody
+  }, text.body)), body && /*#__PURE__*/React__default.createElement("div", {
+    className: modules_5e37dab3.textBody
+  }, body), /*#__PURE__*/React__default.createElement("div", {
+    className: modules_5e37dab3.actions
+  }, primaryAction && (/*#__PURE__*/React__default.createElement(Button, __assign({
+    primary: true,
+    fullWidth: queries.isSmall
+  }, primaryAction))), secondaryAction && (/*#__PURE__*/React__default.createElement("div", {
+    className: modules_5e37dab3.secondaryAction
+  }, /*#__PURE__*/React__default.createElement(Button, __assign({
+    secondary: true,
+    fullWidth: queries.isSmall
+  }, secondaryAction)))))))))), text.footer && (/*#__PURE__*/React__default.createElement("footer", {
+    className: modules_5e37dab3.footer
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: modules_5e37dab3.container
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: modules_5e37dab3.footerInner
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: modules_5e37dab3.poweredByContainer
+  }, /*#__PURE__*/React__default.createElement(Text, {
+    variant: "extra-small",
+    color: "dark-reduced-opacity"
+  }, "Powered by"), /*#__PURE__*/React__default.createElement("a", {
+    href: "https://www.cultureamp.com",
+    className: modules_5e37dab3.poweredByLogo
+  }, /*#__PURE__*/React__default.createElement("img", {
+    src: assetUrl('brand/logo-horizontal-default.svg'),
+    alt: "Culture Amp"
+  }))), /*#__PURE__*/React__default.createElement("div", {
+    className: modules_5e37dab3.footerTextContainer
+  }, /*#__PURE__*/React__default.createElement(Text, {
+    variant: "extra-small"
+  }, text.footer)))))));
+};
+BrandMoment.displayName = 'BrandMoment';
 export { BrandMoment };

package/dist/esm/src/Button/Button.mjs

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React, { forwardRef } from 'react';
+import React__default, { forwardRef } from 'react';
 import { Button as Button$1 } from 'react-aria-components';
 import 'use-debounce';
 import { useReversedColors } from '../utils/ReversedColors/ReversedColors.mjs';
@@ -7,54 +7,51 @@ import { mergeClassNames } from '../utils/mergeClassNames.mjs';
 import { PendingContent } from './subcomponents/PendingContent/PendingContent.mjs';
 import { ButtonContent } from './subcomponents/ButtonContent/ButtonContent.mjs';
 import modules_b0070f27 from './Button.module.css.mjs';
-const Button = /*#__PURE__*/function () {
-  const Button = /*#__PURE__*/forwardRef(function (_a, ref) {
-    var _b = _a.variant,
-      variant = _b === void 0 ? 'primary' : _b,
-      _c = _a.size,
-      size = _c === void 0 ? 'medium' : _c,
-      className = _a.className,
-      children = _a.children,
-      isDisabled = _a.isDisabled,
-      _d = _a.isFullWidth,
-      isFullWidth = _d === void 0 ? false : _d,
-      icon = _a.icon,
-      iconPosition = _a.iconPosition,
-      _e = _a.hasHiddenLabel,
-      hasHiddenLabel = _e === void 0 ? false : _e,
-      isPending = _a.isPending,
-      _f = _a.hasHiddenPendingLabel,
-      propsHasHiddenPendingLabel = _f === void 0 ? false : _f,
-      pendingLabel = _a.pendingLabel,
-      restProps = __rest(_a, ["variant", "size", "className", "children", "isDisabled", "isFullWidth", "icon", "iconPosition", "hasHiddenLabel", "isPending", "hasHiddenPendingLabel", "pendingLabel"]);
-    var isReversedVariant = useReversedColors();
-    var pendingProps = isPending ? {
-      isPending: isPending,
-      hasHiddenPendingLabel: hasHiddenLabel || propsHasHiddenPendingLabel,
-      pendingLabel: pendingLabel
-    } : {};
-    var buttonContentClass = isPending ? !hasHiddenLabel && propsHasHiddenPendingLabel ? modules_b0070f27.retainContentWidth : modules_b0070f27.hideContentWidth : undefined;
-    return /*#__PURE__*/React.createElement(Button$1, __assign({
-      ref: ref,
-      className: mergeClassNames(modules_b0070f27.button, modules_b0070f27[size], hasHiddenLabel && modules_b0070f27["".concat(size, "IconButton")], isDisabled && modules_b0070f27.isDisabled, isReversedVariant ? modules_b0070f27["".concat(variant, "Reversed")] : modules_b0070f27[variant], isFullWidth && modules_b0070f27.fullWidth, className),
-      isDisabled: isDisabled,
-      isPending: isPending
-    }, restProps), function (racStateProps) {
-      var childIsFunction = typeof children === 'function';
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ButtonContent, {
-        size: size,
-        icon: icon,
-        iconPosition: iconPosition,
-        hasHiddenLabel: hasHiddenLabel,
-        className: buttonContentClass
-      }, childIsFunction ? children(racStateProps) : children), /*#__PURE__*/React.createElement("span", {
-        "aria-live": "polite"
-      }, pendingProps.isPending && /*#__PURE__*/React.createElement(PendingContent, __assign({}, pendingProps, {
-        size: size
-      }))));
-    });
+var Button = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var _b = _a.variant,
+    variant = _b === void 0 ? 'primary' : _b,
+    _c = _a.size,
+    size = _c === void 0 ? 'medium' : _c,
+    className = _a.className,
+    children = _a.children,
+    isDisabled = _a.isDisabled,
+    _d = _a.isFullWidth,
+    isFullWidth = _d === void 0 ? false : _d,
+    icon = _a.icon,
+    iconPosition = _a.iconPosition,
+    _e = _a.hasHiddenLabel,
+    hasHiddenLabel = _e === void 0 ? false : _e,
+    isPending = _a.isPending,
+    _f = _a.hasHiddenPendingLabel,
+    propsHasHiddenPendingLabel = _f === void 0 ? false : _f,
+    pendingLabel = _a.pendingLabel,
+    restProps = __rest(_a, ["variant", "size", "className", "children", "isDisabled", "isFullWidth", "icon", "iconPosition", "hasHiddenLabel", "isPending", "hasHiddenPendingLabel", "pendingLabel"]);
+  var isReversedVariant = useReversedColors();
+  var pendingProps = isPending ? {
+    isPending: isPending,
+    hasHiddenPendingLabel: hasHiddenLabel || propsHasHiddenPendingLabel,
+    pendingLabel: pendingLabel
+  } : {};
+  var buttonContentClass = isPending ? !hasHiddenLabel && propsHasHiddenPendingLabel ? modules_b0070f27.retainContentWidth : modules_b0070f27.hideContentWidth : undefined;
+  return /*#__PURE__*/React__default.createElement(Button$1, __assign({
+    ref: ref,
+    className: mergeClassNames(modules_b0070f27.button, modules_b0070f27[size], hasHiddenLabel && modules_b0070f27["".concat(size, "IconButton")], isDisabled && modules_b0070f27.isDisabled, isReversedVariant ? modules_b0070f27["".concat(variant, "Reversed")] : modules_b0070f27[variant], isFullWidth && modules_b0070f27.fullWidth, className),
+    isDisabled: isDisabled,
+    isPending: isPending
+  }, restProps), function (racStateProps) {
+    var childIsFunction = typeof children === 'function';
+    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ButtonContent, {
+      size: size,
+      icon: icon,
+      iconPosition: iconPosition,
+      hasHiddenLabel: hasHiddenLabel,
+      className: buttonContentClass
+    }, childIsFunction ? children(racStateProps) : children), /*#__PURE__*/React__default.createElement("span", {
+      "aria-live": "polite"
+    }, pendingProps.isPending && /*#__PURE__*/React__default.createElement(PendingContent, __assign({}, pendingProps, {
+      size: size
+    }))));
   });
-  Button.displayName = 'Button';
-  return Button;
-}();
+});
+Button.displayName = 'Button';
 export { Button };

package/dist/esm/src/Button/subcomponents/ButtonContent/ButtonContent.mjs

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import classnames from 'classnames';
 import { VisuallyHidden } from '../../../VisuallyHidden/VisuallyHidden.mjs';
 import modules_7676550c from './ButtonContent.module.css.mjs';
@@ -15,13 +15,13 @@ var ButtonContent = function (_a) {
     iconPosition = _c === void 0 ? 'start' : _c,
     className = _a.className,
     restProps = __rest(_a, ["children", "hasHiddenLabel", "size", "icon", "iconPosition", "className"]);
-  return /*#__PURE__*/React.createElement("span", __assign({
+  return /*#__PURE__*/React__default.createElement("span", __assign({
     className: classnames(className, modules_7676550c.buttonContent, modules_7676550c[size])
-  }, restProps), icon && iconPosition === 'start' && /*#__PURE__*/React.createElement("span", {
+  }, restProps), icon && iconPosition === 'start' && /*#__PURE__*/React__default.createElement("span", {
     className: modules_7676550c.buttonIcon
-  }, icon), hasHiddenLabel ? (/*#__PURE__*/React.createElement(VisuallyHidden, null, children)) : (/*#__PURE__*/React.createElement("span", {
+  }, icon), hasHiddenLabel ? (/*#__PURE__*/React__default.createElement(VisuallyHidden, null, children)) : (/*#__PURE__*/React__default.createElement("span", {
     className: modules_7676550c.buttonLabel
-  }, children)), icon && iconPosition === 'end' && /*#__PURE__*/React.createElement("span", {
+  }, children)), icon && iconPosition === 'end' && /*#__PURE__*/React__default.createElement("span", {
     className: modules_7676550c.buttonIcon
   }, icon));
 };

package/dist/esm/src/Button/subcomponents/PendingContent/PendingContent.mjs

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import classnames from 'classnames';
 import '../../../Loading/LoadingGraphic/LoadingGraphic.mjs';
 import '../../../Loading/LoadingHeading/LoadingHeading.mjs';
@@ -15,9 +15,9 @@ var PendingContent = function (_a) {
     hasHiddenPendingLabel = _b === void 0 ? false : _b,
     _c = _a.size,
     size = _c === void 0 ? 'medium' : _c;
-  return /*#__PURE__*/React.createElement("span", {
+  return /*#__PURE__*/React__default.createElement("span", {
     className: classnames(modules_2d42c581.pendingContent, modules_2d42c581[size])
-  }, hasHiddenPendingLabel ? (/*#__PURE__*/React.createElement(VisuallyHidden, null, pendingLabel)) : (/*#__PURE__*/React.createElement("span", null, pendingLabel)), /*#__PURE__*/React.createElement(LoadingSpinner, {
+  }, hasHiddenPendingLabel ? (/*#__PURE__*/React__default.createElement(VisuallyHidden, null, pendingLabel)) : (/*#__PURE__*/React__default.createElement("span", null, pendingLabel)), /*#__PURE__*/React__default.createElement(LoadingSpinner, {
     size: size === 'small' ? 'xs' : 'sm',
     accessibilityLabel: "",
     classNameOverride: hasHiddenPendingLabel ? modules_2d42c581.centerSpinner : undefined

package/dist/esm/src/ButtonGroup/ButtonGroup.mjs

@@ -1,42 +1,39 @@
 import { __rest, __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import classnames from 'classnames';
 import { FilterButtonBase } from '../Filter/FilterButton/subcomponents/FilterButtonBase/FilterButtonBase.mjs';
 import { Tooltip } from '../TooltipV1/Tooltip.mjs';
 import modules_df569e12 from './ButtonGroup.module.css.mjs';
 var isFilterButton = function (node) {
-  return /*#__PURE__*/React.isValidElement(node) && node.type === FilterButtonBase;
+  return /*#__PURE__*/React__default.isValidElement(node) && node.type === FilterButtonBase;
 };
-const ButtonGroup = /*#__PURE__*/function () {
-  const ButtonGroup = function (_a) {
-    var children = _a.children,
-      classNameOverride = _a.classNameOverride,
-      restProps = __rest(_a, ["children", "classNameOverride"]);
-    var childCount = React.Children.count(children);
-    var containerProps = __assign({
-      role: 'group',
-      className: classnames(modules_df569e12.buttonGroup, classNameOverride)
-    }, restProps);
-    if (childCount === 1) return /*#__PURE__*/React.createElement("div", __assign({}, containerProps), children);
-    return /*#__PURE__*/React.createElement("div", __assign({}, containerProps), React.Children.map(children, function (child, index) {
-      var buttonClassNames = classnames(modules_df569e12.child, index === 0 && modules_df569e12.firstChild, index === childCount - 1 && modules_df569e12.lastChild, child.props.classNameOverride);
-      if (child.type === Tooltip) {
-        var button = child.props.children;
-        if (isFilterButton(button)) {
-          return /*#__PURE__*/React.cloneElement(child, {
-            children: /*#__PURE__*/React.cloneElement(button, {
-              classNameOverride: classnames(button.props.classNameOverride, buttonClassNames)
-            })
-          });
-        }
-        return child;
+var ButtonGroup = function (_a) {
+  var children = _a.children,
+    classNameOverride = _a.classNameOverride,
+    restProps = __rest(_a, ["children", "classNameOverride"]);
+  var childCount = React__default.Children.count(children);
+  var containerProps = __assign({
+    role: 'group',
+    className: classnames(modules_df569e12.buttonGroup, classNameOverride)
+  }, restProps);
+  if (childCount === 1) return /*#__PURE__*/React__default.createElement("div", __assign({}, containerProps), children);
+  return /*#__PURE__*/React__default.createElement("div", __assign({}, containerProps), React__default.Children.map(children, function (child, index) {
+    var buttonClassNames = classnames(modules_df569e12.child, index === 0 && modules_df569e12.firstChild, index === childCount - 1 && modules_df569e12.lastChild, child.props.classNameOverride);
+    if (child.type === Tooltip) {
+      var button = child.props.children;
+      if (isFilterButton(button)) {
+        return /*#__PURE__*/React__default.cloneElement(child, {
+          children: /*#__PURE__*/React__default.cloneElement(button, {
+            classNameOverride: classnames(button.props.classNameOverride, buttonClassNames)
+          })
+        });
       }
-      return /*#__PURE__*/React.cloneElement(child, {
-        classNameOverride: buttonClassNames
-      });
-    }));
-  };
-  ButtonGroup.displayName = 'ButtonGroup';
-  return ButtonGroup;
-}();
+      return child;
+    }
+    return /*#__PURE__*/React__default.cloneElement(child, {
+      classNameOverride: buttonClassNames
+    });
+  }));
+};
+ButtonGroup.displayName = 'ButtonGroup';
 export { ButtonGroup };

package/dist/esm/src/ButtonV1/Button/Button.mjs

@@ -1,5 +1,5 @@
 import { __assign } from 'tslib';
-import React, { forwardRef } from 'react';
+import React__default, { forwardRef } from 'react';
 import { GenericButton } from '../GenericButton/GenericButton.mjs';
 
 /**
@@ -11,14 +11,11 @@ import { GenericButton } from '../GenericButton/GenericButton.mjs';
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3062890984/Button Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-buttons-button--docs Storybook}
  */
-const Button = /*#__PURE__*/function () {
-  const Button = /*#__PURE__*/forwardRef(function (props, ref) {
-    return /*#__PURE__*/React.createElement(GenericButton, __assign({
-      iconPosition: "start",
-      ref: ref
-    }, props));
-  });
-  Button.displayName = 'Button';
-  return Button;
-}();
+var Button = /*#__PURE__*/forwardRef(function (props, ref) {
+  return /*#__PURE__*/React__default.createElement(GenericButton, __assign({
+    iconPosition: "start",
+    ref: ref
+  }, props));
+});
+Button.displayName = 'Button';
 export { Button };