@kaizen/components 1.67.20 → 1.67.22

package/dist/cjs/EmptyState/EmptyState.cjs

@@ -8,7 +8,7 @@ require('../Illustration/subcomponents/Base/Base.cjs');
 require('../Illustration/Scene/BrandMomentCaptureIntro/BrandMomentCaptureIntro.cjs');
 var Scene = require('../Illustration/Scene/Scene.cjs');
 var Text = require('../Text/Text.cjs');
-var EmptyState_module = require('./EmptyState.module.scss.cjs');
+var EmptyState_module = require('./EmptyState.module.css.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e
@@ -39,24 +39,25 @@ var EmptyState = function (_a) {
     id = _a.id,
     illustrationType = _a.illustrationType,
     _b = _a.variant,
-    variant = _b === void 0 ? "informative" : _b,
-    _c = _a.layoutContext,
-    layoutContext = _c === void 0 ? "sidebarAndContent" : _c,
-    headingProps = _a.headingProps,
+    variant = _b === void 0 ? "informative" : _b;
+  _a.layoutContext;
+  var 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,
+    _c = _a.isAnimated,
+    isAnimated = _c === void 0 ? true : _c,
+    _d = _a.loop,
+    loop = _d === void 0 ? false : _d,
     classNameOverride = _a.classNameOverride,
     props = tslib.__rest(_a, ["children", "id", "illustrationType", "variant", "layoutContext", "headingProps", "bodyText", "straightCorners", "isAnimated", "loop", "classNameOverride"]);
   var IllustrationComponent = ILLUSTRATIONS[illustrationType !== null && illustrationType !== void 0 ? illustrationType : variant];
   return React__default.default.createElement("div", tslib.__assign({
-    className: classnames__default.default(EmptyState_module.container, illustrationType ? EmptyState_module[illustrationType] : EmptyState_module[variant], EmptyState_module[layoutContext], straightCorners && EmptyState_module.straightCorners, classNameOverride),
+    className: classnames__default.default(EmptyState_module.container, illustrationType ? EmptyState_module[illustrationType] : EmptyState_module[variant], straightCorners && EmptyState_module.straightCorners, classNameOverride),
     id: id
   }, props), React__default.default.createElement("div", {
-    className: EmptyState_module.illustrationSide
+    className: EmptyState_module.content
+  }, React__default.default.createElement("div", {
+    className: EmptyState_module.illustrationContainer
   }, isAnimated ? React__default.default.createElement(IllustrationComponent, {
     isAnimated: true,
     loop: loop,
@@ -64,15 +65,12 @@ var EmptyState = function (_a) {
   }) : React__default.default.createElement(IllustrationComponent, {
     classNameOverride: EmptyState_module.illustration
   })), React__default.default.createElement("div", {
-    className: EmptyState_module.textSide
-  }, React__default.default.createElement("div", {
-    className: EmptyState_module.textSideInner
+    className: EmptyState_module.textContainer
   }, 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)));
+    variant: "body"
+  }, bodyText), children && React__default.default.createElement("span", null, children))));
 };
 EmptyState.displayName = "EmptyState";
 exports.EmptyState = EmptyState;

package/dist/cjs/EmptyState/EmptyState.module.css.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+var styles = {
+  "container": "EmptyState-module_container__0kOpV",
+  "straightCorners": "EmptyState-module_straightCorners__BNh-9",
+  "positive": "EmptyState-module_positive__Z2a3J",
+  "negative": "EmptyState-module_negative__mSmjN",
+  "action": "EmptyState-module_action__l1243",
+  "neutral": "EmptyState-module_neutral__i9IVq",
+  "success": "EmptyState-module_success__w9nvN",
+  "warning": "EmptyState-module_warning__vdEBx",
+  "informative": "EmptyState-module_informative__aeHUD",
+  "expert-advice": "EmptyState-module_expert-advice__05WOw",
+  "content": "EmptyState-module_content__dggps",
+  "illustrationContainer": "EmptyState-module_illustrationContainer__2Ch-u",
+  "illustration": "EmptyState-module_illustration__QSUZA",
+  "textContainer": "EmptyState-module_textContainer__jJ9NS",
+  "heading": "EmptyState-module_heading__pEPi3"
+};
+module.exports = styles;

package/dist/esm/Calendar/CalendarPopover/CalendarPopover.mjs

@@ -1,6 +1,6 @@
 import { __rest, __assign } from 'tslib';
 import React, { useState } from 'react';
-import { useFloating, size, offset, autoPlacement, autoUpdate } from '@floating-ui/react-dom';
+import { useFloating, autoUpdate, size, offset, autoPlacement } from '@floating-ui/react-dom';
 import classnames from 'classnames';
 import styles from './CalendarPopover.module.scss.mjs';
 

package/dist/esm/EmptyState/EmptyState.mjs

@@ -4,9 +4,9 @@ import classnames from 'classnames';
 import { Heading } from '../Heading/Heading.mjs';
 import '../Illustration/subcomponents/Base/Base.mjs';
 import '../Illustration/Scene/BrandMomentCaptureIntro/BrandMomentCaptureIntro.mjs';
-import { EmptyStatesPositive, EmptyStatesNegative, EmptyStatesInformative, EmptyStatesNeutral } from '../Illustration/Scene/Scene.mjs';
+import { EmptyStatesNegative, EmptyStatesNeutral, EmptyStatesPositive, EmptyStatesInformative } from '../Illustration/Scene/Scene.mjs';
 import { Text } from '../Text/Text.mjs';
-import styles from './EmptyState.module.scss.mjs';
+import styles from './EmptyState.module.css.mjs';
 var ILLUSTRATIONS = {
   success: EmptyStatesPositive,
   warning: EmptyStatesNegative,
@@ -31,24 +31,25 @@ const EmptyState = /*#__PURE__*/function () {
       id = _a.id,
       illustrationType = _a.illustrationType,
       _b = _a.variant,
-      variant = _b === void 0 ? "informative" : _b,
-      _c = _a.layoutContext,
-      layoutContext = _c === void 0 ? "sidebarAndContent" : _c,
-      headingProps = _a.headingProps,
+      variant = _b === void 0 ? "informative" : _b;
+    _a.layoutContext;
+    var 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,
+      _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", "illustrationType", "variant", "layoutContext", "headingProps", "bodyText", "straightCorners", "isAnimated", "loop", "classNameOverride"]);
     var IllustrationComponent = ILLUSTRATIONS[illustrationType !== null && illustrationType !== void 0 ? illustrationType : variant];
     return /*#__PURE__*/React.createElement("div", __assign({
-      className: classnames(styles.container, illustrationType ? styles[illustrationType] : styles[variant], styles[layoutContext], straightCorners && styles.straightCorners, classNameOverride),
+      className: classnames(styles.container, illustrationType ? styles[illustrationType] : styles[variant], straightCorners && styles.straightCorners, classNameOverride),
       id: id
     }, props), /*#__PURE__*/React.createElement("div", {
-      className: styles.illustrationSide
+      className: styles.content
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles.illustrationContainer
     }, isAnimated ? ( /*#__PURE__*/React.createElement(IllustrationComponent, {
       isAnimated: true,
       loop: loop,
@@ -56,15 +57,12 @@ const EmptyState = /*#__PURE__*/function () {
     })) : ( /*#__PURE__*/React.createElement(IllustrationComponent, {
       classNameOverride: styles.illustration
     }))), /*#__PURE__*/React.createElement("div", {
-      className: styles.textSide
-    }, /*#__PURE__*/React.createElement("div", {
-      className: styles.textSideInner
+      className: styles.textContainer
     }, headingProps && ( /*#__PURE__*/React.createElement(Heading, __assign({
       classNameOverride: styles.heading
     }, headingProps))), /*#__PURE__*/React.createElement(Text, {
-      variant: "body",
-      classNameOverride: styles.description
-    }, bodyText), children)));
+      variant: "body"
+    }, bodyText), children && /*#__PURE__*/React.createElement("span", null, children))));
   };
   EmptyState.displayName = "EmptyState";
   return EmptyState;

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

@@ -0,0 +1,18 @@
+var styles = {
+  "container": "EmptyState-module_container__0kOpV",
+  "straightCorners": "EmptyState-module_straightCorners__BNh-9",
+  "positive": "EmptyState-module_positive__Z2a3J",
+  "negative": "EmptyState-module_negative__mSmjN",
+  "action": "EmptyState-module_action__l1243",
+  "neutral": "EmptyState-module_neutral__i9IVq",
+  "success": "EmptyState-module_success__w9nvN",
+  "warning": "EmptyState-module_warning__vdEBx",
+  "informative": "EmptyState-module_informative__aeHUD",
+  "expert-advice": "EmptyState-module_expert-advice__05WOw",
+  "content": "EmptyState-module_content__dggps",
+  "illustrationContainer": "EmptyState-module_illustrationContainer__2Ch-u",
+  "illustration": "EmptyState-module_illustration__QSUZA",
+  "textContainer": "EmptyState-module_textContainer__jJ9NS",
+  "heading": "EmptyState-module_heading__pEPi3"
+};
+export { styles as default };

package/dist/esm/Filter/FilterMultiSelect/subcomponents/ListBox/ListBox.mjs

@@ -1,4 +1,4 @@
-import { __assign, __spreadArray } from 'tslib';
+import { __spreadArray, __assign } from 'tslib';
 import React, { useState, useEffect } from 'react';
 import classnames from 'classnames';
 import { useSelectionContext } from '../../context/SelectionProvider/SelectionProvider.mjs';

package/dist/esm/MultiSelect/subcomponents/Popover/Popover.mjs

@@ -1,7 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { createPortal } from 'react-dom';
-import { useFloating, offset, flip, size, autoUpdate } from '@floating-ui/react-dom';
+import { useFloating, autoUpdate, offset, flip, size } from '@floating-ui/react-dom';
 import classnames from 'classnames';
 import { FocusOn } from 'react-focus-on';
 import styles from './Popover.module.scss.mjs';

package/dist/esm/RichTextEditor/RichTextEditor/RichTextEditor.mjs

@@ -1,4 +1,4 @@
-import { __rest, __assign, __spreadArray } from 'tslib';
+import { __rest, __spreadArray, __assign } from 'tslib';
 import React, { useId, useState, useEffect } from 'react';
 import classnames from 'classnames';
 import { FieldMessage } from '../../FieldMessage/FieldMessage.mjs';

package/dist/esm/RichTextEditor/RichTextEditor/schema.mjs

@@ -1,4 +1,4 @@
-import { __spreadArray, __assign } from 'tslib';
+import { __assign, __spreadArray } from 'tslib';
 import { TOOLBAR_CONTROLS } from '../constants.mjs';
 import 'prosemirror-commands';
 import 'prosemirror-keymap';

package/dist/esm/RichTextEditor/utils/schema/nodes.mjs

@@ -1,6 +1,6 @@
 import { __rest, __assign } from 'tslib';
 import { nodes } from 'prosemirror-schema-basic';
-import { orderedList, bulletList, listItem } from 'prosemirror-schema-list';
+import { listItem, bulletList, orderedList } from 'prosemirror-schema-list';
 var getNodes = function () {
   // We use camel case names instead of ProseMirror's snake case, so we remove any snake case properties here before spreading
   var hardBreak = nodes.hard_break,

package/dist/esm/TimeField/TimeField.mjs

@@ -1,4 +1,4 @@
-import { __assign, __rest } from 'tslib';
+import { __rest, __assign } from 'tslib';
 import React, { useId } from 'react';
 import { Time } from '@internationalized/date';
 import { useTimeField } from '@react-aria/datepicker';

package/dist/esm/__overlays__/Tooltip/v1/Tooltip.mjs

@@ -3,7 +3,7 @@ import React, { useState, useId, useRef, useEffect, cloneElement } from 'react';
 import ReactDOM from 'react-dom';
 import classnames from 'classnames';
 import { usePopper } from 'react-popper';
-import { AnimationProvider, useAnimation } from './subcomponents/AppearanceAnim.mjs';
+import { useAnimation, AnimationProvider } from './subcomponents/AppearanceAnim.mjs';
 import { isSemanticElement } from './utils/isSemanticElement.mjs';
 import styles from './Tooltip.module.scss.mjs';
 var positionToPlacement = new Map([["above", "top"], ["below", "bottom"], ["left", "left"], ["right", "right"]]);