analytica-frontend-lib 1.1.57 → 1.1.59

package/dist/styles.css

@@ -126,6 +126,8 @@
     --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-background-dark: #181719;
+    --color-background-light: #FBFBFB;
     --color-primary: #b3b3b3;
     --color-primary-50: #999999;
     --color-primary-100: #808080;
@@ -150,6 +152,7 @@
     --color-secondary-800: #b1b1b1;
     --color-secondary-900: #a5a4a4;
     --color-secondary-950: #9d9d9d;
+    --color-tertiary: #fffaf5;
     --color-tertiary-50: #fff2e5;
     --color-tertiary-100: #ffe9d5;
     --color-tertiary-200: #fed1aa;
@@ -186,6 +189,7 @@
     --color-background-900: #272625;
     --color-background-950: #121212;
     --color-background-muted: #f7f8f7;
+    --color-border: #fdfefe;
     --color-border-50: #f3f3f3;
     --color-border-100: #e6e6e6;
     --color-border-200: #dddcdb;
@@ -252,6 +256,8 @@
     --color-indicator-primary: #373737;
     --color-indicator-info: #5399ec;
     --color-indicator-error: #b91c1c;
+    --color-indicator-positive: #f8cc2e;
+    --color-indicator-negative: #be4f4f;
     --color-exam-1: #e3f1fb;
     --color-exam-2: #fde5fa;
     --color-exam-3: #fff4d1;
@@ -872,6 +878,9 @@
   .h-\[68px\] {
     height: 68px;
   }
+  .h-\[80px\] {
+    height: 80px;
+  }
   .h-\[90px\] {
     height: 90px;
   }
@@ -1043,6 +1052,9 @@
   .w-\[58px\] {
     width: 58px;
   }
+  .w-\[80px\] {
+    width: 80px;
+  }
   .w-\[90px\] {
     width: 90px;
   }
@@ -1665,6 +1677,12 @@
   .border-background-950 {
     border-color: var(--color-background-950);
   }
+  .border-background-dark {
+    border-color: var(--color-background-dark);
+  }
+  .border-background-light {
+    border-color: var(--color-background-light);
+  }
   .border-blue-200 {
     border-color: var(--color-blue-200);
   }
@@ -2070,6 +2088,9 @@
   .border-white {
     border-color: var(--color-white);
   }
+  .border-b-background-50 {
+    border-bottom-color: var(--color-background-50);
+  }
   .border-b-primary-200 {
     border-bottom-color: var(--color-primary-200);
   }
@@ -2118,6 +2139,12 @@
   .bg-background-950 {
     background-color: var(--color-background-950);
   }
+  .bg-background-dark {
+    background-color: var(--color-background-dark);
+  }
+  .bg-background-light {
+    background-color: var(--color-background-light);
+  }
   .bg-background-muted {
     background-color: var(--color-background-muted);
   }
@@ -2166,6 +2193,9 @@
   .bg-blue-500 {
     background-color: var(--color-blue-500);
   }
+  .bg-border {
+    background-color: var(--color-border);
+  }
   .bg-border-50 {
     background-color: var(--color-border-50);
   }
@@ -2289,6 +2319,18 @@
       background-color: color-mix(in oklab, var(--color-indicator-error) 70%, transparent);
     }
   }
+  .bg-indicator-info {
+    background-color: var(--color-indicator-info);
+  }
+  .bg-indicator-negative {
+    background-color: var(--color-indicator-negative);
+  }
+  .bg-indicator-positive {
+    background-color: var(--color-indicator-positive);
+  }
+  .bg-indicator-primary {
+    background-color: var(--color-indicator-primary);
+  }
   .bg-indicator-primary\/70 {
     background-color: color-mix(in srgb, #373737 70%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2514,6 +2556,9 @@
   .bg-success-background {
     background-color: var(--color-success-background);
   }
+  .bg-tertiary {
+    background-color: var(--color-tertiary);
+  }
   .bg-tertiary-50 {
     background-color: var(--color-tertiary-50);
   }
@@ -2547,6 +2592,9 @@
   .bg-tertiary-950 {
     background-color: var(--color-tertiary-950);
   }
+  .bg-text {
+    background-color: var(--color-text);
+  }
   .bg-text-50 {
     background-color: var(--color-text-50);
   }
@@ -2771,6 +2819,9 @@
   .px-8 {
     padding-inline: calc(var(--spacing) * 8);
   }
+  .px-10 {
+    padding-inline: calc(var(--spacing) * 10);
+  }
   .px-12 {
     padding-inline: calc(var(--spacing) * 12);
   }
@@ -3081,6 +3132,12 @@
   .text-background-950 {
     color: var(--color-background-950);
   }
+  .text-background-dark {
+    color: var(--color-background-dark);
+  }
+  .text-background-light {
+    color: var(--color-background-light);
+  }
   .text-blue-500 {
     color: var(--color-blue-500);
   }
@@ -18333,18 +18390,18 @@
 }
 @layer base {
   [data-theme=dark] {
-    --color-primary: #a6a6a6;
-    --color-primary-50: #afafaf;
-    --color-primary-100: #bababa;
-    --color-primary-200: #c5c5c5;
-    --color-primary-300: #d4d4d4;
-    --color-primary-400: #dddddd;
-    --color-primary-500: #e6e6e6;
-    --color-primary-600: #f0f0f0;
-    --color-primary-700: #fafafa;
-    --color-primary-800: #fdfdfd;
-    --color-primary-900: #fef9f9;
-    --color-primary-950: #fdfcfc;
+    --color-primary: #F4FAFF;
+    --color-primary-50: #27344A;
+    --color-primary-100: #BBDCF7;
+    --color-primary-200: #91C7F1;
+    --color-primary-300: #67B0EB;
+    --color-primary-400: #48A0E8;
+    --color-primary-500: #2D91E4;
+    --color-primary-600: #2883D7;
+    --color-primary-700: #2271C4;
+    --color-primary-800: #1C61B2;
+    --color-primary-900: #144BA4;
+    --color-primary-950: #80B8E4;
     --color-secondary: #141414;
     --color-secondary-50: #171717;
     --color-secondary-100: #1f1f1f;
@@ -18461,6 +18518,8 @@
     --color-indicator-primary: #f7f7f7;
     --color-indicator-info: #a1c7f5;
     --color-indicator-error: #e84645;
+    --color-indicator-positive: #bc9406;
+    --color-indicator-negative: #d08181;
     --color-exam-1: #125381;
     --color-exam-2: #801973;
     --color-exam-3: #b88c00;
@@ -18622,6 +18681,8 @@
     --color-indicator-primary: #373737;
     --color-indicator-info: #5399ec;
     --color-indicator-error: #b91c1c;
+    --color-indicator-positive: #f8cc2e;
+    --color-indicator-negative: #be4f4f;
     --color-exam-1: #e3f1fb;
     --color-exam-2: #fde5fa;
     --color-exam-3: #fff4d1;