analytica-frontend-lib 1.0.41 → 1.0.43

package/dist/styles.css

@@ -117,6 +117,7 @@
     --color-success-600: #2a7948;
     --color-success-700: #206f3e;
     --color-success-800: #166534;
+    --color-success-background: #edfcf2;
     --color-error: #fee9e9;
     --color-error-300: #f87171;
     --color-error-400: #ef4444;
@@ -124,10 +125,14 @@
     --color-error-600: #dc2626;
     --color-error-700: #b91c1c;
     --color-error-800: #991b1b;
+    --color-error-background: #fef1f1;
     --color-warning: #fff9f5;
     --color-warning-300: #fdad74;
+    --color-warning-400: #fb954b;
+    --color-warning-500: #e77828;
     --color-warning-600: #d76c1f;
     --color-warning-800: #824417;
+    --color-warning-background: #fff3ea;
     --color-info: #ecf8fe;
     --color-info-300: #57c2f6;
     --color-info-600: #0b8dcd;
@@ -502,6 +507,9 @@
   .mb-3 {
     margin-bottom: calc(var(--spacing) * 3);
   }
+  .mb-3\.5 {
+    margin-bottom: calc(var(--spacing) * 3.5);
+  }
   .mb-4 {
     margin-bottom: calc(var(--spacing) * 4);
   }
@@ -625,6 +633,9 @@
   .h-px {
     height: 1px;
   }
+  .max-h-32 {
+    max-height: calc(var(--spacing) * 32);
+  }
   .min-h-\[300px\] {
     min-height: 300px;
   }
@@ -664,6 +675,9 @@
   .w-8 {
     width: calc(var(--spacing) * 8);
   }
+  .w-9 {
+    width: calc(var(--spacing) * 9);
+  }
   .w-10 {
     width: calc(var(--spacing) * 10);
   }
@@ -703,6 +717,12 @@
   .max-w-6xl {
     max-width: var(--container-6xl);
   }
+  .max-w-\[50px\] {
+    max-width: 50px;
+  }
+  .max-w-\[90px\] {
+    max-width: 90px;
+  }
   .max-w-\[390px\] {
     max-width: 390px;
   }
@@ -727,6 +747,9 @@
   .min-w-\[220px\] {
     min-width: 220px;
   }
+  .min-w-\[280px\] {
+    min-width: 280px;
+  }
   .min-w-\[320px\] {
     min-width: 320px;
   }
@@ -800,6 +823,12 @@
   .grid-cols-3 {
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
+  .grid-cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+  .grid-cols-7 {
+    grid-template-columns: repeat(7, minmax(0, 1fr));
+  }
   .flex-col {
     flex-direction: column;
   }
@@ -830,6 +859,9 @@
   .justify-start {
     justify-content: flex-start;
   }
+  .gap-0 {
+    gap: calc(var(--spacing) * 0);
+  }
   .gap-0\.5 {
     gap: calc(var(--spacing) * 0.5);
   }
@@ -854,6 +886,9 @@
   .gap-8 {
     gap: calc(var(--spacing) * 8);
   }
+  .gap-10 {
+    gap: calc(var(--spacing) * 10);
+  }
   .gap-12 {
     gap: calc(var(--spacing) * 12);
   }
@@ -892,6 +927,9 @@
   .overflow-x-auto {
     overflow-x: auto;
   }
+  .overflow-y-auto {
+    overflow-y: auto;
+  }
   .scroll-smooth {
     scroll-behavior: smooth;
   }
@@ -964,6 +1002,9 @@
   .border-background-200 {
     border-color: var(--color-background-200);
   }
+  .border-blue-500 {
+    border-color: var(--color-blue-500);
+  }
   .border-border-50 {
     border-color: var(--color-border-50);
   }
@@ -1039,6 +1080,9 @@
   .border-warning-300 {
     border-color: var(--color-warning-300);
   }
+  .border-warning-400 {
+    border-color: var(--color-warning-400);
+  }
   .border-b-primary-600 {
     border-bottom-color: var(--color-primary-600);
   }
@@ -1048,6 +1092,9 @@
   .\!bg-primary-50 {
     background-color: var(--color-primary-50) !important;
   }
+  .bg-\[\#1c61b2\] {
+    background-color: #1c61b2;
+  }
   .bg-amber-500 {
     background-color: var(--color-amber-500);
   }
@@ -1081,6 +1128,9 @@
   .bg-error-500 {
     background-color: var(--color-error-500);
   }
+  .bg-error-background {
+    background-color: var(--color-error-background);
+  }
   .bg-exam-1 {
     background-color: var(--color-exam-1);
   }
@@ -1129,12 +1179,21 @@
   .bg-success-500 {
     background-color: var(--color-success-500);
   }
+  .bg-success-background {
+    background-color: var(--color-success-background);
+  }
   .bg-transparent {
     background-color: transparent;
   }
   .bg-warning {
     background-color: var(--color-warning);
   }
+  .bg-warning-500 {
+    background-color: var(--color-warning-500);
+  }
+  .bg-warning-background {
+    background-color: var(--color-warning-background);
+  }
   .bg-white {
     background-color: var(--color-white);
   }
@@ -1282,10 +1341,17 @@
     font-size: var(--text-xs);
     line-height: var(--tw-leading, var(--text-xs--line-height));
   }
+  .text-\[8px\] {
+    font-size: 8px;
+  }
   .leading-7 {
     --tw-leading: calc(var(--spacing) * 7);
     line-height: calc(var(--spacing) * 7);
   }
+  .leading-\[9px\] {
+    --tw-leading: 9px;
+    line-height: 9px;
+  }
   .leading-\[150\%\] {
     --tw-leading: 150%;
     line-height: 150%;
@@ -1347,6 +1413,9 @@
   .\!text-text-600 {
     color: var(--color-text-600) !important;
   }
+  .text-\[\#1c61b2\] {
+    color: #1c61b2;
+  }
   .text-background-500 {
     color: var(--color-background-500);
   }
@@ -1356,6 +1425,9 @@
   .text-background-950 {
     color: var(--color-background-950);
   }
+  .text-blue-500 {
+    color: var(--color-blue-500);
+  }
   .text-error-500 {
     color: var(--color-error-500);
   }
@@ -1443,6 +1515,9 @@
   .text-warning-800 {
     color: var(--color-warning-800);
   }
+  .text-white {
+    color: var(--color-white);
+  }
   .capitalize {
     text-transform: capitalize;
   }
@@ -1847,6 +1922,13 @@
       }
     }
   }
+  .hover\:text-text-950 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-text-950);
+      }
+    }
+  }
   .hover\:shadow-hard-shadow-1 {
     &:hover {
       @media (hover: hover) {
@@ -1882,6 +1964,11 @@
       border-color: var(--color-indicator-info);
     }
   }
+  .focus\:border-primary-500 {
+    &:focus {
+      border-color: var(--color-primary-500);
+    }
+  }
   .focus\:border-primary-950 {
     &:focus {
       border-color: var(--color-primary-950);
@@ -1892,6 +1979,33 @@
       border-color: var(--color-red-700);
     }
   }
+  .focus\:ring-2 {
+    &:focus {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow:
+        var(--tw-inset-shadow),
+        var(--tw-inset-ring-shadow),
+        var(--tw-ring-offset-shadow),
+        var(--tw-ring-shadow),
+        var(--tw-shadow);
+    }
+  }
+  .focus\:ring-primary-500 {
+    &:focus {
+      --tw-ring-color: var(--color-primary-500);
+    }
+  }
+  .focus\:ring-primary-600 {
+    &:focus {
+      --tw-ring-color: var(--color-primary-600);
+    }
+  }
+  .focus\:ring-offset-1 {
+    &:focus {
+      --tw-ring-offset-width: 1px;
+      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    }
+  }
   .focus\:outline-primary-950 {
     &:focus {
       outline-color: var(--color-primary-950);