unifyedx-storybook-new 0.1.47 → 0.1.49

package/dist/unifyedx-storybook-new.css

@@ -72,6 +72,7 @@
     --color-teal-700: oklch(51.1% .096 186.391);
     --color-blue-50: oklch(97% .014 254.604);
     --color-blue-100: oklch(93.2% .032 255.585);
+    --color-blue-200: oklch(88.2% .059 254.128);
     --color-blue-300: oklch(80.9% .105 251.813);
     --color-blue-400: oklch(70.7% .165 254.624);
     --color-blue-500: oklch(62.3% .214 259.815);
@@ -500,6 +501,10 @@
     }
   }
 
+  .-m-1 {
+    margin: calc(var(--spacing) * -1);
+  }
+
   .m-0 {
     margin: calc(var(--spacing) * 0);
   }
@@ -536,6 +541,10 @@
     margin-right: calc(var(--spacing) * 3);
   }
 
+  .mr-4 {
+    margin-right: calc(var(--spacing) * 4);
+  }
+
   .\!mb-0 {
     margin-bottom: calc(var(--spacing) * 0) !important;
   }
@@ -544,10 +553,18 @@
     margin-bottom: calc(var(--spacing) * 0);
   }
 
+  .mb-1 {
+    margin-bottom: calc(var(--spacing) * 1);
+  }
+
   .mb-2 {
     margin-bottom: calc(var(--spacing) * 2);
   }
 
+  .mb-3 {
+    margin-bottom: calc(var(--spacing) * 3);
+  }
+
   .mb-4 {
     margin-bottom: calc(var(--spacing) * 4);
   }
@@ -564,6 +581,10 @@
     margin-left: calc(var(--spacing) * -4);
   }
 
+  .ml-4 {
+    margin-left: calc(var(--spacing) * 4);
+  }
+
   .block {
     display: block;
   }
@@ -668,6 +689,10 @@
     width: 70px !important;
   }
 
+  .w-1\/2 {
+    width: 50%;
+  }
+
   .w-3\/5 {
     width: 60%;
   }
@@ -728,6 +753,10 @@
     width: 100%;
   }
 
+  .max-w-\[200px\] {
+    max-width: 200px;
+  }
+
   .max-w-\[800px\] {
     max-width: 800px;
   }
@@ -744,6 +773,10 @@
     min-width: 100%;
   }
 
+  .flex-1 {
+    flex: 1;
+  }
+
   .flex-shrink-0 {
     flex-shrink: 0;
   }
@@ -788,6 +821,10 @@
     cursor: default;
   }
 
+  .cursor-grab {
+    cursor: grab;
+  }
+
   .cursor-move {
     cursor: move;
   }
@@ -1037,6 +1074,10 @@
     border-color: var(--color-black);
   }
 
+  .border-blue-200 {
+    border-color: var(--color-blue-200);
+  }
+
   .border-gray-200 {
     border-color: var(--color-gray-200);
   }
@@ -1079,6 +1120,10 @@
     background-color: #fff;
   }
 
+  .bg-black {
+    background-color: var(--color-black);
+  }
+
   .bg-black\/30 {
     background-color: #0000004d;
   }
@@ -1089,6 +1134,10 @@
     }
   }
 
+  .bg-blue-50 {
+    background-color: var(--color-blue-50);
+  }
+
   .bg-blue-100 {
     background-color: var(--color-blue-100);
   }
@@ -1435,6 +1484,10 @@
     color: var(--color-white);
   }
 
+  .capitalize {
+    text-transform: capitalize;
+  }
+
   .opacity-0 {
     opacity: 0;
   }
@@ -1443,6 +1496,10 @@
     opacity: .5;
   }
 
+  .opacity-60 {
+    opacity: .6;
+  }
+
   .opacity-70 {
     opacity: .7;
   }
@@ -1476,6 +1533,11 @@
     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);
   }
@@ -1484,6 +1546,16 @@
     --tw-ring-color: var(--color-gray-300);
   }
 
+  .ring-gray-800\/20 {
+    --tw-ring-color: #1e293933;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .ring-gray-800\/20 {
+      --tw-ring-color: color-mix(in oklab, var(--color-gray-800) 20%, transparent);
+    }
+  }
+
   .ring-red-500 {
     --tw-ring-color: var(--color-red-500);
   }
@@ -1568,6 +1640,11 @@
     transition-timing-function: var(--ease-out);
   }
 
+  .outline-none {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+
   .select-none {
     -webkit-user-select: none;
     user-select: none;
@@ -1675,6 +1752,16 @@
     --tw-ring-color: var(--color-gray-600);
   }
 
+  .focus\:ring-gray-800\/20:focus {
+    --tw-ring-color: #1e293933;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .focus\:ring-gray-800\/20:focus {
+      --tw-ring-color: color-mix(in oklab, var(--color-gray-800) 20%, transparent);
+    }
+  }
+
   .focus\:ring-offset-2:focus {
     --tw-ring-offset-width: 2px;
     --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
@@ -1694,6 +1781,10 @@
     --tw-ring-color: var(--color-blue-500);
   }
 
+  .active\:cursor-grabbing:active {
+    cursor: grabbing;
+  }
+
   .disabled\:cursor-not-allowed:disabled {
     cursor: not-allowed;
   }