@kaizen/components 0.0.0-canary-kz-components-css-layer-pre-release-20250527021003 → 0.0.0-canary-fix-fms-popover-20250603003244

package/dist/cjs/src/Calendar/CalendarRange/CalendarRange.cjs

@@ -38,11 +38,12 @@ var CalendarRange = function (_a) {
   /* eslint-disable camelcase */
   var classNames = tslib.__assign(tslib.__assign({}, baseCalendarClassNames.baseCalendarClassNames), {
     month: hasDivider ? CalendarRange_module.monthWithDivider : CalendarRange_module.month,
+    caption_end: CalendarRange_module.captionEnd,
+    caption_start: CalendarRange_module.captionStart,
     nav: CalendarRange_module.nav,
-    range_start: CalendarRange_module.dayRangeStart,
-    range_end: CalendarRange_module.dayRangeEnd,
-    range_middle: CalendarRange_module.dayRangeMiddle,
-    hidden: CalendarRange_module.hidden
+    day_range_start: CalendarRange_module.dayRangeStart,
+    day_range_end: CalendarRange_module.dayRangeEnd,
+    day_range_middle: CalendarRange_module.dayRangeMiddle
   });
   /* eslint-enable camelcase */
   return React__default.default.createElement("div", {
@@ -55,19 +56,19 @@ var CalendarRange = function (_a) {
     defaultMonth: selectedMonth,
     classNames: classNames,
     components: {
-      Chevron: function (props) {
-        if (props.orientation === 'left') {
-          return React__default.default.createElement(Icon.Icon, {
-            name: "arrow_back",
-            isPresentational: true,
-            shouldMirrorInRTL: true
-          });
-        }
+      IconRight: function () {
         return React__default.default.createElement(Icon.Icon, {
           name: "arrow_forward",
           isPresentational: true,
           shouldMirrorInRTL: true
         });
+      },
+      IconLeft: function () {
+        return React__default.default.createElement(Icon.Icon, {
+          name: "arrow_back",
+          isPresentational: true,
+          shouldMirrorInRTL: true
+        });
       }
     },
     numberOfMonths: numberOfMonths,

package/dist/cjs/src/Calendar/CalendarRange/CalendarRange.module.scss.cjs

@@ -4,9 +4,10 @@ var styles = {
   "month": "CalendarRange-module_month__un61w",
   "monthWithDivider": "CalendarRange-module_monthWithDivider__JY-56",
   "nav": "CalendarRange-module_nav__OtaVb",
+  "captionEnd": "CalendarRange-module_captionEnd__GSLQO",
+  "captionStart": "CalendarRange-module_captionStart__K5hlF",
   "dayRangeStart": "CalendarRange-module_dayRangeStart__TwdDT",
   "dayRangeEnd": "CalendarRange-module_dayRangeEnd__y6dEB",
-  "dayRangeMiddle": "CalendarRange-module_dayRangeMiddle__SybKY",
-  "hidden": "CalendarRange-module_hidden__D47kb"
+  "dayRangeMiddle": "CalendarRange-module_dayRangeMiddle__SybKY"
 };
 module.exports = styles;

package/dist/cjs/src/Calendar/CalendarSingle/CalendarSingle.cjs

@@ -49,19 +49,19 @@ var CalendarSingle = function (_a) {
     weekStartsOn: isValidWeekStartsOn.isValidWeekStartsOn(weekStartsOn) ? weekStartsOn : undefined,
     classNames: classNames,
     components: {
-      Chevron: function (props) {
-        if (props.orientation === 'left') {
-          return React__default.default.createElement(Icon.Icon, {
-            name: "arrow_back",
-            isPresentational: true,
-            shouldMirrorInRTL: true
-          });
-        }
+      IconRight: function () {
         return React__default.default.createElement(Icon.Icon, {
           name: "arrow_forward",
           isPresentational: true,
           shouldMirrorInRTL: true
         });
+      },
+      IconLeft: function () {
+        return React__default.default.createElement(Icon.Icon, {
+          name: "arrow_back",
+          isPresentational: true,
+          shouldMirrorInRTL: true
+        });
       }
     },
     locale: locale$1

package/dist/cjs/src/Calendar/LegacyCalendarRange/LegacyCalendarRange.cjs

@@ -31,9 +31,10 @@ var LegacyCalendarRange = function (_a) {
   /* eslint-disable camelcase */
   var classNames = tslib.__assign(tslib.__assign({}, baseCalendarClassNames.baseCalendarClassNames), {
     nav: LegacyCalendarRange_module.nav,
-    range_start: LegacyCalendarRange_module.dayRangeStart,
-    range_end: LegacyCalendarRange_module.dayRangeEnd,
-    range_middle: LegacyCalendarRange_module.dayRangeMiddle
+    nav_button_next: LegacyCalendarRange_module.navButtonNext,
+    day_range_start: LegacyCalendarRange_module.dayRangeStart,
+    day_range_end: LegacyCalendarRange_module.dayRangeEnd,
+    day_range_middle: LegacyCalendarRange_module.dayRangeMiddle
   });
   /* eslint-enable camelcase */
   return React__default.default.createElement("div", {
@@ -47,19 +48,19 @@ var LegacyCalendarRange = function (_a) {
     onDayClick: onDayChange,
     classNames: classNames,
     components: {
-      Chevron: function (props) {
-        if (props.orientation === 'left') {
-          return React__default.default.createElement(Icon.Icon, {
-            name: "arrow_back",
-            isPresentational: true,
-            shouldMirrorInRTL: true
-          });
-        }
+      IconRight: function () {
         return React__default.default.createElement(Icon.Icon, {
           name: "arrow_forward",
           isPresentational: true,
           shouldMirrorInRTL: true
         });
+      },
+      IconLeft: function () {
+        return React__default.default.createElement(Icon.Icon, {
+          name: "arrow_back",
+          isPresentational: true,
+          shouldMirrorInRTL: true
+        });
       }
     },
     locale: locale

package/dist/cjs/src/Calendar/LegacyCalendarRange/LegacyCalendarRange.module.scss.cjs

@@ -2,6 +2,7 @@
 
 var styles = {
   "nav": "LegacyCalendarRange-module_nav__DsZpy",
+  "navButtonNext": "LegacyCalendarRange-module_navButtonNext__hwYN9",
   "dayRangeStart": "LegacyCalendarRange-module_dayRangeStart__vRr5P",
   "dayRangeEnd": "LegacyCalendarRange-module_dayRangeEnd__PfuWy",
   "dayRangeMiddle": "LegacyCalendarRange-module_dayRangeMiddle__M27gR"

package/dist/cjs/src/Calendar/baseCalendarClassNames.cjs

@@ -2,19 +2,21 @@
 
 var baseCalendarClassNames_module = require('./baseCalendarClassNames.module.scss.cjs');
 var baseCalendarClassNames = {
+  vhidden: baseCalendarClassNames_module.vHidden,
   root: baseCalendarClassNames_module.root,
   months: baseCalendarClassNames_module.months,
-  day_button: "".concat(baseCalendarClassNames_module.buttonReset, " ").concat(baseCalendarClassNames_module.button, " ").concat(baseCalendarClassNames_module.day),
-  button_next: "".concat(baseCalendarClassNames_module.buttonReset, " ").concat(baseCalendarClassNames_module.button, " ").concat(baseCalendarClassNames_module.navButton),
-  button_previous: "".concat(baseCalendarClassNames_module.buttonReset, " ").concat(baseCalendarClassNames_module.button, " ").concat(baseCalendarClassNames_module.navButton),
-  day: baseCalendarClassNames_module.cell,
-  month_caption: baseCalendarClassNames_module.caption,
+  button_reset: baseCalendarClassNames_module.buttonReset,
+  button: baseCalendarClassNames_module.button,
+  caption: baseCalendarClassNames_module.caption,
   caption_label: baseCalendarClassNames_module.captionLabel,
-  month_grid: baseCalendarClassNames_module.table,
-  weekday: baseCalendarClassNames_module.weekday,
-  weeks: baseCalendarClassNames_module.tbody,
-  selected: baseCalendarClassNames_module.daySelected,
-  today: baseCalendarClassNames_module.dayToday,
-  disabled: baseCalendarClassNames_module.dayDisabled
+  nav_button: baseCalendarClassNames_module.navButton,
+  table: baseCalendarClassNames_module.table,
+  head_cell: baseCalendarClassNames_module.weekday,
+  cell: baseCalendarClassNames_module.cell,
+  day: baseCalendarClassNames_module.day,
+  tbody: baseCalendarClassNames_module.tbody,
+  day_selected: baseCalendarClassNames_module.daySelected,
+  day_today: baseCalendarClassNames_module.dayToday,
+  day_disabled: baseCalendarClassNames_module.dayDisabled
 };
 exports.baseCalendarClassNames = baseCalendarClassNames;

package/dist/cjs/src/Calendar/baseCalendarClassNames.module.scss.cjs

@@ -15,6 +15,7 @@ var calendarStyles = {
   "cell": "baseCalendarClassNames-module_cell__FvWK0",
   "dayToday": "baseCalendarClassNames-module_dayToday__-TPUa",
   "daySelected": "baseCalendarClassNames-module_daySelected__R3ujV",
-  "dayDisabled": "baseCalendarClassNames-module_dayDisabled__uQzJ-"
+  "dayDisabled": "baseCalendarClassNames-module_dayDisabled__uQzJ-",
+  "vHidden": "baseCalendarClassNames-module_vHidden__egm49"
 };
 module.exports = calendarStyles;

package/dist/cjs/src/Calendar/utils/setFocusInCalendar.cjs

@@ -2,13 +2,12 @@
 
 var baseCalendarClassNames_module = require('../baseCalendarClassNames.module.scss.cjs');
 var isInvalidDate = require('./isInvalidDate.cjs');
+var isHTMLElement = function (element) {
+  return element instanceof HTMLElement;
+};
 var setFocusInCalendar = function (calendarElement, selectedDay) {
-  var dayClass = selectedDay && !isInvalidDate.isInvalidDate(selectedDay) ? ".".concat(baseCalendarClassNames_module.daySelected) : ".".concat(baseCalendarClassNames_module.dayToday);
-  var dayToFocus = calendarElement.querySelector("".concat(dayClass, " button"));
-  // RDP v9 puts the day class on the button inside the table cell whereas today and selected appear on the table cell
-  dayToFocus !== null && dayToFocus !== void 0 ? dayToFocus : dayToFocus = calendarElement.querySelector(".".concat(baseCalendarClassNames_module.day));
-  if (dayToFocus instanceof HTMLElement) {
-    dayToFocus.focus();
-  }
+  var daySelectedOrToday = calendarElement.getElementsByClassName(selectedDay && !isInvalidDate.isInvalidDate(selectedDay) ? baseCalendarClassNames_module.daySelected : baseCalendarClassNames_module.dayToday)[0];
+  var dayToFocus = daySelectedOrToday !== null && daySelectedOrToday !== void 0 ? daySelectedOrToday : calendarElement.getElementsByClassName(baseCalendarClassNames_module.day)[0];
+  if (isHTMLElement(dayToFocus)) dayToFocus.focus();
 };
 exports.setFocusInCalendar = setFocusInCalendar;

package/dist/cjs/src/Filter/FilterBar/subcomponents/FilterBarSelect/FilterBarSelect.cjs

@@ -57,7 +57,7 @@ var FilterBarSelect = function (_a) {
       }));
     },
     onSelectionChange: function (key) {
-      updateValue(id, key !== null && key !== void 0 ? key : undefined);
+      updateValue(id, key);
       onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange(key);
     },
     isOpen: filterState.isOpen,

package/dist/cjs/src/Filter/FilterMultiSelect/FilterMultiSelect.cjs

@@ -41,7 +41,8 @@ var FilterMultiSelect = function (_a) {
     selectionMode = _b === void 0 ? 'multiple' : _b,
     onSearchInputChange = _a.onSearchInputChange,
     triggerRef = _a.triggerRef,
-    className = _a.className;
+    className = _a.className,
+    floatingOptions = _a.floatingOptions;
   var menuTriggerProps = {
     isOpen: isOpen,
     defaultOpen: defaultOpen,
@@ -50,7 +51,8 @@ var FilterMultiSelect = function (_a) {
   };
   var menuPopupProps = {
     isLoading: isLoading,
-    loadingSkeleton: loadingSkeleton
+    loadingSkeleton: loadingSkeleton,
+    floatingOptions: floatingOptions
   };
   var disabledKeys = new Set(items === null || items === void 0 ? void 0 : items.filter(function (item) {
     return item.isDisabled === true;
@@ -69,7 +71,9 @@ var FilterMultiSelect = function (_a) {
   };
   return React__default.default.createElement(MenuTriggerProvider.MenuTriggerProvider, tslib.__assign({}, menuTriggerProps), React__default.default.createElement("div", {
     className: className
-  }, React__default.default.createElement(MenuTriggerProvider.MenuTriggerConsumer, null, trigger), React__default.default.createElement(MenuPopup.MenuPopup, tslib.__assign({}, menuPopupProps), React__default.default.createElement(SelectionProvider.SelectionProvider, tslib.__assign({}, selectionProps), React__default.default.createElement(SelectionProvider.SelectionConsumer, null, children)))));
+  }, React__default.default.createElement(MenuTriggerProvider.MenuTriggerConsumer, null, trigger), React__default.default.createElement(MenuPopup.MenuPopup, tslib.__assign({
+    "aria-label": label
+  }, menuPopupProps), React__default.default.createElement(SelectionProvider.SelectionProvider, tslib.__assign({}, selectionProps), React__default.default.createElement(SelectionProvider.SelectionConsumer, null, children)))));
 };
 FilterMultiSelect.displayName = 'FilterMultiSelect';
 FilterMultiSelect.TriggerButton = FilterTriggerButton.FilterTriggerButton;

package/dist/cjs/src/Filter/FilterMultiSelect/subcomponents/MenuPopup/MenuPopup.cjs

@@ -2,8 +2,9 @@
 
 var tslib = require('tslib');
 var React = require('react');
-var focus = require('@react-aria/focus');
-var overlays = require('@react-aria/overlays');
+var reactDom = require('@floating-ui/react-dom');
+var classnames = require('classnames');
+var reactFocusOn = require('react-focus-on');
 var MenuTriggerProvider = require('../../context/MenuTriggerProvider/MenuTriggerProvider.cjs');
 require('../../context/SelectionProvider/SelectionProvider.cjs');
 var MenuPopup_module = require('./MenuPopup.module.scss.cjs');
@@ -13,44 +14,73 @@ function _interopDefault(e) {
   };
 }
 var React__default = /*#__PURE__*/_interopDefault(React);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 var MenuPopup = function (_a) {
-  var isLoading = _a.isLoading,
+  var children = _a.children,
+    floatingOptions = _a.floatingOptions,
+    classNameOverride = _a.classNameOverride,
+    isLoading = _a.isLoading,
     loadingSkeleton = _a.loadingSkeleton,
-    children = _a.children;
-  var menuTriggerState = MenuTriggerProvider.useMenuTriggerContext().menuTriggerState;
-  var onClose = function () {
-    return menuTriggerState.close();
+    restProps = tslib.__rest(_a, ["children", "floatingOptions", "classNameOverride", "isLoading", "loadingSkeleton"]);
+  var _b = React.useState(null),
+    floatingElement = _b[0],
+    setFloatingElement = _b[1];
+  var _c = MenuTriggerProvider.useMenuTriggerContext(),
+    menuTriggerState = _c.menuTriggerState,
+    buttonRef = _c.buttonRef;
+  var referenceElement = buttonRef.current;
+  var _d = reactDom.useFloating(tslib.__assign({
+      placement: 'bottom-start',
+      elements: {
+        reference: referenceElement,
+        floating: floatingElement
+      },
+      strategy: 'absolute',
+      middleware: [reactDom.size({
+        apply: function (_a) {
+          var availableWidth = _a.availableWidth,
+            elements = _a.elements;
+          Object.assign(elements.floating.style, {
+            maxHeight: "".concat(Math.max(320, 550), "px"),
+            maxWidth: "".concat(availableWidth, "px")
+          });
+        }
+      }), reactDom.offset(6), reactDom.autoPlacement({
+        allowedPlacements: ['bottom-start', 'bottom', 'top-start', 'top']
+      })],
+      whileElementsMounted: reactDom.autoUpdate
+    }, floatingOptions)),
+    floatingStyles = _d.floatingStyles,
+    update = _d.update;
+  var handleReturnFocus = function () {
+    requestAnimationFrame(function () {
+      var _a;
+      (_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    });
   };
-  // Handle events that should cause the menu to close,
-  // e.g. blur, clicking outside, or pressing the escape key.
-  var overlayRef = React__default.default.createRef();
-  var overlayProps = overlays.useOverlay({
-    onClose: onClose,
-    isOpen: menuTriggerState.isOpen,
-    isDismissable: true
-  }, overlayRef).overlayProps;
-  // Wrap in <FocusScope> so that focus is restored back to the trigger when the menu is closed
-  // and auto focus on the first focusable item after loading. (disable eslint no-autofocus error for it)
-  // In addition, add hidden <DismissButton> components at the start and end of the list
-  // to allow screen reader users to dismiss the popup easily.
-  return menuTriggerState.isOpen ? React__default.default.createElement("div", tslib.__assign({}, overlayProps, {
-    ref: overlayRef,
-    className: MenuPopup_module.menuPopup
-  }), isLoading && loadingSkeleton ? React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement(overlays.DismissButton, {
-    onDismiss: onClose
-  }), loadingSkeleton, React__default.default.createElement(overlays.DismissButton, {
-    onDismiss: onClose
-  })) :
-  // eslint-disable-next-line jsx-a11y/no-autofocus
-  React__default.default.createElement(focus.FocusScope, {
-    contain: true,
-    autoFocus: true,
-    restoreFocus: true
-  }, React__default.default.createElement(overlays.DismissButton, {
-    onDismiss: onClose
-  }), children, React__default.default.createElement(overlays.DismissButton, {
-    onDismiss: onClose
-  }))) : React__default.default.createElement(React__default.default.Fragment, null);
+  React.useEffect(function () {
+    var _a;
+    if (floatingElement && referenceElement) {
+      (_a = floatingElement.showPopover) === null || _a === void 0 ? void 0 : _a.call(floatingElement);
+      update();
+    }
+  }, [floatingElement, referenceElement, update]);
+  return menuTriggerState.isOpen ? React__default.default.createElement(reactFocusOn.FocusOn, {
+    enabled: menuTriggerState.isOpen,
+    scrollLock: false,
+    returnFocus: false,
+    onClickOutside: menuTriggerState.close,
+    onEscapeKey: menuTriggerState.close,
+    onDeactivation: handleReturnFocus
+  }, React__default.default.createElement("div", tslib.__assign({
+    ref: setFloatingElement,
+    style: floatingStyles,
+    className: classnames__default.default(MenuPopup_module.menuPopup, classNameOverride),
+    role: "dialog",
+    "aria-modal": "true",
+    // @ts-expect-error: popover is valid in supported browsers
+    popover: "manual"
+  }, restProps), isLoading && loadingSkeleton ? loadingSkeleton : children)) : React__default.default.createElement(React__default.default.Fragment, null);
 };
 MenuPopup.displayName = 'FilterMultiSelect.MenuPopup';
 exports.MenuPopup = MenuPopup;

package/dist/cjs/src/RichTextEditor/utils/schema/marks.cjs

@@ -39,17 +39,16 @@ var getMarks = function () {
       parseDOM: [{
         tag: 'a[href]',
         getAttrs: function (dom) {
-          var anchor = dom;
           return {
-            href: getAttributeWithDefault(anchor, 'href'),
-            target: getAttributeWithDefault(anchor, 'target'),
-            rel: getAttributeWithDefault(anchor, 'rel'),
+            href: getAttributeWithDefault(dom, 'href'),
+            target: getAttributeWithDefault(dom, 'target'),
+            rel: getAttributeWithDefault(dom, 'rel'),
             _metadata: null
           };
         }
       }],
-      toDOM: function (mark) {
-        var _a = mark.attrs,
+      toDOM: function (node) {
+        var _a = node.attrs,
           href = _a.href,
           target = _a.target,
           rel = _a.rel;

package/dist/esm/src/Calendar/CalendarRange/CalendarRange.mjs

@@ -31,11 +31,12 @@ const CalendarRange = /*#__PURE__*/function () {
     /* eslint-disable camelcase */
     var classNames = __assign(__assign({}, baseCalendarClassNames), {
       month: hasDivider ? styles.monthWithDivider : styles.month,
+      caption_end: styles.captionEnd,
+      caption_start: styles.captionStart,
       nav: styles.nav,
-      range_start: styles.dayRangeStart,
-      range_end: styles.dayRangeEnd,
-      range_middle: styles.dayRangeMiddle,
-      hidden: styles.hidden
+      day_range_start: styles.dayRangeStart,
+      day_range_end: styles.dayRangeEnd,
+      day_range_middle: styles.dayRangeMiddle
     });
     /* eslint-enable camelcase */
     return /*#__PURE__*/React.createElement("div", {
@@ -48,19 +49,19 @@ const CalendarRange = /*#__PURE__*/function () {
       defaultMonth: selectedMonth,
       classNames: classNames,
       components: {
-        Chevron: function (props) {
-          if (props.orientation === 'left') {
-            return /*#__PURE__*/React.createElement(Icon, {
-              name: "arrow_back",
-              isPresentational: true,
-              shouldMirrorInRTL: true
-            });
-          }
+        IconRight: function () {
           return /*#__PURE__*/React.createElement(Icon, {
             name: "arrow_forward",
             isPresentational: true,
             shouldMirrorInRTL: true
           });
+        },
+        IconLeft: function () {
+          return /*#__PURE__*/React.createElement(Icon, {
+            name: "arrow_back",
+            isPresentational: true,
+            shouldMirrorInRTL: true
+          });
         }
       },
       numberOfMonths: numberOfMonths,

package/dist/esm/src/Calendar/CalendarRange/CalendarRange.module.scss.mjs

@@ -2,9 +2,10 @@ var styles = {
   "month": "CalendarRange-module_month__un61w",
   "monthWithDivider": "CalendarRange-module_monthWithDivider__JY-56",
   "nav": "CalendarRange-module_nav__OtaVb",
+  "captionEnd": "CalendarRange-module_captionEnd__GSLQO",
+  "captionStart": "CalendarRange-module_captionStart__K5hlF",
   "dayRangeStart": "CalendarRange-module_dayRangeStart__TwdDT",
   "dayRangeEnd": "CalendarRange-module_dayRangeEnd__y6dEB",
-  "dayRangeMiddle": "CalendarRange-module_dayRangeMiddle__SybKY",
-  "hidden": "CalendarRange-module_hidden__D47kb"
+  "dayRangeMiddle": "CalendarRange-module_dayRangeMiddle__SybKY"
 };
 export { styles as default };

package/dist/esm/src/Calendar/CalendarSingle/CalendarSingle.mjs

@@ -42,19 +42,19 @@ const CalendarSingle = /*#__PURE__*/function () {
       weekStartsOn: isValidWeekStartsOn(weekStartsOn) ? weekStartsOn : undefined,
       classNames: classNames,
       components: {
-        Chevron: function (props) {
-          if (props.orientation === 'left') {
-            return /*#__PURE__*/React.createElement(Icon, {
-              name: "arrow_back",
-              isPresentational: true,
-              shouldMirrorInRTL: true
-            });
-          }
+        IconRight: function () {
           return /*#__PURE__*/React.createElement(Icon, {
             name: "arrow_forward",
             isPresentational: true,
             shouldMirrorInRTL: true
           });
+        },
+        IconLeft: function () {
+          return /*#__PURE__*/React.createElement(Icon, {
+            name: "arrow_back",
+            isPresentational: true,
+            shouldMirrorInRTL: true
+          });
         }
       },
       locale: locale

package/dist/esm/src/Calendar/LegacyCalendarRange/LegacyCalendarRange.mjs

@@ -24,9 +24,10 @@ const LegacyCalendarRange = /*#__PURE__*/function () {
     /* eslint-disable camelcase */
     var classNames = __assign(__assign({}, baseCalendarClassNames), {
       nav: styles.nav,
-      range_start: styles.dayRangeStart,
-      range_end: styles.dayRangeEnd,
-      range_middle: styles.dayRangeMiddle
+      nav_button_next: styles.navButtonNext,
+      day_range_start: styles.dayRangeStart,
+      day_range_end: styles.dayRangeEnd,
+      day_range_middle: styles.dayRangeMiddle
     });
     /* eslint-enable camelcase */
     return /*#__PURE__*/React.createElement("div", {
@@ -40,19 +41,19 @@ const LegacyCalendarRange = /*#__PURE__*/function () {
       onDayClick: onDayChange,
       classNames: classNames,
       components: {
-        Chevron: function (props) {
-          if (props.orientation === 'left') {
-            return /*#__PURE__*/React.createElement(Icon, {
-              name: "arrow_back",
-              isPresentational: true,
-              shouldMirrorInRTL: true
-            });
-          }
+        IconRight: function () {
           return /*#__PURE__*/React.createElement(Icon, {
             name: "arrow_forward",
             isPresentational: true,
             shouldMirrorInRTL: true
           });
+        },
+        IconLeft: function () {
+          return /*#__PURE__*/React.createElement(Icon, {
+            name: "arrow_back",
+            isPresentational: true,
+            shouldMirrorInRTL: true
+          });
         }
       },
       locale: locale

package/dist/esm/src/Calendar/LegacyCalendarRange/LegacyCalendarRange.module.scss.mjs

@@ -1,5 +1,6 @@
 var styles = {
   "nav": "LegacyCalendarRange-module_nav__DsZpy",
+  "navButtonNext": "LegacyCalendarRange-module_navButtonNext__hwYN9",
   "dayRangeStart": "LegacyCalendarRange-module_dayRangeStart__vRr5P",
   "dayRangeEnd": "LegacyCalendarRange-module_dayRangeEnd__PfuWy",
   "dayRangeMiddle": "LegacyCalendarRange-module_dayRangeMiddle__M27gR"

package/dist/esm/src/Calendar/baseCalendarClassNames.mjs

@@ -1,18 +1,20 @@
 import calendarStyles from './baseCalendarClassNames.module.scss.mjs';
 var baseCalendarClassNames = {
+  vhidden: calendarStyles.vHidden,
   root: calendarStyles.root,
   months: calendarStyles.months,
-  day_button: "".concat(calendarStyles.buttonReset, " ").concat(calendarStyles.button, " ").concat(calendarStyles.day),
-  button_next: "".concat(calendarStyles.buttonReset, " ").concat(calendarStyles.button, " ").concat(calendarStyles.navButton),
-  button_previous: "".concat(calendarStyles.buttonReset, " ").concat(calendarStyles.button, " ").concat(calendarStyles.navButton),
-  day: calendarStyles.cell,
-  month_caption: calendarStyles.caption,
+  button_reset: calendarStyles.buttonReset,
+  button: calendarStyles.button,
+  caption: calendarStyles.caption,
   caption_label: calendarStyles.captionLabel,
-  month_grid: calendarStyles.table,
-  weekday: calendarStyles.weekday,
-  weeks: calendarStyles.tbody,
-  selected: calendarStyles.daySelected,
-  today: calendarStyles.dayToday,
-  disabled: calendarStyles.dayDisabled
+  nav_button: calendarStyles.navButton,
+  table: calendarStyles.table,
+  head_cell: calendarStyles.weekday,
+  cell: calendarStyles.cell,
+  day: calendarStyles.day,
+  tbody: calendarStyles.tbody,
+  day_selected: calendarStyles.daySelected,
+  day_today: calendarStyles.dayToday,
+  day_disabled: calendarStyles.dayDisabled
 };
 export { baseCalendarClassNames };

package/dist/esm/src/Calendar/baseCalendarClassNames.module.scss.mjs

@@ -13,6 +13,7 @@ var calendarStyles = {
   "cell": "baseCalendarClassNames-module_cell__FvWK0",
   "dayToday": "baseCalendarClassNames-module_dayToday__-TPUa",
   "daySelected": "baseCalendarClassNames-module_daySelected__R3ujV",
-  "dayDisabled": "baseCalendarClassNames-module_dayDisabled__uQzJ-"
+  "dayDisabled": "baseCalendarClassNames-module_dayDisabled__uQzJ-",
+  "vHidden": "baseCalendarClassNames-module_vHidden__egm49"
 };
 export { calendarStyles as default };

package/dist/esm/src/Calendar/utils/setFocusInCalendar.mjs

@@ -1,12 +1,11 @@
 import calendarStyles from '../baseCalendarClassNames.module.scss.mjs';
 import { isInvalidDate } from './isInvalidDate.mjs';
+var isHTMLElement = function (element) {
+  return element instanceof HTMLElement;
+};
 var setFocusInCalendar = function (calendarElement, selectedDay) {
-  var dayClass = selectedDay && !isInvalidDate(selectedDay) ? ".".concat(calendarStyles.daySelected) : ".".concat(calendarStyles.dayToday);
-  var dayToFocus = calendarElement.querySelector("".concat(dayClass, " button"));
-  // RDP v9 puts the day class on the button inside the table cell whereas today and selected appear on the table cell
-  dayToFocus !== null && dayToFocus !== void 0 ? dayToFocus : dayToFocus = calendarElement.querySelector(".".concat(calendarStyles.day));
-  if (dayToFocus instanceof HTMLElement) {
-    dayToFocus.focus();
-  }
+  var daySelectedOrToday = calendarElement.getElementsByClassName(selectedDay && !isInvalidDate(selectedDay) ? calendarStyles.daySelected : calendarStyles.dayToday)[0];
+  var dayToFocus = daySelectedOrToday !== null && daySelectedOrToday !== void 0 ? daySelectedOrToday : calendarElement.getElementsByClassName(calendarStyles.day)[0];
+  if (isHTMLElement(dayToFocus)) dayToFocus.focus();
 };
 export { setFocusInCalendar };

package/dist/esm/src/Filter/FilterBar/subcomponents/FilterBarSelect/FilterBarSelect.mjs

@@ -50,7 +50,7 @@ const FilterBarSelect = /*#__PURE__*/function () {
         }));
       },
       onSelectionChange: function (key) {
-        updateValue(id, key !== null && key !== void 0 ? key : undefined);
+        updateValue(id, key);
         onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange(key);
       },
       isOpen: filterState.isOpen,

package/dist/esm/src/Filter/FilterMultiSelect/FilterMultiSelect.mjs

@@ -34,7 +34,8 @@ const FilterMultiSelect = /*#__PURE__*/function () {
       selectionMode = _b === void 0 ? 'multiple' : _b,
       onSearchInputChange = _a.onSearchInputChange,
       triggerRef = _a.triggerRef,
-      className = _a.className;
+      className = _a.className,
+      floatingOptions = _a.floatingOptions;
     var menuTriggerProps = {
       isOpen: isOpen,
       defaultOpen: defaultOpen,
@@ -43,7 +44,8 @@ const FilterMultiSelect = /*#__PURE__*/function () {
     };
     var menuPopupProps = {
       isLoading: isLoading,
-      loadingSkeleton: loadingSkeleton
+      loadingSkeleton: loadingSkeleton,
+      floatingOptions: floatingOptions
     };
     var disabledKeys = new Set(items === null || items === void 0 ? void 0 : items.filter(function (item) {
       return item.isDisabled === true;
@@ -62,7 +64,9 @@ const FilterMultiSelect = /*#__PURE__*/function () {
     };
     return /*#__PURE__*/React.createElement(MenuTriggerProvider, __assign({}, menuTriggerProps), /*#__PURE__*/React.createElement("div", {
       className: className
-    }, /*#__PURE__*/React.createElement(MenuTriggerConsumer, null, trigger), /*#__PURE__*/React.createElement(MenuPopup, __assign({}, menuPopupProps), /*#__PURE__*/React.createElement(SelectionProvider, __assign({}, selectionProps), /*#__PURE__*/React.createElement(SelectionConsumer, null, children)))));
+    }, /*#__PURE__*/React.createElement(MenuTriggerConsumer, null, trigger), /*#__PURE__*/React.createElement(MenuPopup, __assign({
+      "aria-label": label
+    }, menuPopupProps), /*#__PURE__*/React.createElement(SelectionProvider, __assign({}, selectionProps), /*#__PURE__*/React.createElement(SelectionConsumer, null, children)))));
   };
   FilterMultiSelect.displayName = 'FilterMultiSelect';
   FilterMultiSelect.TriggerButton = FilterTriggerButton;