@qtalo/qt-ui-library 0.1.29 → 0.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qtalo/qt-ui-library",
-  "version": "0.1.29",
+  "version": "0.2.0",
   "private": false,
   "publishConfig": {
     "access": "public"

package/src/styles/styles.css

@@ -124,11 +124,37 @@
   --color-white-variant-5: #ffffff;
   --color-white-variant-6: #ffffff;
   --color-white-variant-7: #ffffff;
+  --color-white-variant-8: #ffffff;
+
+  --color-pulse-chip-neutral-active-bg: #82818e;
+  --color-pulse-chip-neutral-active-text: #ffffff;
+
+  --color-resize-handle-grip: #f3f2f8;
+
+  --color-search-suggestion-client-bg: color-mix(
+    in oklab,
+    var(--color-primary-500-variant-1) 10%,
+    transparent
+  );
+  --color-search-suggestion-client-text: var(--color-primary-500-variant-1);
+  --color-search-suggestion-member-bg: #ecfdf5;
+  --color-search-suggestion-member-text: #047857;
+
+  --color-red-400: #f87171;
+  --color-red-500: #ef4444;
+  --color-red-600: #dc2626;
+  --color-amber-400: #fbbf24;
+  --color-amber-500: #f59e0b;
 }
 
 /* Dark theme */
 @layer theme {
   .dark {
+    --color-amber-50: color-mix(
+      in oklab,
+      var(--color-amber-950) 30%,
+      transparent
+    );
     --color-amber-200: color-mix(
       in oklab,
       var(--color-amber-900) 30%,
@@ -142,12 +168,18 @@
       transparent
     );
 
+    --color-blue-50: color-mix(
+      in oklab,
+      var(--color-blue-950) 30%,
+      transparent
+    );
     --color-blue-200: color-mix(
       in oklab,
       var(--color-blue-900) 30%,
       transparent
     );
     --color-blue-700: var(--color-blue-300);
+    --color-blue-800: var(--color-blue-300);
 
     --color-cyan-200: color-mix(
       in oklab,
@@ -172,12 +204,19 @@
     );
     --color-fuchsia-700: var(--color-fuchsia-300);
 
+    --color-green-50: color-mix(
+      in oklab,
+      var(--color-green-950) 30%,
+      transparent
+    );
     --color-green-200: color-mix(
       in oklab,
       var(--color-green-900) 30%,
       transparent
     );
+    --color-green-400: var(--color-green-600);
     --color-green-700: var(--color-green-300);
+    --color-green-800: var(--color-green-300);
 
     --color-indigo-200: color-mix(
       in oklab,
@@ -256,6 +295,7 @@
       var(--color-orange-900) 30%,
       transparent
     );
+    --color-orange-600: var(--color-orange-400);
     --color-orange-700: var(--color-orange-300);
 
     --color-pink-200: color-mix(
@@ -267,6 +307,7 @@
 
     --color-primary-400: #2f276d;
     --color-primary-400-variant-1: #4f3ed0;
+    --color-primary-500: #a78bfa;
     --color-primary-500-variant-1: #abaaff;
     --color-primary-600: #abaaff;
     --color-primary-600-variant-1: #4f3ed0;
@@ -288,6 +329,7 @@
     );
     --color-purple-700: var(--color-purple-300);
 
+    --color-red-50: color-mix(in oklab, var(--color-red-950) 30%, transparent);
     --color-red-200: color-mix(in oklab, var(--color-red-900) 30%, transparent);
     --color-red-700: var(--color-red-300);
 
@@ -354,8 +396,32 @@
     --color-white-variant-4: #1b1925;
     --color-white-variant-5: #1f1f1f;
     --color-white-variant-6: #111111;
+    --color-white-variant-8: #171717;
+
+    --color-pulse-chip-neutral-active-bg: #f5f5f8;
+    --color-pulse-chip-neutral-active-text: #1f1f1f;
+
+    --color-resize-handle-grip: #9f9eaa;
+
+    --color-search-suggestion-client-bg: color-mix(
+      in oklab,
+      var(--color-primary-500-variant-1) 20%,
+      transparent
+    );
+    --color-search-suggestion-member-bg: color-mix(
+      in oklab,
+      #064e3b 30%,
+      transparent
+    );
+    --color-search-suggestion-member-text: #34d399;
 
+    --color-yellow-50: color-mix(
+      in oklab,
+      var(--color-yellow-950) 30%,
+      transparent
+    );
     --color-yellow-300: var(--color-yellow-600);
+    --color-yellow-700: var(--color-yellow-400);
   }
 }