@flexkit/studio 0.0.21 → 0.0.23

package/dist/index.css

@@ -1110,6 +1110,10 @@
     width: calc(var(--fk-spacing) * 2.5);
     height: calc(var(--fk-spacing) * 2.5);
   }
+  .fk\:size-3 {
+    width: calc(var(--fk-spacing) * 3);
+    height: calc(var(--fk-spacing) * 3);
+  }
   .fk\:size-3\.5 {
     width: calc(var(--fk-spacing) * 3.5);
     height: calc(var(--fk-spacing) * 3.5);
@@ -1931,6 +1935,9 @@
   .fk\:bg-transparent {
     background-color: transparent;
   }
+  .fk\:bg-white {
+    background-color: var(--fk-color-white);
+  }
   .fk\:bg-white\! {
     background-color: var(--fk-color-white) !important;
   }
@@ -1976,6 +1983,9 @@
   .fk\:px-1 {
     padding-inline: calc(var(--fk-spacing) * 1);
   }
+  .fk\:px-1\! {
+    padding-inline: calc(var(--fk-spacing) * 1) !important;
+  }
   .fk\:px-1\.5 {
     padding-inline: calc(var(--fk-spacing) * 1.5);
   }
@@ -2659,10 +2669,10 @@
       height: calc(var(--fk-spacing) * 2.5);
     }
   }
-  .fk\:group-data-\[size\=default\]\/switch\:size-4 {
+  .fk\:group-data-\[size\=default\]\/switch\:size-3\.75 {
     &:is(:where(.fk\:group\/switch)[data-size="default"] *) {
-      width: calc(var(--fk-spacing) * 4);
-      height: calc(var(--fk-spacing) * 4);
+      width: calc(var(--fk-spacing) * 3.75);
+      height: calc(var(--fk-spacing) * 3.75);
     }
   }
   .fk\:group-data-\[size\=lg\]\/avatar\:size-3 {
@@ -3905,14 +3915,14 @@
       --tw-enter-translate-y: 2;
     }
   }
-  .fk\:data-\[size\=default\]\:h-9 {
+  .fk\:data-\[size\=default\]\:h-5 {
     &[data-size="default"] {
-      height: calc(var(--fk-spacing) * 9);
+      height: calc(var(--fk-spacing) * 5);
     }
   }
-  .fk\:data-\[size\=default\]\:h-\[1\.15rem\] {
+  .fk\:data-\[size\=default\]\:h-9 {
     &[data-size="default"] {
-      height: 1.15rem;
+      height: calc(var(--fk-spacing) * 9);
     }
   }
   .fk\:data-\[size\=default\]\:w-8 {
@@ -4106,6 +4116,11 @@
       background-color: hsl(var(--primary));
     }
   }
+  .fk\:data-\[state\=checked\]\:bg-success {
+    &[data-state="checked"] {
+      background-color: hsl(var(--success));
+    }
+  }
   .fk\:data-\[state\=checked\]\:text-primary-foreground {
     &[data-state="checked"] {
       color: hsl(var(--primary-foreground));
@@ -4278,9 +4293,9 @@
       background-color: hsl(var(--muted));
     }
   }
-  .fk\:data-\[state\=unchecked\]\:translate-x-0 {
+  .fk\:data-\[state\=unchecked\]\:translate-x-0\.25 {
     &[data-state="unchecked"] {
-      --tw-translate-x: calc(var(--fk-spacing) * 0);
+      --tw-translate-x: calc(var(--fk-spacing) * 0.25);
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
@@ -4636,6 +4651,19 @@
       }
     }
   }
+  .fk\:dark\:bg-muted {
+    &:is([style="color-scheme: dark;"] *) {
+      background-color: hsl(var(--muted));
+    }
+  }
+  .fk\:dark\:bg-white\/15 {
+    &:is([style="color-scheme: dark;"] *) {
+      background-color: var(--fk-color-white);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--fk-color-white) 15%, transparent);
+      }
+    }
+  }
   .fk\:dark\:text-background {
     &:is([style="color-scheme: dark;"] *) {
       color: hsl(var(--background));
@@ -4792,17 +4820,10 @@
       }
     }
   }
-  .fk\:dark\:data-\[state\=checked\]\:bg-primary-foreground {
+  .fk\:dark\:data-\[state\=checked\]\:bg-white {
     &:is([style="color-scheme: dark;"] *) {
       &[data-state="checked"] {
-        background-color: hsl(var(--primary-foreground));
-      }
-    }
-  }
-  .fk\:dark\:data-\[state\=unchecked\]\:bg-foreground {
-    &:is([style="color-scheme: dark;"] *) {
-      &[data-state="unchecked"] {
-        background-color: hsl(var(--foreground));
+        background-color: var(--fk-color-white);
       }
     }
   }
@@ -4816,6 +4837,13 @@
       }
     }
   }
+  .fk\:dark\:data-\[state\=unchecked\]\:bg-white {
+    &:is([style="color-scheme: dark;"] *) {
+      &[data-state="unchecked"] {
+        background-color: var(--fk-color-white);
+      }
+    }
+  }
   .fk\:dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20 {
     &:is([style="color-scheme: dark;"] *) {
       &[data-variant="destructive"] {
@@ -5260,7 +5288,9 @@ html, body {
     --link: 212 100% 48%;
     --destructive: 348 100% 38%;
     --destructive-foreground: 357 100% 96%;
-    --success: 212 100% 48%;
+    --warning: 36 100% 50%;
+    --warning-foreground: 357 100% 96%;
+    --success: 149 89% 43%;
     --success-foreground: 215 100% 91%;
     --border: 240 5.9% 90%;
     --input: 240 5.9% 90%;
@@ -5307,7 +5337,9 @@ html, body {
     --link: 212 100% 48%;
     --destructive: 357 100% 69%;
     --destructive-foreground: 0 0% 100%;
-    --success: 212 100% 48%;
+    --warning: 36 100% 50%;
+    --warning-foreground: 357 100% 96%;
+    --success: 149 89% 43%;
     --success-foreground: 215 100% 91%;
     --border: 0 0% 18%;
     --input: 240 2% 18%;