@flexkit/studio 0.2.17 → 0.2.18

package/dist/index.css

@@ -1693,6 +1693,9 @@
   .fk\:w-80 {
     width: calc(var(--fk-spacing) * 80);
   }
+  .fk\:w-96 {
+    width: calc(var(--fk-spacing) * 96);
+  }
   .fk\:w-\[12rem\] {
     width: 12rem;
   }
@@ -2086,6 +2089,9 @@
   .fk\:grid-cols-6 {
     grid-template-columns: repeat(6, minmax(0, 1fr));
   }
+  .fk\:grid-cols-\[auto_1fr\] {
+    grid-template-columns: auto 1fr;
+  }
   .fk\:grid-cols-\[max-content_1fr\] {
     grid-template-columns: max-content 1fr;
   }
@@ -2257,6 +2263,9 @@
   .fk\:gap-x-4 {
     column-gap: calc(var(--fk-spacing) * 4);
   }
+  .fk\:gap-x-6 {
+    column-gap: calc(var(--fk-spacing) * 6);
+  }
   .fk\:gap-x-16 {
     column-gap: calc(var(--fk-spacing) * 16);
   }
@@ -2616,6 +2625,12 @@
       background-color: color-mix(in oklab, var(--fk-color-amber-500) 10%, transparent);
     }
   }
+  .fk\:bg-amber-500\/15 {
+    background-color: var(--fk-color-amber-500);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--fk-color-amber-500) 15%, transparent);
+    }
+  }
   .fk\:bg-amber-500\/20 {
     background-color: var(--fk-color-amber-500);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2700,6 +2715,12 @@
       background-color: color-mix(in oklab, var(--fk-color-emerald-500) 5%, transparent);
     }
   }
+  .fk\:bg-emerald-500\/15 {
+    background-color: var(--fk-color-emerald-500);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--fk-color-emerald-500) 15%, transparent);
+    }
+  }
   .fk\:bg-foreground {
     background-color: hsl(var(--foreground));
   }
@@ -3448,6 +3469,9 @@
   .fk\:decoration-stone-400 {
     text-decoration-color: var(--fk-color-stone-400);
   }
+  .fk\:underline-offset-2 {
+    text-underline-offset: 2px;
+  }
   .fk\:underline-offset-4 {
     text-underline-offset: 4px;
   }
@@ -6431,6 +6455,11 @@
       border-bottom-width: 1px;
     }
   }
+  .fk\:sm\:block {
+    @media (width >= 40rem) {
+      display: block;
+    }
+  }
   .fk\:sm\:hidden {
     @media (width >= 40rem) {
       display: none;