@kaizen/components 1.70.9 → 1.70.10

package/dist/cjs/Avatar/Avatar.cjs

@@ -5,7 +5,7 @@ var React = require('react');
 var classnames = require('classnames');
 var reactTextfit = require('react-textfit');
 var Icon = require('../__rc__/Icon/Icon.cjs');
-var Avatar_module = require('./Avatar.module.scss.cjs');
+var Avatar_module = require('./Avatar.module.css.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e
@@ -108,10 +108,10 @@ var Avatar = function (_a) {
   var isPersonal = isNoneOrError && isCurrentUser;
   var isOtherUser = isNoneOrError && !isCurrentUser;
   return React__default.default.createElement("span", tslib.__assign({
-    className: classnames__default.default(Avatar_module.wrapper, Avatar_module[size], classNameOverride, isCompany && Avatar_module.company, isPersonal && Avatar_module.personal, isOtherUser && Avatar_module.otherUser, (avatarState === 'loading' || avatarState === 'error') && Avatar_module.loading)
+    className: classnames__default.default(Avatar_module.wrapper, Avatar_module[size], classNameOverride, isCompany && Avatar_module.company, isPersonal && Avatar_module.personal, isOtherUser && Avatar_module.otherUser)
   }, restProps), avatarState !== 'none' && React__default.default.createElement("img", {
     ref: image,
-    className: classnames__default.default(Avatar_module.avatarImage, isCompany && Avatar_module.companyAvatarImage),
+    className: classnames__default.default(Avatar_module.avatarImage, isCompany && Avatar_module.companyAvatarImage, (avatarState === 'loading' || avatarState === 'error') && Avatar_module.loading),
     src: avatarSrc,
     onError: onImageFailure,
     onLoad: onImageSuccess,

package/dist/cjs/Avatar/Avatar.module.css.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+var styles = {
+  "wrapper": "Avatar-module_wrapper__elyMq",
+  "small": "Avatar-module_small__xytAy",
+  "medium": "Avatar-module_medium__gDEnT",
+  "large": "Avatar-module_large__bexrc",
+  "xlarge": "Avatar-module_xlarge__ifASs",
+  "xxlarge": "Avatar-module_xxlarge__g7bx6",
+  "personal": "Avatar-module_personal__bq8mM",
+  "otherUser": "Avatar-module_otherUser__U2h5P",
+  "company": "Avatar-module_company__YVflF",
+  "avatarImage": "Avatar-module_avatarImage__pHTCF",
+  "loading": "Avatar-module_loading__2i5YE",
+  "companyAvatarImage": "Avatar-module_companyAvatarImage__aGdNm",
+  "fallbackIcon": "Avatar-module_fallbackIcon__RUoRR",
+  "initials": "Avatar-module_initials__85roP",
+  "longName": "Avatar-module_longName__02zNk"
+};
+module.exports = styles;

package/dist/cjs/AvatarGroup/AvatarGroup.cjs

@@ -4,7 +4,7 @@ var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
 var Avatar = require('../Avatar/Avatar.cjs');
-var AvatarGroup_module = require('./AvatarGroup.module.scss.cjs');
+var AvatarGroup_module = require('./AvatarGroup.module.css.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e

package/dist/cjs/AvatarGroup/AvatarGroup.module.css.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var styles = {
+  "AvatarGroup": "AvatarGroup-module_AvatarGroup__xftR5",
+  "AvatarCounter": "AvatarGroup-module_AvatarCounter__0DCSW",
+  "AvatarGroupItem": "AvatarGroup-module_AvatarGroupItem__s8miW",
+  "small": "AvatarGroup-module_small__zX0AT",
+  "medium": "AvatarGroup-module_medium__0Vlk8",
+  "large": "AvatarGroup-module_large__c1ZHO"
+};
+module.exports = styles;

package/dist/cjs/Badge/Badge.cjs

@@ -3,7 +3,7 @@
 var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
-var Badge_module = require('./Badge.module.scss.cjs');
+var Badge_module = require('./Badge.module.css.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e

package/dist/cjs/Badge/Badge.module.css.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+var styles = {
+  "badge": "Badge-module_badge__ojFmb",
+  "reversed": "Badge-module_reversed__C5Glu",
+  "active": "Badge-module_active__18-He",
+  "dark": "Badge-module_dark__SjUFf",
+  "large": "Badge-module_large__K10-T",
+  "default": "Badge-module_default__KNPFc",
+  "dot": "Badge-module_dot__NIjOQ",
+  "animation": "Badge-module_animation__hYW2H",
+  "animationOn": "Badge-module_animationOn__6Seca"
+};
+module.exports = styles;

package/dist/cjs/Brand/Brand.cjs

@@ -5,7 +5,7 @@ var React = require('react');
 var classnames = require('classnames');
 var hostedAssets = require('../utils/hostedAssets.cjs');
 var BrandCollectiveIntelligence = require('./BrandCollectiveIntelligence/BrandCollectiveIntelligence.cjs');
-var Brand_module = require('./Brand.module.scss.cjs');
+var Brand_module = require('./Brand.module.css.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e

package/dist/cjs/Brand/{Brand.module.scss.cjs → Brand.module.css.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
 var styles = {
-  "img": "Brand-module_img__uWvra"
+  "img": "Brand-module_img__-kq3F"
 };
 module.exports = styles;

package/dist/cjs/BrandMoment/BrandMoment.cjs

@@ -9,7 +9,7 @@ var Heading = require('../Heading/Heading.cjs');
 var Text = require('../Text/Text.cjs');
 var hostedAssets = require('../utils/hostedAssets.cjs');
 var useMediaQueries = require('../utils/useMediaQueries.cjs');
-var BrandMoment_module = require('./BrandMoment.module.scss.cjs');
+var BrandMoment_module = require('./BrandMoment.module.css.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e

package/dist/cjs/BrandMoment/BrandMoment.module.css.cjs

@@ -0,0 +1,29 @@
+'use strict';
+
+var styles = {
+  "body": "BrandMoment-module_body__mZWwj",
+  "positive": "BrandMoment-module_positive__BUY8h",
+  "negative": "BrandMoment-module_negative__dGxqH",
+  "informative": "BrandMoment-module_informative__RDHFy",
+  "success": "BrandMoment-module_success__i-7Fl",
+  "warning": "BrandMoment-module_warning__iuyDr",
+  "container": "BrandMoment-module_container__OlSoH",
+  "header": "BrandMoment-module_header__sKrWW",
+  "main": "BrandMoment-module_main__sTJzS",
+  "mainInner": "BrandMoment-module_mainInner__rdzJ-",
+  "left": "BrandMoment-module_left__4j1kF",
+  "leftInner": "BrandMoment-module_leftInner__41Xmt",
+  "right": "BrandMoment-module_right__Jly5e",
+  "rightInner": "BrandMoment-module_rightInner__Q9Fb1",
+  "subtitle": "BrandMoment-module_subtitle__ga5-B",
+  "title": "BrandMoment-module_title__D5j2N",
+  "textBody": "BrandMoment-module_textBody__oNXGM",
+  "secondaryAction": "BrandMoment-module_secondaryAction__t5zMV",
+  "actions": "BrandMoment-module_actions__qYQHB",
+  "footer": "BrandMoment-module_footer__RXyg-",
+  "footerInner": "BrandMoment-module_footerInner__rTK8U",
+  "poweredByContainer": "BrandMoment-module_poweredByContainer__vIfJu",
+  "footerTextContainer": "BrandMoment-module_footerTextContainer__2GPk4",
+  "poweredByLogo": "BrandMoment-module_poweredByLogo__BL-Ti"
+};
+module.exports = styles;

package/dist/cjs/ButtonGroup/ButtonGroup.cjs

@@ -5,7 +5,7 @@ var React = require('react');
 var classnames = require('classnames');
 var FilterButtonBase = require('../Filter/FilterButton/subcomponents/FilterButtonBase/FilterButtonBase.cjs');
 var index = require('../Tooltip/index.cjs');
-var ButtonGroup_module = require('./ButtonGroup.module.scss.cjs');
+var ButtonGroup_module = require('./ButtonGroup.module.css.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e

package/dist/cjs/ButtonGroup/ButtonGroup.module.css.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var styles = {
+  "buttonGroup": "ButtonGroup-module_buttonGroup__V0Pf9",
+  "child": "ButtonGroup-module_child__j1SVF",
+  "firstChild": "ButtonGroup-module_firstChild__ys3PS",
+  "lastChild": "ButtonGroup-module_lastChild__WBOpN"
+};
+module.exports = styles;

package/dist/esm/Avatar/Avatar.mjs

@@ -3,7 +3,7 @@ import React, { useState, useRef, useEffect } from 'react';
 import classnames from 'classnames';
 import { Textfit } from 'react-textfit';
 import { Icon } from '../__rc__/Icon/Icon.mjs';
-import styles from './Avatar.module.scss.mjs';
+import styles from './Avatar.module.css.mjs';
 var getInitials = function (fullName, max2Characters) {
   if (max2Characters === void 0) {
     max2Characters = false;
@@ -45,9 +45,9 @@ var renderInitials = function (fullName, alt, size, disableInitials) {
   var initials = getInitials(fullName);
   var isLongName = initials.length > 2 && size !== 'small';
   var renderFallback = disableInitials || initials === '';
-  return renderFallback ? ( /*#__PURE__*/React.createElement(FallbackIcon, {
+  return renderFallback ? (/*#__PURE__*/React.createElement(FallbackIcon, {
     alt: alt
-  })) : ( /*#__PURE__*/React.createElement("abbr", {
+  })) : (/*#__PURE__*/React.createElement("abbr", {
     className: classnames(styles.initials, isLongName && styles.longName),
     title: alt
   }, isLongName ? (
@@ -100,10 +100,10 @@ var Avatar = function (_a) {
   var isPersonal = isNoneOrError && isCurrentUser;
   var isOtherUser = isNoneOrError && !isCurrentUser;
   return /*#__PURE__*/React.createElement("span", __assign({
-    className: classnames(styles.wrapper, styles[size], classNameOverride, isCompany && styles.company, isPersonal && styles.personal, isOtherUser && styles.otherUser, (avatarState === 'loading' || avatarState === 'error') && styles.loading)
-  }, restProps), avatarState !== 'none' && ( /*#__PURE__*/React.createElement("img", {
+    className: classnames(styles.wrapper, styles[size], classNameOverride, isCompany && styles.company, isPersonal && styles.personal, isOtherUser && styles.otherUser)
+  }, restProps), avatarState !== 'none' && (/*#__PURE__*/React.createElement("img", {
     ref: image,
-    className: classnames(styles.avatarImage, isCompany && styles.companyAvatarImage),
+    className: classnames(styles.avatarImage, isCompany && styles.companyAvatarImage, (avatarState === 'loading' || avatarState === 'error') && styles.loading),
     src: avatarSrc,
     onError: onImageFailure,
     onLoad: onImageSuccess,

package/dist/esm/Avatar/Avatar.module.css.mjs

@@ -0,0 +1,18 @@
+var styles = {
+  "wrapper": "Avatar-module_wrapper__elyMq",
+  "small": "Avatar-module_small__xytAy",
+  "medium": "Avatar-module_medium__gDEnT",
+  "large": "Avatar-module_large__bexrc",
+  "xlarge": "Avatar-module_xlarge__ifASs",
+  "xxlarge": "Avatar-module_xxlarge__g7bx6",
+  "personal": "Avatar-module_personal__bq8mM",
+  "otherUser": "Avatar-module_otherUser__U2h5P",
+  "company": "Avatar-module_company__YVflF",
+  "avatarImage": "Avatar-module_avatarImage__pHTCF",
+  "loading": "Avatar-module_loading__2i5YE",
+  "companyAvatarImage": "Avatar-module_companyAvatarImage__aGdNm",
+  "fallbackIcon": "Avatar-module_fallbackIcon__RUoRR",
+  "initials": "Avatar-module_initials__85roP",
+  "longName": "Avatar-module_longName__02zNk"
+};
+export { styles as default };

package/dist/esm/AvatarGroup/AvatarGroup.mjs

@@ -2,7 +2,7 @@ import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
 import { Avatar } from '../Avatar/Avatar.mjs';
-import styles from './AvatarGroup.module.scss.mjs';
+import styles from './AvatarGroup.module.css.mjs';
 var renderCounter = function (remainingAvatars) {
   if (remainingAvatars <= 0) return;
   return /*#__PURE__*/React.createElement("li", {
@@ -15,7 +15,7 @@ var renderCounter = function (remainingAvatars) {
 };
 var renderAvatars = function (avatars, maxVisible, size) {
   return /*#__PURE__*/React.createElement(React.Fragment, null, avatars === null || avatars === void 0 ? void 0 : avatars.map(function (avatarProps, index) {
-    return index < maxVisible && ( /*#__PURE__*/React.createElement("li", {
+    return index < maxVisible && (/*#__PURE__*/React.createElement("li", {
       key: "avatar-".concat(index),
       className: styles.AvatarGroupItem
     }, /*#__PURE__*/React.createElement(Avatar, __assign({}, avatarProps, {

package/dist/esm/AvatarGroup/AvatarGroup.module.css.mjs

@@ -0,0 +1,9 @@
+var styles = {
+  "AvatarGroup": "AvatarGroup-module_AvatarGroup__xftR5",
+  "AvatarCounter": "AvatarGroup-module_AvatarCounter__0DCSW",
+  "AvatarGroupItem": "AvatarGroup-module_AvatarGroupItem__s8miW",
+  "small": "AvatarGroup-module_small__zX0AT",
+  "medium": "AvatarGroup-module_medium__0Vlk8",
+  "large": "AvatarGroup-module_large__c1ZHO"
+};
+export { styles as default };

package/dist/esm/Badge/Badge.mjs

@@ -1,7 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import React, { useState, useLayoutEffect } from 'react';
 import classnames from 'classnames';
-import styles from './Badge.module.scss.mjs';
+import styles from './Badge.module.css.mjs';
 
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3064857333/Badge Guidance} |

package/dist/esm/Badge/Badge.module.css.mjs

@@ -0,0 +1,12 @@
+var styles = {
+  "badge": "Badge-module_badge__ojFmb",
+  "reversed": "Badge-module_reversed__C5Glu",
+  "active": "Badge-module_active__18-He",
+  "dark": "Badge-module_dark__SjUFf",
+  "large": "Badge-module_large__K10-T",
+  "default": "Badge-module_default__KNPFc",
+  "dot": "Badge-module_dot__NIjOQ",
+  "animation": "Badge-module_animation__hYW2H",
+  "animationOn": "Badge-module_animationOn__6Seca"
+};
+export { styles as default };

package/dist/esm/Brand/Brand.mjs

@@ -3,7 +3,7 @@ import React from 'react';
 import classnames from 'classnames';
 import { assetUrl } from '../utils/hostedAssets.mjs';
 import { BrandCollectiveIntelligence } from './BrandCollectiveIntelligence/BrandCollectiveIntelligence.mjs';
-import styles from './Brand.module.scss.mjs';
+import styles from './Brand.module.css.mjs';
 var isSVG = function (variant, restProps) {
   return variant === 'collective-intelligence';
 };

package/dist/esm/Brand/{Brand.module.scss.mjs → Brand.module.css.mjs}

@@ -1,4 +1,4 @@
 var styles = {
-  "img": "Brand-module_img__uWvra"
+  "img": "Brand-module_img__-kq3F"
 };
 export { styles as default };

package/dist/esm/BrandMoment/BrandMoment.mjs

@@ -7,7 +7,7 @@ import { Heading } from '../Heading/Heading.mjs';
 import { Text } from '../Text/Text.mjs';
 import { assetUrl } from '../utils/hostedAssets.mjs';
 import { useMediaQueries } from '../utils/useMediaQueries.mjs';
-import styles from './BrandMoment.module.scss.mjs';
+import styles from './BrandMoment.module.css.mjs';
 
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082061589/Brand+Moment Guidance} |
@@ -44,7 +44,7 @@ const BrandMoment = /*#__PURE__*/function () {
       className: styles.right
     }, /*#__PURE__*/React.createElement("div", {
       className: styles.rightInner
-    }, text.subtitle && ( /*#__PURE__*/React.createElement(Heading, {
+    }, text.subtitle && (/*#__PURE__*/React.createElement(Heading, {
       variant: "heading-3",
       tag: "h1",
       classNameOverride: styles.subtitle
@@ -52,22 +52,22 @@ const BrandMoment = /*#__PURE__*/function () {
       variant: "display-0",
       tag: text.subtitle ? 'h2' : 'h1',
       classNameOverride: styles.title
-    }, text.title), text.body && ( /*#__PURE__*/React.createElement(Text, {
+    }, text.title), text.body && (/*#__PURE__*/React.createElement(Text, {
       variant: "intro-lede",
       classNameOverride: styles.textBody
     }, text.body)), body && /*#__PURE__*/React.createElement("div", {
       className: styles.textBody
     }, body), /*#__PURE__*/React.createElement("div", {
       className: styles.actions
-    }, primaryAction && ( /*#__PURE__*/React.createElement(Button, __assign({
+    }, primaryAction && (/*#__PURE__*/React.createElement(Button, __assign({
       primary: true,
       fullWidth: queries.isSmall
-    }, primaryAction))), secondaryAction && ( /*#__PURE__*/React.createElement("div", {
+    }, primaryAction))), secondaryAction && (/*#__PURE__*/React.createElement("div", {
       className: styles.secondaryAction
     }, /*#__PURE__*/React.createElement(Button, __assign({
       secondary: true,
       fullWidth: queries.isSmall
-    }, secondaryAction)))))))))), text.footer && ( /*#__PURE__*/React.createElement("footer", {
+    }, secondaryAction)))))))))), text.footer && (/*#__PURE__*/React.createElement("footer", {
       className: styles.footer
     }, /*#__PURE__*/React.createElement("div", {
       className: styles.container

package/dist/esm/BrandMoment/BrandMoment.module.css.mjs

@@ -0,0 +1,27 @@
+var styles = {
+  "body": "BrandMoment-module_body__mZWwj",
+  "positive": "BrandMoment-module_positive__BUY8h",
+  "negative": "BrandMoment-module_negative__dGxqH",
+  "informative": "BrandMoment-module_informative__RDHFy",
+  "success": "BrandMoment-module_success__i-7Fl",
+  "warning": "BrandMoment-module_warning__iuyDr",
+  "container": "BrandMoment-module_container__OlSoH",
+  "header": "BrandMoment-module_header__sKrWW",
+  "main": "BrandMoment-module_main__sTJzS",
+  "mainInner": "BrandMoment-module_mainInner__rdzJ-",
+  "left": "BrandMoment-module_left__4j1kF",
+  "leftInner": "BrandMoment-module_leftInner__41Xmt",
+  "right": "BrandMoment-module_right__Jly5e",
+  "rightInner": "BrandMoment-module_rightInner__Q9Fb1",
+  "subtitle": "BrandMoment-module_subtitle__ga5-B",
+  "title": "BrandMoment-module_title__D5j2N",
+  "textBody": "BrandMoment-module_textBody__oNXGM",
+  "secondaryAction": "BrandMoment-module_secondaryAction__t5zMV",
+  "actions": "BrandMoment-module_actions__qYQHB",
+  "footer": "BrandMoment-module_footer__RXyg-",
+  "footerInner": "BrandMoment-module_footerInner__rTK8U",
+  "poweredByContainer": "BrandMoment-module_poweredByContainer__vIfJu",
+  "footerTextContainer": "BrandMoment-module_footerTextContainer__2GPk4",
+  "poweredByLogo": "BrandMoment-module_poweredByLogo__BL-Ti"
+};
+export { styles as default };

package/dist/esm/Button/GenericButton/GenericButton.mjs

@@ -187,14 +187,14 @@ var renderWorkingContent = function (props) {
   }
   return /*#__PURE__*/React.createElement(React.Fragment, null, props.iconPosition !== 'end' && renderLoadingSpinner(), /*#__PURE__*/React.createElement("span", {
     className: styles.label
-  }, props.workingLabel), props.additionalContent && ( /*#__PURE__*/React.createElement("span", {
+  }, props.workingLabel), props.additionalContent && (/*#__PURE__*/React.createElement("span", {
     className: styles.additionalContentWrapper
   }, props.additionalContent)), props.iconPosition === 'end' && renderLoadingSpinner());
 };
 var renderDefaultContent = function (props) {
   return /*#__PURE__*/React.createElement(React.Fragment, null, props.icon && props.iconPosition !== 'end' && renderIcon(props.icon), (!props.icon || !props.iconButton) && /*#__PURE__*/React.createElement("span", {
     className: styles.label
-  }, props.label), props.additionalContent && ( /*#__PURE__*/React.createElement("span", {
+  }, props.label), props.additionalContent && (/*#__PURE__*/React.createElement("span", {
     className: styles.additionalContentWrapper
   }, props.additionalContent)), renderBadge(props), props.icon && props.iconPosition === 'end' && renderIcon(props.icon));
 };

package/dist/esm/ButtonGroup/ButtonGroup.mjs

@@ -3,7 +3,7 @@ import React from 'react';
 import classnames from 'classnames';
 import { FilterButtonBase } from '../Filter/FilterButton/subcomponents/FilterButtonBase/FilterButtonBase.mjs';
 import { Tooltip } from '../Tooltip/index.mjs';
-import styles from './ButtonGroup.module.scss.mjs';
+import styles from './ButtonGroup.module.css.mjs';
 var isFilterButton = function (node) {
   return /*#__PURE__*/React.isValidElement(node) && node.type === FilterButtonBase;
 };

package/dist/esm/ButtonGroup/ButtonGroup.module.css.mjs

@@ -0,0 +1,7 @@
+var styles = {
+  "buttonGroup": "ButtonGroup-module_buttonGroup__V0Pf9",
+  "child": "ButtonGroup-module_child__j1SVF",
+  "firstChild": "ButtonGroup-module_firstChild__ys3PS",
+  "lastChild": "ButtonGroup-module_lastChild__WBOpN"
+};
+export { styles as default };

package/dist/esm/Collapsible/Collapsible/Collapsible.mjs

@@ -57,7 +57,7 @@ const Collapsible = /*#__PURE__*/function () {
       },
       onClick: handleSectionToggle,
       "data-testid": "collapsible-header-".concat(id)
-    }, renderHeader !== undefined ? renderHeader(title) : ( /*#__PURE__*/React.createElement("div", {
+    }, renderHeader !== undefined ? renderHeader(title) : (/*#__PURE__*/React.createElement("div", {
       className: styles.title,
       "data-testid": "collapsible-button-title-".concat(id)
     }, /*#__PURE__*/React.createElement(Heading, {
@@ -76,7 +76,7 @@ const Collapsible = /*#__PURE__*/function () {
       id: buttonId,
       onClick: handleButtonPress,
       classNameOverride: styles.chevronButton
-    }))), (!lazyLoad || isOpen) && ( /*#__PURE__*/React.createElement(AnimateHeight, {
+    }))), (!lazyLoad || isOpen) && (/*#__PURE__*/React.createElement(AnimateHeight, {
       height: isOpen ? 'auto' : 0,
       "data-testid": "collapsible-section-".concat(id)
     }, /*#__PURE__*/React.createElement("div", {

package/dist/esm/DatePicker/DatePicker.mjs

@@ -221,7 +221,7 @@ const DatePicker = /*#__PURE__*/function () {
       onKeyDown: handleKeyDown,
       status: status !== undefined || !shouldUseInbuiltValidation ? status : inbuiltStatus,
       validationMessage: validationMessage !== undefined || !shouldUseInbuiltValidation ? validationMessage : inbuiltValidationMessage
-    }, restDateInputFieldProps))), isOpen && ( /*#__PURE__*/React.createElement(CalendarPopover, {
+    }, restDateInputFieldProps))), isOpen && (/*#__PURE__*/React.createElement(CalendarPopover, {
       referenceElement: containerRef.current,
       "aria-labelledby": "".concat(id, "-calendar-label ").concat(id, "-input-label")
     }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(VisuallyHidden, {

package/dist/esm/DatePicker/subcomponents/DateInputField/DateInputField.mjs

@@ -33,7 +33,7 @@ const DateInputField = /*#__PURE__*/function () {
       status: status,
       disabled: disabled,
       isReversed: isReversed
-    }, dateInputWithIconButtonProps)), shouldShowValidationMessage && ( /*#__PURE__*/React.createElement(FieldMessage, {
+    }, dateInputWithIconButtonProps)), shouldShowValidationMessage && (/*#__PURE__*/React.createElement(FieldMessage, {
       message: validationMessage,
       status: status,
       reversed: isReversed

package/dist/esm/DatePicker/utils/validateDate.mjs

@@ -32,14 +32,14 @@ var validateDate = function (_a) {
     return {
       validationResponse: __assign(__assign({}, baseResponse), {
         status: 'error',
-        validationMessage: inputValue ? ( /*#__PURE__*/React.createElement(FormattedMessage, {
+        validationMessage: inputValue ? (/*#__PURE__*/React.createElement(FormattedMessage, {
           id: "date.validation.invalidDateWithValue",
           defaultMessage: "{inputValue} is an invalid date",
           description: "Error message when the user enters an invalid date and we know their input value",
           values: {
             inputValue: inputValue
           }
-        })) : ( /*#__PURE__*/React.createElement(FormattedMessage, {
+        })) : (/*#__PURE__*/React.createElement(FormattedMessage, {
           id: "date.validation.invalidDate",
           defaultMessage: "Date is invalid",
           description: "Error message when the user enters an invalid date and we do not know their input value"
@@ -53,7 +53,7 @@ var validateDate = function (_a) {
     return {
       validationResponse: __assign(__assign({}, baseResponse), {
         status: 'error',
-        validationMessage: ( /*#__PURE__*/React.createElement(FormattedMessage, {
+        validationMessage: (/*#__PURE__*/React.createElement(FormattedMessage, {
           id: "date.validation.unavailableDate",
           defaultMessage: "{inputValue} is not available, try another date",
           description: "Error message when the user tries to select a date that is unavailable",

package/dist/esm/DateRangePicker/DateRangePicker.mjs

@@ -123,7 +123,7 @@ const DateRangePicker = /*#__PURE__*/function () {
       isFilled: true
     })), /*#__PURE__*/React.createElement("span", {
       className: styles.value
-    }, (selectedDateRange === null || selectedDateRange === void 0 ? void 0 : selectedDateRange.from) ? value : undefined))), isOpen && ( /*#__PURE__*/React.createElement(FocusOn, {
+    }, (selectedDateRange === null || selectedDateRange === void 0 ? void 0 : selectedDateRange.from) ? value : undefined))), isOpen && (/*#__PURE__*/React.createElement(FocusOn, {
       scrollLock: false,
       onDeactivation: handleReturnFocus,
       onClickOutside: handleOpenClose,

package/dist/esm/EmptyState/EmptyState.mjs

@@ -50,11 +50,11 @@ const EmptyState = /*#__PURE__*/function () {
       className: styles.content
     }, /*#__PURE__*/React.createElement("div", {
       className: styles.illustrationContainer
-    }, isAnimated ? ( /*#__PURE__*/React.createElement(IllustrationComponent, {
+    }, isAnimated ? (/*#__PURE__*/React.createElement(IllustrationComponent, {
       isAnimated: true,
       loop: loop,
       classNameOverride: styles.illustration
-    })) : ( /*#__PURE__*/React.createElement(IllustrationComponent, {
+    })) : (/*#__PURE__*/React.createElement(IllustrationComponent, {
       classNameOverride: styles.illustration
     }))), /*#__PURE__*/React.createElement("div", {
       className: styles.textContainer

package/dist/esm/FieldMessage/FieldMessage.mjs

@@ -18,7 +18,7 @@ const FieldMessage = /*#__PURE__*/function () {
     var textColor = status === 'default' || status === 'success' ? reversed ? 'white-reduced-opacity' : 'dark-reduced-opacity' : 'dark';
     return /*#__PURE__*/React.createElement("div", __assign({
       className: classnames(styles.message, styles[status], classNameOverride, reversed && styles.reversed, position === 'bottom' && styles.positionBottom, position === 'top' && styles.positionTop)
-    }, restProps), (status === 'error' || status === 'caution') && ( /*#__PURE__*/React.createElement("span", {
+    }, restProps), (status === 'error' || status === 'caution') && (/*#__PURE__*/React.createElement("span", {
       className: styles.warningIcon
     }, /*#__PURE__*/React.createElement(Icon, {
       name: status === 'error' ? 'error' : 'warning',

package/dist/esm/Filter/Filter/Filter.mjs

@@ -41,7 +41,7 @@ const Filter = /*#__PURE__*/function () {
       className: classnames(styles.filter, classNameOverride)
     }, restProps), /*#__PURE__*/React.cloneElement(trigger, {
       ref: filterButtonRef
-    }), isRefLoaded && isOpen && ( /*#__PURE__*/React.createElement(FocusOn, {
+    }), isRefLoaded && isOpen && (/*#__PURE__*/React.createElement(FocusOn, {
       scrollLock: false,
       onClickOutside: function () {
         return setIsOpen(false);

package/dist/esm/Filter/FilterBar/subcomponents/FilterBarButton/FilterBarButton.mjs

@@ -24,7 +24,7 @@ const FilterBarButton = /*#__PURE__*/function () {
         setFocus(undefined);
       }
     }, [filterId, focusId, ref, setFocus]);
-    return isRemovable ? ( /*#__PURE__*/React.createElement(FilterButtonRemovable, {
+    return isRemovable ? (/*#__PURE__*/React.createElement(FilterButtonRemovable, {
       ref: ref,
       triggerButtonProps: props,
       removeButtonProps: {
@@ -33,7 +33,7 @@ const FilterBarButton = /*#__PURE__*/function () {
         }
       },
       classNameOverride: classnames(classNameOverride, styles.filterBarButton)
-    })) : ( /*#__PURE__*/React.createElement(FilterButton, __assign({
+    })) : (/*#__PURE__*/React.createElement(FilterButton, __assign({
       ref: ref,
       classNameOverride: classnames(classNameOverride, styles.filterBarButton)
     }, props)));

package/dist/esm/Filter/FilterBar/subcomponents/FilterBarMultiSelect/FilterBarMultiSelect.mjs

@@ -86,12 +86,12 @@ const FilterBarMultiSelect = /*#__PURE__*/function () {
           selectedOptionLabels: filterState.value ? getSelectedOptionLabels(convertConsumableFormatIntoSelection(filterState.value), items) : [],
           label: filterState.name
         };
-        return filterState.isRemovable ? ( /*#__PURE__*/React.createElement(FilterMultiSelect.RemovableTrigger, __assign({}, triggerProps, {
+        return filterState.isRemovable ? (/*#__PURE__*/React.createElement(FilterMultiSelect.RemovableTrigger, __assign({}, triggerProps, {
           onRemove: function () {
             return hideFilter(id);
           },
           classNameOverride: styles.triggerButton
-        }))) : ( /*#__PURE__*/React.createElement(FilterMultiSelect.TriggerButton, __assign({
+        }))) : (/*#__PURE__*/React.createElement(FilterMultiSelect.TriggerButton, __assign({
           classNameOverride: styles.triggerButton
         }, triggerProps)));
       },

package/dist/esm/Filter/FilterButton/FilterButton/FilterButton.mjs

@@ -23,7 +23,7 @@ const FilterButton = /*#__PURE__*/function () {
       "aria-expanded": isOpen
     }, restProps), /*#__PURE__*/React.createElement("span", {
       className: styles.labelContainer
-    }, selectedValuesLabel ? ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+    }, selectedValuesLabel ? (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
       className: styles.hasSelectedValues
     }, /*#__PURE__*/React.createElement("span", null, label), /*#__PURE__*/React.createElement("span", {
       className: styles.labelSeparator

package/dist/esm/Filter/FilterDatePicker/subcomponents/DateInputField/DateInputField.mjs

@@ -39,7 +39,7 @@ const DateInputField = /*#__PURE__*/function () {
       disabled: disabled,
       status: validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.status,
       classNameOverride: classNameOverride
-    }, restProps)), validationMessage && ( /*#__PURE__*/React.createElement(FieldMessage, {
+    }, restProps)), validationMessage && (/*#__PURE__*/React.createElement(FieldMessage, {
       id: errorMessageId,
       message: validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.message,
       status: validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.status,

package/dist/esm/Filter/FilterDatePicker/utils/getDateValidationHandler.mjs

@@ -14,7 +14,7 @@ var getDateValidationHandler = function (_a) {
     }
     setInbuiltValidationMessage({
       status: validationMessage.status,
-      message: inputLabel ? ( /*#__PURE__*/React.createElement(LabelledMessage, {
+      message: inputLabel ? (/*#__PURE__*/React.createElement(LabelledMessage, {
         label: "".concat(getNodeText(inputLabel)),
         message: validationMessage.message
       })) : validationMessage.message

package/dist/esm/Filter/FilterDateRangePicker/FilterDateRangePicker.mjs

@@ -24,7 +24,7 @@ const FilterDateRangePicker = /*#__PURE__*/function () {
       setIsOpen: setIsOpen,
       renderTrigger: function (triggerProps) {
         return renderTrigger(__assign({
-          selectedValue: isCompleteDateRange(selectedRange) && isValidRange(selectedRange.from, selectedRange.to) ? ( /*#__PURE__*/React.createElement(DateRangeDisplayLabel, {
+          selectedValue: isCompleteDateRange(selectedRange) && isValidRange(selectedRange.from, selectedRange.to) ? (/*#__PURE__*/React.createElement(DateRangeDisplayLabel, {
             dateRange: selectedRange,
             locale: getLocale(locale)
           })) : undefined,

package/dist/esm/Filter/FilterDateRangePicker/subcomponents/DateRangeInputField/DateRangeInputField.mjs

@@ -62,7 +62,7 @@ const DateRangeInputField = /*#__PURE__*/function () {
       status: (_c = validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.dateEnd) === null || _c === void 0 ? void 0 : _c.status
     }, inputEndDateProps, {
       classNameOverride: classnames(styles.inputEndDate, inputEndDateProps.classNameOverride)
-    }))), validationMessage && ( /*#__PURE__*/React.createElement(DateRangeValidationMessage, {
+    }))), validationMessage && (/*#__PURE__*/React.createElement(DateRangeValidationMessage, {
       validationMessage: validationMessage,
       isReversed: isReversed,
       dateStartId: dateStartErrorMessageId,