@kaizen/components 3.3.1 → 3.3.3

package/dist/esm/src/Calendar/LegacyCalendarRange/LegacyCalendarRange.mjs

@@ -1,5 +1,5 @@
 import { __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import { DayPicker } from 'react-day-picker';
 import { Icon } from '../../Icon/Icon.mjs';
 import { baseCalendarClassNames } from '../baseCalendarClassNames.mjs';
@@ -8,59 +8,56 @@ import 'date-fns';
 import { isInvalidDate } from '../utils/isInvalidDate.mjs';
 import { isValidWeekStartsOn } from '../utils/isValidWeekStartsOn.mjs';
 import modules_ef6acefe from './LegacyCalendarRange.module.scss.mjs';
-const LegacyCalendarRange = /*#__PURE__*/function () {
-  const LegacyCalendarRange = function (_a) {
-    var _b;
-    var classNameOverride = _a.classNameOverride,
-      defaultMonth = _a.defaultMonth,
-      _c = _a.weekStartsOn,
-      weekStartsOn = _c === void 0 ? DayOfWeek.Mon : _c,
-      disabledDays = _a.disabledDays,
-      selectedRange = _a.selectedRange,
-      locale = _a.locale,
-      onDayChange = _a.onDayChange;
-    var monthToShow = (_b = selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from) !== null && _b !== void 0 ? _b : defaultMonth;
-    var selectedMonth = monthToShow && isInvalidDate(monthToShow) ? undefined : monthToShow;
-    /* eslint-disable camelcase */
-    var classNames = __assign(__assign({}, baseCalendarClassNames), {
-      nav: modules_ef6acefe.nav,
-      range_start: modules_ef6acefe.dayRangeStart,
-      range_end: modules_ef6acefe.dayRangeEnd,
-      range_middle: modules_ef6acefe.dayRangeMiddle
-    });
-    /* eslint-enable camelcase */
-    return /*#__PURE__*/React.createElement("div", {
-      className: classNameOverride
-    }, /*#__PURE__*/React.createElement(DayPicker, {
-      mode: "range",
-      selected: selectedRange,
-      defaultMonth: selectedMonth,
-      weekStartsOn: isValidWeekStartsOn(weekStartsOn) ? weekStartsOn : undefined,
-      disabled: disabledDays,
-      onDayClick: onDayChange,
-      classNames: classNames,
-      components: {
-        Chevron: function (props) {
-          if (props.orientation === 'left') {
-            return /*#__PURE__*/React.createElement(Icon, {
-              name: "arrow_back",
-              isPresentational: true,
-              shouldMirrorInRTL: true,
-              className: modules_ef6acefe.chevronIcon
-            });
-          }
-          return /*#__PURE__*/React.createElement(Icon, {
-            name: "arrow_forward",
+var LegacyCalendarRange = function (_a) {
+  var _b;
+  var classNameOverride = _a.classNameOverride,
+    defaultMonth = _a.defaultMonth,
+    _c = _a.weekStartsOn,
+    weekStartsOn = _c === void 0 ? DayOfWeek.Mon : _c,
+    disabledDays = _a.disabledDays,
+    selectedRange = _a.selectedRange,
+    locale = _a.locale,
+    onDayChange = _a.onDayChange;
+  var monthToShow = (_b = selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from) !== null && _b !== void 0 ? _b : defaultMonth;
+  var selectedMonth = monthToShow && isInvalidDate(monthToShow) ? undefined : monthToShow;
+  /* eslint-disable camelcase */
+  var classNames = __assign(__assign({}, baseCalendarClassNames), {
+    nav: modules_ef6acefe.nav,
+    range_start: modules_ef6acefe.dayRangeStart,
+    range_end: modules_ef6acefe.dayRangeEnd,
+    range_middle: modules_ef6acefe.dayRangeMiddle
+  });
+  /* eslint-enable camelcase */
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: classNameOverride
+  }, /*#__PURE__*/React__default.createElement(DayPicker, {
+    mode: "range",
+    selected: selectedRange,
+    defaultMonth: selectedMonth,
+    weekStartsOn: isValidWeekStartsOn(weekStartsOn) ? weekStartsOn : undefined,
+    disabled: disabledDays,
+    onDayClick: onDayChange,
+    classNames: classNames,
+    components: {
+      Chevron: function (props) {
+        if (props.orientation === 'left') {
+          return /*#__PURE__*/React__default.createElement(Icon, {
+            name: "arrow_back",
             isPresentational: true,
             shouldMirrorInRTL: true,
             className: modules_ef6acefe.chevronIcon
           });
         }
-      },
-      locale: locale
-    }));
-  };
-  LegacyCalendarRange.displayName = 'LegacyCalendarRange';
-  return LegacyCalendarRange;
-}();
+        return /*#__PURE__*/React__default.createElement(Icon, {
+          name: "arrow_forward",
+          isPresentational: true,
+          shouldMirrorInRTL: true,
+          className: modules_ef6acefe.chevronIcon
+        });
+      }
+    },
+    locale: locale
+  }));
+};
+LegacyCalendarRange.displayName = 'LegacyCalendarRange';
 export { LegacyCalendarRange };

package/dist/esm/src/Card/Card.mjs

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import classnames from 'classnames';
 import { useExitingAnimation } from '../utils/useExitingAnimation/useExitingAnimation.mjs';
 import modules_47b2939c from '../../styles/utils/AIMoment.module.css.mjs';
@@ -9,28 +9,25 @@ import modules_e5a68879 from './Card.module.css.mjs';
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094938/Card Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-card-api-specification--docs Storybook}
  */
-const Card = /*#__PURE__*/function () {
-  const Card = function (_a) {
-    var children = _a.children,
-      _b = _a.tag,
-      tag = _b === void 0 ? 'div' : _b,
-      _c = _a.color,
-      color = _c === void 0 ? 'white' : _c,
-      _d = _a.isElevated,
-      isElevated = _d === void 0 ? false : _d,
-      classNameOverride = _a.classNameOverride,
-      isAiLoading = _a.isAiLoading,
-      props = __rest(_a, ["children", "tag", "color", "isElevated", "classNameOverride", "isAiLoading"]);
-    var Element = tag;
-    var animationClass = useExitingAnimation(isAiLoading, modules_47b2939c.aiMomentLoading, modules_47b2939c.aiMomentExiting, 500);
-    return /*#__PURE__*/React.createElement(Element, __assign({
-      className: classnames(modules_e5a68879.wrapper, modules_e5a68879[color], isElevated && modules_e5a68879.elevated, isAiLoading !== undefined && modules_47b2939c.aiMoment, isAiLoading !== undefined && animationClass, classNameOverride)
-    }, props), isAiLoading !== undefined && (/*#__PURE__*/React.createElement("div", {
-      "aria-hidden": true,
-      className: modules_47b2939c.aiMomentBackground
-    })), children);
-  };
-  Card.displayName = 'Card';
-  return Card;
-}();
+var Card = function (_a) {
+  var children = _a.children,
+    _b = _a.tag,
+    tag = _b === void 0 ? 'div' : _b,
+    _c = _a.color,
+    color = _c === void 0 ? 'white' : _c,
+    _d = _a.isElevated,
+    isElevated = _d === void 0 ? false : _d,
+    classNameOverride = _a.classNameOverride,
+    isAiLoading = _a.isAiLoading,
+    props = __rest(_a, ["children", "tag", "color", "isElevated", "classNameOverride", "isAiLoading"]);
+  var Element = tag;
+  var animationClass = useExitingAnimation(isAiLoading, modules_47b2939c.aiMomentLoading, modules_47b2939c.aiMomentExiting, 500);
+  return /*#__PURE__*/React__default.createElement(Element, __assign({
+    className: classnames(modules_e5a68879.wrapper, modules_e5a68879[color], isElevated && modules_e5a68879.elevated, isAiLoading !== undefined && modules_47b2939c.aiMoment, isAiLoading !== undefined && animationClass, classNameOverride)
+  }, props), isAiLoading !== undefined && (/*#__PURE__*/React__default.createElement("div", {
+    "aria-hidden": true,
+    className: modules_47b2939c.aiMomentBackground
+  })), children);
+};
+Card.displayName = 'Card';
 export { Card };

package/dist/esm/src/Checkbox/Checkbox/Checkbox.mjs

@@ -1,11 +1,11 @@
 import { __rest, __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import classnames from 'classnames';
 import { Icon } from '../../Icon/Icon.mjs';
 import modules_6238daf1 from './Checkbox.module.scss.mjs';
 var renderCheckOrMixedIcon = function (status, reversed) {
   if (status === 'off') return;
-  return /*#__PURE__*/React.createElement(Icon, {
+  return /*#__PURE__*/React__default.createElement(Icon, {
     name: status === 'on' ? 'check' : 'remove',
     isPresentational: true,
     className: classnames(modules_6238daf1.icon, reversed && modules_6238daf1.reversed)
@@ -14,36 +14,33 @@ var renderCheckOrMixedIcon = function (status, reversed) {
 var getCheckedFromStatus = function (checkedStatus) {
   return checkedStatus === 'on';
 };
-const Checkbox = /*#__PURE__*/function () {
-  const Checkbox = function (_a) {
-    var _b = _a.checkedStatus,
-      checkedStatus = _b === void 0 ? 'off' : _b,
-      onCheck = _a.onCheck,
-      _c = _a.reversed,
-      reversed = _c === void 0 ? false : _c,
-      value = _a.value,
-      classNameOverride = _a.classNameOverride,
-      restProps = __rest(_a, ["checkedStatus", "onCheck", "reversed", "value", "classNameOverride"]);
-    return /*#__PURE__*/React.createElement("span", {
-      className: modules_6238daf1.container
-    }, /*#__PURE__*/React.createElement("input", __assign({
-      ref: function (node) {
-        if (node) {
-          node.indeterminate = checkedStatus === 'mixed';
-        }
-      },
-      "data-indeterminate": checkedStatus === 'mixed',
-      type: "checkbox",
-      className: classnames(modules_6238daf1.checkbox, classNameOverride, reversed && modules_6238daf1.reversed),
-      checked: getCheckedFromStatus(checkedStatus),
-      onChange: onCheck,
-      value: value !== null && value !== void 0 ? value : checkedStatus,
-      readOnly: onCheck === undefined
-    }, restProps)), /*#__PURE__*/React.createElement("span", {
-      className: classnames(modules_6238daf1.box, reversed && modules_6238daf1.reversed)
-    }, renderCheckOrMixedIcon(checkedStatus, reversed)));
-  };
-  Checkbox.displayName = 'Checkbox';
-  return Checkbox;
-}();
+var Checkbox = function (_a) {
+  var _b = _a.checkedStatus,
+    checkedStatus = _b === void 0 ? 'off' : _b,
+    onCheck = _a.onCheck,
+    _c = _a.reversed,
+    reversed = _c === void 0 ? false : _c,
+    value = _a.value,
+    classNameOverride = _a.classNameOverride,
+    restProps = __rest(_a, ["checkedStatus", "onCheck", "reversed", "value", "classNameOverride"]);
+  return /*#__PURE__*/React__default.createElement("span", {
+    className: modules_6238daf1.container
+  }, /*#__PURE__*/React__default.createElement("input", __assign({
+    ref: function (node) {
+      if (node) {
+        node.indeterminate = checkedStatus === 'mixed';
+      }
+    },
+    "data-indeterminate": checkedStatus === 'mixed',
+    type: "checkbox",
+    className: classnames(modules_6238daf1.checkbox, classNameOverride, reversed && modules_6238daf1.reversed),
+    checked: getCheckedFromStatus(checkedStatus),
+    onChange: onCheck,
+    value: value !== null && value !== void 0 ? value : checkedStatus,
+    readOnly: onCheck === undefined
+  }, restProps)), /*#__PURE__*/React__default.createElement("span", {
+    className: classnames(modules_6238daf1.box, reversed && modules_6238daf1.reversed)
+  }, renderCheckOrMixedIcon(checkedStatus, reversed)));
+};
+Checkbox.displayName = 'Checkbox';
 export { Checkbox };

package/dist/esm/src/Checkbox/CheckboxField/CheckboxField.mjs

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React, { useId } from 'react';
+import React__default, { useId } from 'react';
 import classnames from 'classnames';
 import { Label } from '../../Label/Label.mjs';
 import { Checkbox } from '../Checkbox/Checkbox.mjs';
@@ -9,43 +9,40 @@ import modules_8b560cde from './CheckboxField.module.scss.mjs';
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094661/Checkbox+Field Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-checkobx-controls-checkbox-field--docs Storybook}
  */
-const CheckboxField = /*#__PURE__*/function () {
-  const CheckboxField = function (_a) {
-    var propsId = _a["id"],
-      labelText = _a.labelText,
-      checkedStatus = _a.checkedStatus,
-      _b = _a.disabled,
-      disabled = _b === void 0 ? false : _b,
-      _c = _a.reversed,
-      reversed = _c === void 0 ? false : _c,
-      _d = _a.noBottomMargin,
-      noBottomMargin = _d === void 0 ? false : _d,
-      dataTestId = _a["data-testid"],
-      classNameOverride = _a.classNameOverride,
-      restProps = __rest(_a, ['id', "labelText", "checkedStatus", "disabled", "reversed", "noBottomMargin", 'data-testid', "classNameOverride"]);
-    var fallbackId = useId();
-    var id = propsId !== null && propsId !== void 0 ? propsId : fallbackId;
-    return /*#__PURE__*/React.createElement("div", {
-      "data-testid": dataTestId,
-      className: classnames(modules_8b560cde.container, classNameOverride, checkedStatus === 'on' && modules_8b560cde.checked, checkedStatus === 'mixed' && modules_8b560cde.mixed, reversed && modules_8b560cde.reversed, noBottomMargin && modules_8b560cde.noBottomMargin)
-    }, /*#__PURE__*/React.createElement(Label, {
-      id: "".concat(id, "-field-label"),
-      htmlFor: "".concat(id, "-field-checkbox"),
-      "data-testid": "".concat(id, "-field-label"),
-      labelText: labelText,
-      reversed: reversed,
-      labelType: "checkbox",
-      disabled: disabled,
-      classNameOverride: modules_8b560cde.label
-    }, /*#__PURE__*/React.createElement(Checkbox, __assign({
-      id: "".concat(id, "-field-checkbox"),
-      "data-testid": "".concat(id, "-field-checkbox"),
-      disabled: disabled,
-      reversed: reversed,
-      checkedStatus: checkedStatus
-    }, restProps))));
-  };
-  CheckboxField.displayName = 'CheckboxField';
-  return CheckboxField;
-}();
+var CheckboxField = function (_a) {
+  var propsId = _a["id"],
+    labelText = _a.labelText,
+    checkedStatus = _a.checkedStatus,
+    _b = _a.disabled,
+    disabled = _b === void 0 ? false : _b,
+    _c = _a.reversed,
+    reversed = _c === void 0 ? false : _c,
+    _d = _a.noBottomMargin,
+    noBottomMargin = _d === void 0 ? false : _d,
+    dataTestId = _a["data-testid"],
+    classNameOverride = _a.classNameOverride,
+    restProps = __rest(_a, ['id', "labelText", "checkedStatus", "disabled", "reversed", "noBottomMargin", 'data-testid', "classNameOverride"]);
+  var fallbackId = useId();
+  var id = propsId !== null && propsId !== void 0 ? propsId : fallbackId;
+  return /*#__PURE__*/React__default.createElement("div", {
+    "data-testid": dataTestId,
+    className: classnames(modules_8b560cde.container, classNameOverride, checkedStatus === 'on' && modules_8b560cde.checked, checkedStatus === 'mixed' && modules_8b560cde.mixed, reversed && modules_8b560cde.reversed, noBottomMargin && modules_8b560cde.noBottomMargin)
+  }, /*#__PURE__*/React__default.createElement(Label, {
+    id: "".concat(id, "-field-label"),
+    htmlFor: "".concat(id, "-field-checkbox"),
+    "data-testid": "".concat(id, "-field-label"),
+    labelText: labelText,
+    reversed: reversed,
+    labelType: "checkbox",
+    disabled: disabled,
+    classNameOverride: modules_8b560cde.label
+  }, /*#__PURE__*/React__default.createElement(Checkbox, __assign({
+    id: "".concat(id, "-field-checkbox"),
+    "data-testid": "".concat(id, "-field-checkbox"),
+    disabled: disabled,
+    reversed: reversed,
+    checkedStatus: checkedStatus
+  }, restProps))));
+};
+CheckboxField.displayName = 'CheckboxField';
 export { CheckboxField };

package/dist/esm/src/Checkbox/CheckboxGroup/CheckboxGroup.mjs

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React, { useId } from 'react';
+import React__default, { useId } from 'react';
 import classnames from 'classnames';
 import { Label } from '../../Label/Label.mjs';
 import modules_38599e4e from './CheckboxGroup.module.scss.mjs';
@@ -8,33 +8,30 @@ import modules_38599e4e from './CheckboxGroup.module.scss.mjs';
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094522/Checkbox+Group Guidance} |
  * {@link https://cultureamp.design/storybook/?path=/docs/components-checkbox-controls-checkbox-group--docs Storybook}
  */
-const CheckboxGroup = /*#__PURE__*/function () {
-  const CheckboxGroup = function (_a) {
-    var children = _a.children,
-      labelText = _a.labelText,
-      propsLabelId = _a.labelId,
-      _b = _a.noBottomMargin,
-      noBottomMargin = _b === void 0 ? false : _b,
-      _c = _a.reversed,
-      reversed = _c === void 0 ? false : _c,
-      classNameOverride = _a.classNameOverride,
-      restProps = __rest(_a, ["children", "labelText", "labelId", "noBottomMargin", "reversed", "classNameOverride"]);
-    var fallbackId = useId();
-    var labelId = propsLabelId !== null && propsLabelId !== void 0 ? propsLabelId : fallbackId;
-    return /*#__PURE__*/React.createElement("div", __assign({
-      className: classnames(modules_38599e4e.checkboxGroupContainer, classNameOverride, noBottomMargin && modules_38599e4e.noBottomMargin, reversed && modules_38599e4e.reversed),
-      role: "group",
-      "aria-labelledby": labelId
-    }, restProps), /*#__PURE__*/React.createElement("div", {
-      className: modules_38599e4e.checkboxGroupLabel
-    }, /*#__PURE__*/React.createElement(Label, {
-      id: labelId,
-      labelText: labelText,
-      labelType: "text",
-      reversed: reversed
-    })), children);
-  };
-  CheckboxGroup.displayName = 'CheckboxGroup';
-  return CheckboxGroup;
-}();
+var CheckboxGroup = function (_a) {
+  var children = _a.children,
+    labelText = _a.labelText,
+    propsLabelId = _a.labelId,
+    _b = _a.noBottomMargin,
+    noBottomMargin = _b === void 0 ? false : _b,
+    _c = _a.reversed,
+    reversed = _c === void 0 ? false : _c,
+    classNameOverride = _a.classNameOverride,
+    restProps = __rest(_a, ["children", "labelText", "labelId", "noBottomMargin", "reversed", "classNameOverride"]);
+  var fallbackId = useId();
+  var labelId = propsLabelId !== null && propsLabelId !== void 0 ? propsLabelId : fallbackId;
+  return /*#__PURE__*/React__default.createElement("div", __assign({
+    className: classnames(modules_38599e4e.checkboxGroupContainer, classNameOverride, noBottomMargin && modules_38599e4e.noBottomMargin, reversed && modules_38599e4e.reversed),
+    role: "group",
+    "aria-labelledby": labelId
+  }, restProps), /*#__PURE__*/React__default.createElement("div", {
+    className: modules_38599e4e.checkboxGroupLabel
+  }, /*#__PURE__*/React__default.createElement(Label, {
+    id: labelId,
+    labelText: labelText,
+    labelType: "text",
+    reversed: reversed
+  })), children);
+};
+CheckboxGroup.displayName = 'CheckboxGroup';
 export { CheckboxGroup };

package/dist/esm/src/ClearButton/ClearButton.mjs

@@ -1,25 +1,22 @@
 import { __rest, __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import classnames from 'classnames';
 import { Icon } from '../Icon/Icon.mjs';
 import modules_52fa069c from './ClearButton.module.css.mjs';
-const ClearButton = /*#__PURE__*/function () {
-  const ClearButton = function (_a) {
-    var classNameOverride = _a.classNameOverride,
-      _b = _a.isReversed,
-      isReversed = _b === void 0 ? false : _b,
-      restProps = __rest(_a, ["classNameOverride", "isReversed"]);
-    return /*#__PURE__*/React.createElement("button", __assign({
-      type: "button",
-      "aria-label": "clear",
-      className: classnames(modules_52fa069c.clearButton, isReversed ? modules_52fa069c.reversed : modules_52fa069c.default, classNameOverride)
-    }, restProps), /*#__PURE__*/React.createElement(Icon, {
-      name: "cancel",
-      isPresentational: true,
-      isFilled: true
-    }));
-  };
-  ClearButton.displayName = 'ClearButton';
-  return ClearButton;
-}();
+var ClearButton = function (_a) {
+  var classNameOverride = _a.classNameOverride,
+    _b = _a.isReversed,
+    isReversed = _b === void 0 ? false : _b,
+    restProps = __rest(_a, ["classNameOverride", "isReversed"]);
+  return /*#__PURE__*/React__default.createElement("button", __assign({
+    type: "button",
+    "aria-label": "clear",
+    className: classnames(modules_52fa069c.clearButton, isReversed ? modules_52fa069c.reversed : modules_52fa069c.default, classNameOverride)
+  }, restProps), /*#__PURE__*/React__default.createElement(Icon, {
+    name: "cancel",
+    isPresentational: true,
+    isFilled: true
+  }));
+};
+ClearButton.displayName = 'ClearButton';
 export { ClearButton };