@kaizen/components 1.73.6 → 1.73.7

package/dist/esm/TitleBlockZen/subcomponents/MobileActions.mjs

@@ -94,8 +94,8 @@ var DrawerMenuContent = function (_a) {
     defaultAction = _a.defaultAction,
     secondaryActions = _a.secondaryActions,
     secondaryOverflowMenuItems = _a.secondaryOverflowMenuItems;
-  var showOtherActionsHeading = (_c = (_b = defaultAction && defaultActionIsButton(defaultAction)) !== null && _b !== undefined ? _b : secondaryActions) !== null && _c !== undefined ? _c : secondaryOverflowMenuItems;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MenuList, null, primaryAction && renderPrimaryActionDrawerContent(primaryAction, 'link'), defaultAction && renderDefaultLink(defaultAction), primaryAction && renderPrimaryActionDrawerContent(primaryAction, 'action')), ((_d = defaultAction !== null && defaultAction !== undefined ? defaultAction : secondaryActions) !== null && _d !== undefined ? _d : secondaryOverflowMenuItems) && (/*#__PURE__*/React.createElement(MenuList, {
+  var showOtherActionsHeading = (_c = (_b = defaultAction && defaultActionIsButton(defaultAction)) !== null && _b !== void 0 ? _b : secondaryActions) !== null && _c !== void 0 ? _c : secondaryOverflowMenuItems;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MenuList, null, primaryAction && renderPrimaryActionDrawerContent(primaryAction, 'link'), defaultAction && renderDefaultLink(defaultAction), primaryAction && renderPrimaryActionDrawerContent(primaryAction, 'action')), ((_d = defaultAction !== null && defaultAction !== void 0 ? defaultAction : secondaryActions) !== null && _d !== void 0 ? _d : secondaryOverflowMenuItems) && (/*#__PURE__*/React.createElement(MenuList, {
     heading: showOtherActionsHeading ? /*#__PURE__*/React.createElement(MenuHeading, null, "Other actions") : undefined
   }, defaultAction && renderDefaultAction(defaultAction), secondaryActions && renderSecondaryActions(secondaryActions), secondaryOverflowMenuItems && renderSecondaryOverflowMenuItems(secondaryOverflowMenuItems))));
 };
@@ -175,7 +175,7 @@ var DrawerHandle = function (_a) {
     drawerHandleLabelIconPosition = _a.drawerHandleLabelIconPosition,
     toggleDisplay = _a.toggleDisplay,
     isOpen = _a.isOpen;
-  var showDrawer = (_b = defaultAction !== null && defaultAction !== undefined ? defaultAction : secondaryActions) !== null && _b !== undefined ? _b : secondaryOverflowMenuItems;
+  var showDrawer = (_b = defaultAction !== null && defaultAction !== void 0 ? defaultAction : secondaryActions) !== null && _b !== void 0 ? _b : secondaryOverflowMenuItems;
   if (primaryAction) {
     // If the primary action is a menu
     if (isMenuGroupNotButton(primaryAction)) {
@@ -243,7 +243,7 @@ const MobileActions = /*#__PURE__*/function () {
       secondaryOverflowMenuItems = _a.secondaryOverflowMenuItems,
       drawerHandleLabelIconPosition = _a.drawerHandleLabelIconPosition,
       _d = _a.autoHide,
-      autoHide = _d === undefined ? false : _d;
+      autoHide = _d === void 0 ? false : _d;
     var _e = useState(false),
       isOpen = _e[0],
       setIsOpen = _e[1];
@@ -254,7 +254,7 @@ const MobileActions = /*#__PURE__*/function () {
     // This callback handler will not run when autoHide === "off"
     var handleDocumentClickForAutoHide = useCallback(function (e) {
       var _a;
-      if (isOpen && e.target instanceof Node && ((_a = menuContent.current) === null || _a === undefined ? undefined : _a.contains(e.target))) {
+      if (isOpen && e.target instanceof Node && ((_a = menuContent.current) === null || _a === void 0 ? void 0 : _a.contains(e.target))) {
         setIsOpen(false);
       }
     },
@@ -284,7 +284,7 @@ const MobileActions = /*#__PURE__*/function () {
       drawerHandleLabelIconPosition: drawerHandleLabelIconPosition,
       toggleDisplay: toggleDisplay,
       isOpen: isOpen
-    }), ((_c = (_b = defaultAction !== null && defaultAction !== undefined ? defaultAction : secondaryActions) !== null && _b !== undefined ? _b : secondaryOverflowMenuItems) !== null && _c !== undefined ? _c : primaryAction && isMenuGroupNotButton(primaryAction)) && (/*#__PURE__*/React.createElement("div", {
+    }), ((_c = (_b = defaultAction !== null && defaultAction !== void 0 ? defaultAction : secondaryActions) !== null && _b !== void 0 ? _b : secondaryOverflowMenuItems) !== null && _c !== void 0 ? _c : primaryAction && isMenuGroupNotButton(primaryAction)) && (/*#__PURE__*/React.createElement("div", {
       ref: menuContent,
       className: styles.mobileActionsMenuContainer
     }, /*#__PURE__*/React.createElement(DrawerMenuContent, {

package/dist/esm/TitleBlockZen/subcomponents/MobileActions.module.scss.mjs

@@ -1,6 +1,5 @@
 var styles = {
   "mobileActionsContainer": "MobileActions-module_mobileActionsContainer__ob6ML",
-  "slide-up": "MobileActions-module_slide-up__vX8Ad",
   "isOpen": "MobileActions-module_isOpen__mmGTA",
   "mobileActionsMenuContainer": "MobileActions-module_mobileActionsMenuContainer__a7LUt",
   "mobileActionsTopRow": "MobileActions-module_mobileActionsTopRow__51iiz",

package/dist/esm/TitleBlockZen/subcomponents/NavigationTabs.module.scss.mjs

@@ -1,5 +1,4 @@
 var styles = {
-  "container": "NavigationTabs-module_container__lK-HH",
   "linkAnchor": "NavigationTabs-module_linkAnchor__oUsWX",
   "active": "NavigationTabs-module_active__-38QW",
   "lightBackground": "NavigationTabs-module_lightBackground__TR-5T"

package/dist/esm/TitleBlockZen/subcomponents/SecondaryActions.mjs

@@ -35,7 +35,7 @@ const SecondaryActions = /*#__PURE__*/function () {
     var secondaryActions = _a.secondaryActions,
       secondaryOverflowMenuItems = _a.secondaryOverflowMenuItems,
       _b = _a.reversed,
-      reversed = _b === undefined ? false : _b;
+      reversed = _b === void 0 ? false : _b;
     if (!secondaryActions && !secondaryOverflowMenuItems) return null;
     var secondaryActionsAsToolbarItems = secondaryActions ? secondaryActions.map(function (action, i) {
       if ('menuItems' in action) {

package/dist/esm/TitleBlockZen/subcomponents/Toolbar.mjs

@@ -9,7 +9,7 @@ const Toolbar = /*#__PURE__*/function () {
   const Toolbar = function (_a) {
     var items = _a.items,
       _b = _a.noGap,
-      noGap = _b === undefined ? false : _b,
+      noGap = _b === void 0 ? false : _b,
       automationId = _a.automationId;
     if (!items || items && items.length === 0) {
       return /*#__PURE__*/React.createElement(React.Fragment, null);

package/dist/esm/TitleBlockZen/utils.mjs

@@ -42,7 +42,7 @@ var createTabletOverflowMenuItems = function (secondaryActions, secondaryOverflo
   } else {
     secondaryActionsList = [];
   }
-  var flatSecondaryOverflowItemsList = secondaryOverflowMenuItems !== null && secondaryOverflowMenuItems !== undefined ? secondaryOverflowMenuItems : [];
+  var flatSecondaryOverflowItemsList = secondaryOverflowMenuItems !== null && secondaryOverflowMenuItems !== void 0 ? secondaryOverflowMenuItems : [];
   return secondaryActionsList.concat(flatSecondaryOverflowItemsList);
 };
 export { NON_REVERSED_VARIANTS, convertSecondaryActionsToMenuItems, createTabletOverflowMenuItems, isMenuGroupNotButton, isReversed };

package/dist/esm/ToggleSwitch/ToggleSwitchField/ToggleSwitchField.mjs

@@ -15,7 +15,7 @@ const ToggleSwitchField = /*#__PURE__*/function () {
     var propsId = _a.id,
       labelText = _a.labelText,
       _b = _a.labelPosition,
-      labelPosition = _b === undefined ? 'start' : _b,
+      labelPosition = _b === void 0 ? 'start' : _b,
       toggledStatus = _a.toggledStatus,
       disabled = _a.disabled,
       reversed = _a.reversed,
@@ -23,7 +23,7 @@ const ToggleSwitchField = /*#__PURE__*/function () {
       fullWidth = _a.fullWidth,
       restProps = __rest(_a, ["id", "labelText", "labelPosition", "toggledStatus", "disabled", "reversed", "inline", "fullWidth"]);
     var fallbackId = useId();
-    var id = propsId !== null && propsId !== undefined ? propsId : fallbackId;
+    var id = propsId !== null && propsId !== void 0 ? propsId : fallbackId;
     return /*#__PURE__*/React.createElement(FieldGroup, {
       id: "".concat(id, "-field-group"),
       inline: inline,

package/dist/esm/Tooltip/Tooltip.mjs

@@ -16,7 +16,7 @@ var TooltipContent = function (_a) {
     referenceElement = _a.referenceElement,
     tooltipId = _a.tooltipId,
     _b = _a.mood,
-    mood = _b === undefined ? 'default' : _b;
+    mood = _b === void 0 ? 'default' : _b;
   var _c = useState(null),
     popperElement = _c[0],
     setPopperElement = _c[1];
@@ -100,16 +100,16 @@ const Tooltip = /*#__PURE__*/function () {
     var children = _a.children,
       text = _a.text,
       _b = _a.display,
-      display = _b === undefined ? 'block' : _b,
+      display = _b === void 0 ? 'block' : _b,
       _c = _a.position,
-      position = _c === undefined ? 'above' : _c,
+      position = _c === void 0 ? 'above' : _c,
       classNameOverride = _a.classNameOverride,
       portalSelector = _a.portalSelector,
       animationDuration = _a.animationDuration,
       _d = _a.isInitiallyVisible,
-      isInitiallyVisible = _d === undefined ? false : _d,
+      isInitiallyVisible = _d === void 0 ? false : _d,
       _e = _a.mood,
-      mood = _e === undefined ? 'default' : _e;
+      mood = _e === void 0 ? 'default' : _e;
     var _f = useState(isInitiallyVisible),
       isHover = _f[0],
       setIsHover = _f[1];

package/dist/esm/Tooltip/subcomponents/AppearanceAnim.mjs

@@ -15,7 +15,7 @@ var AnimationContext = /*#__PURE__*/React.createContext({
 var AnimationProvider = function (_a) {
   var isVisible = _a.isVisible,
     _b = _a.animationDuration,
-    animationDuration = _b === undefined ? ANIM_DURATION_MS : _b,
+    animationDuration = _b === void 0 ? ANIM_DURATION_MS : _b,
     otherProps = __rest(_a, ["isVisible", "animationDuration"]);
   var _c = useState(false),
     isAnimIn = _c[0],

package/dist/esm/Tooltip/utils/isSemanticElement.mjs

@@ -4,7 +4,7 @@ import React from 'react';
 var allowedDisplayNames = ['Button', 'IconButton', 'FilterButtonBase'];
 function extractDisplayName(type) {
   var _a, _b;
-  return (_b = (_a = type.displayName) !== null && _a !== undefined ? _a : type.name) !== null && _b !== undefined ? _b : 'Unknown';
+  return (_b = (_a = type.displayName) !== null && _a !== void 0 ? _a : type.name) !== null && _b !== void 0 ? _b : 'Unknown';
 }
 /**
  *  Validates implicit or explicitly semantic roles required to make `aria-describedby` announce predictably with screen readers

package/dist/esm/Well/Well.mjs

@@ -12,11 +12,11 @@ const Well = /*#__PURE__*/function () {
     var children = _a.children,
       variant = _a.variant,
       _b = _a.color,
-      color = _b === undefined ? 'white' : _b,
+      color = _b === void 0 ? 'white' : _b,
       _c = _a.borderStyle,
-      borderStyle = _c === undefined ? 'solid' : _c,
+      borderStyle = _c === void 0 ? 'solid' : _c,
       _d = _a.noMargin,
-      noMargin = _d === undefined ? false : _d,
+      noMargin = _d === void 0 ? false : _d,
       classNameOverride = _a.classNameOverride,
       restProps = __rest(_a, ["children", "variant", "color", "borderStyle", "noMargin", "classNameOverride"]);
     return /*#__PURE__*/React.createElement("div", __assign({

package/dist/esm/Workflow/subcomponents/Footer/components/FooterActions/FooterActions.mjs

@@ -7,7 +7,7 @@ import styles from './FooterActions.module.css.mjs';
 const FooterAction = /*#__PURE__*/function () {
   const FooterAction = function (_a) {
     var _b = _a.actionType,
-      actionType = _b === undefined ? 'Previous' : _b,
+      actionType = _b === void 0 ? 'Previous' : _b,
       action = _a.action,
       restProps = __rest(_a, ["actionType", "action"]);
     return /*#__PURE__*/React.createElement("div", __assign({

package/dist/esm/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.mjs

@@ -40,7 +40,7 @@ const ProgressStepper = /*#__PURE__*/function () {
     var currentStepId = _a.currentStepId,
       steps = _a.steps,
       _b = _a.isComplete,
-      isComplete = _b === undefined ? false : _b,
+      isComplete = _b === void 0 ? false : _b,
       restprops = __rest(_a, ["currentStepId", "steps", "isComplete"]);
     var currentStepIndex = steps.findIndex(function (stepItem) {
       return stepItem.id === currentStepId;

package/dist/esm/Workflow/subcomponents/Header/components/Actions/Actions.mjs

@@ -9,7 +9,7 @@ const Actions = /*#__PURE__*/function () {
       restProps = __rest(_a, ["headerActions"]);
     return /*#__PURE__*/React.createElement("div", __assign({
       className: styles.actions
-    }, restProps), headerActions === null || headerActions === undefined ? undefined : headerActions.map(function (action, index) {
+    }, restProps), headerActions === null || headerActions === void 0 ? void 0 : headerActions.map(function (action, index) {
       return /*#__PURE__*/React.createElement(action.type, __assign({
         key: "header-actions ".concat(index)
       }, action.props));

package/dist/esm/Workflow/subcomponents/Header/components/Branding/Branding.mjs

@@ -4,7 +4,7 @@ import styles from './Branding.module.css.mjs';
 const Branding = /*#__PURE__*/function () {
   const Branding = function (_a) {
     var _b = _a.variant,
-      variant = _b === undefined ? 'logo-horizontal' : _b,
+      variant = _b === void 0 ? 'logo-horizontal' : _b,
       alt = _a.alt;
     return /*#__PURE__*/React.createElement("div", {
       className: styles.branding

package/dist/esm/__next__/Button/Button.mjs

@@ -9,26 +9,26 @@ import buttonStyles from './Button.module.css.mjs';
 const Button = /*#__PURE__*/function () {
   const Button = /*#__PURE__*/forwardRef(function (_a, ref) {
     var _b = _a.variant,
-      variant = _b === undefined ? 'primary' : _b,
+      variant = _b === void 0 ? 'primary' : _b,
       _c = _a.size,
-      size = _c === undefined ? 'medium' : _c,
+      size = _c === void 0 ? 'medium' : _c,
       className = _a.className,
       children = _a.children,
       isDisabled = _a.isDisabled,
       _d = _a.isFullWidth,
-      isFullWidth = _d === undefined ? false : _d,
+      isFullWidth = _d === void 0 ? false : _d,
       icon = _a.icon,
       iconPosition = _a.iconPosition,
       _e = _a.hasHiddenLabel,
-      hasHiddenLabel = _e === undefined ? false : _e,
+      hasHiddenLabel = _e === void 0 ? false : _e,
       isPending = _a.isPending,
       _f = _a.hasHiddenPendingLabel,
-      propsHasHiddenPendingLabel = _f === undefined ? false : _f,
+      propsHasHiddenPendingLabel = _f === void 0 ? false : _f,
       pendingLabel = _a.pendingLabel,
       isReversed = _a.isReversed,
       restProps = __rest(_a, ["variant", "size", "className", "children", "isDisabled", "isFullWidth", "icon", "iconPosition", "hasHiddenLabel", "isPending", "hasHiddenPendingLabel", "pendingLabel", "isReversed"]);
     var shouldUseReverse = useReversedColors();
-    var isReversedVariant = isReversed !== null && isReversed !== undefined ? isReversed : shouldUseReverse;
+    var isReversedVariant = isReversed !== null && isReversed !== void 0 ? isReversed : shouldUseReverse;
     var pendingProps = isPending ? {
       isPending: isPending,
       hasHiddenPendingLabel: hasHiddenLabel || propsHasHiddenPendingLabel,

package/dist/esm/__next__/Button/subcomponents/ButtonContent/ButtonContent.mjs

@@ -9,10 +9,10 @@ var ButtonContent = function (_a) {
   var children = _a.children,
     hasHiddenLabel = _a.hasHiddenLabel,
     _b = _a.size,
-    size = _b === undefined ? 'medium' : _b,
+    size = _b === void 0 ? 'medium' : _b,
     icon = _a.icon,
     _c = _a.iconPosition,
-    iconPosition = _c === undefined ? 'start' : _c,
+    iconPosition = _c === void 0 ? 'start' : _c,
     className = _a.className,
     restProps = __rest(_a, ["children", "hasHiddenLabel", "size", "icon", "iconPosition", "className"]);
   return /*#__PURE__*/React.createElement("span", __assign({

package/dist/esm/__next__/Button/subcomponents/PendingContent/PendingContent.mjs

@@ -12,9 +12,9 @@ import styles from './PendingContent.module.css.mjs';
 var PendingContent = function (_a) {
   var pendingLabel = _a.pendingLabel,
     _b = _a.hasHiddenPendingLabel,
-    hasHiddenPendingLabel = _b === undefined ? false : _b,
+    hasHiddenPendingLabel = _b === void 0 ? false : _b,
     _c = _a.size,
-    size = _c === undefined ? 'medium' : _c;
+    size = _c === void 0 ? 'medium' : _c;
   return /*#__PURE__*/React.createElement("span", {
     className: classnames(styles.pendingContent, styles[size])
   }, hasHiddenPendingLabel ? (/*#__PURE__*/React.createElement(VisuallyHidden, null, pendingLabel)) : (/*#__PURE__*/React.createElement("span", null, pendingLabel)), /*#__PURE__*/React.createElement(LoadingSpinner, {

package/dist/esm/__next__/Menu/MenuItem.mjs

@@ -14,7 +14,7 @@ const MenuItem = /*#__PURE__*/function () {
       children = _a.children,
       textValue = _a.textValue,
       props = __rest(_a, ["className", "icon", "children", "textValue"]);
-    var determinedTextValue = textValue !== null && textValue !== undefined ? textValue : typeof children === 'string' ? children : undefined;
+    var determinedTextValue = textValue !== null && textValue !== void 0 ? textValue : typeof children === 'string' ? children : undefined;
     return /*#__PURE__*/React.createElement(MenuItem$1, __assign({
       ref: ref,
       className: mergeClassNames(styles.item, className),

package/dist/esm/__next__/Select/Select.mjs

@@ -42,14 +42,14 @@ const Select = /*#__PURE__*/function () {
       selectedKey = _a.selectedKey,
       description = _a.description,
       _c = _a.placeholder,
-      placeholder = _c === undefined ? '' : _c,
+      placeholder = _c === void 0 ? '' : _c,
       isDisabled = _a.isDisabled,
       portalContainerId = _a.portalContainerId,
       restProps = __rest(_a, ["label", "items", "id", "trigger", "children", "status", "validationMessage", "isReversed", "isFullWidth", "disabledValues", "classNameOverride", "selectedKey", "description", "placeholder", "isDisabled", "portalContainerId"]);
     var refs = useFloating().refs;
     var triggerRef = refs.reference;
     var fallbackId = useId();
-    var id = propsId !== null && propsId !== undefined ? propsId : fallbackId;
+    var id = propsId !== null && propsId !== void 0 ? propsId : fallbackId;
     var descriptionId = "".concat(id, "--description");
     var popoverId = "".concat(id, "--popover");
     var disabledKeys = getDisabledKeysFromItems(items);
@@ -57,7 +57,7 @@ const Select = /*#__PURE__*/function () {
       label: label,
       items: items,
       children: transformSelectItemToCollectionElement,
-      disabledKeys: disabledValues !== null && disabledValues !== undefined ? disabledValues : disabledKeys,
+      disabledKeys: disabledValues !== null && disabledValues !== void 0 ? disabledValues : disabledKeys,
       selectedKey: typeof selectedKey === 'number' ? selectedKey.toString() : selectedKey,
       description: description,
       placeholder: placeholder,
@@ -78,13 +78,13 @@ const Select = /*#__PURE__*/function () {
     // Issue: https://github.com/adobe/react-spectrum/issues/4091
     var reactAriaLabelledBy = reactAriaTriggerProps['aria-labelledby'];
     var triggerProps = __assign(__assign({}, reactAriaTriggerProps), {
-      'aria-labelledby': reactAriaLabelledBy === null || reactAriaLabelledBy === undefined ? undefined : reactAriaLabelledBy.substring(reactAriaLabelledBy.indexOf(' ') + 1)
+      'aria-labelledby': reactAriaLabelledBy === null || reactAriaLabelledBy === void 0 ? void 0 : reactAriaLabelledBy.substring(reactAriaLabelledBy.indexOf(' ') + 1)
     });
     var buttonProps = useButton(triggerProps, triggerRef).buttonProps;
     var selectToggleProps = __assign(__assign({}, buttonProps), {
       label: label,
       labelProps: labelProps,
-      value: (_b = state === null || state === undefined ? undefined : state.selectedItem) === null || _b === undefined ? undefined : _b.rendered,
+      value: (_b = state === null || state === void 0 ? void 0 : state.selectedItem) === null || _b === void 0 ? void 0 : _b.rendered,
       valueProps: valueProps,
       isOpen: state.isOpen,
       placeholder: placeholder,

package/dist/esm/__next__/Select/subcomponents/ListBox/ListBox.mjs

@@ -55,7 +55,7 @@ const ListBox = /*#__PURE__*/function () {
           focusToElement.focus();
         } else {
           // If an element is not found, focus on the listbox. This ensures the list can still be navigated to via keyboard if the keys do not align to the data attributes of the list items.
-          (_a = ref.current) === null || _a === undefined ? undefined : _a.focus();
+          (_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus();
         }
       }
       // Only run this effect for checking the first successful render

package/dist/esm/__next__/Select/subcomponents/Option/Option.mjs

@@ -32,7 +32,7 @@ const Option = /*#__PURE__*/function () {
             return state.setSelectedKey(item.key);
           }, 250);
         } else {
-          onPointerUp === null || onPointerUp === undefined ? undefined : onPointerUp(e);
+          onPointerUp === null || onPointerUp === void 0 ? void 0 : onPointerUp(e);
         }
       }
     }), {

package/dist/esm/__next__/Select/subcomponents/SelectToggle/SelectToggle.mjs

@@ -12,7 +12,7 @@ const SelectToggle = /*#__PURE__*/function () {
       valueProps = _a.valueProps,
       isOpen = _a.isOpen,
       _b = _a.placeholder,
-      placeholder = _b === undefined ? 'Select' : _b,
+      placeholder = _b === void 0 ? 'Select' : _b,
       status = _a.status,
       isDisabled = _a.isDisabled,
       isReversed = _a.isReversed,
@@ -31,7 +31,7 @@ const SelectToggle = /*#__PURE__*/function () {
       className: classnames(styles.selectToggle, (value === null || value === undefined) && styles.placeholder, status === 'error' && styles.error, status === 'caution' && styles.caution, isDisabled && styles.disabled, isReversed && styles.reversed, classNameOverride)
     }), /*#__PURE__*/React.createElement("span", __assign({}, valueProps, {
       className: styles.value
-    }), value !== null && value !== undefined ? value : placeholder), /*#__PURE__*/React.createElement(Icon, {
+    }), value !== null && value !== void 0 ? value : placeholder), /*#__PURE__*/React.createElement(Icon, {
       name: isOpen ? 'keyboard_arrow_up' : 'keyboard_arrow_down',
       isPresentational: true,
       className: styles.icon

package/dist/esm/__next__/Select/subcomponents/SelectToggle/SelectToggle.module.scss.mjs

@@ -1,5 +1,4 @@
 var styles = {
-  "iconWrapper": "SelectToggle-module_iconWrapper__QIOBG",
   "icon": "SelectToggle-module_icon__MX9x-",
   "selectToggle": "SelectToggle-module_selectToggle__WzOfT",
   "placeholder": "SelectToggle-module_placeholder__MqhPo",

package/dist/esm/__next__/Tabs/subcomponents/TabList/TabList.mjs

@@ -13,7 +13,7 @@ import styles from './TabList.module.css.mjs';
 var TabList = function (props) {
   var ariaLabel = props["aria-label"],
     _a = props.noPadding,
-    noPadding = _a === undefined ? false : _a,
+    noPadding = _a === void 0 ? false : _a,
     children = props.children,
     className = props.className,
     testId = props["data-testid"],
@@ -36,7 +36,7 @@ var TabList = function (props) {
     containerElement = _f[0],
     setContainerElement = _f[1];
   var tabListContext = useContext(TabListStateContext);
-  var selectedKey = tabListContext === null || tabListContext === undefined ? undefined : tabListContext.selectedKey;
+  var selectedKey = tabListContext === null || tabListContext === void 0 ? void 0 : tabListContext.selectedKey;
   useEffect(function () {
     if (!isDocumentReady) {
       setIsDocumentReady(true);
@@ -50,7 +50,7 @@ var TabList = function (props) {
     if (!isDocumentReady) {
       return;
     }
-    var tabs = containerElement === null || containerElement === undefined ? undefined : containerElement.querySelectorAll('[data-kz-tab]');
+    var tabs = containerElement === null || containerElement === void 0 ? void 0 : containerElement.querySelectorAll('[data-kz-tab]');
     if (!tabs || tabs.length === 0) {
       return;
     }
@@ -87,7 +87,7 @@ var TabList = function (props) {
       return;
     }
     // Scroll selected tab into view
-    (_a = containerElement === null || containerElement === undefined ? undefined : containerElement.querySelector('[role="tab"][data-selected=true]')) === null || _a === undefined ? undefined : _a.scrollIntoView({
+    (_a = containerElement === null || containerElement === void 0 ? void 0 : containerElement.querySelector('[role="tab"][data-selected=true]')) === null || _a === void 0 ? void 0 : _a.scrollIntoView({
       block: 'nearest',
       inline: 'center'
     });

package/dist/esm/__next__/Tag/Tag/Tag.mjs

@@ -8,7 +8,7 @@ const Tag = /*#__PURE__*/function () {
       classNameOverride = _a.classNameOverride,
       icon = _a.icon,
       _b = _a.color,
-      color = _b === undefined ? 'gray' : _b,
+      color = _b === void 0 ? 'gray' : _b,
       restProps = __rest(_a, ["children", "classNameOverride", "icon", "color"]);
     return /*#__PURE__*/React.createElement("span", __assign({
       className: classnames(styles.tag, styles[color], classNameOverride)

package/dist/esm/__next__/Tooltip/Tooltip.mjs

@@ -27,7 +27,7 @@ const Tooltip = /*#__PURE__*/function () {
       setShouldInlineHiddenContent = _b[1];
     useLayoutEffect(function () {
       var _a;
-      setShouldInlineHiddenContent(!!((_a = triggerRef === null || triggerRef === undefined ? undefined : triggerRef.current) === null || _a === undefined ? undefined : _a.getAttribute('data-inline-hidden-content')));
+      setShouldInlineHiddenContent(!!((_a = triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current) === null || _a === void 0 ? void 0 : _a.getAttribute('data-inline-hidden-content')));
     }, [triggerRef]);
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tooltip$1, __assign({
       ref: ref,

package/dist/esm/__next__/Tooltip/Tooltip.module.scss.mjs

@@ -1,6 +1,5 @@
 var styles = {
   "tooltip": "Tooltip-module_tooltip__zBer-",
-  "reversed": "Tooltip-module_reversed__VnM1F",
-  "slide": "Tooltip-module_slide__XF-On"
+  "reversed": "Tooltip-module_reversed__VnM1F"
 };
 export { styles as default };

package/dist/esm/utils/ReversedColors/ReversedColors.mjs

@@ -6,7 +6,7 @@ var useReversedColors = function () {
 var ReversedColors = function (_a) {
   var children = _a.children,
     _b = _a.isReversed,
-    isReversed = _b === undefined ? true : _b;
+    isReversed = _b === void 0 ? true : _b;
   return /*#__PURE__*/React.createElement(ReversedColorsContext.Provider, {
     value: isReversed
   }, children);

package/dist/esm/utils/isRTL/isRTL.mjs

@@ -4,6 +4,6 @@
  */
 var isRTL = function (element) {
   var _a;
-  return !!((_a = element.closest('[dir]')) === null || _a === undefined ? undefined : _a.matches('[dir="rtl"]'));
+  return !!((_a = element.closest('[dir]')) === null || _a === void 0 ? void 0 : _a.matches('[dir="rtl"]'));
 };
 export { isRTL };

package/dist/esm/utils/mergeClassNames.mjs

@@ -14,10 +14,10 @@ var mergeClassNames = function () {
     return typeof className === 'function';
   });
   // "as any" is used because TS is not smart enough to know that containsFunction means that ClassNameType doesn't extend Function
-  if (!containsFunction) return classnames.apply(undefined, classNames);
+  if (!containsFunction) return classnames.apply(void 0, classNames);
   // "as any" is used because TS is not smart enough to know that containsFunction means that ClassNameType doesn't extend Function
   return function (state) {
-    return classnames.apply(undefined, classNames.map(function (className) {
+    return classnames.apply(void 0, classNames.map(function (className) {
       return typeof className === 'function' ? className(state) : className;
     }));
   };

package/dist/esm/utils/useMediaQueries.mjs

@@ -4,7 +4,7 @@ var subtractOnePixel = function (breakpoint) {
   return "".concat(parseInt(breakpoint, 10) - 1, "px");
 };
 var useMediaQueries = function (propQueries) {
-  if (propQueries === undefined) {
+  if (propQueries === void 0) {
     propQueries = {};
   }
   if (typeof window === 'undefined') {

package/dist/esm/utils/useResizeObserver.mjs

@@ -14,7 +14,7 @@ var defaultCallback = function (entry) {
  * @deprecated use native `ResizeObserver` DOM API instead
  */
 var useResizeObserver = function (resolveEntry) {
-  if (resolveEntry === undefined) {
+  if (resolveEntry === void 0) {
     resolveEntry = defaultCallback;
   }
   var destroyResizeObserverRef = useRef(undefined);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kaizen/components",
-  "version": "1.73.6",
+  "version": "1.73.7",
   "description": "Kaizen component library",
   "author": "Geoffrey Chong <geoff.chong@cultureamp.com>",
   "homepage": "https://cultureamp.design",
@@ -145,17 +145,17 @@
     "react-focus-on": "^3.9.4",
     "react-media": "^1.10.0",
     "react-popper": "^2.3.0",
-    "react-select": "^5.9.0",
+    "react-select": "^5.10.1",
     "react-textfit": "^1.1.1",
     "resize-observer-polyfill": "^1.5.1",
     "use-debounce": "^10.0.4",
-    "uuid": "^11.0.3"
+    "uuid": "^11.1.0"
   },
   "dependenciesComments": {
     "react-day-picker": "Version locked until a11y gets fixed (https://github.com/gpbl/react-day-picker/pull/1708)"
   },
   "devDependencies": {
-    "@cultureamp/frontend-apis": "^12.0.1",
+    "@cultureamp/frontend-apis": "^13.2.5",
     "@cultureamp/i18n-react-intl": "^2.7.1",
     "@testing-library/dom": "^10.4.0",
     "@types/jest-axe": "^3.5.9",
@@ -169,8 +169,8 @@
     "jest-axe": "^9.0.0",
     "lodash.isempty": "^4.4.0",
     "normalize.css": "^8.0.1",
-    "postcss": "^8.4.49",
-    "postcss-cli": "^11.0.0",
+    "postcss": "^8.5.3",
+    "postcss-cli": "^11.0.1",
     "postcss-import": "^16.1.0",
     "postcss-preset-env": "^10.1.3",
     "postcss-scss": "^4.0.9",
@@ -179,14 +179,14 @@
     "react-dom": "^18.3.1",
     "react-highlight": "^0.15.0",
     "react-intl": "^7.1.0",
-    "rollup": "^4.30.1",
+    "rollup": "^4.35.0",
     "sass": "1.79.6",
     "serialize-query-params": "^2.0.2",
     "svgo": "^3.3.2",
     "tslib": "^2.8.1",
     "tsx": "^4.19.2",
-    "@kaizen/design-tokens": "10.8.7",
-    "@kaizen/package-bundler": "2.0.4"
+    "@kaizen/design-tokens": "10.8.8",
+    "@kaizen/package-bundler": "2.0.5"
   },
   "devDependenciesComments": {
     "sass": "Prevent deprecation warnings introduced in 1.80 as we plan to move away from sass",

package/src/Input/InputRange/InputRange.tsx

@@ -61,7 +61,7 @@ export const InputRange = ({
         aria-valuenow={value}
         aria-valuemin={min}
         aria-valuemax={max}
-        aria-describedby={`${visuallyHiddenHintId} ${ariaDescribedby ? ariaDescribedby : ''}`}
+        aria-describedby={`${visuallyHiddenHintId} ${ariaDescribedby ?? ''}`}
         onChange={(e: React.ChangeEvent<HTMLInputElement>): void => {
           setStep(1) // Put the stepper to 1 to avoid floating value
           onChange?.(e)

package/src/Notification/subcomponents/GenericNotification/_mixins.scss

@@ -49,8 +49,8 @@ $notification-slide-right: transform 300ms ease-out;
     box-shadow: $shadow-small-box-shadow;
     max-width: 100%;
     padding: $notification-vertical-padding 10px;
-    transition: $notification-fade-out, $notification-slide-right,
-      $notification-collapse-height-delayed;
+    transition:
+      $notification-fade-out, $notification-slide-right, $notification-collapse-height-delayed;
     will-change: transform;
   }
 

package/src/RichTextEditor/utils/commands/removeMark.ts

@@ -15,7 +15,7 @@ export const removeMark: CommandFactory =
       dispatch(tr.removeStoredMark(type))
     } else {
       if (options.range || options.toExtent) {
-        const range = options.range || getMarkRange($from, type)
+        const range = options.range ?? getMarkRange($from, type)
         if (range) {
           from = range.from
           to = range.to

package/src/RichTextEditor/utils/plugins/LinkManager/components/LinkEditor/LinkEditor.tsx

@@ -26,7 +26,7 @@ export const LinkEditor = ({
   const [isPopoverOpen, setIsPopoverOpen] = useState<boolean>(attrs.href != null)
   const [modalOpen, setModalOpen] = useState<boolean>(attrs._metadata?.added === true)
 
-  const [href, setHref] = useState<string | undefined>(attrs.href ? attrs.href : undefined)
+  const [href, setHref] = useState<string | undefined>(attrs.href ?? undefined)
 
   return (
     <>