unifyedx-storybook-new 0.1.28 → 0.1.30

package/dist/unifyedx-storybook-new.css

@@ -78,11 +78,14 @@
     --color-blue-700: oklch(48.8% .243 264.376);
     --color-blue-800: oklch(42.4% .199 265.638);
     --color-blue-900: oklch(37.9% .146 265.522);
+    --color-indigo-600: oklch(51.1% .262 276.966);
     --color-purple-500: oklch(62.7% .265 303.9);
     --color-gray-50: oklch(98.5% .002 247.839);
     --color-black: #000;
     --color-white: #fff;
     --spacing: .25rem;
+    --text-xs: .75rem;
+    --text-xs--line-height: calc(1 / .75);
     --text-sm: .875rem;
     --text-sm--line-height: calc(1.25 / .875);
     --text-base: 1rem;
@@ -387,6 +390,10 @@
     position: static;
   }
 
+  .sticky {
+    position: sticky;
+  }
+
   .inset-y-0 {
     inset-block: calc(var(--spacing) * 0);
   }
@@ -411,6 +418,10 @@
     z-index: 10;
   }
 
+  .z-20 {
+    z-index: 20;
+  }
+
   .z-50 {
     z-index: 50;
   }
@@ -527,6 +538,10 @@
     max-height: calc(var(--spacing) * 60);
   }
 
+  .min-h-\[38px\] {
+    min-height: 38px;
+  }
+
   .w-3\/5 {
     width: 60%;
   }
@@ -619,6 +634,14 @@
     animation: var(--animate-pulse);
   }
 
+  .cursor-default {
+    cursor: default;
+  }
+
+  .cursor-not-allowed {
+    cursor: not-allowed;
+  }
+
   .grid-cols-3 {
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
@@ -627,6 +650,10 @@
     flex-direction: column;
   }
 
+  .flex-wrap {
+    flex-wrap: wrap;
+  }
+
   .items-center {
     align-items: center;
   }
@@ -812,6 +839,10 @@
     background-color: var(--gray200);
   }
 
+  .bg-indigo-600 {
+    background-color: var(--color-indigo-600);
+  }
+
   .bg-red-100 {
     background-color: var(--color-red-100);
   }
@@ -864,6 +895,10 @@
     padding-block: calc(var(--spacing) * 1);
   }
 
+  .py-1\.5 {
+    padding-block: calc(var(--spacing) * 1.5);
+  }
+
   .py-2 {
     padding-block: calc(var(--spacing) * 2);
   }
@@ -888,6 +923,10 @@
     padding-right: calc(var(--spacing) * 4);
   }
 
+  .pr-9 {
+    padding-right: calc(var(--spacing) * 9);
+  }
+
   .pr-10 {
     padding-right: calc(var(--spacing) * 10);
   }
@@ -923,11 +962,21 @@
     line-height: var(--tw-leading, var(--text-sm--line-height));
   }
 
+  .text-xs {
+    font-size: var(--text-xs);
+    line-height: var(--tw-leading, var(--text-xs--line-height));
+  }
+
   .leading-5 {
     --tw-leading: calc(var(--spacing) * 5);
     line-height: calc(var(--spacing) * 5);
   }
 
+  .leading-6 {
+    --tw-leading: calc(var(--spacing) * 6);
+    line-height: calc(var(--spacing) * 6);
+  }
+
   .font-medium {
     --tw-font-weight: var(--font-weight-medium);
     font-weight: var(--font-weight-medium);
@@ -955,6 +1004,10 @@
     color: var(--color-blue-700);
   }
 
+  .text-blue-800 {
+    color: var(--color-blue-800);
+  }
+
   .text-blue-900 {
     color: var(--color-blue-900);
   }
@@ -987,6 +1040,10 @@
     color: var(--color-green-500);
   }
 
+  .text-indigo-600 {
+    color: var(--color-indigo-600);
+  }
+
   .text-purple-500 {
     color: var(--color-purple-500);
   }
@@ -1039,10 +1096,27 @@
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 
+  .ring-2 {
+    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + 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);
+  }
+
   .ring-black {
     --tw-ring-color: var(--color-black);
   }
 
+  .ring-gray-300 {
+    --tw-ring-color: var(--gray300);
+  }
+
+  .ring-indigo-600 {
+    --tw-ring-color: var(--color-indigo-600);
+  }
+
+  .ring-red-500 {
+    --tw-ring-color: var(--color-red-500);
+  }
+
   .ring-white {
     --tw-ring-color: var(--color-white);
   }
@@ -1117,11 +1191,20 @@
     transition-timing-function: var(--ease-out);
   }
 
+  .outline-none {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+
   .select-none {
     -webkit-user-select: none;
     user-select: none;
   }
 
+  .ring-inset {
+    --tw-ring-inset: inset;
+  }
+
   @media (hover: hover) {
     .hover\:cursor-not-allowed:hover {
       cursor: not-allowed;
@@ -2196,7 +2279,7 @@ body {
 .filter-operator-group {
   align-items: center;
   gap: .5rem;
-  display: flex;
+  display: none;
 }
 
 .filter-label {
@@ -6158,7 +6241,9 @@ body {
 }
 
 .filter-operator-group {
-  display: flex;
+  /* hid the operator for now, if needed then make display to flex */
+  /* display: flex; */
+  display: none;
   align-items: center;
   gap: 0.5rem;
 }