@run-ai-dev/styles 1.0.7 → 1.0.8

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@run-ai-dev/styles",
-    "version": "1.0.7",
+    "version": "1.0.8",
     "type": "module",
     "sideEffects": true,
     "main": "./src/index.css",

package/src/index.css

@@ -11,7 +11,10 @@
     --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
       "Courier New", monospace;
     --color-red-600: oklch(57.7% 0.245 27.325);
+    --color-orange-100: oklch(95.4% 0.038 75.164);
+    --color-blue-100: oklch(93.2% 0.032 255.585);
     --color-gray-200: oklch(92.8% 0.006 264.531);
+    --color-gray-400: oklch(70.7% 0.022 261.325);
     --color-gray-500: oklch(55.1% 0.027 264.364);
     --color-black: #000;
     --color-white: #fff;
@@ -34,6 +37,7 @@
     --font-weight-normal: 400;
     --font-weight-medium: 500;
     --font-weight-semibold: 600;
+    --font-weight-bold: 700;
     --leading-tight: 1.25;
     --radius-sm: 0.25rem;
     --radius-md: 0.375rem;
@@ -90,6 +94,7 @@
     --color-light-sand: #fdf8e8;
     --color-pale-blue: #eeefff;
     --color-cloudy-white: #dae1e5;
+    --color-vivid-blue: #2197ff;
     --text-10: 10px;
     --text-28: 28px;
     --leading-28: 36px;
@@ -97,8 +102,15 @@
     --text-40: 40px;
     --leading-40: 50px;
     --radius-20: 20px;
-    --background-image-gradient-dark: linear-gradient(180deg, rgba(15, 23, 29, 0) 0%, #0f171d 100%);
-    --background-image-gradient-light: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
+    --background-image-gradient-dark: linear-gradient(180deg,
+        rgba(15, 23, 29, 0) 0%,
+        #0f171d 100%);
+    --background-image-gradient-light: linear-gradient(180deg,
+        rgba(255, 255, 255, 0) 0%,
+        #ffffff 100%);
+    --background-image-gradient-vivid-blue: radial-gradient(ellipse at center,
+        var(--color-vivid-blue),
+        transparent 60%);
   }
 }
 
@@ -386,8 +398,8 @@
     top: calc(var(--spacing) * -2.5);
   }
 
-  .-top-3 {
-    top: calc(var(--spacing) * -3);
+  .-top-7\.5 {
+    top: calc(var(--spacing) * -7.5);
   }
 
   .-top-8\.5 {
@@ -398,14 +410,6 @@
     top: calc(var(--spacing) * -11);
   }
 
-  .-top-14\.5 {
-    top: calc(var(--spacing) * -14.5);
-  }
-
-  .-top-20 {
-    top: calc(var(--spacing) * -20);
-  }
-
   .-top-27\.5 {
     top: calc(var(--spacing) * -27.5);
   }
@@ -414,14 +418,6 @@
     top: calc(var(--spacing) * -30);
   }
 
-  .-top-40 {
-    top: calc(var(--spacing) * -40);
-  }
-
-  .-top-50 {
-    top: calc(var(--spacing) * -50);
-  }
-
   .-top-117\.5 {
     top: calc(var(--spacing) * -117.5);
   }
@@ -578,6 +574,10 @@
     left: calc(var(--spacing) * -2);
   }
 
+  .-left-16\.25 {
+    left: calc(var(--spacing) * -16.25);
+  }
+
   .-left-19 {
     left: calc(var(--spacing) * -19);
   }
@@ -758,6 +758,10 @@
     margin-right: calc(var(--spacing) * 2.5);
   }
 
+  .mr-3\.5 {
+    margin-right: calc(var(--spacing) * 3.5);
+  }
+
   .mb-1 {
     margin-bottom: calc(var(--spacing) * 1);
   }
@@ -911,6 +915,10 @@
     height: calc(var(--spacing) * 10.5);
   }
 
+  .h-11 {
+    height: calc(var(--spacing) * 11);
+  }
+
   .h-12 {
     height: calc(var(--spacing) * 12);
   }
@@ -931,6 +939,10 @@
     height: calc(var(--spacing) * 30);
   }
 
+  .h-32\.5 {
+    height: calc(var(--spacing) * 32.5);
+  }
+
   .h-40 {
     height: calc(var(--spacing) * 40);
   }
@@ -1019,6 +1031,10 @@
     width: calc(var(--spacing) * 10.5);
   }
 
+  .w-11 {
+    width: calc(var(--spacing) * 11);
+  }
+
   .w-12 {
     width: calc(var(--spacing) * 12);
   }
@@ -1031,6 +1047,10 @@
     width: calc(var(--spacing) * 15);
   }
 
+  .w-16 {
+    width: calc(var(--spacing) * 16);
+  }
+
   .w-19 {
     width: calc(var(--spacing) * 19);
   }
@@ -1055,6 +1075,10 @@
     width: calc(var(--spacing) * 55);
   }
 
+  .w-57\.5 {
+    width: calc(var(--spacing) * 57.5);
+  }
+
   .w-63 {
     width: calc(var(--spacing) * 63);
   }
@@ -1144,6 +1168,10 @@
     max-width: calc(var(--spacing) * 245);
   }
 
+  .max-w-300 {
+    max-width: calc(var(--spacing) * 300);
+  }
+
   .max-w-\[70\%\] {
     max-width: 70%;
   }
@@ -1212,6 +1240,10 @@
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
 
+  .rotate-\[-8\.4deg\] {
+    rotate: -8.4deg;
+  }
+
   .transform {
     transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
   }
@@ -1622,6 +1654,10 @@
     background-color: var(--color-black);
   }
 
+  .bg-blue-100 {
+    background-color: var(--color-blue-100);
+  }
+
   .bg-charcoal-blue {
     background-color: var(--color-charcoal-blue);
   }
@@ -1674,6 +1710,10 @@
     background-color: var(--color-jetblack);
   }
 
+  .bg-orange-100 {
+    background-color: var(--color-orange-100);
+  }
+
   .bg-pomegranate {
     background-color: var(--color-pomegranate);
   }
@@ -1715,6 +1755,10 @@
     background-image: var(--background-image-gradient-dark);
   }
 
+  .bg-gradient-vivid-blue {
+    background-image: var(--background-image-gradient-vivid-blue);
+  }
+
   .from-white\/10 {
     --tw-gradient-from: color-mix(in srgb, #fff 10%, transparent);
 
@@ -2086,6 +2130,11 @@
     line-height: var(--leading-tight);
   }
 
+  .font-bold {
+    --tw-font-weight: var(--font-weight-bold);
+    font-weight: var(--font-weight-bold);
+  }
+
   .font-light {
     --tw-font-weight: var(--font-weight-light);
     font-weight: var(--font-weight-light);
@@ -2150,6 +2199,10 @@
     color: var(--color-dark-gray);
   }
 
+  .text-gray-400 {
+    color: var(--color-gray-400);
+  }
+
   .text-light-gray {
     color: var(--color-light-gray);
   }
@@ -2190,6 +2243,10 @@
     opacity: 0%;
   }
 
+  .opacity-10 {
+    opacity: 10%;
+  }
+
   .shadow-elevated {
     --tw-shadow: 0px 6px 30px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.08));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -2243,6 +2300,12 @@
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
 
+  .transition-shadow {
+    transition-property: box-shadow;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+
   .delay-\[0\.5s\] {
     transition-delay: 0.5s;
   }
@@ -2297,6 +2360,22 @@
     column-fill: balance;
   }
 
+  .group-hover\:pointer-events-auto {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        pointer-events: auto;
+      }
+    }
+  }
+
+  .group-hover\:pointer-events-none {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        pointer-events: none;
+      }
+    }
+  }
+
   .group-hover\:visible {
     &:is(:where(.group):hover *) {
       @media (hover: hover) {
@@ -2305,6 +2384,25 @@
     }
   }
 
+  .group-hover\:-left-15 {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        left: calc(var(--spacing) * -15);
+      }
+    }
+  }
+
+  .group-hover\:scale-0 {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        --tw-scale-x: 0%;
+        --tw-scale-y: 0%;
+        --tw-scale-z: 0%;
+        scale: var(--tw-scale-x) var(--tw-scale-y);
+      }
+    }
+  }
+
   .group-hover\:scale-110 {
     &:is(:where(.group):hover *) {
       @media (hover: hover) {
@@ -2324,6 +2422,22 @@
     }
   }
 
+  .group-hover\:opacity-0 {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        opacity: 0%;
+      }
+    }
+  }
+
+  .group-hover\:opacity-50 {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        opacity: 50%;
+      }
+    }
+  }
+
   .group-hover\:opacity-100 {
     &:is(:where(.group):hover *) {
       @media (hover: hover) {
@@ -2882,6 +2996,12 @@
     }
   }
 
+  .md\:max-w-307\.5 {
+    @media (width >=48rem) {
+      max-width: calc(var(--spacing) * 307.5);
+    }
+  }
+
   .md\:min-w-190 {
     @media (width >=48rem) {
       min-width: calc(var(--spacing) * 190);