@innovaccer/design-system 2.15.0 → 2.15.1

package/CHANGELOG.md

@@ -1,3 +1,41 @@
+## 2.15.1 (2023-03-27)
+
+### Highlights
+
+- fix(card): add new shadows in card component (165740cd)
+
+### Breaking changes
+
+NA
+
+### Migration guide
+
+NA
+
+### Deprecations
+
+NA
+
+### Features
+
+NA
+
+### Fixes
+
+- fix(docs): fix scroll issue with sticky tabs (b26110d7)
+- fix(card): add new shadows in card component (165740cd)
+- fix(tooltip): update animation delay property in tooltip component (b391f26c)
+
+### Improvements
+
+NA
+
+### Documentation
+
+NA
+
+---
+
 ## 2.15.0 (2023-03-06)
 
 ### Highlights

package/css/dist/index.css

@@ -1732,14 +1732,29 @@ body {
   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);
 }
@@ -6365,7 +6380,6 @@ body {
   overflow: hidden;
   box-sizing: border-box;
   transition: opacity 120ms;
-  transition-delay: 800ms;
   transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);
 }
 
@@ -6379,7 +6393,7 @@ body {
 @-webkit-keyframes tooltip-open-top {
   from {
     top: 0px;
-    opacity: 0.5;
+    opacity: 0;
   }
   to {
     top: -4px;
@@ -6390,7 +6404,7 @@ body {
 @keyframes tooltip-open-top {
   from {
     top: 0px;
-    opacity: 0.5;
+    opacity: 0;
   }
   to {
     top: -4px;
@@ -6400,7 +6414,7 @@ body {
 @-webkit-keyframes tooltip-close-top {
   from {
     top: -4px;
-    opacity: 0.5;
+    opacity: 1;
   }
   to {
     top: 0px;
@@ -6410,7 +6424,7 @@ body {
 @keyframes tooltip-close-top {
   from {
     top: -4px;
-    opacity: 0.5;
+    opacity: 1;
   }
   to {
     top: 0px;
@@ -6425,13 +6439,13 @@ body {
           animation-fill-mode: forwards;
 }
 .Tooltip-animation-close-top {
-  -webkit-animation: tooltip-close-top 120ms cubic-bezier(0.4, 0.14, 1, 1);
-          animation: tooltip-close-top 120ms cubic-bezier(0.4, 0.14, 1, 1);
+  -webkit-animation: tooltip-close-top 80ms cubic-bezier(0.4, 0.14, 1, 1);
+          animation: tooltip-close-top 80ms cubic-bezier(0.4, 0.14, 1, 1);
 }
 @-webkit-keyframes tooltip-open-bottom {
   from {
     top: 0px;
-    opacity: 0.5;
+    opacity: 0;
   }
   to {
     top: 4px;
@@ -6441,7 +6455,7 @@ body {
 @keyframes tooltip-open-bottom {
   from {
     top: 0px;
-    opacity: 0.5;
+    opacity: 0;
   }
   to {
     top: 4px;
@@ -6451,7 +6465,7 @@ body {
 @-webkit-keyframes tooltip-close-bottom {
   from {
     top: 4px;
-    opacity: 0.5;
+    opacity: 1;
   }
   to {
     top: 0px;
@@ -6461,7 +6475,7 @@ body {
 @keyframes tooltip-close-bottom {
   from {
     top: 4px;
-    opacity: 0.5;
+    opacity: 1;
   }
   to {
     top: 0px;
@@ -6476,14 +6490,14 @@ body {
           animation-fill-mode: forwards;
 }
 .Tooltip-animation-close-bottom {
-  -webkit-animation: tooltip-close-bottom 120ms cubic-bezier(0.4, 0.14, 1, 1);
-          animation: tooltip-close-bottom 120ms cubic-bezier(0.4, 0.14, 1, 1);
+  -webkit-animation: tooltip-close-bottom 80ms cubic-bezier(0.4, 0.14, 1, 1);
+          animation: tooltip-close-bottom 80ms cubic-bezier(0.4, 0.14, 1, 1);
 }
 
 @-webkit-keyframes tooltip-open-left {
   from {
     left: 0px;
-    opacity: 0.5;
+    opacity: 0;
   }
   to {
     left: -4px;
@@ -6494,7 +6508,7 @@ body {
 @keyframes tooltip-open-left {
   from {
     left: 0px;
-    opacity: 0.5;
+    opacity: 0;
   }
   to {
     left: -4px;
@@ -6504,7 +6518,7 @@ body {
 @-webkit-keyframes tooltip-close-left {
   from {
     left: -4px;
-    opacity: 0.5;
+    opacity: 1;
   }
   to {
     left: 0px;
@@ -6514,7 +6528,7 @@ body {
 @keyframes tooltip-close-left {
   from {
     left: -4px;
-    opacity: 0.5;
+    opacity: 1;
   }
   to {
     left: 0px;
@@ -6529,14 +6543,14 @@ body {
           animation-fill-mode: forwards;
 }
 .Tooltip-animation-close-left {
-  -webkit-animation: tooltip-close-left 120ms cubic-bezier(0.4, 0.14, 1, 1);
-          animation: tooltip-close-left 120ms cubic-bezier(0.4, 0.14, 1, 1);
+  -webkit-animation: tooltip-close-left 80ms cubic-bezier(0.4, 0.14, 1, 1);
+          animation: tooltip-close-left 80ms cubic-bezier(0.4, 0.14, 1, 1);
 }
 
 @-webkit-keyframes tooltip-open-right {
   from {
     left: 0px;
-    opacity: 0.5;
+    opacity: 0;
   }
   to {
     left: 4px;
@@ -6547,7 +6561,7 @@ body {
 @keyframes tooltip-open-right {
   from {
     left: 0px;
-    opacity: 0.5;
+    opacity: 0;
   }
   to {
     left: 4px;
@@ -6557,7 +6571,7 @@ body {
 @-webkit-keyframes tooltip-close-right {
   from {
     left: 4px;
-    opacity: 0.5;
+    opacity: 1;
   }
   to {
     left: 0px;
@@ -6567,7 +6581,7 @@ body {
 @keyframes tooltip-close-right {
   from {
     left: 4px;
-    opacity: 0.5;
+    opacity: 1;
   }
   to {
     left: 0px;
@@ -6582,8 +6596,14 @@ body {
           animation-fill-mode: forwards;
 }
 .Tooltip-animation-close-right {
-  -webkit-animation: tooltip-close-right 120ms cubic-bezier(0.4, 0.14, 1, 1);
-          animation: tooltip-close-right 120ms cubic-bezier(0.4, 0.14, 1, 1);
+  -webkit-animation: tooltip-close-right 80ms 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;
+  -webkit-animation-delay: 400ms;
+          animation-delay: 400ms;
 }
 
 .VerificationCodeInput-Input {