@kaizen/components 0.0.0-canary-package-bundler-v2-20241113071536 → 0.0.0-canary-link-button-wip-canary-20241121010628

package/codemods/README.md

@@ -37,7 +37,22 @@ pnpm kaizen-codemod src migrateWellVariantToColor
 - `removeInputEditModalMood`: Removes `InputEditModal` component prop `mood`
 - `removePopoverVariant`: Removes `Popover` component props `variant` and `customIcon`
 - `upgradeIconV1`: Migrates `*Icon` components to a new equivalent
-  - `CaMonogramIcon` becomes `Brand`
+  - `CaMonogramIcon` becomes `Brand` variant `enso`
+    - `inheritSize` will be removed if set, if not set then `style` will be added to make it 20px (manually adjust to a `className` if you can)
   - `SpinnerIcon` becomes `LoadingSpinner`
+    - `aria-label` will be replaced with `accessibilityLabel` (with a fallback value of `"Loading"`)
+    - `role` will be removed
+    - `viewBox` will be removed
   - All other Icons become future `Icon`
     - **Note:** See [Icon API Specification (Future)](https://cultureamp.design/?path=/docs/illustrations-icon-icon-future-api-specification--docs) for setup instructions
+    - Icons previously filled may become unfilled. This is intentional as filled icons should only be for active states or selection (see [Icon Usage Guidelines (Future)](https://cultureamp.design/?path=/docs/illustrations-icon-icon-future-usage-guidelines--docs#do-use-the-appropriate-fill-for-the-icon-context-and-state))
+    - `role="presentational"` becomes `isPresentational`
+    - `role="img"` will be removed (as `aria-label` should exist)
+    - `aria-label` becomes `alt`
+    - `classNameOverride` becomes `className`
+    - `inheritSize` will remain - however is no longer a valid prop, therefore will have a TypeScript error and will be prefixed with a comment to manually fix the usage
+    - `aria-hidden` becomes `isPresentational`
+    - `color` becomes an inline `style` (manually adjust to a `className` if you can)
+    - `fontSize` will be removed
+    - `height` and `width` become an inline `style` (manually adjust to a `className` if you can, ideally setting `--icon-size`)
+    - `viewBox` will be removed

package/codemods/upgradeIconV1/getNewIconPropsFromOldIconName.ts

@@ -88,10 +88,10 @@ const iconMap = new Map<keyof typeof OLD_ICONS, NewIconProps>([
   ["EngagementWhiteIcon", undefined],
   ["EqualIcon", undefined],
   ["EqualWhiteIcon", undefined],
-  ["ExclamationIcon", { name: "error" }],
+  ["ExclamationIcon", { name: "error", isFilled: true }],
   ["ExclamationOctagonIcon", { name: "warning" }],
   ["ExclamationOctagonWhiteIcon", undefined],
-  ["ExclamationWhiteIcon", { name: "error" }],
+  ["ExclamationWhiteIcon", { name: "error", isFilled: true }],
   ["ExperienceIcon", undefined],
   ["ExportIcon", { name: "cloud_download" }],
   ["ExportWhiteIcon", { name: "cloud_download" }],
@@ -138,8 +138,8 @@ const iconMap = new Map<keyof typeof OLD_ICONS, NewIconProps>([
   ["IncreaseIndentIcon", { name: "format_indent_increase" }],
   ["IndicatorActiveIcon", { name: "radio_button_checked" }],
   ["IndicatorInactiveIcon", { name: "radio_button_unchecked" }],
-  ["InformationIcon", { name: "info" }],
-  ["InformationWhiteIcon", { name: "info" }],
+  ["InformationIcon", { name: "info", isFilled: true }],
+  ["InformationWhiteIcon", { name: "info", isFilled: true }],
   ["InsightIcon", { name: "find_in_page" }],
   ["InsightsIcon", undefined],
   ["InvisibleIcon", { name: "visibility_off" }],
@@ -180,9 +180,9 @@ const iconMap = new Map<keyof typeof OLD_ICONS, NewIconProps>([
   ["ProcessManagerIcon", { name: "playlist_add_check" }],
   ["PromotionIcon", { name: "grade" }],
   ["PromotionWhiteIcon", undefined],
-  ["QuestionIcon", { name: "help" }],
+  ["QuestionIcon", { name: "help", isFilled: true }],
   ["QuestionsIcon", undefined],
-  ["QuestionWhiteIcon", { name: "help" }],
+  ["QuestionWhiteIcon", { name: "help", isFilled: true }],
   ["RedoIcon", { name: "redo" }],
   ["RefreshIcon", { name: "refresh" }],
   ["RemoveLinkIcon", { name: "link_off" }],
@@ -193,7 +193,7 @@ const iconMap = new Map<keyof typeof OLD_ICONS, NewIconProps>([
   ["SaveIcon", undefined],
   ["SearchIcon", { name: "search" }],
   ["SearchWhiteIcon", { name: "search" }],
-  ["SecurityTipIcon", { name: "privacy_tip" }],
+  ["SecurityTipIcon", { name: "privacy_tip", isFilled: true }],
   ["SendIcon", { name: "send" }],
   ["SendRtlIcon", undefined],
   ["SettingsIcon", { name: "settings" }],
@@ -209,8 +209,8 @@ const iconMap = new Map<keyof typeof OLD_ICONS, NewIconProps>([
   ["StartIcon", { name: "keyboard_tab_rtl" }],
   ["SubtractIcon", { name: "remove" }],
   ["SubtractWhiteIcon", undefined],
-  ["SuccessIcon", { name: "check_circle" }],
-  ["SuccessWhiteIcon", { name: "check_circle" }],
+  ["SuccessIcon", { name: "check_circle", isFilled: true }],
+  ["SuccessWhiteIcon", { name: "check_circle", isFilled: true }],
   ["SupportIcon", { name: "support" }],
   ["SurveysIcon", { name: "assignment" }],
   ["SurveysWhiteIcon", { name: "assignment" }],

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/cjs/GuidanceBlock/GuidanceBlock.cjs

@@ -8,7 +8,7 @@ var Heading = require('../Heading/Heading.cjs');
 var Text = require('../Text/Text.cjs');
 var Icon = require('../__future__/Icon/Icon.cjs');
 var index = require('../__overlays__/Tooltip/v1/index.cjs');
-var GuidanceBlock_module = require('./GuidanceBlock.module.scss.cjs');
+var GuidanceBlock_module = require('./GuidanceBlock.module.css.cjs');
 var Button = require('../__actions__/Button/v1/Button/Button.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {

package/dist/cjs/GuidanceBlock/GuidanceBlock.module.css.cjs

@@ -0,0 +1,28 @@
+'use strict';
+
+var styles = {
+  "rightMargin": "GuidanceBlock-module_rightMargin__T6JO2",
+  "noRightMargin": "GuidanceBlock-module_noRightMargin__MczwN",
+  "banner": "GuidanceBlock-module_banner__7FT39",
+  "noMaxWidth": "GuidanceBlock-module_noMaxWidth__UCCUk",
+  "illustrationWrapper": "GuidanceBlock-module_illustrationWrapper__tK4Xr",
+  "illustration": "GuidanceBlock-module_illustration__LiDV3",
+  "hasSceneIllustration": "GuidanceBlock-module_hasSceneIllustration__eBOyt",
+  "descriptionContainer": "GuidanceBlock-module_descriptionContainer__w1-P-",
+  "descriptionAndActions": "GuidanceBlock-module_descriptionAndActions__aQhc9",
+  "buttonContainer": "GuidanceBlock-module_buttonContainer__bcVmB",
+  "hidden": "GuidanceBlock-module_hidden__mwvrs",
+  "headingWrapper": "GuidanceBlock-module_headingWrapper__OfZB5",
+  "default": "GuidanceBlock-module_default__7naG4",
+  "positive": "GuidanceBlock-module_positive__iCp-1",
+  "negative": "GuidanceBlock-module_negative__wWBlw",
+  "assertive": "GuidanceBlock-module_assertive__bNdnQ",
+  "informative": "GuidanceBlock-module_informative__KeJWO",
+  "cautionary": "GuidanceBlock-module_cautionary__5Vkw6",
+  "prominent": "GuidanceBlock-module_prominent__rWTgt",
+  "inline": "GuidanceBlock-module_inline__B-Ubr",
+  "stacked": "GuidanceBlock-module_stacked__4dS71",
+  "centerContent": "GuidanceBlock-module_centerContent__9Vlup",
+  "smallScreenTextAlignment": "GuidanceBlock-module_smallScreenTextAlignment__-UXo9"
+};
+module.exports = styles;

package/dist/cjs/__actions__/Button/v3/Button.cjs

@@ -4,7 +4,9 @@ var tslib = require('tslib');
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
 var mergeClassNames = require('../../../utils/mergeClassNames.cjs');
-var Button_module = require('./Button.module.scss.cjs');
+var PendingContent = require('./subcomponents/PendingContent/PendingContent.cjs');
+var ButtonContent = require('./subcomponents/ButtonContent/ButtonContent.cjs');
+var Button_module = require('./Button.module.css.cjs');
 var ReversedColors = require('../../../__utilities__/ReversedColors/v3/ReversedColors.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
@@ -12,17 +14,50 @@ function _interopDefault(e) {
   };
 }
 var React__default = /*#__PURE__*/_interopDefault(React);
-var Button = function (_a) {
+var Button = React.forwardRef(function (_a, ref) {
   var _b = _a.variant,
-    variant = _b === void 0 ? "default" : _b,
-    className = _a.className,
+    variant = _b === void 0 ? "primary" : _b,
     _c = _a.size,
     size = _c === void 0 ? "medium" : _c,
+    className = _a.className,
     children = _a.children,
-    otherProps = tslib.__rest(_a, ["variant", "className", "size", "children"]);
+    isDisabled = _a.isDisabled,
+    _d = _a.isFullWidth,
+    isFullWidth = _d === void 0 ? false : _d,
+    icon = _a.icon,
+    iconPosition = _a.iconPosition,
+    _e = _a.hasHiddenLabel,
+    hasHiddenLabel = _e === void 0 ? false : _e,
+    isPending = _a.isPending,
+    _f = _a.hasHiddenPendingLabel,
+    propsHasHiddenPendingLabel = _f === void 0 ? false : _f,
+    pendingLabel = _a.pendingLabel,
+    restProps = tslib.__rest(_a, ["variant", "size", "className", "children", "isDisabled", "isFullWidth", "icon", "iconPosition", "hasHiddenLabel", "isPending", "hasHiddenPendingLabel", "pendingLabel"]);
   var isReversed = ReversedColors.useReversedColors();
+  var pendingProps = isPending ? {
+    isPending: isPending,
+    hasHiddenPendingLabel: hasHiddenLabel || propsHasHiddenPendingLabel,
+    pendingLabel: pendingLabel
+  } : {};
+  var buttonContentClass = isPending ? !hasHiddenLabel && propsHasHiddenPendingLabel ? Button_module.retainContentWidth : Button_module.hideContentWidth : undefined;
   return React__default.default.createElement(reactAriaComponents.Button, tslib.__assign({
-    className: mergeClassNames.mergeClassNames(Button_module.button, Button_module[variant], Button_module[size], isReversed && Button_module.reversed, className)
-  }, otherProps), children);
-};
+    ref: ref,
+    className: mergeClassNames.mergeClassNames(Button_module.button, Button_module[size], hasHiddenLabel && Button_module["".concat(size, "IconButton")], isDisabled && Button_module.isDisabled, isReversed ? Button_module["".concat(variant, "Reversed")] : Button_module[variant], isFullWidth && Button_module.fullWidth, className),
+    isDisabled: isDisabled,
+    isPending: isPending
+  }, restProps), function (racStateProps) {
+    var childIsFunction = typeof children === "function";
+    return React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement(ButtonContent.ButtonContent, {
+      size: size,
+      icon: icon,
+      iconPosition: iconPosition,
+      hasHiddenLabel: hasHiddenLabel,
+      className: buttonContentClass
+    }, childIsFunction ? children(racStateProps) : children), React__default.default.createElement("span", {
+      "aria-live": "polite"
+    }, pendingProps.isPending && React__default.default.createElement(PendingContent.PendingContent, tslib.__assign({}, pendingProps, {
+      size: size
+    }))));
+  });
+});
 exports.Button = Button;

package/dist/cjs/__actions__/Button/v3/Button.module.css.cjs

@@ -0,0 +1,21 @@
+'use strict';
+
+var styles = {
+  "button": "Button-module_button__vlUCI",
+  "fullWidth": "Button-module_fullWidth__qIkG6",
+  "small": "Button-module_small__FYPwk",
+  "medium": "Button-module_medium__4LOhQ",
+  "large": "Button-module_large__MjtVH",
+  "smallIconButton": "Button-module_smallIconButton__4gN-i",
+  "mediumIconButton": "Button-module_mediumIconButton__CEXv-",
+  "largeIconButton": "Button-module_largeIconButton__Apt33",
+  "secondary": "Button-module_secondary__Mmev0",
+  "tertiary": "Button-module_tertiary__MJjKC",
+  "primaryReversed": "Button-module_primaryReversed__m4kze",
+  "secondaryReversed": "Button-module_secondaryReversed__Q435c",
+  "tertiaryReversed": "Button-module_tertiaryReversed__Q-UqR",
+  "isDisabled": "Button-module_isDisabled__m1eE-",
+  "hideContentWidth": "Button-module_hideContentWidth__-E94d",
+  "retainContentWidth": "Button-module_retainContentWidth__b4IEC"
+};
+module.exports = styles;

package/dist/cjs/__actions__/Button/v3/subcomponents/ButtonContent/ButtonContent.cjs

@@ -0,0 +1,37 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var VisuallyHidden = require('../../../../../VisuallyHidden/VisuallyHidden.cjs');
+var ButtonContent_module = require('./ButtonContent.module.css.cjs');
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefault(React);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
+
+/** Renders the inner content of the button, handling icon and label visibility */
+var ButtonContent = function (_a) {
+  var children = _a.children,
+    hasHiddenLabel = _a.hasHiddenLabel,
+    _b = _a.size,
+    size = _b === void 0 ? "medium" : _b,
+    icon = _a.icon,
+    _c = _a.iconPosition,
+    iconPosition = _c === void 0 ? "start" : _c,
+    className = _a.className,
+    restProps = tslib.__rest(_a, ["children", "hasHiddenLabel", "size", "icon", "iconPosition", "className"]);
+  return React__default.default.createElement("span", tslib.__assign({
+    className: classnames__default.default(className, ButtonContent_module.buttonContent, ButtonContent_module[size])
+  }, restProps), icon && iconPosition === "start" && React__default.default.createElement("span", {
+    className: ButtonContent_module.buttonIcon
+  }, icon), hasHiddenLabel ? React__default.default.createElement(VisuallyHidden.VisuallyHidden, null, children) : React__default.default.createElement("span", {
+    className: ButtonContent_module.buttonLabel
+  }, children), icon && iconPosition === "end" && React__default.default.createElement("span", {
+    className: ButtonContent_module.buttonIcon
+  }, icon));
+};
+exports.ButtonContent = ButtonContent;

package/dist/cjs/__actions__/Button/v3/subcomponents/ButtonContent/ButtonContent.module.css.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var styles = {
+  "buttonContent": "ButtonContent-module_buttonContent__v5mHZ",
+  "large": "ButtonContent-module_large__mLOdb",
+  "buttonLabel": "ButtonContent-module_buttonLabel__T5XAq",
+  "buttonIcon": "ButtonContent-module_buttonIcon__qkAX-"
+};
+module.exports = styles;

package/dist/cjs/__actions__/Button/v3/subcomponents/PendingContent/PendingContent.cjs

@@ -0,0 +1,35 @@
+'use strict';
+
+var React = require('react');
+var classnames = require('classnames');
+require('../../../../../Loading/LoadingGraphic/LoadingGraphic.cjs');
+require('../../../../../Loading/LoadingHeading/LoadingHeading.cjs');
+require('../../../../../Loading/LoadingInput/LoadingInput.cjs');
+require('../../../../../Loading/LoadingParagraph/LoadingParagraph.cjs');
+var LoadingSpinner = require('../../../../../Loading/LoadingSpinner/LoadingSpinner.cjs');
+var VisuallyHidden = require('../../../../../VisuallyHidden/VisuallyHidden.cjs');
+var PendingContent_module = require('./PendingContent.module.css.cjs');
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefault(React);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
+
+/** Renders the pending content of the button, handling pending label visibility and spinner positioning */
+var PendingContent = function (_a) {
+  var pendingLabel = _a.pendingLabel,
+    _b = _a.hasHiddenPendingLabel,
+    hasHiddenPendingLabel = _b === void 0 ? false : _b,
+    _c = _a.size,
+    size = _c === void 0 ? "medium" : _c;
+  return React__default.default.createElement("span", {
+    className: classnames__default.default(PendingContent_module.pendingContent, PendingContent_module[size])
+  }, hasHiddenPendingLabel ? React__default.default.createElement(VisuallyHidden.VisuallyHidden, null, pendingLabel) : React__default.default.createElement("span", null, pendingLabel), React__default.default.createElement(LoadingSpinner.LoadingSpinner, {
+    size: size === "small" ? "xs" : "sm",
+    accessibilityLabel: "",
+    classNameOverride: hasHiddenPendingLabel ? PendingContent_module.centerSpinner : undefined
+  }));
+};
+exports.PendingContent = PendingContent;

package/dist/cjs/__actions__/Button/v3/subcomponents/PendingContent/PendingContent.module.css.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+var styles = {
+  "pendingContent": "PendingContent-module_pendingContent__c4IFS",
+  "large": "PendingContent-module_large__ypTxk",
+  "centerSpinner": "PendingContent-module_centerSpinner__EYn7L"
+};
+module.exports = styles;

package/dist/cjs/__overlays__/Tooltip/v3/Tooltip.cjs

@@ -2,8 +2,8 @@
 
 var tslib = require('tslib');
 var React = require('react');
-var reactAria = require('react-aria');
 var reactAriaComponents = require('react-aria-components');
+var VisuallyHidden = require('../../../VisuallyHidden/VisuallyHidden.cjs');
 var mergeClassNames = require('../../../utils/mergeClassNames.cjs');
 var OverlayArrow = require('./OverlayArrow.cjs');
 var Tooltip_module = require('./Tooltip.module.scss.cjs');
@@ -42,7 +42,7 @@ var Tooltip = React.forwardRef(function (_a, ref) {
     className: mergeClassNames.mergeClassNames(Tooltip_module.tooltip, className, reverseColors && Tooltip_module.reversed)
   }), function (renderProps) {
     return React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement(OverlayArrow.OverlayArrow, null), typeof children === "function" ? children(renderProps) : children);
-  }), shouldInlineHiddenContent ? React__default.default.createElement(reactAria.VisuallyHidden, null, typeof children === "function" ? children({
+  }), shouldInlineHiddenContent ? React__default.default.createElement(VisuallyHidden.VisuallyHidden, null, typeof children === "function" ? children({
     placement: "center",
     isEntering: false,
     isExiting: false,

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/GuidanceBlock/GuidanceBlock.mjs

@@ -6,7 +6,7 @@ import { Heading } from '../Heading/Heading.mjs';
 import { Text } from '../Text/Text.mjs';
 import { Icon } from '../__future__/Icon/Icon.mjs';
 import { Tooltip } from '../__overlays__/Tooltip/v1/index.mjs';
-import styles from './GuidanceBlock.module.scss.mjs';
+import styles from './GuidanceBlock.module.css.mjs';
 import { Button } from '../__actions__/Button/v1/Button/Button.mjs';
 var WithTooltip = function (_a) {
   var tooltipProps = _a.tooltipProps,

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

@@ -0,0 +1,26 @@
+var styles = {
+  "rightMargin": "GuidanceBlock-module_rightMargin__T6JO2",
+  "noRightMargin": "GuidanceBlock-module_noRightMargin__MczwN",
+  "banner": "GuidanceBlock-module_banner__7FT39",
+  "noMaxWidth": "GuidanceBlock-module_noMaxWidth__UCCUk",
+  "illustrationWrapper": "GuidanceBlock-module_illustrationWrapper__tK4Xr",
+  "illustration": "GuidanceBlock-module_illustration__LiDV3",
+  "hasSceneIllustration": "GuidanceBlock-module_hasSceneIllustration__eBOyt",
+  "descriptionContainer": "GuidanceBlock-module_descriptionContainer__w1-P-",
+  "descriptionAndActions": "GuidanceBlock-module_descriptionAndActions__aQhc9",
+  "buttonContainer": "GuidanceBlock-module_buttonContainer__bcVmB",
+  "hidden": "GuidanceBlock-module_hidden__mwvrs",
+  "headingWrapper": "GuidanceBlock-module_headingWrapper__OfZB5",
+  "default": "GuidanceBlock-module_default__7naG4",
+  "positive": "GuidanceBlock-module_positive__iCp-1",
+  "negative": "GuidanceBlock-module_negative__wWBlw",
+  "assertive": "GuidanceBlock-module_assertive__bNdnQ",
+  "informative": "GuidanceBlock-module_informative__KeJWO",
+  "cautionary": "GuidanceBlock-module_cautionary__5Vkw6",
+  "prominent": "GuidanceBlock-module_prominent__rWTgt",
+  "inline": "GuidanceBlock-module_inline__B-Ubr",
+  "stacked": "GuidanceBlock-module_stacked__4dS71",
+  "centerContent": "GuidanceBlock-module_centerContent__9Vlup",
+  "smallScreenTextAlignment": "GuidanceBlock-module_smallScreenTextAlignment__-UXo9"
+};
+export { styles as default };

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';