@innovaccer/design-system 2.15.0 → 2.15.2

package/css/src/components/backdrop.css

@@ -17,7 +17,7 @@
 }
 
 .Backdrop {
-  background-color: color-mod(var(--inverse) a(0.8));
+  background-color: color-mod(var(--inverse) a(0.6));
   height: 100vh;
   width: 100vw;
   position: fixed;

package/css/src/components/badge.css

@@ -67,21 +67,22 @@
 }
 
 .Badge--subtle-primary {
-  color: var(--primary-dark);
+  color: var(--primary-darker);
   background: var(--primary-lightest);
 }
 
 .Badge--subtle-secondary {
+  color: var(--text);
   background: var(--secondary-light);
 }
 
 .Badge--subtle-success {
-  color: var(--success-dark);
+  color: var(--success-darker);
   background: var(--success-lightest);
 }
 
 .Badge--subtle-alert {
-  color: var(--alert-dark);
+  color: var(--alert-darker);
   background: var(--alert-lightest);
 }
 
@@ -96,12 +97,12 @@
 }
 
 .Badge--subtle-accent2 {
-  color: var(--accent2-dark);
+  color: var(--accent2-darker);
   background: var(--accent2-lightest);
 }
 
 .Badge--subtle-accent3 {
-  color: var(--accent3-dark);
+  color: var(--accent3-darker);
   background: var(--accent3-lightest);
 }
 

package/css/src/components/card.css

@@ -8,14 +8,29 @@
   background-color: var(--white);
 }
 
-.Card--shadow-default,
-.Card--shadow-light,
-.Card--shadow-medium,
-.Card--shadow-dark {
+.Card--default,
+.Card--light,
+.Card--medium,
+.Card--dark {
   border: none;
   box-shadow: var(--shadow-s);
 }
 
+.Card--shadow10 {
+  border: none;
+  box-shadow: var(--shadow-s);
+}
+
+.Card--shadow20 {
+  border: none;
+  box-shadow: var(--shadow-m);
+}
+
+.Card--shadow30 {
+  border: none;
+  box-shadow: var(--shadow-l);
+}
+
 .Card-header {
   padding: var(--spacing-2) var(--spacing-2) var(--spacing-l) var(--spacing-2);
 }

package/css/src/components/tooltip.css

@@ -7,7 +7,6 @@
   overflow: hidden;
   box-sizing: border-box;
   transition: opacity 120ms;
-  transition-delay: 800ms;
   transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);
 }
 
@@ -19,7 +18,7 @@
 @keyframes tooltip-open-top {
   from {
     top: 0px;
-    opacity: 0.5;
+    opacity: 0;
   }
   to {
     top: -4px;
@@ -29,7 +28,7 @@
 @keyframes tooltip-close-top {
   from {
     top: -4px;
-    opacity: 0.5;
+    opacity: 1;
   }
   to {
     top: 0px;
@@ -42,12 +41,12 @@
   animation-fill-mode: forwards;
 }
 .Tooltip-animation-close-top {
-  animation: tooltip-close-top 120ms cubic-bezier(0.4, 0.14, 1, 1);
+  animation: tooltip-close-top 80ms cubic-bezier(0.4, 0.14, 1, 1);
 }
 @keyframes tooltip-open-bottom {
   from {
     top: 0px;
-    opacity: 0.5;
+    opacity: 0;
   }
   to {
     top: 4px;
@@ -57,7 +56,7 @@
 @keyframes tooltip-close-bottom {
   from {
     top: 4px;
-    opacity: 0.5;
+    opacity: 1;
   }
   to {
     top: 0px;
@@ -70,13 +69,13 @@
   animation-fill-mode: forwards;
 }
 .Tooltip-animation-close-bottom {
-  animation: tooltip-close-bottom 120ms cubic-bezier(0.4, 0.14, 1, 1);
+  animation: tooltip-close-bottom 80ms cubic-bezier(0.4, 0.14, 1, 1);
 }
 
 @keyframes tooltip-open-left {
   from {
     left: 0px;
-    opacity: 0.5;
+    opacity: 0;
   }
   to {
     left: -4px;
@@ -86,7 +85,7 @@
 @keyframes tooltip-close-left {
   from {
     left: -4px;
-    opacity: 0.5;
+    opacity: 1;
   }
   to {
     left: 0px;
@@ -99,13 +98,13 @@
   animation-fill-mode: forwards;
 }
 .Tooltip-animation-close-left {
-  animation: tooltip-close-left 120ms cubic-bezier(0.4, 0.14, 1, 1);
+  animation: tooltip-close-left 80ms cubic-bezier(0.4, 0.14, 1, 1);
 }
 
 @keyframes tooltip-open-right {
   from {
     left: 0px;
-    opacity: 0.5;
+    opacity: 0;
   }
   to {
     left: 4px;
@@ -115,7 +114,7 @@
 @keyframes tooltip-close-right {
   from {
     left: 4px;
-    opacity: 0.5;
+    opacity: 1;
   }
   to {
     left: 0px;
@@ -128,5 +127,10 @@
   animation-fill-mode: forwards;
 }
 .Tooltip-animation-close-right {
-  animation: tooltip-close-right 120ms cubic-bezier(0.4, 0.14, 1, 1);
+  animation: tooltip-close-right 80ms cubic-bezier(0.4, 0.14, 1, 1);
+}
+
+.Tooltip-container {
+  transition-delay: 400ms;
+  animation-delay: 400ms;
 }

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

@@ -482,8 +482,8 @@
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/card/Card.tsx": {
-        "version": "419c349edfe563d20045af3df8fbb2fd05b1e47fce225b092c190a790375e3de",
-        "signature": "4161ad09a3face310376fd8d59ae93dc8a6b04dbaa0c488c28359dede6334a72",
+        "version": "f7589c67ee4a46152b0e6e0f4bca5e1e8f4be752e9d0c0c50a95cffbe47c8dc2",
+        "signature": "a8715783dded17c0a90223440558afc945d32b55103ac2fbc55007ad3c19473e",
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/card/index.tsx": {
@@ -962,7 +962,7 @@
         "affectsGlobalScope": false
       },
       "../../core/components/molecules/tooltip/Tooltip.tsx": {
-        "version": "b32c8f5faf3b9efb4a6487bdaaf8f3ae7b4feda7b7c071ce950606c4ed369bd9",
+        "version": "e8790df75db22ac3456cd21f15cf7a549f26fad443f3b970da665f0b7bdb42da",
         "signature": "ccd3eaa546cf49c24ef0d9a866cdb91294207e94ddbf35424e3cb0e0a4898849",
         "affectsGlobalScope": false
       },
@@ -1167,7 +1167,7 @@
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/popperWrapper/PopperWrapper.tsx": {
-        "version": "cf879701320648ffea2a9853c37907d905bdee3e55f8c08e73b8c72bdb7237a0",
+        "version": "4bdc8aa961b2247499d2937c5d836e5680c2bc6c531bb77feae0a14f4a08fcc3",
         "signature": "62d141618b6fcaee546483216860352bfe6229e8a3387ed285174c33627c3de1",
         "affectsGlobalScope": false
       },

package/dist/core/components/atoms/card/Card.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { BaseHtmlProps, BaseProps } from "../../../utils/types";
-export declare type Shadow = 'none' | 'default' | 'light' | 'medium' | 'dark';
+export declare type Shadow = 'none' | 'default' | 'light' | 'medium' | 'dark' | 'shadow10' | 'shadow20' | 'shadow30';
 export interface CardProps extends BaseProps, BaseHtmlProps<HTMLDivElement> {
     shadow?: Shadow;
 }

package/dist/index.esm.js

@@ -1,8 +1,8 @@
 
   /**
-   * Generated on: 1678111228630 
+   * Generated on: 1680529579761 
    *      Package: @innovaccer/design-system
-   *      Version: v2.15.0
+   *      Version: v2.15.2
    *      License: MIT
    *         Docs: https://innovaccer.github.io/design-system
    */
@@ -4660,21 +4660,25 @@ var Card = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _classNames;
 
   var _props$shadow = props.shadow,
-      shadow = _props$shadow === void 0 ? 'default' : _props$shadow,
+      shadow = _props$shadow === void 0 ? 'shadow10' : _props$shadow,
       children = props.children,
       className = props.className,
       rest = _objectWithoutProperties(props, _excluded$u);
 
   var classes = classnames((_classNames = {
     Card: true
-  }, _defineProperty$1(_classNames, "Card--shadow-".concat(shadow), shadow), _defineProperty$1(_classNames, "".concat(className), className), _classNames));
+  }, _defineProperty$1(_classNames, "Card--".concat(shadow), shadow), _defineProperty$1(_classNames, "".concat(className), className), _classNames));
   return /*#__PURE__*/React.createElement("div", _extends$2({
+    "data-test": "DesignSystem-Card",
     ref: ref
   }, rest, {
     className: classes
   }), children);
 });
 Card.displayName = 'Card';
+Card.defaultProps = {
+  shadow: 'shadow10'
+};
 
 var _excluded$t = ["border", "children", "className"];
 var CardSubdued = /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -13476,7 +13480,7 @@ var PopperWrapper = /*#__PURE__*/function (_React$Component) {
       } else {
         var _classNames;
 
-        classes = classnames((_classNames = {}, _defineProperty$1(_classNames, "".concat(animationClass.open), this.state.isOpen), _defineProperty$1(_classNames, "".concat(animationClass.close), this.state.showClosingAnimation), _classNames), children.props.className);
+        classes = classnames((_classNames = {}, _defineProperty$1(_classNames, "".concat(animationClass.open), this.state.isOpen), _defineProperty$1(_classNames, "".concat(animationClass.close), !this.state.isOpen), _classNames), children.props.className);
       }
 
       var childProps = {
@@ -14215,7 +14219,8 @@ var Tooltip = function Tooltip(props) {
     animationClass: {
       open: "Tooltip-animation-open-".concat(positionValue[props.position]),
       close: "Tooltip-animation-close-".concat(positionValue[props.position])
-    }
+    },
+    className: "Tooltip-container"
   }), tooltipWrapper);
 }; // Tooltip.defaultProps = filterProps({
 //   ...Popover.defaultProps,
@@ -21557,6 +21562,6 @@ var HelpText = function HelpText(props) {
 };
 HelpText.displayName = 'HelpText';
 
-var version = "2.15.0";
+var version = "2.15.2";
 
 export { Avatar, AvatarGroup, Backdrop, Badge, Breadcrumbs, Button, Calendar, Caption, Card, CardBody, CardFooter, CardHeader, CardSubdued, ChatMessage, Checkbox, Chip, ChipGroup, ChipInput, ChoiceList, Collapsible, Column, 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, List, Message, MetaList, MetricInput, Modal, ModalBody, ModalDescription, ModalFooter, ModalHeader, MultiSlider, Navigation, OutsideClick, PageHeader, Pagination, Paragraph, Pills, Placeholder, PlaceholderImage, PlaceholderParagraph, Popover, ProgressBar, ProgressRing, Radio, RangeSlider, Row, Sidesheet, Slider, Spinner, StatusHint, Stepper, Subheading, Switch, Tab, Table, Tabs, TabsWrapper, Text, Textarea, TimePicker, Toast, Tooltip, index as Utils, VerificationCodeInput, VerticalNav, version };

package/dist/index.js

@@ -1,8 +1,8 @@
 
   /**
-   * Generated on: 1678111228905 
+   * Generated on: 1680529580122 
    *      Package: @innovaccer/design-system
-   *      Version: v2.15.0
+   *      Version: v2.15.2
    *      License: MIT
    *         Docs: https://innovaccer.github.io/design-system
    */
@@ -4197,21 +4197,25 @@
       var _a;
 
       var _b = props.shadow,
-          shadow = _b === void 0 ? 'default' : _b,
+          shadow = _b === void 0 ? 'shadow10' : _b,
           children = props.children,
           className = props.className,
           rest = __rest(props, ["shadow", "children", "className"]);
 
       var classes = classNames__default["default"]((_a = {
         Card: true
-      }, _a["Card--shadow-" + shadow] = shadow, _a["" + className] = className, _a));
+      }, _a["Card--" + shadow] = shadow, _a["" + className] = className, _a));
       return /*#__PURE__*/React__namespace.createElement("div", __assign({
+        "data-test": "DesignSystem-Card",
         ref: ref
       }, rest, {
         className: classes
       }), children);
     });
     Card.displayName = 'Card';
+    Card.defaultProps = {
+      shadow: 'shadow10'
+    };
 
     var CardSubdued = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
       var _a;
@@ -8186,7 +8190,7 @@
             overflow: 'hidden'
           });
         } else {
-          classes = classNames__default["default"]((_b = {}, _b["" + animationClass.open] = this.state.isOpen, _b["" + animationClass.close] = this.state.showClosingAnimation, _b), children.props.className);
+          classes = classNames__default["default"]((_b = {}, _b["" + animationClass.open] = this.state.isOpen, _b["" + animationClass.close] = !this.state.isOpen, _b), children.props.className);
         }
 
         var childProps = {
@@ -8894,7 +8898,8 @@
         animationClass: {
           open: "Tooltip-animation-open-" + positionValue[props.position],
           close: "Tooltip-animation-close-" + positionValue[props.position]
-        }
+        },
+        className: "Tooltip-container"
       }), tooltipWrapper);
     };
     Tooltip.defaultProps = Object.assign({}, filterProps(Popover.defaultProps, tooltipPropsList), {
@@ -15887,7 +15892,7 @@
     };
     HelpText.displayName = 'HelpText';
 
-    var version = "2.15.0";
+    var version = "2.15.2";
 
     exports.Avatar = Avatar;
     exports.AvatarGroup = AvatarGroup;