@innovaccer/design-system 2.32.0 → 2.32.1

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/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);
 }
 

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

@@ -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: 1715179205372 
    *      Package: @innovaccer/design-system
-   *      Version: v2.32.0
+   *      Version: v2.32.1
    *      License: MIT
    *         Docs: https://innovaccer.github.io/design-system
    */
@@ -25949,6 +25949,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 +26105,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 +26595,6 @@ Menu.defaultProps = {
   position: 'bottom-start'
 };
 
-var version = "2.32.0";
+var version = "2.32.1";
 
 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: 1715179205608 
    *      Package: @innovaccer/design-system
-   *      Version: v2.32.0
+   *      Version: v2.32.1
    *      License: MIT
    *         Docs: https://innovaccer.github.io/design-system
    */
@@ -20117,6 +20117,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 +20266,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 +20745,7 @@
       position: 'bottom-start'
     };
 
-    var version = "2.32.0";
+    var version = "2.32.1";
 
     exports.ActionCard = ActionCard;
     exports.Avatar = Avatar;