@run-ai-dev/styles 1.0.8 → 1.0.10

package/package.json

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

package/src/index.css

@@ -12,8 +12,9 @@
       "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-blue-500: oklch(62.3% 0.214 259.815);
     --color-gray-200: oklch(92.8% 0.006 264.531);
+    --color-gray-300: oklch(87.2% 0.01 258.338);
     --color-gray-400: oklch(70.7% 0.022 261.325);
     --color-gray-500: oklch(55.1% 0.027 264.364);
     --color-black: #000;
@@ -855,10 +856,18 @@
     display: inline-block;
   }
 
+  .inline-flex {
+    display: inline-flex;
+  }
+
   .table {
     display: table;
   }
 
+  .\[field-sizing\:content\] {
+    field-sizing: content;
+  }
+
   .\!h-full {
     height: 100% !important;
   }
@@ -887,6 +896,10 @@
     height: calc(var(--spacing) * 4);
   }
 
+  .h-4\.5 {
+    height: calc(var(--spacing) * 4.5);
+  }
+
   .h-5 {
     height: calc(var(--spacing) * 5);
   }
@@ -967,6 +980,10 @@
     height: 100vh;
   }
 
+  .max-h-25 {
+    max-height: calc(var(--spacing) * 25);
+  }
+
   .max-h-50 {
     max-height: calc(var(--spacing) * 50);
   }
@@ -987,6 +1004,18 @@
     min-height: 100vh;
   }
 
+  .w-1\/4 {
+    width: calc(1/4 * 100%);
+  }
+
+  .w-1\/5 {
+    width: calc(1/5 * 100%);
+  }
+
+  .w-1\/6 {
+    width: calc(1/6 * 100%);
+  }
+
   .w-2 {
     width: calc(var(--spacing) * 2);
   }
@@ -1003,6 +1032,10 @@
     width: calc(var(--spacing) * 4);
   }
 
+  .w-4\.5 {
+    width: calc(var(--spacing) * 4.5);
+  }
+
   .w-5 {
     width: calc(var(--spacing) * 5);
   }
@@ -1055,6 +1088,10 @@
     width: calc(var(--spacing) * 19);
   }
 
+  .w-20 {
+    width: calc(var(--spacing) * 20);
+  }
+
   .w-30 {
     width: calc(var(--spacing) * 30);
   }
@@ -1071,6 +1108,14 @@
     width: calc(var(--spacing) * 45);
   }
 
+  .w-48 {
+    width: calc(var(--spacing) * 48);
+  }
+
+  .w-50 {
+    width: calc(var(--spacing) * 50);
+  }
+
   .w-55 {
     width: calc(var(--spacing) * 55);
   }
@@ -1148,6 +1193,10 @@
     max-width: calc(var(--spacing) * 129);
   }
 
+  .max-w-140 {
+    max-width: calc(var(--spacing) * 140);
+  }
+
   .max-w-175 {
     max-width: calc(var(--spacing) * 175);
   }
@@ -1196,6 +1245,18 @@
     min-width: calc(var(--spacing) * 40);
   }
 
+  .min-w-45 {
+    min-width: calc(var(--spacing) * 45);
+  }
+
+  .min-w-50 {
+    min-width: calc(var(--spacing) * 50);
+  }
+
+  .min-w-55 {
+    min-width: calc(var(--spacing) * 55);
+  }
+
   .min-w-65 {
     min-width: calc(var(--spacing) * 65);
   }
@@ -1225,6 +1286,10 @@
     flex-grow: 1;
   }
 
+  .border-collapse {
+    border-collapse: collapse;
+  }
+
   .-translate-x-1\/2 {
     --tw-translate-x: calc(calc(1/2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1408,6 +1473,22 @@
     row-gap: calc(var(--spacing) * 10);
   }
 
+  .divide-y {
+    :where(& > :not(:last-child)) {
+      --tw-divide-y-reverse: 0;
+      border-bottom-style: var(--tw-border-style);
+      border-top-style: var(--tw-border-style);
+      border-top-width: calc(1px * var(--tw-divide-y-reverse));
+      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
+    }
+  }
+
+  .divide-charcoal-gray {
+    :where(& > :not(:last-child)) {
+      border-color: var(--color-charcoal-gray);
+    }
+  }
+
   .truncate {
     overflow: hidden;
     text-overflow: ellipsis;
@@ -1426,6 +1507,10 @@
     overflow: visible;
   }
 
+  .overflow-x-auto {
+    overflow-x: auto;
+  }
+
   .overflow-x-hidden {
     overflow-x: hidden;
   }
@@ -1491,6 +1576,14 @@
     border-top-left-radius: var(--radius-4xl);
   }
 
+  .rounded-tl-lg {
+    border-top-left-radius: var(--radius-lg);
+  }
+
+  .rounded-tr-lg {
+    border-top-right-radius: var(--radius-lg);
+  }
+
   .rounded-b-xl {
     border-bottom-right-radius: var(--radius-xl);
     border-bottom-left-radius: var(--radius-xl);
@@ -1642,6 +1735,10 @@
     background-color: transparent !important;
   }
 
+  .bg-\[\#4ade80\] {
+    background-color: #4ade80;
+  }
+
   .bg-\[\#ffffffcc\] {
     background-color: #ffffffcc;
   }
@@ -1654,10 +1751,6 @@
     background-color: var(--color-black);
   }
 
-  .bg-blue-100 {
-    background-color: var(--color-blue-100);
-  }
-
   .bg-charcoal-blue {
     background-color: var(--color-charcoal-blue);
   }
@@ -1800,6 +1893,10 @@
     padding: calc(var(--spacing) * 1);
   }
 
+  .p-1\.5 {
+    padding: calc(var(--spacing) * 1.5);
+  }
+
   .p-2 {
     padding: calc(var(--spacing) * 2);
   }
@@ -1912,6 +2009,14 @@
     padding-block: calc(var(--spacing) * 6);
   }
 
+  .py-8 {
+    padding-block: calc(var(--spacing) * 8);
+  }
+
+  .py-10 {
+    padding-block: calc(var(--spacing) * 10);
+  }
+
   .py-20 {
     padding-block: calc(var(--spacing) * 20);
   }
@@ -1968,10 +2073,22 @@
     padding-right: calc(var(--spacing) * 6);
   }
 
+  .pr-7 {
+    padding-right: calc(var(--spacing) * 7);
+  }
+
   .pr-7\.5 {
     padding-right: calc(var(--spacing) * 7.5);
   }
 
+  .pr-9 {
+    padding-right: calc(var(--spacing) * 9);
+  }
+
+  .pr-9\.5 {
+    padding-right: calc(var(--spacing) * 9.5);
+  }
+
   .pr-10 {
     padding-right: calc(var(--spacing) * 10);
   }
@@ -2199,10 +2316,18 @@
     color: var(--color-dark-gray);
   }
 
+  .text-gray-300 {
+    color: var(--color-gray-300);
+  }
+
   .text-gray-400 {
     color: var(--color-gray-400);
   }
 
+  .text-gray-500 {
+    color: var(--color-gray-500);
+  }
+
   .text-light-gray {
     color: var(--color-light-gray);
   }
@@ -2231,6 +2356,10 @@
     color: var(--color-white-c);
   }
 
+  .uppercase {
+    text-transform: uppercase;
+  }
+
   .not-italic {
     font-style: normal;
   }
@@ -2262,6 +2391,11 @@
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 
+  .shadow-sm {
+    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+
   .shadow-soft-light {
     --tw-shadow: 0px 4px 20px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -2272,6 +2406,11 @@
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 
+  .shadow-table-dark {
+    --tw-shadow: 0px 0px 15px var(--tw-shadow-color, rgba(42, 62, 73, 1));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+
   .backdrop-blur-lg {
     --tw-backdrop-blur: blur(var(--blur-lg));
     backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
@@ -2918,6 +3057,14 @@
     }
   }
 
+  .hover\:text-blue-500 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-blue-500);
+      }
+    }
+  }
+
   .hover\:text-dark {
     &:hover {
       @media (hover: hover) {
@@ -2972,6 +3119,27 @@
     }
   }
 
+  .focus\:ring-1 {
+    &:focus {
+      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+
+  .focus\:outline-none {
+    &:focus {
+      --tw-outline-style: none;
+      outline-style: none;
+    }
+  }
+
+  .sm\:text-sm {
+    @media (width >=40rem) {
+      font-size: var(--text-sm);
+      line-height: var(--tw-leading, var(--text-sm--line-height));
+    }
+  }
+
   .md\:mt-\[9vh\] {
     @media (width >=48rem) {
       margin-top: 9vh;
@@ -3147,9 +3315,15 @@
     }
   }
 
-  .lg\:min-h-17 {
+  .lg\:min-h-12 {
+    @media (min-width:1025px) {
+      min-height: calc(var(--spacing) * 12);
+    }
+  }
+
+  .lg\:min-h-13 {
     @media (min-width:1025px) {
-      min-height: calc(var(--spacing) * 17);
+      min-height: calc(var(--spacing) * 13);
     }
   }
 
@@ -4505,6 +4679,12 @@
   initial-value: 0;
 }
 
+@property --tw-divide-y-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+
 @property --tw-border-style {
   syntax: "*";
   inherits: false;
@@ -4746,6 +4926,7 @@
       --tw-skew-x: initial;
       --tw-skew-y: initial;
       --tw-space-y-reverse: 0;
+      --tw-divide-y-reverse: 0;
       --tw-border-style: solid;
       --tw-gradient-position: initial;
       --tw-gradient-from: #0000;