analytica-frontend-lib 1.0.49 → 1.0.50

package/dist/index.css

@@ -84,6 +84,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 +158,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);
@@ -797,9 +799,6 @@
   .w-\[200px\] {
     width: 200px;
   }
-  .w-\[288px\] {
-    width: 288px;
-  }
   .w-\[380px\] {
     width: 380px;
   }
@@ -1239,12 +1238,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 +1382,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 +1406,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);
   }
@@ -1736,6 +1774,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 +1801,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 +2142,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 +2177,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 +2191,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 +2205,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 +2282,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 +2324,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 +2345,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 +2373,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 +2408,13 @@
       }
     }
   }
+  .hover\:text-primary-500 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-primary-500);
+      }
+    }
+  }
   .hover\:text-primary-600 {
     &:hover {
       @media (hover: hover) {
@@ -2229,6 +2422,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 +2525,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 +2585,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);
@@ -3042,7 +3418,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 +3579,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);