unifyedx-storybook-new 0.1.46 → 0.1.48

package/dist/unifyedx-storybook-new.css

@@ -500,6 +500,10 @@
     }
   }
 
+  .-m-1 {
+    margin: calc(var(--spacing) * -1);
+  }
+
   .m-0 {
     margin: calc(var(--spacing) * 0);
   }
@@ -536,6 +540,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 +552,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 +580,10 @@
     margin-left: calc(var(--spacing) * -4);
   }
 
+  .ml-4 {
+    margin-left: calc(var(--spacing) * 4);
+  }
+
   .block {
     display: block;
   }
@@ -668,6 +688,10 @@
     width: 70px !important;
   }
 
+  .w-1\/2 {
+    width: 50%;
+  }
+
   .w-3\/5 {
     width: 60%;
   }
@@ -728,6 +752,10 @@
     width: 100%;
   }
 
+  .max-w-\[200px\] {
+    max-width: 200px;
+  }
+
   .max-w-\[800px\] {
     max-width: 800px;
   }
@@ -744,6 +772,10 @@
     min-width: 100%;
   }
 
+  .flex-1 {
+    flex: 1;
+  }
+
   .flex-shrink-0 {
     flex-shrink: 0;
   }
@@ -788,6 +820,10 @@
     cursor: default;
   }
 
+  .cursor-grab {
+    cursor: grab;
+  }
+
   .cursor-move {
     cursor: move;
   }
@@ -1079,6 +1115,10 @@
     background-color: #fff;
   }
 
+  .bg-black {
+    background-color: var(--color-black);
+  }
+
   .bg-black\/30 {
     background-color: #0000004d;
   }
@@ -1443,6 +1483,10 @@
     opacity: .5;
   }
 
+  .opacity-60 {
+    opacity: .6;
+  }
+
   .opacity-70 {
     opacity: .7;
   }
@@ -1476,6 +1520,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 +1533,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 +1627,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 +1739,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 +1768,10 @@
     --tw-ring-color: var(--color-blue-500);
   }
 
+  .active\:cursor-grabbing:active {
+    cursor: grabbing;
+  }
+
   .disabled\:cursor-not-allowed:disabled {
     cursor: not-allowed;
   }