@kaizen/components 3.3.1 → 3.3.3

package/dist/esm/src/DateRangePicker/DateRangePicker.mjs

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React, { useRef, useId, useState } from 'react';
+import React__default, { useRef, useId, useState } from 'react';
 import classnames from 'classnames';
 import { enUS } from 'date-fns/locale';
 import { isMatch } from 'react-day-picker';
@@ -20,130 +20,127 @@ import modules_5bc568da from './DateRangePicker.module.scss.mjs';
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094237/Date+Range+Picker Guidance} |
  * {@link https://cultureamp.design/storybook/?path=/docs/components-date-controls-daterangepicker--docs Storybook}
  */
-const DateRangePicker = /*#__PURE__*/function () {
-  const DateRangePicker = function (_a) {
-    var _b;
-    var propsId = _a.id,
-      buttonRef = _a.buttonRef;
-    _a.description; // not used
-    var labelText = _a.labelText,
-      _c = _a.isDisabled,
-      isDisabled = _c === void 0 ? false : _c,
-      classNameOverride = _a.classNameOverride,
-      disabledDates = _a.disabledDates,
-      disabledDaysOfWeek = _a.disabledDaysOfWeek,
-      disabledRange = _a.disabledRange,
-      disabledBeforeAfter = _a.disabledBeforeAfter,
-      disabledBefore = _a.disabledBefore,
-      disabledAfter = _a.disabledAfter,
-      weekStartsOn = _a.weekStartsOn,
-      defaultMonth = _a.defaultMonth,
-      selectedDateRange = _a.selectedDateRange,
-      value = _a.value,
-      onChange = _a.onChange,
-      inputProps = __rest(_a, ["id", "buttonRef", "description", "labelText", "isDisabled", "classNameOverride", "disabledDates", "disabledDaysOfWeek", "disabledRange", "disabledBeforeAfter", "disabledBefore", "disabledAfter", "weekStartsOn", "defaultMonth", "selectedDateRange", "value", "onChange"]);
-    var fallbackRef = useRef(null);
-    var ref = buttonRef !== null && buttonRef !== void 0 ? buttonRef : fallbackRef;
-    var reactId = useId();
-    var id = propsId !== null && propsId !== void 0 ? propsId : reactId;
-    var containerRef = useRef(null);
-    var _d = useState(false),
-      isOpen = _d[0],
-      setIsOpen = _d[1];
-    var disabledDays = calculateDisabledDays({
-      disabledDates: disabledDates,
-      disabledDaysOfWeek: disabledDaysOfWeek,
-      disabledRange: disabledRange,
-      disabledBeforeAfter: disabledBeforeAfter,
-      disabledBefore: disabledBefore,
-      disabledAfter: disabledAfter
-    });
-    var handleOpenClose = function () {
-      setIsOpen(!isOpen);
-    };
-    var handleReturnFocus = function () {
-      if (ref.current) {
-        ref.current.focus();
-      }
-    };
-    var handleDayClick = function (day) {
-      /** react-day-picker will fire events for disabled days by default.
-       *  We're checking here if it includes the CSS Modules class for disabled
-       *  on the modifier to then return early.
-       * */
-      if (isDisabledDate(day, disabledDays)) {
-        return;
-      }
-      if (!selectedDateRange) return;
-      /** If user has already selected range and then selects again, treat first
-       * click as the start of the new range.
-       *  */
-      if (isSelectingFirstDay(selectedDateRange, day)) {
-        onChange({
-          from: day,
-          to: undefined
-        });
-      } else {
-        // Otherwise, treat click as the final selection.
-        onChange({
-          from: selectedDateRange.from,
-          to: day
-        });
-        handleOpenClose();
-      }
-    };
-    var isSelectingFirstDay = function (range, day) {
-      var isBeforeFirstDay = !!range.from && isMatch(day, [{
-        before: range.from
-      }]);
-      var isRangeSelected = !!range.from && !!range.to;
-      return !range.from || isBeforeFirstDay || isRangeSelected;
-    };
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-      ref: containerRef,
-      className: classNameOverride
-    }, /*#__PURE__*/React.createElement(Label, {
-      id: "".concat(id, "-input-label"),
-      disabled: isDisabled,
-      htmlFor: id,
-      labelText: labelText
-    }), /*#__PURE__*/React.createElement("button", __assign({
-      type: "button",
-      id: id,
-      className: classnames(modules_5bc568da.button, modules_5bc568da.withStartIconAdornment, (_b = {}, _b[modules_5bc568da.disabled] = isDisabled, _b)),
-      disabled: isDisabled,
-      ref: ref,
-      onClick: handleOpenClose,
-      "aria-label": (selectedDateRange === null || selectedDateRange === void 0 ? void 0 : selectedDateRange.from) ? "Change date: ".concat(value) : 'Choose date'
-    }, inputProps), /*#__PURE__*/React.createElement("div", {
-      className: modules_5bc568da.startIconAdornment
-    }, /*#__PURE__*/React.createElement(Icon, {
-      name: "today",
-      isPresentational: true,
-      isFilled: true
-    })), /*#__PURE__*/React.createElement("span", {
-      className: modules_5bc568da.value
-    }, (selectedDateRange === null || selectedDateRange === void 0 ? void 0 : selectedDateRange.from) ? value : undefined))), isOpen && (/*#__PURE__*/React.createElement(FocusOn, {
-      scrollLock: false,
-      onDeactivation: handleReturnFocus,
-      onClickOutside: handleOpenClose,
-      onEscapeKey: handleOpenClose,
-      enabled: isOpen
-    }, /*#__PURE__*/React.createElement(CalendarPopover, {
-      referenceElement: containerRef.current,
-      "aria-labelledby": "".concat(id, "-calendar-label ").concat(id, "-input-label")
-    }, /*#__PURE__*/React.createElement(VisuallyHidden, {
-      id: "".concat(id, "-calendar-label")
-    }, "Select dates from calendar for:"), /*#__PURE__*/React.createElement(LegacyCalendarRange, {
-      selectedRange: selectedDateRange,
-      defaultMonth: defaultMonth,
-      weekStartsOn: weekStartsOn,
-      disabledDays: disabledDays,
-      onDayChange: handleDayClick,
-      locale: enUS
-    })))));
+var DateRangePicker = function (_a) {
+  var _b;
+  var propsId = _a.id,
+    buttonRef = _a.buttonRef;
+  _a.description; // not used
+  var labelText = _a.labelText,
+    _c = _a.isDisabled,
+    isDisabled = _c === void 0 ? false : _c,
+    classNameOverride = _a.classNameOverride,
+    disabledDates = _a.disabledDates,
+    disabledDaysOfWeek = _a.disabledDaysOfWeek,
+    disabledRange = _a.disabledRange,
+    disabledBeforeAfter = _a.disabledBeforeAfter,
+    disabledBefore = _a.disabledBefore,
+    disabledAfter = _a.disabledAfter,
+    weekStartsOn = _a.weekStartsOn,
+    defaultMonth = _a.defaultMonth,
+    selectedDateRange = _a.selectedDateRange,
+    value = _a.value,
+    onChange = _a.onChange,
+    inputProps = __rest(_a, ["id", "buttonRef", "description", "labelText", "isDisabled", "classNameOverride", "disabledDates", "disabledDaysOfWeek", "disabledRange", "disabledBeforeAfter", "disabledBefore", "disabledAfter", "weekStartsOn", "defaultMonth", "selectedDateRange", "value", "onChange"]);
+  var fallbackRef = useRef(null);
+  var ref = buttonRef !== null && buttonRef !== void 0 ? buttonRef : fallbackRef;
+  var reactId = useId();
+  var id = propsId !== null && propsId !== void 0 ? propsId : reactId;
+  var containerRef = useRef(null);
+  var _d = useState(false),
+    isOpen = _d[0],
+    setIsOpen = _d[1];
+  var disabledDays = calculateDisabledDays({
+    disabledDates: disabledDates,
+    disabledDaysOfWeek: disabledDaysOfWeek,
+    disabledRange: disabledRange,
+    disabledBeforeAfter: disabledBeforeAfter,
+    disabledBefore: disabledBefore,
+    disabledAfter: disabledAfter
+  });
+  var handleOpenClose = function () {
+    setIsOpen(!isOpen);
   };
-  DateRangePicker.displayName = 'DateRangePicker';
-  return DateRangePicker;
-}();
+  var handleReturnFocus = function () {
+    if (ref.current) {
+      ref.current.focus();
+    }
+  };
+  var handleDayClick = function (day) {
+    /** react-day-picker will fire events for disabled days by default.
+     *  We're checking here if it includes the CSS Modules class for disabled
+     *  on the modifier to then return early.
+     * */
+    if (isDisabledDate(day, disabledDays)) {
+      return;
+    }
+    if (!selectedDateRange) return;
+    /** If user has already selected range and then selects again, treat first
+     * click as the start of the new range.
+     *  */
+    if (isSelectingFirstDay(selectedDateRange, day)) {
+      onChange({
+        from: day,
+        to: undefined
+      });
+    } else {
+      // Otherwise, treat click as the final selection.
+      onChange({
+        from: selectedDateRange.from,
+        to: day
+      });
+      handleOpenClose();
+    }
+  };
+  var isSelectingFirstDay = function (range, day) {
+    var isBeforeFirstDay = !!range.from && isMatch(day, [{
+      before: range.from
+    }]);
+    var isRangeSelected = !!range.from && !!range.to;
+    return !range.from || isBeforeFirstDay || isRangeSelected;
+  };
+  return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
+    ref: containerRef,
+    className: classNameOverride
+  }, /*#__PURE__*/React__default.createElement(Label, {
+    id: "".concat(id, "-input-label"),
+    disabled: isDisabled,
+    htmlFor: id,
+    labelText: labelText
+  }), /*#__PURE__*/React__default.createElement("button", __assign({
+    type: "button",
+    id: id,
+    className: classnames(modules_5bc568da.button, modules_5bc568da.withStartIconAdornment, (_b = {}, _b[modules_5bc568da.disabled] = isDisabled, _b)),
+    disabled: isDisabled,
+    ref: ref,
+    onClick: handleOpenClose,
+    "aria-label": (selectedDateRange === null || selectedDateRange === void 0 ? void 0 : selectedDateRange.from) ? "Change date: ".concat(value) : 'Choose date'
+  }, inputProps), /*#__PURE__*/React__default.createElement("div", {
+    className: modules_5bc568da.startIconAdornment
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    name: "today",
+    isPresentational: true,
+    isFilled: true
+  })), /*#__PURE__*/React__default.createElement("span", {
+    className: modules_5bc568da.value
+  }, (selectedDateRange === null || selectedDateRange === void 0 ? void 0 : selectedDateRange.from) ? value : undefined))), isOpen && (/*#__PURE__*/React__default.createElement(FocusOn, {
+    scrollLock: false,
+    onDeactivation: handleReturnFocus,
+    onClickOutside: handleOpenClose,
+    onEscapeKey: handleOpenClose,
+    enabled: isOpen
+  }, /*#__PURE__*/React__default.createElement(CalendarPopover, {
+    referenceElement: containerRef.current,
+    "aria-labelledby": "".concat(id, "-calendar-label ").concat(id, "-input-label")
+  }, /*#__PURE__*/React__default.createElement(VisuallyHidden, {
+    id: "".concat(id, "-calendar-label")
+  }, "Select dates from calendar for:"), /*#__PURE__*/React__default.createElement(LegacyCalendarRange, {
+    selectedRange: selectedDateRange,
+    defaultMonth: defaultMonth,
+    weekStartsOn: weekStartsOn,
+    disabledDays: disabledDays,
+    onDayChange: handleDayClick,
+    locale: enUS
+  })))));
+};
+DateRangePicker.displayName = 'DateRangePicker';
 export { DateRangePicker };

package/dist/esm/src/Divider/Divider.mjs

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import classnames from 'classnames';
 import modules_979bfa57 from './Divider.module.css.mjs';
 
@@ -7,19 +7,16 @@ import modules_979bfa57 from './Divider.module.css.mjs';
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082061035/Divider Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-divider--docs Storybook}
  */
-const Divider = /*#__PURE__*/function () {
-  const Divider = function (_a) {
-    var variant = _a.variant,
-      _b = _a.isReversed,
-      isReversed = _b === void 0 ? false : _b,
-      classNameOverride = _a.classNameOverride,
-      props = __rest(_a, ["variant", "isReversed", "classNameOverride"]);
-    return /*#__PURE__*/React.createElement("hr", __assign({
-      "aria-hidden": "true",
-      className: classnames(modules_979bfa57.wrapper, classNameOverride, isReversed && modules_979bfa57.reversed, modules_979bfa57[variant])
-    }, props));
-  };
-  Divider.displayName = 'Divider';
-  return Divider;
-}();
+var Divider = function (_a) {
+  var variant = _a.variant,
+    _b = _a.isReversed,
+    isReversed = _b === void 0 ? false : _b,
+    classNameOverride = _a.classNameOverride,
+    props = __rest(_a, ["variant", "isReversed", "classNameOverride"]);
+  return /*#__PURE__*/React__default.createElement("hr", __assign({
+    "aria-hidden": "true",
+    className: classnames(modules_979bfa57.wrapper, classNameOverride, isReversed && modules_979bfa57.reversed, modules_979bfa57[variant])
+  }, props));
+};
+Divider.displayName = 'Divider';
 export { Divider };

package/dist/esm/src/EmptyState/EmptyState.mjs

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import classnames from 'classnames';
 import { Heading } from '../Heading/Heading.mjs';
 import '../Illustration/subcomponents/Base/Base.mjs';
@@ -17,44 +17,41 @@ var ILLUSTRATIONS = {
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094098/Empty+State Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-empty-state--docs Storybook}
  */
-const EmptyState = /*#__PURE__*/function () {
-  const EmptyState = function (_a) {
-    var children = _a.children,
-      id = _a.id,
-      _b = _a.variant,
-      variant = _b === void 0 ? 'informative' : _b,
-      headingProps = _a.headingProps,
-      bodyText = _a.bodyText,
-      straightCorners = _a.straightCorners,
-      _c = _a.isAnimated,
-      isAnimated = _c === void 0 ? true : _c,
-      _d = _a.loop,
-      loop = _d === void 0 ? false : _d,
-      classNameOverride = _a.classNameOverride,
-      props = __rest(_a, ["children", "id", "variant", "headingProps", "bodyText", "straightCorners", "isAnimated", "loop", "classNameOverride"]);
-    var IllustrationComponent = ILLUSTRATIONS[variant];
-    return /*#__PURE__*/React.createElement("div", __assign({
-      className: classnames(modules_1c20a3e1.container, modules_1c20a3e1[variant], straightCorners && modules_1c20a3e1.straightCorners, classNameOverride),
-      id: id
-    }, props), /*#__PURE__*/React.createElement("div", {
-      className: modules_1c20a3e1.content
-    }, /*#__PURE__*/React.createElement("div", {
-      className: modules_1c20a3e1.illustrationContainer
-    }, isAnimated ? (/*#__PURE__*/React.createElement(IllustrationComponent, {
-      isAnimated: true,
-      loop: loop,
-      classNameOverride: modules_1c20a3e1.illustration
-    })) : (/*#__PURE__*/React.createElement(IllustrationComponent, {
-      classNameOverride: modules_1c20a3e1.illustration
-    }))), /*#__PURE__*/React.createElement("div", {
-      className: modules_1c20a3e1.textContainer
-    }, headingProps && /*#__PURE__*/React.createElement(Heading, __assign({
-      classNameOverride: modules_1c20a3e1.heading
-    }, headingProps)), /*#__PURE__*/React.createElement(Text, {
-      variant: "body"
-    }, bodyText), children && /*#__PURE__*/React.createElement("span", null, children))));
-  };
-  EmptyState.displayName = 'EmptyState';
-  return EmptyState;
-}();
+var EmptyState = function (_a) {
+  var children = _a.children,
+    id = _a.id,
+    _b = _a.variant,
+    variant = _b === void 0 ? 'informative' : _b,
+    headingProps = _a.headingProps,
+    bodyText = _a.bodyText,
+    straightCorners = _a.straightCorners,
+    _c = _a.isAnimated,
+    isAnimated = _c === void 0 ? true : _c,
+    _d = _a.loop,
+    loop = _d === void 0 ? false : _d,
+    classNameOverride = _a.classNameOverride,
+    props = __rest(_a, ["children", "id", "variant", "headingProps", "bodyText", "straightCorners", "isAnimated", "loop", "classNameOverride"]);
+  var IllustrationComponent = ILLUSTRATIONS[variant];
+  return /*#__PURE__*/React__default.createElement("div", __assign({
+    className: classnames(modules_1c20a3e1.container, modules_1c20a3e1[variant], straightCorners && modules_1c20a3e1.straightCorners, classNameOverride),
+    id: id
+  }, props), /*#__PURE__*/React__default.createElement("div", {
+    className: modules_1c20a3e1.content
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: modules_1c20a3e1.illustrationContainer
+  }, isAnimated ? (/*#__PURE__*/React__default.createElement(IllustrationComponent, {
+    isAnimated: true,
+    loop: loop,
+    classNameOverride: modules_1c20a3e1.illustration
+  })) : (/*#__PURE__*/React__default.createElement(IllustrationComponent, {
+    classNameOverride: modules_1c20a3e1.illustration
+  }))), /*#__PURE__*/React__default.createElement("div", {
+    className: modules_1c20a3e1.textContainer
+  }, headingProps && /*#__PURE__*/React__default.createElement(Heading, __assign({
+    classNameOverride: modules_1c20a3e1.heading
+  }, headingProps)), /*#__PURE__*/React__default.createElement(Text, {
+    variant: "body"
+  }, bodyText), children && /*#__PURE__*/React__default.createElement("span", null, children))));
+};
+EmptyState.displayName = 'EmptyState';
 export { EmptyState };

package/dist/esm/src/ErrorPage/ErrorPage.mjs

@@ -1,5 +1,5 @@
 import { __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import { useIntl, FormattedMessage } from '@cultureamp/i18n-react-intl';
 import classnames from 'classnames';
 import { BrandMoment } from '../BrandMoment/BrandMoment.mjs';
@@ -17,82 +17,79 @@ var getMailToHref = function (code) {
   return encodeURI("mailto:".concat(supportEmail, "?subject=").concat(subject, "&body=").concat(body));
 };
 var HOME_HREF = '/app/home';
-const ErrorPage = /*#__PURE__*/function () {
-  const ErrorPage = function (_a) {
-    var _b;
-    var code = _a.code,
-      title = _a.title,
-      message = _a.message,
-      callToAction = _a.callToAction,
-      tag = _a.tag,
-      classNameOverride = _a.classNameOverride;
-    var formatMessage = useIntl().formatMessage;
-    var content = useErrorMessages(code);
-    var actions = {
-      primary: {
-        href: (_b = callToAction === null || callToAction === void 0 ? void 0 : callToAction.homeHref) !== null && _b !== void 0 ? _b : HOME_HREF
-      },
-      secondary: (callToAction === null || callToAction === void 0 ? void 0 : callToAction.onContactSupport) ? {
-        onClick: callToAction.onContactSupport
-      } : {
-        href: getMailToHref(code)
+var ErrorPage = function (_a) {
+  var _b;
+  var code = _a.code,
+    title = _a.title,
+    message = _a.message,
+    callToAction = _a.callToAction,
+    tag = _a.tag,
+    classNameOverride = _a.classNameOverride;
+  var formatMessage = useIntl().formatMessage;
+  var content = useErrorMessages(code);
+  var actions = {
+    primary: {
+      href: (_b = callToAction === null || callToAction === void 0 ? void 0 : callToAction.homeHref) !== null && _b !== void 0 ? _b : HOME_HREF
+    },
+    secondary: (callToAction === null || callToAction === void 0 ? void 0 : callToAction.onContactSupport) ? {
+      onClick: callToAction.onContactSupport
+    } : {
+      href: getMailToHref(code)
+    }
+  };
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: classnames(classNameOverride)
+  }, /*#__PURE__*/React__default.createElement(BrandMoment, {
+    tag: tag,
+    header: /*#__PURE__*/React__default.createElement(React__default.Fragment, null),
+    body: /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
+      className: modules_bbf9c78c.paragraphPadding
+    }, /*#__PURE__*/React__default.createElement(Text, {
+      variant: "intro-lede"
+    }, message !== null && message !== void 0 ? message : content.message)), /*#__PURE__*/React__default.createElement(Text, {
+      color: "dark-reduced-opacity",
+      variant: "small"
+    }, /*#__PURE__*/React__default.createElement(FormattedMessage, {
+      id: "kzErrorPage.errorCode",
+      defaultMessage: "Error code {code}",
+      values: {
+        code: code
       }
-    };
-    return /*#__PURE__*/React.createElement("div", {
-      className: classnames(classNameOverride)
-    }, /*#__PURE__*/React.createElement(BrandMoment, {
-      tag: tag,
-      header: /*#__PURE__*/React.createElement(React.Fragment, null),
-      body: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-        className: modules_bbf9c78c.paragraphPadding
-      }, /*#__PURE__*/React.createElement(Text, {
-        variant: "intro-lede"
-      }, message !== null && message !== void 0 ? message : content.message)), /*#__PURE__*/React.createElement(Text, {
-        color: "dark-reduced-opacity",
-        variant: "small"
-      }, /*#__PURE__*/React.createElement(FormattedMessage, {
-        id: "kzErrorPage.errorCode",
-        defaultMessage: "Error code {code}",
-        values: {
-          code: code
-        }
-      }))),
-      illustration: /*#__PURE__*/React.createElement(BrandMomentError, {
-        isAnimated: true,
-        loop: true
-      }),
-      variant: "warning",
-      primaryAction: __assign(__assign({}, actions.primary), {
-        icon: /*#__PURE__*/React.createElement(Icon, {
-          name: "arrow_forward",
-          isPresentational: true,
-          shouldMirrorInRTL: true
-        }),
-        iconPosition: 'end',
-        label: formatMessage({
-          id: 'kzErrorPage.goToHome',
-          defaultMessage: 'Go to Home',
-          description: 'Home button label'
-        })
+    }))),
+    illustration: /*#__PURE__*/React__default.createElement(BrandMomentError, {
+      isAnimated: true,
+      loop: true
+    }),
+    variant: "warning",
+    primaryAction: __assign(__assign({}, actions.primary), {
+      icon: /*#__PURE__*/React__default.createElement(Icon, {
+        name: "arrow_forward",
+        isPresentational: true,
+        shouldMirrorInRTL: true
       }),
-      secondaryAction: __assign(__assign({}, actions.secondary), {
-        icon: /*#__PURE__*/React.createElement(Icon, {
-          name: "mail",
-          isPresentational: true,
-          isFilled: true
-        }),
-        label: formatMessage({
-          id: 'kzErrorPage',
-          defaultMessage: 'Contact support',
-          description: 'Label for contact button'
-        })
+      iconPosition: 'end',
+      label: formatMessage({
+        id: 'kzErrorPage.goToHome',
+        defaultMessage: 'Go to Home',
+        description: 'Home button label'
+      })
+    }),
+    secondaryAction: __assign(__assign({}, actions.secondary), {
+      icon: /*#__PURE__*/React__default.createElement(Icon, {
+        name: "mail",
+        isPresentational: true,
+        isFilled: true
       }),
-      text: {
-        title: title !== null && title !== void 0 ? title : content.title
-      }
-    }));
-  };
-  ErrorPage.displayName = 'ErrorPage';
-  return ErrorPage;
-}();
+      label: formatMessage({
+        id: 'kzErrorPage',
+        defaultMessage: 'Contact support',
+        description: 'Label for contact button'
+      })
+    }),
+    text: {
+      title: title !== null && title !== void 0 ? title : content.title
+    }
+  }));
+};
+ErrorPage.displayName = 'ErrorPage';
 export { ErrorPage };

package/dist/esm/src/FieldGroup/FieldGroup.mjs

@@ -1,19 +1,16 @@
 import { __rest, __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import classnames from 'classnames';
 import modules_7feafaca from './FieldGroup.module.scss.mjs';
-const FieldGroup = /*#__PURE__*/function () {
-  const FieldGroup = function (_a) {
-    var children = _a.children,
-      _b = _a.inline,
-      inline = _b === void 0 ? false : _b,
-      classNameOverride = _a.classNameOverride,
-      restProps = __rest(_a, ["children", "inline", "classNameOverride"]);
-    return /*#__PURE__*/React.createElement("div", __assign({
-      className: classnames(modules_7feafaca.group, classNameOverride, inline && modules_7feafaca.inline)
-    }, restProps), children);
-  };
-  FieldGroup.displayName = 'FieldGroup';
-  return FieldGroup;
-}();
+var FieldGroup = function (_a) {
+  var children = _a.children,
+    _b = _a.inline,
+    inline = _b === void 0 ? false : _b,
+    classNameOverride = _a.classNameOverride,
+    restProps = __rest(_a, ["children", "inline", "classNameOverride"]);
+  return /*#__PURE__*/React__default.createElement("div", __assign({
+    className: classnames(modules_7feafaca.group, classNameOverride, inline && modules_7feafaca.inline)
+  }, restProps), children);
+};
+FieldGroup.displayName = 'FieldGroup';
 export { FieldGroup };