@innovaccer/design-system 2.32.0 → 2.33.0

package/css/src/components/chipInput.css

@@ -82,7 +82,7 @@
   height: var(--spacing-2);
   padding: var(--spacing-s);
   margin-left: var(--spacing);
-  margin-top: 6px;
+  margin-top: var(--spacing-0-75);
   cursor: pointer;
   border-radius: 10px;
 }

package/css/src/components/dropdown.css

@@ -32,7 +32,7 @@
   align-items: center;
   margin-left: var(--spacing-l);
   margin-top: var(--spacing-l);
-  margin-bottom: 6px;
+  margin-bottom: var(--spacing-0-75);
 }
 
 .Dropdown-section--withClear {
@@ -63,8 +63,8 @@
 
 .Option,
 .Option-loading {
-  padding-top: 6px;
-  padding-bottom: 6px;
+  padding-top: var(--spacing-0-75);
+  padding-bottom: var(--spacing-0-75);
   padding-left: var(--spacing-l);
   padding-right: var(--spacing);
 }
@@ -80,8 +80,8 @@
 .OptionCheckbox {
   width: 100%;
   padding-left: var(--spacing-l);
-  padding-top: 6px;
-  padding-bottom: 6px;
+  padding-top: var(--spacing-0-75);
+  padding-bottom: var(--spacing-0-75);
 }
 
 .Option--active,

package/css/src/components/fileList.css

@@ -23,6 +23,7 @@
   display: flex;
   justify-content: center;
   align-items: center;
+  flex-shrink: 0;
 }
 .FileItem-file {
   display: flex;
@@ -38,6 +39,7 @@
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
+  margin-right: var(--spacing);
   margin-left: var(--spacing-l);
 }
 .FileItem-error {

package/css/src/components/input.css

@@ -26,8 +26,8 @@
 
 .Input--regular {
   height: var(--font-height-l);
-  padding-top: 6px;
-  padding-bottom: 6px;
+  padding-top: var(--spacing-0-75);
+  padding-bottom: var(--spacing-0-75);
 }
 
 .Input--large {

package/css/src/components/menu.css

@@ -16,7 +16,7 @@
 .Menu-Group-Label {
   display: flex;
   align-items: center;
-  padding-bottom: 6px;
+  padding-bottom: var(--spacing-0-75);
   padding-top: var(--spacing-l);
   padding-left: var(--spacing-2);
   padding-right: var(--spacing-l);

package/css/src/components/pills.css

@@ -8,8 +8,8 @@
   font-size: var(--font-size-s);
   line-height: var(--font-height-s);
   text-transform: uppercase;
-  padding-right: 6px;
-  padding-left: 6px;
+  padding-right: var(--spacing-0-75);
+  padding-left: var(--spacing-0-75);
   padding-top: var(--spacing-s);
   padding-bottom: var(--spacing-s);
   border-radius: 20px;

package/css/src/components/statusHints.css

@@ -10,7 +10,7 @@
   height: var(--spacing);
   width: var(--spacing);
   margin-right: var(--spacing);
-  margin-top: 6px;
+  margin-top: var(--spacing-0-75);
 }
 
 .StatusHint--alert {

package/css/src/components/switch.css

@@ -38,7 +38,7 @@
   width: 100%;
   background-color: var(--secondary-light);
   transition: background 120ms ease;
-  padding-right: 6px;
+  padding-right: var(--spacing-0-75);
 }
 
 .Switch-input:focus ~ .Switch-wrapper {
@@ -93,7 +93,7 @@
 .Switch-wrapper--checked {
   background-color: var(--primary);
   transition: background 120ms ease;
-  padding-left: 6px;
+  padding-left: var(--spacing-0-75);
   padding-right: 2px !important;
 }
 

package/css/src/components/verticalNav.css

@@ -11,7 +11,7 @@
   text-transform: uppercase;
   padding-left: var(--spacing-2);
   padding-top: var(--spacing-l);
-  padding-bottom: 6px;
+  padding-bottom: var(--spacing-0-75);
   margin-top: var(--spacing);
 }
 
@@ -119,6 +119,12 @@
   white-space: nowrap;
 }
 
+.MenuItem--overflow {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 .MenuItem-count {
   margin-right: var(--spacing-m);
 }

package/css/src/core/typography.css

@@ -144,12 +144,12 @@ body {
 }
 
 .Label-requiredIndicator {
-  height: 6px;
-  width: 6px;
+  height: var(--spacing-0-75);
+  width: var(--spacing-0-75);
   border-radius: 50%;
   background: var(--alert);
   margin-left: var(--spacing-m);
-  margin-bottom: 6px;
+  margin-bottom: var(--spacing-0-75);
   display: inline-flex;
 }
 

package/css/src/variables/index.css

@@ -95,6 +95,7 @@
   --spacing-xs: 1px;
   --spacing-s: 2px;
   --spacing-m: 4px;
+  --spacing-0-75: 6px;
   --spacing: 8px;
   --spacing-l: 12px;
   /* 8 * 2 */

package/dist/.lib/tsconfig.type.tsbuildinfo

@@ -747,12 +747,12 @@
         "affectsGlobalScope": false
       },
       "../../core/components/organisms/verticalNav/MenuItem.tsx": {
-        "version": "62860f2b2b48c6ca6012ce1379047dde1f8cb91cc3e3024fd82a2a6397e37e49",
+        "version": "37c875613577027e6abd3d875599079e27f06080d6b0774dd4a398a21b07b15c",
         "signature": "5e37b7f569d09c007d1f438d81dbf26264baa12d49b0d34921a4233bb29dea05",
         "affectsGlobalScope": false
       },
       "../../core/components/organisms/verticalNav/VerticalNav.tsx": {
-        "version": "7311d817228228ec6fa49fdd2af55dee35f57927e71d2a533b99d00a5d0ff52b",
+        "version": "65cfe866cff1438e203b3bc8afd395beea4047f3cf2a3e8e3c48182159886b8e",
         "signature": "b6a81d40026ba8bd3a2cbf23c794ebad04a3cd7ae697b1a3fcbca6f0cb11ad7f",
         "affectsGlobalScope": false
       },
@@ -1507,7 +1507,7 @@
         "affectsGlobalScope": false
       },
       "../../core/components/molecules/fileList/FileListItem.tsx": {
-        "version": "2d2ff75edf674c035eb2828f0f071eb73ab894b712974f2df2bea460e4dbf044",
+        "version": "450340557762254d4fe912fb7a7d8fb783dee6b39320c85ab2b6d6ea1875dc91",
         "signature": "0210946614d27a667d765a6b5ca34d24ff0e7bbb943879ef1e5ba80451586260",
         "affectsGlobalScope": false
       },
@@ -1867,13 +1867,13 @@
         "affectsGlobalScope": false
       },
       "../../core/components/organisms/select/SearchInput.tsx": {
-        "version": "f29723058f63146e06e3087a9be5aa7915932f8d2d1034d56b9ada1f00f2e255",
-        "signature": "23e833d128dc88651bd593f00806d51c074283658b7c844a8dd5f4c0198f6601",
+        "version": "988f8843cfa29d4d785f3379c11506ef28d1c9c204db65e6b8b02eb2b834904d",
+        "signature": "c6850a1c6e3379acf977bad00bca2372320fa6b027ffd24eae857d2a6c31cc98",
         "affectsGlobalScope": false
       },
       "../../core/components/organisms/select/SelectEmptyTemplate.tsx": {
-        "version": "249ad4ba02ac0921c4672cfe95d3d690c4adc330583b99b6b8a2fb90cd17ecaa",
-        "signature": "8b178f35724e96726150cb894398a7710abcf52f3812cdf724ebb03b0335eec5",
+        "version": "f041344b371db22a3e1b3b070c4a810017d7cdb2a6db823a27e054a103b04034",
+        "signature": "e48f1587740af45506a9b690ec0f4201e28e60f916d8ee47429acc615396ea0d",
         "affectsGlobalScope": false
       },
       "../../core/components/organisms/select/SelectFooter.tsx": {
@@ -1882,8 +1882,8 @@
         "affectsGlobalScope": false
       },
       "../../core/components/organisms/select/Select.tsx": {
-        "version": "2c96ad056bd4908e63dabbe4d8b7d34f890b97c2bed9cbfb0157649b97eb9835",
-        "signature": "a310c882f903b62c07d5199c3ce6af1ef34d25482d6646441508867bcf148b72",
+        "version": "b49d342189f82080e89ce6ebcba12818a1a1d7fef358a044bb17ad672aae5fda",
+        "signature": "7bc3fc60e1b8d3eef4ad6f448e1771a2013c95ba8bdaa55481bb17a14260a8e5",
         "affectsGlobalScope": false
       },
       "../../core/components/organisms/select/index.tsx": {
@@ -2017,7 +2017,7 @@
         "affectsGlobalScope": false
       },
       "../../core/components/css-utilities/designTokens/Data.tsx": {
-        "version": "65190ad3be86bc70dee646ca84e2158789c4d7180506c0e650ac10c7b8789bf1",
+        "version": "7daabc625d30ee5f1eb3af93302475a838b923bba48625ba44353d47cfc8b914",
         "signature": "2583c1f78c1b3d0dfe4ab20b9118007fd35cbc26426964b94c6f8a32844c4dc7",
         "affectsGlobalScope": false
       },
@@ -7268,7 +7268,7 @@
         "../../core/components/organisms/select/SelectContext.tsx",
         "../../core/components/organisms/select/utils.tsx",
         "../../core/index.tsx",
-        "../../core/utils/types.tsx",
+        "../../core/index.type.tsx",
         "../../node_modules/@types/node/util.d.ts",
         "../../node_modules/@types/react/index.d.ts"
       ],

package/dist/core/components/organisms/select/SearchInput.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { BaseProps } from "../../../utils/types";
-export interface SelectInputProps extends BaseProps {
+import { InputProps } from "../../../index.type";
+export interface SelectInputProps extends InputProps {
     onClear?: (e: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => void;
     onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
 }

package/dist/core/components/organisms/select/Select.d.ts

@@ -16,6 +16,8 @@ export interface SelectProps extends BaseProps {
     maxHeight?: number;
     minHeight?: number;
     value?: OptionType | OptionType[];
+    boundaryElement?: React.RefObject<HTMLElement> | Element;
+    appendToBody?: boolean;
     onOutsideClick?: () => void;
     triggerOptions?: SelectTriggerProps;
 }

package/dist/core/components/organisms/select/SelectEmptyTemplate.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { BaseProps } from "../../../utils/types";
 interface SelectEmptyTemplateProps extends BaseProps {
-    title: string;
-    description: string;
+    title?: string;
+    description?: string;
     children?: React.ReactNode;
 }
 export declare const SelectEmptyTemplate: (props: SelectEmptyTemplateProps) => JSX.Element;

package/dist/index.esm.js

@@ -1,8 +1,8 @@
 
   /**
-   * Generated on: 1714551645716 
+   * Generated on: 1715707009997 
    *      Package: @innovaccer/design-system
-   *      Version: v2.32.0
+   *      Version: v2.33.0
    *      License: MIT
    *         Docs: https://innovaccer.github.io/design-system
    */
@@ -14445,16 +14445,6 @@ var getNavItemColor = function getNavItemColor(isActive, disabled) {
   return disabled ? 'inverse-lightest' : isActive ? 'primary-dark' : 'inverse';
 };
 
-var _MenuLabel = function MenuLabel(props) {
-  var label = props.label,
-      labelColor = props.labelColor;
-  return /*#__PURE__*/React.createElement(Text, {
-    "data-test": "DesignSystem-VerticalNav--Text",
-    color: labelColor,
-    className: "MenuItem-Text"
-  }, label);
-};
-
 var _MenuIcon = function MenuIcon(props) {
   var isChildrenVisible = props.isChildrenVisible;
   return /*#__PURE__*/React.createElement(Icon, {
@@ -14491,6 +14481,31 @@ var MenuItem$1 = function MenuItem(props) {
       onClick = props.onClick,
       customItemRenderer = props.customItemRenderer;
 
+  var _React$useState = React.useState(false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      isTextTruncated = _React$useState2[0],
+      setIsTextTruncated = _React$useState2[1];
+
+  var _Tooltip$useAutoToolt = Tooltip.useAutoTooltip(),
+      detectTruncation = _Tooltip$useAutoToolt.detectTruncation;
+
+  var contentRef = /*#__PURE__*/React.createRef();
+  React.useEffect(function () {
+    var isTruncated = detectTruncation(contentRef);
+    setIsTextTruncated(isTruncated);
+  }, [contentRef]);
+
+  var _MenuLabel = function MenuLabel(props) {
+    var label = props.label,
+        labelColor = props.labelColor;
+    return /*#__PURE__*/React.createElement(Text, {
+      "data-test": "DesignSystem-VerticalNav--Text",
+      ref: contentRef,
+      color: labelColor,
+      className: "MenuItem-Text MenuItem--overflow ".concat(hasSubmenu || menu.count !== undefined ? '' : 'mr-5')
+    }, label);
+  };
+
   var onClickHandler = function onClickHandler(ev) {
     ev.preventDefault();
     if (onClick) onClick(menu);
@@ -14527,6 +14542,7 @@ var MenuItem$1 = function MenuItem(props) {
   if (!expanded && !menu.icon) return null;
 
   var customItemProps = _objectSpread2(_objectSpread2({}, props), {}, {
+    contentRef: contentRef,
     MenuIcon: function MenuIcon() {
       return _MenuIcon({
         isChildrenVisible: isChildrenVisible
@@ -14551,7 +14567,11 @@ var MenuItem$1 = function MenuItem(props) {
   /*#__PURE__*/
   // TODO(a11y)
   // eslint-disable-next-line
-  React.createElement(Link$1, _extends$2({
+  React.createElement(Tooltip, {
+    showTooltip: expanded ? isTextTruncated : true,
+    tooltip: menu.label,
+    position: "right"
+  }, /*#__PURE__*/React.createElement(Link$1, _extends$2({
     componentType: "a",
     className: ItemClass
   }, baseProps), /*#__PURE__*/React.createElement("div", {
@@ -14564,7 +14584,7 @@ var MenuItem$1 = function MenuItem(props) {
   }), expanded && /*#__PURE__*/React.createElement(_MenuLabel, {
     label: menu.label,
     labelColor: itemColor
-  })), expanded && renderSubMenu());
+  })), expanded && renderSubMenu()));
 };
 MenuItem$1.defaultProps = {
   isActive: false
@@ -14581,8 +14601,7 @@ var VerticalNav = function VerticalNav(props) {
       rounded = props.rounded,
       autoCollapse = props.autoCollapse,
       className = props.className,
-      customItemRenderer = props.customItemRenderer,
-      showTooltip = props.showTooltip;
+      customItemRenderer = props.customItemRenderer;
 
   var _React$useState = React.useState({}),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -14666,21 +14685,7 @@ var VerticalNav = function VerticalNav(props) {
         size: "small",
         weight: "strong",
         appearance: "subtle"
-      }, menu.group)), showTooltip ? /*#__PURE__*/React.createElement(Tooltip, {
-        tooltip: menu.label,
-        position: "right"
-      }, /*#__PURE__*/React.createElement(MenuItem$1, {
-        "data-test": "DesignSystem-VerticalNav--Item",
-        menu: menu,
-        expanded: expanded,
-        isActive: isActive,
-        hasSubmenu: hasSubmenu,
-        isChildren: false,
-        rounded: rounded,
-        isChildrenVisible: isChildrenVisible,
-        onClick: onClickHandler,
-        customItemRenderer: customItemRenderer
-      })) : /*#__PURE__*/React.createElement(MenuItem$1, {
+      }, menu.group)), /*#__PURE__*/React.createElement(MenuItem$1, {
         "data-test": "DesignSystem-VerticalNav--Item",
         menu: menu,
         expanded: expanded,
@@ -14692,20 +14697,7 @@ var VerticalNav = function VerticalNav(props) {
         onClick: onClickHandler,
         customItemRenderer: customItemRenderer
       }), isChildrenVisible && menu.subMenu.map(function (subMenu, id) {
-        return showTooltip ? /*#__PURE__*/React.createElement(Tooltip, {
-          tooltip: subMenu.label,
-          position: "right"
-        }, /*#__PURE__*/React.createElement(MenuItem$1, {
-          key: id,
-          menu: subMenu,
-          expanded: expanded,
-          hasSubmenu: false,
-          isChildren: true,
-          rounded: rounded,
-          onClick: onClickHandler,
-          isActive: isMenuActive(menus, subMenu, active),
-          customItemRenderer: customItemRenderer
-        })) : /*#__PURE__*/React.createElement(MenuItem$1, {
+        return /*#__PURE__*/React.createElement(MenuItem$1, {
           key: id,
           menu: subMenu,
           expanded: expanded,
@@ -22243,11 +22235,13 @@ var FileListItem = function FileListItem(props) {
     }), /*#__PURE__*/React.createElement(Text, {
       "data-test": "DesignSystem-FileListItem--Name",
       className: "FileItem-text",
-      appearance: status === 'completed' ? 'default' : 'subtle'
+      appearance: status === 'completed' ? 'default' : 'subtle',
+      weight: "medium"
     }, name)), /*#__PURE__*/React.createElement("div", {
       className: "FileItem-actions"
     }, /*#__PURE__*/React.createElement(Text, {
       className: "FileItem-size",
+      size: "small",
       appearance: 'subtle',
       "data-test": "DesignSystem-FileListItem--Size"
     }, fileSize || file.size), !!actions && actions)), status === 'error' && /*#__PURE__*/React.createElement(InlineMessage, {
@@ -25949,6 +25943,8 @@ var Select = /*#__PURE__*/React.forwardRef(function (props, ref) {
       maxHeight = props.maxHeight,
       minHeight = props.minHeight,
       value = props.value,
+      boundaryElement = props.boundaryElement,
+      appendToBody = props.appendToBody,
       _props$multiSelect = props.multiSelect,
       multiSelect = _props$multiSelect === void 0 ? false : _props$multiSelect,
       onOutsideClick = props.onOutsideClick,
@@ -26103,6 +26099,8 @@ var Select = /*#__PURE__*/React.forwardRef(function (props, ref) {
     className: "mt-3",
     triggerClass: "d-block",
     customStyle: popoverStyle,
+    boundaryElement: boundaryElement,
+    appendToBody: appendToBody,
     trigger: /*#__PURE__*/React.createElement(SelectTrigger, _extends$2({
       "aria-controls": "select-listbox"
     }, triggerOptions))
@@ -26591,6 +26589,6 @@ Menu.defaultProps = {
   position: 'bottom-start'
 };
 
-var version = "2.32.0";
+var version = "2.33.0";
 
 export { ActionCard, Avatar, AvatarGroup, AvatarSelection, Backdrop, Badge, Breadcrumbs, Button, Calendar, Caption, Card, CardBody, CardFooter, CardHeader, CardSubdued, ChatMessage, Checkbox, Chip, ChipGroup, ChipInput, ChoiceList, Collapsible, Column, Combobox, DatePicker, DateRangePicker, Dialog, Divider, Dropdown, Dropzone, EditableChipInput, EditableDropdown, EditableInput, EmptyState, FileList, FileUploader, FileUploaderList, FullscreenModal, Grid, GridCell, Heading, HelpText, HorizontalNav, Icon, InlineMessage, Input, X as InputMask, Label, Legend, Link, LinkButton, List, Listbox, Menu, Message, MetaList, MetricInput, Modal, ModalBody, ModalDescription, ModalFooter, ModalHeader, MultiSlider, Navigation, OutsideClick, PageHeader, Pagination, Paragraph, Pills, Placeholder, PlaceholderImage, PlaceholderParagraph, Popover, ProgressBar, ProgressRing, Radio, RangeSlider, Row, Select, SelectionCard, Sidesheet, Slider, Spinner, StatusHint, Stepper, Subheading, Switch, Tab, Table, Tabs, TabsWrapper, Text, TextField, Textarea, TimePicker, Toast, Tooltip, index as Utils, VerificationCodeInput, VerticalNav, version };

package/dist/index.js

@@ -1,8 +1,8 @@
 
   /**
-   * Generated on: 1714551645954 
+   * Generated on: 1715707010250 
    *      Package: @innovaccer/design-system
-   *      Version: v2.32.0
+   *      Version: v2.33.0
    *      License: MIT
    *         Docs: https://innovaccer.github.io/design-system
    */
@@ -9084,16 +9084,6 @@
       return disabled ? 'inverse-lightest' : isActive ? 'primary-dark' : 'inverse';
     };
 
-    var _MenuLabel = function MenuLabel(props) {
-      var label = props.label,
-          labelColor = props.labelColor;
-      return /*#__PURE__*/React__namespace.createElement(Text, {
-        "data-test": "DesignSystem-VerticalNav--Text",
-        color: labelColor,
-        className: "MenuItem-Text"
-      }, label);
-    };
-
     var _MenuIcon = function MenuIcon(props) {
       var isChildrenVisible = props.isChildrenVisible;
       return /*#__PURE__*/React__namespace.createElement(Icon, {
@@ -9130,6 +9120,28 @@
           onClick = props.onClick,
           customItemRenderer = props.customItemRenderer;
 
+      var _b = React__namespace.useState(false),
+          isTextTruncated = _b[0],
+          setIsTextTruncated = _b[1];
+
+      var detectTruncation = Tooltip.useAutoTooltip().detectTruncation;
+      var contentRef = /*#__PURE__*/React__namespace.createRef();
+      React__namespace.useEffect(function () {
+        var isTruncated = detectTruncation(contentRef);
+        setIsTextTruncated(isTruncated);
+      }, [contentRef]);
+
+      var _MenuLabel = function MenuLabel(props) {
+        var label = props.label,
+            labelColor = props.labelColor;
+        return /*#__PURE__*/React__namespace.createElement(Text, {
+          "data-test": "DesignSystem-VerticalNav--Text",
+          ref: contentRef,
+          color: labelColor,
+          className: "MenuItem-Text MenuItem--overflow " + (hasSubmenu || menu.count !== undefined ? '' : 'mr-5')
+        }, label);
+      };
+
       var onClickHandler = function onClickHandler(ev) {
         ev.preventDefault();
         if (onClick) onClick(menu);
@@ -9166,6 +9178,7 @@
       if (!expanded && !menu.icon) return null;
 
       var customItemProps = __assign(__assign({}, props), {
+        contentRef: contentRef,
         MenuIcon: function MenuIcon() {
           return _MenuIcon({
             isChildrenVisible: isChildrenVisible
@@ -9186,7 +9199,11 @@
         }
       });
 
-      return customItemRenderer ? customItemRenderer(customItemProps) : /*#__PURE__*/React__namespace.createElement(Link$1, __assign({
+      return customItemRenderer ? customItemRenderer(customItemProps) : /*#__PURE__*/React__namespace.createElement(Tooltip, {
+        showTooltip: expanded ? isTextTruncated : true,
+        tooltip: menu.label,
+        position: "right"
+      }, /*#__PURE__*/React__namespace.createElement(Link$1, __assign({
         componentType: "a",
         className: ItemClass
       }, baseProps), /*#__PURE__*/React__namespace.createElement("div", {
@@ -9199,7 +9216,7 @@
       }), expanded && /*#__PURE__*/React__namespace.createElement(_MenuLabel, {
         label: menu.label,
         labelColor: itemColor
-      })), expanded && renderSubMenu());
+      })), expanded && renderSubMenu()));
     };
     MenuItem$1.defaultProps = {
       isActive: false
@@ -9215,8 +9232,7 @@
           rounded = props.rounded,
           autoCollapse = props.autoCollapse,
           className = props.className,
-          customItemRenderer = props.customItemRenderer,
-          showTooltip = props.showTooltip;
+          customItemRenderer = props.customItemRenderer;
 
       var _b = React__namespace.useState({}),
           subMenuExpandedState = _b[0],
@@ -9302,21 +9318,7 @@
             size: "small",
             weight: "strong",
             appearance: "subtle"
-          }, menu.group)), showTooltip ? /*#__PURE__*/React__namespace.createElement(Tooltip, {
-            tooltip: menu.label,
-            position: "right"
-          }, /*#__PURE__*/React__namespace.createElement(MenuItem$1, {
-            "data-test": "DesignSystem-VerticalNav--Item",
-            menu: menu,
-            expanded: expanded,
-            isActive: isActive,
-            hasSubmenu: hasSubmenu,
-            isChildren: false,
-            rounded: rounded,
-            isChildrenVisible: isChildrenVisible,
-            onClick: onClickHandler,
-            customItemRenderer: customItemRenderer
-          })) : /*#__PURE__*/React__namespace.createElement(MenuItem$1, {
+          }, menu.group)), /*#__PURE__*/React__namespace.createElement(MenuItem$1, {
             "data-test": "DesignSystem-VerticalNav--Item",
             menu: menu,
             expanded: expanded,
@@ -9328,20 +9330,7 @@
             onClick: onClickHandler,
             customItemRenderer: customItemRenderer
           }), isChildrenVisible && menu.subMenu.map(function (subMenu, id) {
-            return showTooltip ? /*#__PURE__*/React__namespace.createElement(Tooltip, {
-              tooltip: subMenu.label,
-              position: "right"
-            }, /*#__PURE__*/React__namespace.createElement(MenuItem$1, {
-              key: id,
-              menu: subMenu,
-              expanded: expanded,
-              hasSubmenu: false,
-              isChildren: true,
-              rounded: rounded,
-              onClick: onClickHandler,
-              isActive: isMenuActive(menus, subMenu, active),
-              customItemRenderer: customItemRenderer
-            })) : /*#__PURE__*/React__namespace.createElement(MenuItem$1, {
+            return /*#__PURE__*/React__namespace.createElement(MenuItem$1, {
               key: id,
               menu: subMenu,
               expanded: expanded,
@@ -16503,11 +16492,13 @@
       }), /*#__PURE__*/React__namespace.createElement(Text, {
         "data-test": "DesignSystem-FileListItem--Name",
         className: "FileItem-text",
-        appearance: status === 'completed' ? 'default' : 'subtle'
+        appearance: status === 'completed' ? 'default' : 'subtle',
+        weight: "medium"
       }, name)), /*#__PURE__*/React__namespace.createElement("div", {
         className: "FileItem-actions"
       }, /*#__PURE__*/React__namespace.createElement(Text, {
         className: "FileItem-size",
+        size: "small",
         appearance: 'subtle',
         "data-test": "DesignSystem-FileListItem--Size"
       }, fileSize || file.size), !!actions && actions)), status === 'error' && /*#__PURE__*/React__namespace.createElement(InlineMessage, {
@@ -20117,6 +20108,8 @@
           maxHeight = props.maxHeight,
           minHeight = props.minHeight,
           value = props.value,
+          boundaryElement = props.boundaryElement,
+          appendToBody = props.appendToBody,
           _a = props.multiSelect,
           multiSelect = _a === void 0 ? false : _a,
           onOutsideClick = props.onOutsideClick,
@@ -20264,6 +20257,8 @@
         className: "mt-3",
         triggerClass: "d-block",
         customStyle: popoverStyle,
+        boundaryElement: boundaryElement,
+        appendToBody: appendToBody,
         trigger: /*#__PURE__*/React__namespace.createElement(SelectTrigger, __assign({
           "aria-controls": "select-listbox"
         }, triggerOptions))
@@ -20741,7 +20736,7 @@
       position: 'bottom-start'
     };
 
-    var version = "2.32.0";
+    var version = "2.33.0";
 
     exports.ActionCard = ActionCard;
     exports.Avatar = Avatar;