@esic-lab/data-core-ui 0.0.56 → 0.0.58

package/dist/index.css

@@ -37,7 +37,6 @@
     --color-blue-500: #0095ff;
     --color-blue-600: #0088e8;
     --color-blue-700: #006ab5;
-    --color-blue-800: #00528c;
     --color-indigo-100: oklch(93% 0.034 272.788);
     --color-indigo-800: oklch(39.8% 0.195 277.366);
     --color-gray-50: #f9fafb;
@@ -71,6 +70,7 @@
     --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     --default-font-family: var(--font-sans);
     --default-mono-font-family: var(--font-mono);
+    --color-primary-800: #2b3587;
     --color-primary-700: #3745af;
     --color-primary-500: #4e61f6;
     --color-primary-400: #7181f8;
@@ -274,6 +274,9 @@
   .invisible {
     visibility: hidden;
   }
+  .visible {
+    visibility: visible;
+  }
   .absolute {
     position: absolute;
   }
@@ -286,6 +289,9 @@
   .static {
     position: static;
   }
+  .sticky {
+    position: sticky;
+  }
   .inset-0 {
     inset: calc(var(--spacing) * 0);
   }
@@ -304,9 +310,15 @@
   .right-0 {
     right: calc(var(--spacing) * 0);
   }
+  .right-1\/2 {
+    right: calc(1/2 * 100%);
+  }
   .right-3 {
     right: calc(var(--spacing) * 3);
   }
+  .bottom-0 {
+    bottom: calc(var(--spacing) * 0);
+  }
   .left-0 {
     left: calc(var(--spacing) * 0);
   }
@@ -346,6 +358,9 @@
   .mt-8 {
     margin-top: calc(var(--spacing) * 8);
   }
+  .mt-10 {
+    margin-top: calc(var(--spacing) * 10);
+  }
   .mt-\[-12px\] {
     margin-top: -12px;
   }
@@ -394,6 +409,12 @@
   .ml-auto {
     margin-left: auto;
   }
+  .line-clamp-2 {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+  }
   .block {
     display: block;
   }
@@ -472,6 +493,9 @@
   .h-\[314px\] {
     height: 314px;
   }
+  .h-\[450px\] {
+    height: 450px;
+  }
   .h-\[500px\] {
     height: 500px;
   }
@@ -499,9 +523,6 @@
   .w-1\/2 {
     width: calc(1/2 * 100%);
   }
-  .w-1\/4 {
-    width: calc(1/4 * 100%);
-  }
   .w-4 {
     width: calc(var(--spacing) * 4);
   }
@@ -571,6 +592,9 @@
   .w-\[400px\] {
     width: 400px;
   }
+  .w-\[420px\] {
+    width: 420px;
+  }
   .w-\[500px\] {
     width: 500px;
   }
@@ -619,6 +643,10 @@
     --tw-translate-y: calc(var(--spacing) * -2);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .translate-y-2 {
+    --tw-translate-y: calc(var(--spacing) * 2);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .scale-0 {
     --tw-scale-x: 0%;
     --tw-scale-y: 0%;
@@ -664,6 +692,15 @@
   .grid-cols-\[1fr_50px\] {
     grid-template-columns: 1fr 50px;
   }
+  .grid-cols-\[1fr_70px\] {
+    grid-template-columns: 1fr 70px;
+  }
+  .grid-cols-\[1fr_100px\] {
+    grid-template-columns: 1fr 100px;
+  }
+  .grid-cols-\[1fr_100px_50px\] {
+    grid-template-columns: 1fr 100px 50px;
+  }
   .grid-cols-\[1fr_200px_200px_50px\] {
     grid-template-columns: 1fr 200px 200px 50px;
   }
@@ -846,9 +883,9 @@
     border-style: var(--tw-border-style);
     border-width: 3px;
   }
-  .border-4 {
+  .border-10 {
     border-style: var(--tw-border-style);
-    border-width: 4px;
+    border-width: 10px;
   }
   .border-\[1px\] {
     border-style: var(--tw-border-style);
@@ -1049,6 +1086,9 @@
   .pb-\[16px\] {
     padding-bottom: 16px;
   }
+  .pl-2 {
+    padding-left: calc(var(--spacing) * 2);
+  }
   .pl-\[200px\] {
     padding-left: 200px;
   }
@@ -1107,6 +1147,9 @@
   .text-blue-700 {
     color: var(--color-blue-700);
   }
+  .text-gray-200 {
+    color: var(--color-gray-200);
+  }
   .text-gray-300 {
     color: var(--color-gray-300);
   }
@@ -1125,6 +1168,9 @@
   .text-gray-800 {
     color: var(--color-gray-800);
   }
+  .text-green-500 {
+    color: var(--color-green-500);
+  }
   .text-green-600 {
     color: var(--color-green-600);
   }
@@ -1458,24 +1504,24 @@
       }
     }
   }
-  .hover\:text-blue-800 {
+  .hover\:text-gray-400 {
     &:hover {
       @media (hover: hover) {
-        color: var(--color-blue-800);
+        color: var(--color-gray-400);
       }
     }
   }
-  .hover\:text-gray-400 {
+  .hover\:text-primary-400 {
     &:hover {
       @media (hover: hover) {
-        color: var(--color-gray-400);
+        color: var(--color-primary-400);
       }
     }
   }
-  .hover\:text-primary-400 {
+  .hover\:text-primary-800 {
     &:hover {
       @media (hover: hover) {
-        color: var(--color-primary-400);
+        color: var(--color-primary-800);
       }
     }
   }