analytica-frontend-lib 1.0.42 → 1.0.44

package/dist/index.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);
   }
@@ -607,12 +615,21 @@
   .h-\[1em\] {
     height: 1em;
   }
+  .h-\[19px\] {
+    height: 19px;
+  }
   .h-\[21px\] {
     height: 21px;
   }
+  .h-\[24px\] {
+    height: 24px;
+  }
   .h-\[27px\] {
     height: 27px;
   }
+  .h-\[35px\] {
+    height: 35px;
+  }
   .h-\[90px\] {
     height: 90px;
   }
@@ -625,6 +642,9 @@
   .h-px {
     height: 1px;
   }
+  .max-h-32 {
+    max-height: calc(var(--spacing) * 32);
+  }
   .min-h-\[300px\] {
     min-height: 300px;
   }
@@ -664,6 +684,9 @@
   .w-8 {
     width: calc(var(--spacing) * 8);
   }
+  .w-9 {
+    width: calc(var(--spacing) * 9);
+  }
   .w-10 {
     width: calc(var(--spacing) * 10);
   }
@@ -679,12 +702,18 @@
   .w-\[90px\] {
     width: 90px;
   }
+  .w-\[131px\] {
+    width: 131px;
+  }
   .w-\[152px\] {
     width: 152px;
   }
   .w-\[288px\] {
     width: 288px;
   }
+  .w-\[380px\] {
+    width: 380px;
+  }
   .w-\[384px\] {
     width: 384px;
   }
@@ -733,6 +762,9 @@
   .min-w-\[220px\] {
     min-width: 220px;
   }
+  .min-w-\[280px\] {
+    min-width: 280px;
+  }
   .min-w-\[320px\] {
     min-width: 320px;
   }
@@ -806,6 +838,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;
   }
@@ -863,6 +901,9 @@
   .gap-8 {
     gap: calc(var(--spacing) * 8);
   }
+  .gap-10 {
+    gap: calc(var(--spacing) * 10);
+  }
   .gap-12 {
     gap: calc(var(--spacing) * 12);
   }
@@ -901,6 +942,9 @@
   .overflow-x-auto {
     overflow-x: auto;
   }
+  .overflow-y-auto {
+    overflow-y: auto;
+  }
   .scroll-smooth {
     scroll-behavior: smooth;
   }
@@ -958,6 +1002,10 @@
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 1px;
   }
+  .border-b-0 {
+    border-bottom-style: var(--tw-border-style);
+    border-bottom-width: 0px;
+  }
   .border-b-2 {
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 2px;
@@ -973,6 +1021,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);
   }
@@ -1048,6 +1099,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);
   }
@@ -1057,6 +1111,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);
   }
@@ -1090,6 +1147,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);
   }
@@ -1138,12 +1198,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);
   }
@@ -1183,6 +1252,9 @@
   .p-8 {
     padding: calc(var(--spacing) * 8);
   }
+  .px-0 {
+    padding-inline: calc(var(--spacing) * 0);
+  }
   .px-2 {
     padding-inline: calc(var(--spacing) * 2);
   }
@@ -1294,6 +1366,10 @@
   .text-\[8px\] {
     font-size: 8px;
   }
+  .leading-4 {
+    --tw-leading: calc(var(--spacing) * 4);
+    line-height: calc(var(--spacing) * 4);
+  }
   .leading-7 {
     --tw-leading: calc(var(--spacing) * 7);
     line-height: calc(var(--spacing) * 7);
@@ -1302,6 +1378,14 @@
     --tw-leading: 9px;
     line-height: 9px;
   }
+  .leading-\[14px\] {
+    --tw-leading: 14px;
+    line-height: 14px;
+  }
+  .leading-\[19px\] {
+    --tw-leading: 19px;
+    line-height: 19px;
+  }
   .leading-\[150\%\] {
     --tw-leading: 150%;
     line-height: 150%;
@@ -1363,6 +1447,12 @@
   .\!text-text-600 {
     color: var(--color-text-600) !important;
   }
+  .\!text-text-900 {
+    color: var(--color-text-900) !important;
+  }
+  .text-\[\#1c61b2\] {
+    color: #1c61b2;
+  }
   .text-background-500 {
     color: var(--color-background-500);
   }
@@ -1372,6 +1462,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);
   }
@@ -1408,12 +1501,18 @@
   .text-primary-500 {
     color: var(--color-primary-500);
   }
+  .text-primary-600 {
+    color: var(--color-primary-600);
+  }
   .text-primary-700 {
     color: var(--color-primary-700);
   }
   .text-primary-950 {
     color: var(--color-primary-950);
   }
+  .text-success-200 {
+    color: var(--color-success-200);
+  }
   .text-success-500 {
     color: var(--color-success-500);
   }
@@ -1459,6 +1558,9 @@
   .text-warning-800 {
     color: var(--color-warning-800);
   }
+  .text-white {
+    color: var(--color-white);
+  }
   .capitalize {
     text-transform: capitalize;
   }
@@ -1863,6 +1965,13 @@
       }
     }
   }
+  .hover\:text-text-950 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-text-950);
+      }
+    }
+  }
   .hover\:shadow-hard-shadow-1 {
     &:hover {
       @media (hover: hover) {
@@ -1898,6 +2007,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);
@@ -1908,6 +2022,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);