analytica-frontend-lib 1.1.95 → 1.1.97

package/dist/styles.css

@@ -22,9 +22,11 @@
       "Liberation Mono",
       "Courier New",
       monospace;
+    --color-red-100: oklch(93.6% 0.032 17.717);
     --color-red-500: oklch(63.7% 0.237 25.331);
     --color-red-600: oklch(57.7% 0.245 27.325);
     --color-red-700: oklch(50.5% 0.213 27.518);
+    --color-red-800: oklch(44.4% 0.177 26.899);
     --color-orange-50: oklch(98% 0.016 73.684);
     --color-orange-500: oklch(70.5% 0.213 47.604);
     --color-orange-700: oklch(55.3% 0.195 38.402);
@@ -54,6 +56,7 @@
     --color-blue-800: oklch(42.4% 0.199 265.638);
     --color-blue-900: oklch(37.9% 0.146 265.522);
     --color-purple-50: oklch(97.7% 0.014 308.299);
+    --color-purple-500: oklch(62.7% 0.265 303.9);
     --color-purple-600: oklch(55.8% 0.288 302.321);
     --color-purple-700: oklch(49.6% 0.265 301.924);
     --color-purple-900: oklch(38.1% 0.176 304.987);
@@ -1820,6 +1823,12 @@
   .border-green-200 {
     border-color: var(--color-green-200);
   }
+  .border-green-400 {
+    border-color: var(--color-green-400);
+  }
+  .border-green-500 {
+    border-color: var(--color-green-500);
+  }
   .border-indicator-error {
     border-color: var(--color-indicator-error);
   }
@@ -1895,6 +1904,9 @@
   .border-primary-950 {
     border-color: var(--color-primary-950);
   }
+  .border-purple-500 {
+    border-color: var(--color-purple-500);
+  }
   .border-red-700 {
     border-color: var(--color-red-700);
   }
@@ -2348,6 +2360,12 @@
   .bg-indicator-error {
     background-color: var(--color-indicator-error);
   }
+  .bg-indicator-error\/10 {
+    background-color: color-mix(in srgb, #b91c1c 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-indicator-error) 10%, transparent);
+    }
+  }
   .bg-indicator-error\/70 {
     background-color: color-mix(in srgb, #b91c1c 70%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2366,6 +2384,12 @@
   .bg-indicator-primary {
     background-color: var(--color-indicator-primary);
   }
+  .bg-indicator-primary\/10 {
+    background-color: color-mix(in srgb, #373737 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-indicator-primary) 10%, transparent);
+    }
+  }
   .bg-indicator-primary\/70 {
     background-color: color-mix(in srgb, #373737 70%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2462,6 +2486,9 @@
   .bg-purple-600 {
     background-color: var(--color-purple-600);
   }
+  .bg-red-100 {
+    background-color: var(--color-red-100);
+  }
   .bg-red-500 {
     background-color: var(--color-red-500);
   }
@@ -2953,6 +2980,9 @@
   .pb-\[150px\] {
     padding-bottom: 150px;
   }
+  .pl-4 {
+    padding-left: calc(var(--spacing) * 4);
+  }
   .pl-8 {
     padding-left: calc(var(--spacing) * 8);
   }
@@ -3142,6 +3172,9 @@
   .whitespace-nowrap {
     white-space: nowrap;
   }
+  .whitespace-pre {
+    white-space: pre;
+  }
   .whitespace-pre-wrap {
     white-space: pre-wrap;
   }
@@ -3295,6 +3328,9 @@
   .text-exam-4 {
     color: var(--color-exam-4);
   }
+  .text-gray-100 {
+    color: var(--color-gray-100);
+  }
   .text-gray-200 {
     color: var(--color-gray-200);
   }
@@ -3421,6 +3457,9 @@
   .text-red-600 {
     color: var(--color-red-600);
   }
+  .text-red-800 {
+    color: var(--color-red-800);
+  }
   .text-secondary-50 {
     color: var(--color-secondary-50);
   }
@@ -16332,6 +16371,11 @@
       flex-basis: 100%;
     }
   }
+  .lg\:grid-cols-1 {
+    @media (width >= 64rem) {
+      grid-template-columns: repeat(1, minmax(0, 1fr));
+    }
+  }
   .lg\:grid-cols-2 {
     @media (width >= 64rem) {
       grid-template-columns: repeat(2, minmax(0, 1fr));