@innovaccer/design-system 2.36.1 → 2.36.2

package/css/src/tokens/index.css

@@ -36,9 +36,9 @@
   --neem-light: #71c077;
   --neem-lighter: #a5d8aa;
   --neem-lightest: #d7efdf;
-  --night: #2f2f2f;
-  --night-light: #595959;
-  --night-lighter: #868686;
+  --night: #1f1f1f;
+  --night-light: #494949;
+  --night-lighter: #707070;
   --night-lightest: #a6a6a6;
   --nimbu: #82c91e;
   --nimbu-dark: #578715;

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

@@ -1512,8 +1512,8 @@
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/popperWrapper/PopperWrapper.tsx": {
-        "version": "a54d196c7466a9a7d275d4b66f53c7bbd73b33d982c636b050937a8e97f2d61b",
-        "signature": "ac33238ce724a8b94967a75c9c18e7294a192d81b14d89155a9e4f7869555f20",
+        "version": "eaec4d0fa389911d58336b4caebb09aab0dcdd301fd1a54c5cc7a800b48a5069",
+        "signature": "c033c7d7406e65a875c6b795e28995bc2114b356b1a63e5fc4001cdd3f66de94",
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/popperWrapper/index.tsx": {
@@ -1522,8 +1522,8 @@
         "affectsGlobalScope": false
       },
       "../../core/components/molecules/popover/Popover.tsx": {
-        "version": "e96b9a9b31621ea75d8599f955db2345cb0a54a3d535a2dad488244ad38256e8",
-        "signature": "e04a21f672c57406bc22c6e8ecd371ffb50c8dc53aff443fb456394b7c015921",
+        "version": "7520516b9e4478f3c363ec772617f35fb53d8edea8573a7ba762aaf673af842c",
+        "signature": "14e4fb9e293784215a9f0f0d029d527115fc0a15aeae30a2b2cf9a8353dffd70",
         "affectsGlobalScope": false
       },
       "../../core/components/molecules/popover/index.tsx": {
@@ -2142,8 +2142,8 @@
         "affectsGlobalScope": false
       },
       "../../core/components/organisms/combobox/Combobox.tsx": {
-        "version": "70c40c2cfb7947a88f3d72759d5b2badef17ecf8fc443e1484299e7bc74d527b",
-        "signature": "332fb644e1d11536158fb558d6211b47d925f31f9325e3c18f18cc0860354593",
+        "version": "2cc8ee151ad5f8153d272c30ec0d8dbd68bad7521bcd0c54d64d44289456838d",
+        "signature": "4ee79c92ee217845ddd3162f8b55f0ba2f5683c556d04a73cca22241b9819fbf",
         "affectsGlobalScope": false
       },
       "../../core/components/organisms/combobox/index.tsx": {
@@ -2432,7 +2432,7 @@
         "affectsGlobalScope": false
       },
       "../../core/components/css-utilities/designTokens/Data.tsx": {
-        "version": "7daabc625d30ee5f1eb3af93302475a838b923bba48625ba44353d47cfc8b914",
+        "version": "4969fd9b9910ed6c8404eacafffff3d9dcfadf2449adf10fead25c66ded1f752",
         "signature": "2583c1f78c1b3d0dfe4ab20b9118007fd35cbc26426964b94c6f8a32844c4dc7",
         "affectsGlobalScope": false
       },

package/dist/core/components/atoms/popperWrapper/PopperWrapper.d.ts

@@ -33,6 +33,7 @@ export interface PopperWrapperProps {
         x: number;
         y: number;
     };
+    computeStyles?: object;
 }
 interface PopperWrapperState {
     zIndex?: number;

package/dist/core/components/molecules/popover/Popover.d.ts

@@ -30,6 +30,7 @@ export interface PopoverProps extends Pick<PopperWrapperProps, PopperProps>, Bas
         x: number;
         y: number;
     };
+    computeStyles?: object;
 }
 export declare const Popover: {
     (props: PopoverProps): JSX.Element;

package/dist/core/components/organisms/combobox/Combobox.d.ts

@@ -7,6 +7,7 @@ export interface ComboboxProps extends BaseProps {
     multiSelect?: boolean;
     children: React.ReactNode | ((contextProp: ContextProps) => React.ReactNode);
     maxHeight?: number;
+    minHeight?: number;
     width?: number;
     onChange?: (option?: OptionType | OptionType[]) => void;
     onSearch?: (value?: string) => void;
@@ -24,6 +25,7 @@ export interface ComboboxProps extends BaseProps {
     iconType?: IconType;
     size?: ComboboxInputSize;
     clearButton?: boolean;
+    computeStyles?: object;
     className?: string;
 }
 export declare const Combobox: {

package/dist/index.esm.js

@@ -1,8 +1,8 @@
 
   /**
-   * Generated on: 1718190836127 
+   * Generated on: 1718291430139 
    *      Package: @innovaccer/design-system
-   *      Version: v2.36.1
+   *      Version: v2.36.2
    *      License: MIT
    *         Docs: https://mds.innovaccer.com
    */
@@ -14122,7 +14122,8 @@ var PopperWrapper = /*#__PURE__*/function (_React$Component) {
           appendToBody = _this$props6.appendToBody,
           hide = _this$props6.hide,
           boundaryElement = _this$props6.boundaryElement,
-          triggerCoordinates = _this$props6.triggerCoordinates;
+          triggerCoordinates = _this$props6.triggerCoordinates,
+          computeStyles = _this$props6.computeStyles;
       var _this$state2 = this.state,
           animationKeyframe = _this$state2.animationKeyframe,
           isOpen = _this$state2.isOpen;
@@ -14135,7 +14136,8 @@ var PopperWrapper = /*#__PURE__*/function (_React$Component) {
           },
           hide: {
             enabled: hide
-          }
+          },
+          computeStyles: computeStyles
         }, triggerCoordinates && {
           offset: {
             offset: "".concat(triggerCoordinates.x, "px, ").concat(triggerCoordinates.y, "px")
@@ -14156,11 +14158,15 @@ var PopperWrapper = /*#__PURE__*/function (_React$Component) {
           },
           hide: {
             enabled: hide
-          }
+          },
+          computeStyles: computeStyles
         }
       }, this.getPopperChildren), document.body), isOpen && appendToBody && triggerCoordinates && /*#__PURE__*/ReactDOM.createPortal(coordinatesPopper, document.body), isOpen && !appendToBody && !triggerCoordinates && /*#__PURE__*/React.createElement(Popper, {
         placement: placement,
-        innerRef: this.popupRef
+        innerRef: this.popupRef,
+        modifiers: {
+          computeStyles: computeStyles
+        }
       }, this.getPopperChildren));
     }
   }]);
@@ -25493,6 +25499,7 @@ var Combobox = function Combobox(props) {
       multiSelect = props.multiSelect,
       className = props.className,
       maxHeight = props.maxHeight,
+      minHeight = props.minHeight,
       width = props.width,
       value = props.value,
       placeholder = props.placeholder,
@@ -25508,7 +25515,8 @@ var Combobox = function Combobox(props) {
       clearButton = props.clearButton,
       onSearch = props.onSearch,
       onKeyDown = props.onKeyDown,
-      onKeyUp = props.onKeyUp;
+      onKeyUp = props.onKeyUp,
+      computeStyles = props.computeStyles;
 
   var _React$useState = React.useState(),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -25568,6 +25576,16 @@ var Combobox = function Combobox(props) {
 
   var inputTriggerRef = React.useRef();
   var popoverId = "DesignSystem-Combobox--Popover-".concat(uidGenerator());
+  var defaultPopoverStyle = {
+    fn: function fn(data) {
+      return _objectSpread2(_objectSpread2({}, data), {}, {
+        styles: _objectSpread2(_objectSpread2({}, data.styles), {}, {
+          position: 'fixed'
+        })
+      });
+    }
+  };
+  var popoverComputeStyle = computeStyles !== null && computeStyles !== void 0 ? computeStyles : defaultPopoverStyle;
   React.useEffect(function () {
     var _triggerRef$current;
 
@@ -25577,6 +25595,7 @@ var Combobox = function Combobox(props) {
     };
     var wrapperStyle = {
       maxHeight: maxHeight || 'var(--spacing-9)',
+      minHeight: minHeight,
       overflowY: 'auto',
       boxSizing: 'border-box'
     };
@@ -25688,7 +25707,8 @@ var Combobox = function Combobox(props) {
     triggerClass: "d-block",
     customStyle: popoverStyle,
     onToggle: onToggleHandler,
-    trigger: /*#__PURE__*/React.createElement(ComboboxTrigger, triggerProps)
+    trigger: /*#__PURE__*/React.createElement(ComboboxTrigger, triggerProps),
+    computeStyles: popoverComputeStyle
   }, /*#__PURE__*/React.createElement("div", {
     style: wrapperStyle,
     ref: listRef,
@@ -26850,7 +26870,7 @@ Menu.defaultProps = {
   position: 'bottom-start'
 };
 
-var img$4 = "data:image/svg+xml,%3csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0C10 5.52285 5.52285 10 0 10C5.52285 10 10 14.4772 10 20C10 14.4772 14.4772 10 20 10C14.4772 10 10 5.52285 10 0ZM20 14C20 17.3137 17.3137 20 14 20C17.3137 20 20 22.6863 20 26C20 22.6863 22.6863 20 26 20C22.6863 20 20 17.3137 20 14Z' fill='%232F2F2F'/%3e%3c/svg%3e";
+var img$4 = "data:image/svg+xml,%3csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0C10 5.52285 5.52285 10 0 10C5.52285 10 10 14.4772 10 20C10 14.4772 14.4772 10 20 10C14.4772 10 10 5.52285 10 0ZM20 14C20 17.3137 17.3137 20 14 20C17.3137 20 20 22.6863 20 26C20 22.6863 22.6863 20 26 20C22.6863 20 20 17.3137 20 14Z' fill='%231f1f1f'/%3e%3c/svg%3e";
 
 var img$3 = "data:image/svg+xml,%3csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0C10 5.52285 5.52285 10 0 10C5.52285 10 10 14.4772 10 20C10 14.4772 14.4772 10 20 10C14.4772 10 10 5.52285 10 0ZM20 14C20 17.3137 17.3137 20 14 20C17.3137 20 20 22.6863 20 26C20 22.6863 22.6863 20 26 20C22.6863 20 20 17.3137 20 14Z' fill='%23A6A6A6'/%3e%3c/svg%3e";
 
@@ -31261,6 +31281,6 @@ AIResponse.Button = ChatButton;
 AIResponse.ActionBar = ChatActionBar;
 AIResponse.Body = ChatBody;
 
-var version = "2.36.1";
+var version = "2.36.2";
 
 export { AIButton, AIChip, AIIconButton, AIResponse, 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$1 as Popover, ProgressBar, ProgressRing, Radio, RangeSlider, Row, Sara, SaraSparkle, 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: 1718190836374 
+   * Generated on: 1718291430401 
    *      Package: @innovaccer/design-system
-   *      Version: v2.36.1
+   *      Version: v2.36.2
    *      License: MIT
    *         Docs: https://mds.innovaccer.com
    */
@@ -8796,7 +8796,8 @@
             appendToBody = _a.appendToBody,
             hide = _a.hide,
             boundaryElement = _a.boundaryElement,
-            triggerCoordinates = _a.triggerCoordinates;
+            triggerCoordinates = _a.triggerCoordinates,
+            computeStyles = _a.computeStyles;
         var _b = this.state,
             animationKeyframe = _b.animationKeyframe,
             isOpen = _b.isOpen;
@@ -8809,7 +8810,8 @@
             },
             hide: {
               enabled: hide
-            }
+            },
+            computeStyles: computeStyles
           }, triggerCoordinates && {
             offset: {
               offset: triggerCoordinates.x + "px, " + triggerCoordinates.y + "px"
@@ -8830,11 +8832,15 @@
             },
             hide: {
               enabled: hide
-            }
+            },
+            computeStyles: computeStyles
           }
         }, this.getPopperChildren), document.body), isOpen && appendToBody && triggerCoordinates && /*#__PURE__*/ReactDOM__namespace.createPortal(coordinatesPopper, document.body), isOpen && !appendToBody && !triggerCoordinates && /*#__PURE__*/React__namespace.createElement(reactPopper.Popper, {
           placement: placement,
-          innerRef: this.popupRef
+          innerRef: this.popupRef,
+          modifiers: {
+            computeStyles: computeStyles
+          }
         }, this.getPopperChildren));
       };
 
@@ -19671,6 +19677,7 @@
           multiSelect = props.multiSelect,
           className = props.className,
           maxHeight = props.maxHeight,
+          minHeight = props.minHeight,
           width = props.width,
           value = props.value,
           placeholder = props.placeholder,
@@ -19686,7 +19693,8 @@
           clearButton = props.clearButton,
           onSearch = props.onSearch,
           onKeyDown = props.onKeyDown,
-          onKeyUp = props.onKeyUp;
+          onKeyUp = props.onKeyUp,
+          computeStyles = props.computeStyles;
 
       var _a = React__namespace.useState(),
           popoverStyle = _a[0],
@@ -19736,6 +19744,16 @@
 
       var inputTriggerRef = React__namespace.useRef();
       var popoverId = "DesignSystem-Combobox--Popover-" + uidGenerator();
+      var defaultPopoverStyle = {
+        fn: function fn(data) {
+          return __assign$1(__assign$1({}, data), {
+            styles: __assign$1(__assign$1({}, data.styles), {
+              position: 'fixed'
+            })
+          });
+        }
+      };
+      var popoverComputeStyle = computeStyles !== null && computeStyles !== void 0 ? computeStyles : defaultPopoverStyle;
       React__namespace.useEffect(function () {
         var _a;
 
@@ -19745,6 +19763,7 @@
         };
         var wrapperStyle = {
           maxHeight: maxHeight || 'var(--spacing-9)',
+          minHeight: minHeight,
           overflowY: 'auto',
           boxSizing: 'border-box'
         };
@@ -19856,7 +19875,8 @@
         triggerClass: "d-block",
         customStyle: popoverStyle,
         onToggle: onToggleHandler,
-        trigger: /*#__PURE__*/React__namespace.createElement(ComboboxTrigger, __assign$1({}, triggerProps))
+        trigger: /*#__PURE__*/React__namespace.createElement(ComboboxTrigger, __assign$1({}, triggerProps)),
+        computeStyles: popoverComputeStyle
       }, /*#__PURE__*/React__namespace.createElement("div", {
         style: wrapperStyle,
         ref: listRef,
@@ -20989,7 +21009,7 @@
       position: 'bottom-start'
     };
 
-    var img$4 = "data:image/svg+xml,%3csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0C10 5.52285 5.52285 10 0 10C5.52285 10 10 14.4772 10 20C10 14.4772 14.4772 10 20 10C14.4772 10 10 5.52285 10 0ZM20 14C20 17.3137 17.3137 20 14 20C17.3137 20 20 22.6863 20 26C20 22.6863 22.6863 20 26 20C22.6863 20 20 17.3137 20 14Z' fill='%232F2F2F'/%3e%3c/svg%3e";
+    var img$4 = "data:image/svg+xml,%3csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0C10 5.52285 5.52285 10 0 10C5.52285 10 10 14.4772 10 20C10 14.4772 14.4772 10 20 10C14.4772 10 10 5.52285 10 0ZM20 14C20 17.3137 17.3137 20 14 20C17.3137 20 20 22.6863 20 26C20 22.6863 22.6863 20 26 20C22.6863 20 20 17.3137 20 14Z' fill='%231f1f1f'/%3e%3c/svg%3e";
 
     var img$3 = "data:image/svg+xml,%3csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0C10 5.52285 5.52285 10 0 10C5.52285 10 10 14.4772 10 20C10 14.4772 14.4772 10 20 10C14.4772 10 10 5.52285 10 0ZM20 14C20 17.3137 17.3137 20 14 20C17.3137 20 20 22.6863 20 26C20 22.6863 22.6863 20 26 20C22.6863 20 20 17.3137 20 14Z' fill='%23A6A6A6'/%3e%3c/svg%3e";
 
@@ -25391,7 +25411,7 @@
     AIResponse.ActionBar = ChatActionBar;
     AIResponse.Body = ChatBody;
 
-    var version = "2.36.1";
+    var version = "2.36.2";
 
     exports.AIButton = AIButton;
     exports.AIChip = AIChip;