@innovaccer/design-system 2.3.0 → 2.4.0-0

package/css/dist/index.css

@@ -1177,11 +1177,11 @@ body {
 }
 
 .Calendar--large {
-    padding-top: var(--spacing-l);
+    padding-top: var(--spacing-2);
     padding-left: var(--spacing-2);
     padding-right: var(--spacing-2);
-    padding-bottom: var(--spacing);
-    height: 272px;
+    padding-bottom: var(--spacing-l);
+    height: 324px;
     width: 316px;
 }
 
@@ -1190,7 +1190,7 @@ body {
     display: flex;
     justify-content: center;
     align-items: center;
-    padding-bottom: var(--spacing-m);
+    padding-bottom: var(--spacing-l);
 }
 
 .Calendar-headerIcon {
@@ -1235,12 +1235,22 @@ body {
 .Calendar-valueRow {
     display: flex;
     justify-content: space-around;
+    padding-top: var(--spacing-s);
+    padding-bottom: var(--spacing-s);
+}
+
+.Calendar-valueRow:last-child {
+    display: flex;
+    justify-content: space-around;
+    padding-top: var(--spacing-s);
+    padding-bottom: 0;
 }
 
 .Calendar-valueWrapper {
     display: inline-flex;
     flex: 1 0 0;
     justify-content: center;
+    position: relative;
 }
 
 .Calendar-valueWrapper--inRange {
@@ -1306,6 +1316,10 @@ body {
     background: var(--alert-lightest);
 }
 
+.Calendar-value--currentDate, .Calendar-value--currentDate:hover {
+    background: var(--primary-lightest) !important;
+}
+
 .Calendar-value--active, .Calendar-value--active:hover {
     background: var(--primary) !important;
 }
@@ -1345,6 +1359,8 @@ body {
 .Calendar-dayValues {
     display: flex;
     justify-content: center;
+    padding-top: var(--spacing);
+    padding-bottom: var(--spacing);
 }
 
 .Calendar-dateValues {
@@ -1357,10 +1373,27 @@ body {
 .Calendar-dayValues .Calendar-value {
     padding: 0;
 }
+
+.Calendar-eventsIndicator{
+    position: absolute;
+    bottom: var(--spacing-s);
+    width: var(--spacing-m);
+    height: var(--spacing-m);
+    background-color: var(--alert);
+    border-radius: 50%;
+}
+.Calendar-eventsIndicator--small{
+    width: 3px;
+    height: 3px;
+}
+.Calendar-eventsIndicator--active{
+    background-color: var(--white);
+}
+
 /* badge */
 
 .Card {
-  border-radius: var(--spacing);
+  border-radius: var(--spacing-m);
   border: var(--spacing-xs) solid var(--secondary-light);
   position: relative;
   overflow: hidden;
@@ -1715,8 +1748,8 @@ body {
   border-radius: var(--spacing-m);
   border: var(--border);
   padding-left: var(--spacing-s);
-  padding-top: var(--spacing-s);
-  padding-bottom: var(--spacing-s);
+  padding-top: var(--spacing-xs);
+  padding-bottom: var(--spacing-xs);
   background: var(--white);
   cursor: text;
   flex: 100%;
@@ -2191,7 +2224,8 @@ body {
   align-items: center;
   padding-left:var(--spacing);
   border: var(--spacing-xs) solid transparent;
-  min-height: var(--spacing-3);
+  padding-top: var(--spacing-xs);
+  padding-bottom: var(--spacing-xs);
   max-width: calc(100% - 28px);
   flex-wrap:wrap;
 }
@@ -3199,6 +3233,36 @@ body {
   color: var(--inverse);
 }
 
+.InlineMessage {
+  display: flex;
+  flex-direction: row;
+  overflow: hidden;
+  border-radius: var(--spacing-m);
+  background-color: var(--white);
+}
+
+.InlineMessage-icon {
+  margin-right: var(--spacing);
+  padding-top: var(--spacing-s);
+  padding-bottom: var(--spacing-s);
+}
+
+.InlineMessage-text--warning, .InlineMessage-icon--warning {
+  color: var(--accent1);
+}
+
+.InlineMessage-text--alert {
+  color: var(--alert);
+}
+
+.InlineMessage-text--info {
+  color: var(--primary);
+}
+
+.InlineMessage-text--success {
+  color: var(--success);
+}
+
 /* input */
 
 .Input-input::-ms-clear {