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

package/dist/cjs/DatePicker/utils/validateDate.cjs

@@ -6,43 +6,53 @@ require('../../Calendar/CalendarRange/CalendarRange.cjs');
 require('date-fns');
 var isInvalidDate = require('../../Calendar/utils/isInvalidDate.cjs');
 var isDisabledDate = require('../../Calendar/utils/isDisabledDate.cjs');
-
 var validateDate = function (_a) {
-    var date = _a.date, inputValue = _a.inputValue, disabledDays = _a.disabledDays;
-    var baseResponse = {
-        date: date,
-        inputValue: inputValue,
-        status: undefined,
-        validationMessage: undefined,
-        isInvalid: false,
-        isDisabled: false,
-        isEmpty: false,
-        isValidDate: false,
+  var date = _a.date,
+    inputValue = _a.inputValue,
+    disabledDays = _a.disabledDays;
+  var baseResponse = {
+    date: date,
+    inputValue: inputValue,
+    status: undefined,
+    validationMessage: undefined,
+    isInvalid: false,
+    isDisabled: false,
+    isEmpty: false,
+    isValidDate: false
+  };
+  if (date === undefined) {
+    return {
+      validationResponse: tslib.__assign(tslib.__assign({}, baseResponse), {
+        isEmpty: true
+      }),
+      newDate: undefined
     };
-    if (date === undefined) {
-        return {
-            validationResponse: tslib.__assign(tslib.__assign({}, baseResponse), { isEmpty: true }),
-            newDate: undefined,
-        };
-    }
-    if (isInvalidDate.isInvalidDate(date)) {
-        return {
-            validationResponse: tslib.__assign(tslib.__assign({}, baseResponse), { status: "error", validationMessage: inputValue
-                    ? "".concat(inputValue, " is an invalid date")
-                    : "Date is invalid", isInvalid: true }),
-            newDate: undefined,
-        };
-    }
-    if (isDisabledDate.isDisabledDate(date, disabledDays)) {
-        return {
-            validationResponse: tslib.__assign(tslib.__assign({}, baseResponse), { status: "error", validationMessage: "".concat(inputValue, " is not available, try another date"), isDisabled: true }),
-            newDate: undefined,
-        };
-    }
+  }
+  if (isInvalidDate.isInvalidDate(date)) {
     return {
-        validationResponse: tslib.__assign(tslib.__assign({}, baseResponse), { isValidDate: true }),
-        newDate: date,
+      validationResponse: tslib.__assign(tslib.__assign({}, baseResponse), {
+        status: "error",
+        validationMessage: inputValue ? "".concat(inputValue, " is an invalid date") : "Date is invalid",
+        isInvalid: true
+      }),
+      newDate: undefined
     };
+  }
+  if (isDisabledDate.isDisabledDate(date, disabledDays)) {
+    return {
+      validationResponse: tslib.__assign(tslib.__assign({}, baseResponse), {
+        status: "error",
+        validationMessage: "".concat(inputValue, " is not available, try another date"),
+        isDisabled: true
+      }),
+      newDate: undefined
+    };
+  }
+  return {
+    validationResponse: tslib.__assign(tslib.__assign({}, baseResponse), {
+      isValidDate: true
+    }),
+    newDate: date
+  };
 };
-
 exports.validateDate = validateDate;

package/dist/cjs/DateRangePicker/DateRangePicker.cjs

@@ -17,9 +17,11 @@ require('../Icon/subcomponents/SVG/SVG.cjs');
 var DateStartIcon = require('../Icon/DateStartIcon.cjs');
 var Label = require('../Label/Label.cjs');
 var DateRangePicker_module = require('./DateRangePicker.module.scss.cjs');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 var React__default = /*#__PURE__*/_interopDefault(React);
 var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 
@@ -28,80 +30,119 @@ var classnames__default = /*#__PURE__*/_interopDefault(classnames);
  * {@link https://cultureamp.design/storybook/?path=/docs/components-date-controls-daterangepicker--docs Storybook}
  */
 var DateRangePicker = function (_a) {
-    var _b;
-    var propsId = _a.id, _c = _a.buttonRef, buttonRef = _c === void 0 ? React.useRef(null) : _c; _a.description; // not used
-    var labelText = _a.labelText, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, 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 = tslib.__rest(_a, ["id", "buttonRef", "description", "labelText", "isDisabled", "classNameOverride", "disabledDates", "disabledDaysOfWeek", "disabledRange", "disabledBeforeAfter", "disabledBefore", "disabledAfter", "weekStartsOn", "defaultMonth", "selectedDateRange", "value", "onChange"]);
-    var reactId = React.useId();
-    var id = propsId !== null && propsId !== void 0 ? propsId : reactId;
-    var containerRef = React.useRef(null);
-    var _e = React.useState(false), isOpen = _e[0], setIsOpen = _e[1];
-    var disabledDays = calculateDisabledDays.calculateDisabledDays({
-        disabledDates: disabledDates,
-        disabledDaysOfWeek: disabledDaysOfWeek,
-        disabledRange: disabledRange,
-        disabledBeforeAfter: disabledBeforeAfter,
-        disabledBefore: disabledBefore,
-        disabledAfter: disabledAfter,
-    });
-    var handleOpenClose = function () {
-        setIsOpen(!isOpen);
-    };
-    var handleReturnFocus = function () {
-        if (buttonRef.current) {
-            buttonRef.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.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 &&
-            reactDayPicker.isMatch(day, [
-                {
-                    before: range.from,
-                },
-            ]);
-        var isRangeSelected = !!range.from && !!range.to;
-        return !range.from || isBeforeFirstDay || isRangeSelected;
-    };
-    return (React__default.default.createElement("div", null,
-        React__default.default.createElement("div", { ref: containerRef, className: classNameOverride },
-            React__default.default.createElement(Label.Label, { disabled: isDisabled, htmlFor: id, labelText: labelText }),
-            React__default.default.createElement("button", tslib.__assign({ type: "button", id: id, className: classnames__default.default(DateRangePicker_module.button, DateRangePicker_module.withStartIconAdornment, (_b = {},
-                    _b[DateRangePicker_module.disabled] = isDisabled,
-                    _b)), disabled: isDisabled, ref: buttonRef, onClick: handleOpenClose, "aria-label": (selectedDateRange === null || selectedDateRange === void 0 ? void 0 : selectedDateRange.from) ? "Change date: ".concat(value) : "Choose date" }, inputProps),
-                React__default.default.createElement("div", { className: DateRangePicker_module.startIconAdornment },
-                    React__default.default.createElement(DateStartIcon.DateStartIcon, { role: "presentation" })),
-                React__default.default.createElement("span", { className: DateRangePicker_module.value }, (selectedDateRange === null || selectedDateRange === void 0 ? void 0 : selectedDateRange.from) ? value : undefined))),
-        isOpen && (React__default.default.createElement(reactFocusOn.FocusOn, { scrollLock: false, onDeactivation: handleReturnFocus, onClickOutside: handleOpenClose, onEscapeKey: handleOpenClose, enabled: isOpen },
-            React__default.default.createElement(CalendarPopover.CalendarPopover, { referenceElement: containerRef.current },
-                React__default.default.createElement(LegacyCalendarRange.LegacyCalendarRange, { selectedRange: selectedDateRange, defaultMonth: defaultMonth, weekStartsOn: weekStartsOn, disabledDays: disabledDays, onDayChange: handleDayClick, locale: locale.enUS }))))));
+  var _b;
+  var propsId = _a.id,
+    _c = _a.buttonRef,
+    buttonRef = _c === void 0 ? React.useRef(null) : _c;
+  _a.description; // not used
+  var labelText = _a.labelText,
+    _d = _a.isDisabled,
+    isDisabled = _d === void 0 ? false : _d,
+    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 = tslib.__rest(_a, ["id", "buttonRef", "description", "labelText", "isDisabled", "classNameOverride", "disabledDates", "disabledDaysOfWeek", "disabledRange", "disabledBeforeAfter", "disabledBefore", "disabledAfter", "weekStartsOn", "defaultMonth", "selectedDateRange", "value", "onChange"]);
+  var reactId = React.useId();
+  var id = propsId !== null && propsId !== void 0 ? propsId : reactId;
+  var containerRef = React.useRef(null);
+  var _e = React.useState(false),
+    isOpen = _e[0],
+    setIsOpen = _e[1];
+  var disabledDays = calculateDisabledDays.calculateDisabledDays({
+    disabledDates: disabledDates,
+    disabledDaysOfWeek: disabledDaysOfWeek,
+    disabledRange: disabledRange,
+    disabledBeforeAfter: disabledBeforeAfter,
+    disabledBefore: disabledBefore,
+    disabledAfter: disabledAfter
+  });
+  var handleOpenClose = function () {
+    setIsOpen(!isOpen);
+  };
+  var handleReturnFocus = function () {
+    if (buttonRef.current) {
+      buttonRef.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.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 && reactDayPicker.isMatch(day, [{
+      before: range.from
+    }]);
+    var isRangeSelected = !!range.from && !!range.to;
+    return !range.from || isBeforeFirstDay || isRangeSelected;
+  };
+  return React__default.default.createElement("div", null, React__default.default.createElement("div", {
+    ref: containerRef,
+    className: classNameOverride
+  }, React__default.default.createElement(Label.Label, {
+    disabled: isDisabled,
+    htmlFor: id,
+    labelText: labelText
+  }), React__default.default.createElement("button", tslib.__assign({
+    type: "button",
+    id: id,
+    className: classnames__default.default(DateRangePicker_module.button, DateRangePicker_module.withStartIconAdornment, (_b = {}, _b[DateRangePicker_module.disabled] = isDisabled, _b)),
+    disabled: isDisabled,
+    ref: buttonRef,
+    onClick: handleOpenClose,
+    "aria-label": (selectedDateRange === null || selectedDateRange === void 0 ? void 0 : selectedDateRange.from) ? "Change date: ".concat(value) : "Choose date"
+  }, inputProps), React__default.default.createElement("div", {
+    className: DateRangePicker_module.startIconAdornment
+  }, React__default.default.createElement(DateStartIcon.DateStartIcon, {
+    role: "presentation"
+  })), React__default.default.createElement("span", {
+    className: DateRangePicker_module.value
+  }, (selectedDateRange === null || selectedDateRange === void 0 ? void 0 : selectedDateRange.from) ? value : undefined))), isOpen && React__default.default.createElement(reactFocusOn.FocusOn, {
+    scrollLock: false,
+    onDeactivation: handleReturnFocus,
+    onClickOutside: handleOpenClose,
+    onEscapeKey: handleOpenClose,
+    enabled: isOpen
+  }, React__default.default.createElement(CalendarPopover.CalendarPopover, {
+    referenceElement: containerRef.current
+  }, React__default.default.createElement(LegacyCalendarRange.LegacyCalendarRange, {
+    selectedRange: selectedDateRange,
+    defaultMonth: defaultMonth,
+    weekStartsOn: weekStartsOn,
+    disabledDays: disabledDays,
+    onDayChange: handleDayClick,
+    locale: locale.enUS
+  }))));
 };
 DateRangePicker.displayName = "DateRangePicker";
-
 exports.DateRangePicker = DateRangePicker;

package/dist/cjs/DateRangePicker/DateRangePicker.module.scss.cjs

@@ -1,5 +1,10 @@
 'use strict';
 
-var styles = {"button":"DateRangePicker-module_button__cA-Ss","disabled":"DateRangePicker-module_disabled__f0zmt","value":"DateRangePicker-module_value__dtZAj","startIconAdornment":"DateRangePicker-module_startIconAdornment__lCw3l","withStartIconAdornment":"DateRangePicker-module_withStartIconAdornment__auP6u"};
-
+var styles = {
+  "button": "DateRangePicker-module_button__cA-Ss",
+  "disabled": "DateRangePicker-module_disabled__f0zmt",
+  "value": "DateRangePicker-module_value__dtZAj",
+  "startIconAdornment": "DateRangePicker-module_startIconAdornment__lCw3l",
+  "withStartIconAdornment": "DateRangePicker-module_withStartIconAdornment__auP6u"
+};
 module.exports = styles;

package/dist/cjs/DateRangePicker/utils/formatDateRangeValue.cjs

@@ -1,30 +1,24 @@
 'use strict';
 
 var dateFormatOptions = {
-    month: "short",
-    year: "numeric",
-    day: "numeric",
+  month: "short",
+  year: "numeric",
+  day: "numeric"
 };
 var dateWithoutYearFormatOptions = {
-    month: "short",
-    day: "numeric",
+  month: "short",
+  day: "numeric"
 };
 var formatDateRangeValue = function (dateRange) {
-    var _a, _b, _c, _d;
-    if (dateRange.to) {
-        var isSameYear = ((_a = dateRange.from) === null || _a === void 0 ? void 0 : _a.getFullYear()) === ((_b = dateRange === null || dateRange === void 0 ? void 0 : dateRange.to) === null || _b === void 0 ? void 0 : _b.getFullYear());
-        var from = isSameYear
-            ? (_c = dateRange.from) === null || _c === void 0 ? void 0 : _c.toLocaleDateString("en-US", dateWithoutYearFormatOptions)
-            : (_d = dateRange.from) === null || _d === void 0 ? void 0 : _d.toLocaleDateString("en-US", dateFormatOptions);
-        var to = dateRange.to.toLocaleDateString("en-US", dateFormatOptions);
-        return "".concat(from, " \u2013 ").concat(to);
-    }
-    else {
-        var from = dateRange.from
-            ? dateRange.from.toLocaleDateString("en-US", dateFormatOptions)
-            : "";
-        return from;
-    }
+  var _a, _b, _c, _d;
+  if (dateRange.to) {
+    var isSameYear = ((_a = dateRange.from) === null || _a === void 0 ? void 0 : _a.getFullYear()) === ((_b = dateRange === null || dateRange === void 0 ? void 0 : dateRange.to) === null || _b === void 0 ? void 0 : _b.getFullYear());
+    var from = isSameYear ? (_c = dateRange.from) === null || _c === void 0 ? void 0 : _c.toLocaleDateString("en-US", dateWithoutYearFormatOptions) : (_d = dateRange.from) === null || _d === void 0 ? void 0 : _d.toLocaleDateString("en-US", dateFormatOptions);
+    var to = dateRange.to.toLocaleDateString("en-US", dateFormatOptions);
+    return "".concat(from, " \u2013 ").concat(to);
+  } else {
+    var from = dateRange.from ? dateRange.from.toLocaleDateString("en-US", dateFormatOptions) : "";
+    return from;
+  }
 };
-
 exports.formatDateRangeValue = formatDateRangeValue;

package/dist/cjs/Divider/Divider.cjs

@@ -4,9 +4,11 @@ var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
 var Divider_module = require('./Divider.module.scss.cjs');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 var React__default = /*#__PURE__*/_interopDefault(React);
 var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 
@@ -15,9 +17,15 @@ var classnames__default = /*#__PURE__*/_interopDefault(classnames);
  * {@link https://cultureamp.design/?path=/docs/components-divider--docs Storybook}
  */
 var Divider = function (_a) {
-    var variant = _a.variant, _b = _a.isReversed, isReversed = _b === void 0 ? false : _b, classNameOverride = _a.classNameOverride, props = tslib.__rest(_a, ["variant", "isReversed", "classNameOverride"]);
-    return (React__default.default.createElement("hr", tslib.__assign({ "aria-hidden": "true", className: classnames__default.default(Divider_module.wrapper, classNameOverride, isReversed && Divider_module.reversed, Divider_module[variant]) }, props)));
+  var variant = _a.variant,
+    _b = _a.isReversed,
+    isReversed = _b === void 0 ? false : _b,
+    classNameOverride = _a.classNameOverride,
+    props = tslib.__rest(_a, ["variant", "isReversed", "classNameOverride"]);
+  return React__default.default.createElement("hr", tslib.__assign({
+    "aria-hidden": "true",
+    className: classnames__default.default(Divider_module.wrapper, classNameOverride, isReversed && Divider_module.reversed, Divider_module[variant])
+  }, props));
 };
 Divider.displayName = "Divider";
-
 exports.Divider = Divider;

package/dist/cjs/Divider/Divider.module.scss.cjs

@@ -1,5 +1,10 @@
 'use strict';
 
-var styles = {"wrapper":"Divider-module_wrapper__K5mht","content":"Divider-module_content__BhDyy","menuSeparator":"Divider-module_menuSeparator__kjXV5","canvas":"Divider-module_canvas__2eQT6","reversed":"Divider-module_reversed__puJw2"};
-
+var styles = {
+  "wrapper": "Divider-module_wrapper__K5mht",
+  "content": "Divider-module_content__BhDyy",
+  "menuSeparator": "Divider-module_menuSeparator__kjXV5",
+  "canvas": "Divider-module_canvas__2eQT6",
+  "reversed": "Divider-module_reversed__puJw2"
+};
 module.exports = styles;

package/dist/cjs/EmptyState/EmptyState.cjs

@@ -9,34 +9,63 @@ require('../Illustration/Scene/BrandMomentCaptureIntro/BrandMomentCaptureIntro.c
 var Scene = require('../Illustration/Scene/Scene.cjs');
 var Text = require('../Text/Text.cjs');
 var EmptyState_module = require('./EmptyState.module.scss.cjs');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 var React__default = /*#__PURE__*/_interopDefault(React);
 var classnames__default = /*#__PURE__*/_interopDefault(classnames);
-
 var ILLUSTRATIONS = {
-    positive: Scene.EmptyStatesPositive,
-    neutral: Scene.EmptyStatesNeutral,
-    negative: Scene.EmptyStatesNegative,
-    informative: Scene.EmptyStatesInformative,
-    action: Scene.EmptyStatesAction,
+  positive: Scene.EmptyStatesPositive,
+  neutral: Scene.EmptyStatesNeutral,
+  negative: Scene.EmptyStatesNegative,
+  informative: Scene.EmptyStatesInformative,
+  action: Scene.EmptyStatesAction
 };
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094098/Empty+State Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-empty-state--docs Storybook}
  */
 var EmptyState = function (_a) {
-    var children = _a.children, id = _a.id, _b = _a.illustrationType, illustrationType = _b === void 0 ? "informative" : _b, _c = _a.layoutContext, layoutContext = _c === void 0 ? "sidebarAndContent" : _c, headingProps = _a.headingProps, bodyText = _a.bodyText, straightCorners = _a.straightCorners, _d = _a.isAnimated, isAnimated = _d === void 0 ? true : _d, _e = _a.loop, loop = _e === void 0 ? false : _e, classNameOverride = _a.classNameOverride, props = tslib.__rest(_a, ["children", "id", "illustrationType", "layoutContext", "headingProps", "bodyText", "straightCorners", "isAnimated", "loop", "classNameOverride"]);
-    var IllustrationComponent = ILLUSTRATIONS[illustrationType];
-    return (React__default.default.createElement("div", tslib.__assign({ className: classnames__default.default(classNameOverride, EmptyState_module[illustrationType], EmptyState_module.container, EmptyState_module.zen, EmptyState_module[layoutContext], straightCorners && EmptyState_module.straightCorners), id: id }, props),
-        React__default.default.createElement("div", { className: EmptyState_module.illustrationSide }, isAnimated ? (React__default.default.createElement(IllustrationComponent, { isAnimated: true, loop: loop, classNameOverride: EmptyState_module.illustration })) : (React__default.default.createElement(IllustrationComponent, { alt: illustrationType, classNameOverride: EmptyState_module.illustration }))),
-        React__default.default.createElement("div", { className: EmptyState_module.textSide },
-            React__default.default.createElement("div", { className: EmptyState_module.textSideInner },
-                headingProps && (React__default.default.createElement(Heading.Heading, tslib.__assign({ classNameOverride: EmptyState_module.heading }, headingProps))),
-                React__default.default.createElement(Text.Text, { variant: "body", classNameOverride: EmptyState_module.description }, bodyText),
-                children))));
+  var children = _a.children,
+    id = _a.id,
+    _b = _a.illustrationType,
+    illustrationType = _b === void 0 ? "informative" : _b,
+    _c = _a.layoutContext,
+    layoutContext = _c === void 0 ? "sidebarAndContent" : _c,
+    headingProps = _a.headingProps,
+    bodyText = _a.bodyText,
+    straightCorners = _a.straightCorners,
+    _d = _a.isAnimated,
+    isAnimated = _d === void 0 ? true : _d,
+    _e = _a.loop,
+    loop = _e === void 0 ? false : _e,
+    classNameOverride = _a.classNameOverride,
+    props = tslib.__rest(_a, ["children", "id", "illustrationType", "layoutContext", "headingProps", "bodyText", "straightCorners", "isAnimated", "loop", "classNameOverride"]);
+  var IllustrationComponent = ILLUSTRATIONS[illustrationType];
+  return React__default.default.createElement("div", tslib.__assign({
+    className: classnames__default.default(classNameOverride, EmptyState_module[illustrationType], EmptyState_module.container, EmptyState_module.zen, EmptyState_module[layoutContext], straightCorners && EmptyState_module.straightCorners),
+    id: id
+  }, props), React__default.default.createElement("div", {
+    className: EmptyState_module.illustrationSide
+  }, isAnimated ? React__default.default.createElement(IllustrationComponent, {
+    isAnimated: true,
+    loop: loop,
+    classNameOverride: EmptyState_module.illustration
+  }) : React__default.default.createElement(IllustrationComponent, {
+    alt: illustrationType,
+    classNameOverride: EmptyState_module.illustration
+  })), React__default.default.createElement("div", {
+    className: EmptyState_module.textSide
+  }, React__default.default.createElement("div", {
+    className: EmptyState_module.textSideInner
+  }, headingProps && React__default.default.createElement(Heading.Heading, tslib.__assign({
+    classNameOverride: EmptyState_module.heading
+  }, headingProps)), React__default.default.createElement(Text.Text, {
+    variant: "body",
+    classNameOverride: EmptyState_module.description
+  }, bodyText), children)));
 };
 EmptyState.displayName = "EmptyState";
-
 exports.EmptyState = EmptyState;

package/dist/cjs/EmptyState/EmptyState.module.scss.cjs

@@ -1,5 +1,20 @@
 'use strict';
 
-var styles = {"container":"EmptyState-module_container__-B5OU","straightCorners":"EmptyState-module_straightCorners__Aeou0","sidebarAndContent":"EmptyState-module_sidebarAndContent__Eysay","contentOnly":"EmptyState-module_contentOnly__RWVVX","positive":"EmptyState-module_positive__o3dXR","negative":"EmptyState-module_negative__e5ci6","action":"EmptyState-module_action__OdsgJ","neutral":"EmptyState-module_neutral__L6fBb","informative":"EmptyState-module_informative__x0GSr","illustrationSide":"EmptyState-module_illustrationSide__ZSjF3","textSide":"EmptyState-module_textSide__tv54w","illustration":"EmptyState-module_illustration__HyD2k","textSideInner":"EmptyState-module_textSideInner__Yynhi","heading":"EmptyState-module_heading__y-yvC","description":"EmptyState-module_description__fsJOc"};
-
+var styles = {
+  "container": "EmptyState-module_container__-B5OU",
+  "straightCorners": "EmptyState-module_straightCorners__Aeou0",
+  "sidebarAndContent": "EmptyState-module_sidebarAndContent__Eysay",
+  "contentOnly": "EmptyState-module_contentOnly__RWVVX",
+  "positive": "EmptyState-module_positive__o3dXR",
+  "negative": "EmptyState-module_negative__e5ci6",
+  "action": "EmptyState-module_action__OdsgJ",
+  "neutral": "EmptyState-module_neutral__L6fBb",
+  "informative": "EmptyState-module_informative__x0GSr",
+  "illustrationSide": "EmptyState-module_illustrationSide__ZSjF3",
+  "textSide": "EmptyState-module_textSide__tv54w",
+  "illustration": "EmptyState-module_illustration__HyD2k",
+  "textSideInner": "EmptyState-module_textSideInner__Yynhi",
+  "heading": "EmptyState-module_heading__y-yvC",
+  "description": "EmptyState-module_description__fsJOc"
+};
 module.exports = styles;