analytica-frontend-lib 1.0.49 → 1.0.51

package/dist/styles.css

@@ -74,7 +74,6 @@
     --radius-lg: 0.5rem;
     --radius-xl: 0.75rem;
     --radius-3xl: 1.5rem;
-    --radius-4xl: 2rem;
     --ease-out: cubic-bezier(0, 0, 0.2, 1);
     --blur-xs: 4px;
     --default-transition-duration: 150ms;
@@ -84,6 +83,8 @@
     --color-primary: #b3b3b3;
     --color-primary-50: #999999;
     --color-primary-100: #808080;
+    --color-primary-200: #737373;
+    --color-primary-300: #666666;
     --color-primary-400: #525252;
     --color-primary-500: #333333;
     --color-primary-600: #292929;
@@ -156,7 +157,7 @@
     --color-exam-3: #fff4d1;
     --color-exam-4: #ddf5e5;
     --color-typography-1: #b00c9e;
-    --color-typography-2: #745A07;
+    --color-typography-2: #745a07;
     --font-weight-hairline: 100;
     --text-2xs: 0.625rem;
     --text-2xs--line-height: calc(1 / 0.625);
@@ -647,6 +648,9 @@
   .h-10 {
     height: calc(var(--spacing) * 10);
   }
+  .h-12 {
+    height: calc(var(--spacing) * 12);
+  }
   .h-20 {
     height: calc(var(--spacing) * 20);
   }
@@ -797,9 +801,6 @@
   .w-\[200px\] {
     width: 200px;
   }
-  .w-\[288px\] {
-    width: 288px;
-  }
   .w-\[380px\] {
     width: 380px;
   }
@@ -1113,9 +1114,6 @@
   .rounded-3xl {
     border-radius: var(--radius-3xl);
   }
-  .rounded-4xl {
-    border-radius: var(--radius-4xl);
-  }
   .rounded-\[4px\] {
     border-radius: 4px;
   }
@@ -1239,12 +1237,36 @@
   .border-info-700 {
     border-color: var(--color-info-700);
   }
+  .border-primary-50 {
+    border-color: var(--color-primary-50);
+  }
+  .border-primary-100 {
+    border-color: var(--color-primary-100);
+  }
+  .border-primary-200 {
+    border-color: var(--color-primary-200);
+  }
+  .border-primary-300 {
+    border-color: var(--color-primary-300);
+  }
+  .border-primary-400 {
+    border-color: var(--color-primary-400);
+  }
+  .border-primary-500 {
+    border-color: var(--color-primary-500);
+  }
   .border-primary-600 {
     border-color: var(--color-primary-600);
   }
+  .border-primary-700 {
+    border-color: var(--color-primary-700);
+  }
   .border-primary-800 {
     border-color: var(--color-primary-800);
   }
+  .border-primary-900 {
+    border-color: var(--color-primary-900);
+  }
   .border-primary-950 {
     border-color: var(--color-primary-950);
   }
@@ -1359,9 +1381,21 @@
   .bg-primary-50 {
     background-color: var(--color-primary-50);
   }
+  .bg-primary-100 {
+    background-color: var(--color-primary-100);
+  }
+  .bg-primary-200 {
+    background-color: var(--color-primary-200);
+  }
+  .bg-primary-300 {
+    background-color: var(--color-primary-300);
+  }
   .bg-primary-400 {
     background-color: var(--color-primary-400);
   }
+  .bg-primary-500 {
+    background-color: var(--color-primary-500);
+  }
   .bg-primary-600 {
     background-color: var(--color-primary-600);
   }
@@ -1371,6 +1405,9 @@
   .bg-primary-800 {
     background-color: var(--color-primary-800);
   }
+  .bg-primary-900 {
+    background-color: var(--color-primary-900);
+  }
   .bg-primary-950 {
     background-color: var(--color-primary-950);
   }
@@ -1497,6 +1534,9 @@
   .py-3\.5 {
     padding-block: calc(var(--spacing) * 3.5);
   }
+  .py-4 {
+    padding-block: calc(var(--spacing) * 4);
+  }
   .py-6 {
     padding-block: calc(var(--spacing) * 6);
   }
@@ -1736,6 +1776,18 @@
   .text-primary {
     color: var(--color-primary);
   }
+  .text-primary-50 {
+    color: var(--color-primary-50);
+  }
+  .text-primary-100 {
+    color: var(--color-primary-100);
+  }
+  .text-primary-200 {
+    color: var(--color-primary-200);
+  }
+  .text-primary-300 {
+    color: var(--color-primary-300);
+  }
   .text-primary-400 {
     color: var(--color-primary-400);
   }
@@ -1751,6 +1803,9 @@
   .text-primary-800 {
     color: var(--color-primary-800);
   }
+  .text-primary-900 {
+    color: var(--color-primary-900);
+  }
   .text-primary-950 {
     color: var(--color-primary-950);
   }
@@ -2089,6 +2144,34 @@
       }
     }
   }
+  .hover\:border-primary-50 {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-primary-50);
+      }
+    }
+  }
+  .hover\:border-primary-100 {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-primary-100);
+      }
+    }
+  }
+  .hover\:border-primary-200 {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-primary-200);
+      }
+    }
+  }
+  .hover\:border-primary-300 {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-primary-300);
+      }
+    }
+  }
   .hover\:border-primary-400 {
     &:hover {
       @media (hover: hover) {
@@ -2096,6 +2179,13 @@
       }
     }
   }
+  .hover\:border-primary-500 {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-primary-500);
+      }
+    }
+  }
   .hover\:border-primary-600 {
     &:hover {
       @media (hover: hover) {
@@ -2103,6 +2193,13 @@
       }
     }
   }
+  .hover\:border-primary-700 {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-primary-700);
+      }
+    }
+  }
   .hover\:border-primary-800 {
     &:hover {
       @media (hover: hover) {
@@ -2110,6 +2207,20 @@
       }
     }
   }
+  .hover\:border-primary-900 {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-primary-900);
+      }
+    }
+  }
+  .hover\:border-primary-950 {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-primary-950);
+      }
+    }
+  }
   .hover\:border-red-700 {
     &:hover {
       @media (hover: hover) {
@@ -2173,6 +2284,41 @@
       }
     }
   }
+  .hover\:bg-primary-100 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-primary-100);
+      }
+    }
+  }
+  .hover\:bg-primary-200 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-primary-200);
+      }
+    }
+  }
+  .hover\:bg-primary-300 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-primary-300);
+      }
+    }
+  }
+  .hover\:bg-primary-400 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-primary-400);
+      }
+    }
+  }
+  .hover\:bg-primary-500 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-primary-500);
+      }
+    }
+  }
   .hover\:bg-primary-600 {
     &:hover {
       @media (hover: hover) {
@@ -2180,6 +2326,13 @@
       }
     }
   }
+  .hover\:bg-primary-700 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-primary-700);
+      }
+    }
+  }
   .hover\:bg-primary-800 {
     &:hover {
       @media (hover: hover) {
@@ -2194,6 +2347,13 @@
       }
     }
   }
+  .hover\:bg-primary-950 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-primary-950);
+      }
+    }
+  }
   .hover\:bg-secondary-50 {
     &:hover {
       @media (hover: hover) {
@@ -2215,6 +2375,34 @@
       }
     }
   }
+  .hover\:text-primary-50 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-primary-50);
+      }
+    }
+  }
+  .hover\:text-primary-100 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-primary-100);
+      }
+    }
+  }
+  .hover\:text-primary-200 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-primary-200);
+      }
+    }
+  }
+  .hover\:text-primary-300 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-primary-300);
+      }
+    }
+  }
   .hover\:text-primary-400 {
     &:hover {
       @media (hover: hover) {
@@ -2222,6 +2410,13 @@
       }
     }
   }
+  .hover\:text-primary-500 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-primary-500);
+      }
+    }
+  }
   .hover\:text-primary-600 {
     &:hover {
       @media (hover: hover) {
@@ -2229,6 +2424,34 @@
       }
     }
   }
+  .hover\:text-primary-700 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-primary-700);
+      }
+    }
+  }
+  .hover\:text-primary-800 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-primary-800);
+      }
+    }
+  }
+  .hover\:text-primary-900 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-primary-900);
+      }
+    }
+  }
+  .hover\:text-primary-950 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-primary-950);
+      }
+    }
+  }
   .hover\:text-success-400 {
     &:hover {
       @media (hover: hover) {
@@ -2304,11 +2527,56 @@
       border-color: var(--color-indicator-info);
     }
   }
+  .focus\:border-primary-50 {
+    &:focus {
+      border-color: var(--color-primary-50);
+    }
+  }
+  .focus\:border-primary-100 {
+    &:focus {
+      border-color: var(--color-primary-100);
+    }
+  }
+  .focus\:border-primary-200 {
+    &:focus {
+      border-color: var(--color-primary-200);
+    }
+  }
+  .focus\:border-primary-300 {
+    &:focus {
+      border-color: var(--color-primary-300);
+    }
+  }
+  .focus\:border-primary-400 {
+    &:focus {
+      border-color: var(--color-primary-400);
+    }
+  }
   .focus\:border-primary-500 {
     &:focus {
       border-color: var(--color-primary-500);
     }
   }
+  .focus\:border-primary-600 {
+    &:focus {
+      border-color: var(--color-primary-600);
+    }
+  }
+  .focus\:border-primary-700 {
+    &:focus {
+      border-color: var(--color-primary-700);
+    }
+  }
+  .focus\:border-primary-800 {
+    &:focus {
+      border-color: var(--color-primary-800);
+    }
+  }
+  .focus\:border-primary-900 {
+    &:focus {
+      border-color: var(--color-primary-900);
+    }
+  }
   .focus\:border-primary-950 {
     &:focus {
       border-color: var(--color-primary-950);
@@ -2319,6 +2587,116 @@
       border-color: var(--color-red-700);
     }
   }
+  .focus\:bg-primary-50 {
+    &:focus {
+      background-color: var(--color-primary-50);
+    }
+  }
+  .focus\:bg-primary-100 {
+    &:focus {
+      background-color: var(--color-primary-100);
+    }
+  }
+  .focus\:bg-primary-200 {
+    &:focus {
+      background-color: var(--color-primary-200);
+    }
+  }
+  .focus\:bg-primary-300 {
+    &:focus {
+      background-color: var(--color-primary-300);
+    }
+  }
+  .focus\:bg-primary-400 {
+    &:focus {
+      background-color: var(--color-primary-400);
+    }
+  }
+  .focus\:bg-primary-500 {
+    &:focus {
+      background-color: var(--color-primary-500);
+    }
+  }
+  .focus\:bg-primary-600 {
+    &:focus {
+      background-color: var(--color-primary-600);
+    }
+  }
+  .focus\:bg-primary-700 {
+    &:focus {
+      background-color: var(--color-primary-700);
+    }
+  }
+  .focus\:bg-primary-800 {
+    &:focus {
+      background-color: var(--color-primary-800);
+    }
+  }
+  .focus\:bg-primary-900 {
+    &:focus {
+      background-color: var(--color-primary-900);
+    }
+  }
+  .focus\:bg-primary-950 {
+    &:focus {
+      background-color: var(--color-primary-950);
+    }
+  }
+  .focus\:text-primary-50 {
+    &:focus {
+      color: var(--color-primary-50);
+    }
+  }
+  .focus\:text-primary-100 {
+    &:focus {
+      color: var(--color-primary-100);
+    }
+  }
+  .focus\:text-primary-200 {
+    &:focus {
+      color: var(--color-primary-200);
+    }
+  }
+  .focus\:text-primary-300 {
+    &:focus {
+      color: var(--color-primary-300);
+    }
+  }
+  .focus\:text-primary-400 {
+    &:focus {
+      color: var(--color-primary-400);
+    }
+  }
+  .focus\:text-primary-500 {
+    &:focus {
+      color: var(--color-primary-500);
+    }
+  }
+  .focus\:text-primary-600 {
+    &:focus {
+      color: var(--color-primary-600);
+    }
+  }
+  .focus\:text-primary-700 {
+    &:focus {
+      color: var(--color-primary-700);
+    }
+  }
+  .focus\:text-primary-800 {
+    &:focus {
+      color: var(--color-primary-800);
+    }
+  }
+  .focus\:text-primary-900 {
+    &:focus {
+      color: var(--color-primary-900);
+    }
+  }
+  .focus\:text-primary-950 {
+    &:focus {
+      color: var(--color-primary-950);
+    }
+  }
   .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);
@@ -2724,6 +3102,11 @@
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
   }
+  .md\:grid-cols-3 {
+    @media (width >= 48rem) {
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+  }
   .md\:justify-center {
     @media (width >= 48rem) {
       justify-content: center;
@@ -3042,7 +3425,7 @@
     --color-subject-15: #a2d7e2;
     --color-subject-16: #badfc8;
     --color-typography-1: #b00c9e;
-    --color-typography-2: #745A07;
+    --color-typography-2: #745a07;
     --shadow-hard-shadow-1: -2px 2px 8px rgba(255, 255, 255, 0.1);
     --shadow-hard-shadow-2: 0px 3px 10px rgba(255, 255, 255, 0.1);
     --shadow-hard-shadow-3: 2px 2px 8px rgba(255, 255, 255, 0.1);
@@ -3203,7 +3586,7 @@
     --color-subject-15: #a2d7e2;
     --color-subject-16: #badfc8;
     --color-typography-1: #b00c9e;
-    --color-typography-2: #745A07;
+    --color-typography-2: #745a07;
     --shadow-hard-shadow-1: -2px 2px 8px rgba(38, 38, 38, 0.2);
     --shadow-hard-shadow-2: 0px 3px 10px rgba(38, 38, 38, 0.2);
     --shadow-hard-shadow-3: 2px 2px 8px rgba(38, 38, 38, 0.2);