@innovaccer/design-system 2.42.0 → 2.43.0

package/css/src/components/button.css

@@ -37,6 +37,14 @@
   flex-direction: row-reverse;
 }
 
+.Button-regularIcon--left {
+  margin-left: calc(-1 * var(--spacing-s));
+}
+
+.Button-regularIcon--right {
+  margin-right: calc(-1 * var(--spacing-s));
+}
+
 .Button--tiny {
   height: var(--spacing-xl);
   padding-right: var(--spacing);
@@ -91,11 +99,11 @@
 }
 
 .Button-icon--left {
-  margin-right: var(--spacing);
+  margin-right: var(--spacing-0-75);
 }
 
 .Button-icon--right {
-  margin-left: var(--spacing);
+  margin-left: var(--spacing-0-75);
 }
 
 .Button--tiny .Button-icon--left {

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

@@ -372,7 +372,7 @@
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/button/Button.tsx": {
-        "version": "662b5690b3c5a5b725e4b7f27cd8f9e6502550aebf043696a46436c0a498c2f7",
+        "version": "bd0e7548839db7b786026f2adaf7b51d1713e97bed5a4ea0dd6d8b13d3ff5428",
         "signature": "73688651a3897a5a1f335acbca13a426de1a343f9a17191058c97dd9e13e18e2",
         "affectsGlobalScope": false
       },
@@ -1512,7 +1512,7 @@
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/popperWrapper/PopperWrapper.tsx": {
-        "version": "f747f563f4271f9aa3fedde62738edac310be2315f8b5cc94b903778fdf5dd6d",
+        "version": "7f9c1f0a4c312c13d99b2cd75b97c0acdeb5b0a5328f832a4f5712d3411b6bf7",
         "signature": "628ff675983c4d23491d6fa4977965d580e92701e42cbb5ec7423a065880c6eb",
         "affectsGlobalScope": false
       },

package/dist/index.esm.js

@@ -1,8 +1,8 @@
 
   /**
-   * Generated on: 1725355864677 
+   * Generated on: 1726042613851 
    *      Package: @innovaccer/design-system
-   *      Version: v2.42.0
+   *      Version: v2.43.0
    *      License: MIT
    *         Docs: https://mds.innovaccer.com
    */
@@ -1413,7 +1413,7 @@ var ButtonElement = /*#__PURE__*/React.forwardRef(function (props, ref) {
       rest = _objectWithoutProperties(props, _excluded$16);
 
   var buttonClass = classnames((_classNames = {}, _defineProperty$1(_classNames, 'Button', true), _defineProperty$1(_classNames, 'Button--expanded', expanded), _defineProperty$1(_classNames, "Button--".concat(size), size), _defineProperty$1(_classNames, "Button--".concat(size, "Square"), !children), _defineProperty$1(_classNames, "Button--".concat(appearance), appearance), _defineProperty$1(_classNames, 'Button--selected', selected && (appearance === 'basic' || appearance === 'transparent')), _defineProperty$1(_classNames, "Button--iconAlign-".concat(iconAlign), children && iconAlign), _defineProperty$1(_classNames, "".concat(className), className), _classNames));
-  var iconClass = classnames((_classNames2 = {}, _defineProperty$1(_classNames2, 'Button-icon', true), _defineProperty$1(_classNames2, "Button-icon--".concat(iconAlign), children && iconAlign), _classNames2));
+  var iconClass = classnames((_classNames2 = {}, _defineProperty$1(_classNames2, 'Button-icon', true), _defineProperty$1(_classNames2, "Button-icon--".concat(iconAlign), children && iconAlign), _defineProperty$1(_classNames2, "Button-regularIcon--".concat(iconAlign), children && iconAlign && size === 'regular' && !expanded), _classNames2));
   return /*#__PURE__*/React.createElement("button", _extends$2({
     "data-test": "DesignSystem-Button",
     ref: ref,
@@ -1429,7 +1429,8 @@ var ButtonElement = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }), /*#__PURE__*/React.createElement(Text, {
     className: "Button-text Button-text--hidden"
   }, children || '')) : /*#__PURE__*/React.createElement(React.Fragment, null, icon && /*#__PURE__*/React.createElement("div", {
-    className: iconClass
+    className: iconClass,
+    "data-test": "DesignSystem-Button--Icon-Wrapper"
   }, /*#__PURE__*/React.createElement(Icon, {
     "data-test": "DesignSystem-Button--Icon",
     name: icon,
@@ -14031,12 +14032,12 @@ var PopperWrapper = /*#__PURE__*/function (_React$Component) {
       var shouldPopoverClose = function shouldPopoverClose(clicked) {
         var popover = _this3.popupRef.current;
         var container = document.body;
-        var popoverIndex = parseInt(window.getComputedStyle(popover).zIndex);
+        var popoverIndex = popover && parseInt(window.getComputedStyle(popover).zIndex);
         var clickInsideLayer = false;
         var shouldClose = false;
         var openedLayers = container.querySelectorAll('[data-opened="true"]');
         openedLayers.forEach(function (layer) {
-          if (layer.contains(clicked)) {
+          if (layer && layer.contains(clicked)) {
             clickInsideLayer = true;
             var clickedIndex = parseInt(window.getComputedStyle(layer).zIndex);
 
@@ -31505,6 +31506,6 @@ AIResponse.Button = ChatButton;
 AIResponse.ActionBar = ChatActionBar;
 AIResponse.Body = ChatBody;
 
-var version = "2.42.0";
+var version = "2.43.0";
 
 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, KeyValuePair, 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, 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: 1725355864940 
+   * Generated on: 1726042614109 
    *      Package: @innovaccer/design-system
-   *      Version: v2.42.0
+   *      Version: v2.43.0
    *      License: MIT
    *         Docs: https://mds.innovaccer.com
    */
@@ -1047,7 +1047,7 @@
           rest = __rest(props, ["size", "appearance", "iconAlign", "tabIndex", "largeIcon", "type", "children", "icon", "expanded", "selected", "loading", "disabled", "className", "tooltip", "iconType"]);
 
       var buttonClass = classNames__default["default"]((_a = {}, _a['Button'] = true, _a['Button--expanded'] = expanded, _a["Button--" + size] = size, _a["Button--" + size + "Square"] = !children, _a["Button--" + appearance] = appearance, _a['Button--selected'] = selected && (appearance === 'basic' || appearance === 'transparent'), _a["Button--iconAlign-" + iconAlign] = children && iconAlign, _a["" + className] = className, _a));
-      var iconClass = classNames__default["default"]((_b = {}, _b['Button-icon'] = true, _b["Button-icon--" + iconAlign] = children && iconAlign, _b));
+      var iconClass = classNames__default["default"]((_b = {}, _b['Button-icon'] = true, _b["Button-icon--" + iconAlign] = children && iconAlign, _b["Button-regularIcon--" + iconAlign] = children && iconAlign && size === 'regular' && !expanded, _b));
       return /*#__PURE__*/React__namespace.createElement("button", __assign$1({
         "data-test": "DesignSystem-Button",
         ref: ref,
@@ -1063,7 +1063,8 @@
       }), /*#__PURE__*/React__namespace.createElement(Text, {
         className: "Button-text Button-text--hidden"
       }, children || '')) : /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, icon && /*#__PURE__*/React__namespace.createElement("div", {
-        className: iconClass
+        className: iconClass,
+        "data-test": "DesignSystem-Button--Icon-Wrapper"
       }, /*#__PURE__*/React__namespace.createElement(Icon, {
         "data-test": "DesignSystem-Button--Icon",
         name: icon,
@@ -8701,12 +8702,12 @@
         var shouldPopoverClose = function shouldPopoverClose(clicked) {
           var popover = _this.popupRef.current;
           var container = document.body;
-          var popoverIndex = parseInt(window.getComputedStyle(popover).zIndex);
+          var popoverIndex = popover && parseInt(window.getComputedStyle(popover).zIndex);
           var clickInsideLayer = false;
           var shouldClose = false;
           var openedLayers = container.querySelectorAll('[data-opened="true"]');
           openedLayers.forEach(function (layer) {
-            if (layer.contains(clicked)) {
+            if (layer && layer.contains(clicked)) {
               clickInsideLayer = true;
               var clickedIndex = parseInt(window.getComputedStyle(layer).zIndex);
 
@@ -25641,7 +25642,7 @@
     AIResponse.ActionBar = ChatActionBar;
     AIResponse.Body = ChatBody;
 
-    var version = "2.42.0";
+    var version = "2.43.0";
 
     exports.AIButton = AIButton;
     exports.AIChip = AIChip;