form-builder-pro 1.4.1 → 1.4.2

package/dist/index.css

@@ -530,6 +530,36 @@ video {
 
     --radius: 0.5rem;
   }
+
+  .dark {
+    --background: 222.2 84% 4.9%;
+    --foreground: 210 40% 98%;
+
+    --card: 222.2 84% 4.9%;
+    --card-foreground: 210 40% 98%;
+
+    --popover: 222.2 84% 4.9%;
+    --popover-foreground: 210 40% 98%;
+
+    --primary: 210 40% 98%;
+    --primary-foreground: 222.2 47.4% 11.2%;
+
+    --secondary: 019FA2;
+    --secondary-foreground: 210 40% 98%;
+
+    --muted: 217.2 32.6% 17.5%;
+    --muted-foreground: 215 20.2% 65.1%;
+
+    --accent: 217.2 32.6% 17.5%;
+    --accent-foreground: 210 40% 98%;
+
+    --destructive: 0 62.8% 30.6%;
+    --destructive-foreground: 210 40% 98%;
+
+    --border: 217.2 32.6% 17.5%;
+    --input: 217.2 32.6% 17.5%;
+    --ring: 212.7 26.8% 83.9%;
+  }
   * {
   border-color: hsl(var(--border));
 }
@@ -740,9 +770,15 @@ body {
   }
 /* ===== WIDTH SLIDER STYLES ===== */
 /* Custom range slider styling */
+.dark .width-slider {
+    background: linear-gradient(to right, #019FA2 0%, #019FA2 var(--slider-progress, 50%), #374151 var(--slider-progress, 50%), #374151 100%);
+  }
 /* Slider thumb (WebKit - Chrome, Safari, Edge) */
 /* Slider thumb (Firefox) */
 /* Slider track (Firefox) */
+.dark .width-slider::-moz-range-track {
+    background: #374151;
+  }
 /* Width value badge animation */
 /* Preset buttons */
 /* Breakpoint markers */
@@ -843,6 +879,9 @@ body {
 .visible {
   visibility: visible;
 }
+.collapse {
+  visibility: collapse;
+}
 .static {
   position: static;
 }
@@ -1057,6 +1096,9 @@ body {
 .flex-shrink-0 {
   flex-shrink: 0;
 }
+.transform {
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .cursor-move {
   cursor: move;
 }
@@ -1071,9 +1113,6 @@ body {
      -moz-user-select: none;
           user-select: none;
 }
-.resize-none {
-  resize: none;
-}
 .resize-y {
   resize: vertical;
 }
@@ -1584,6 +1623,9 @@ body {
   --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
+.outline {
+  outline-style: solid;
+}
 .ring-2 {
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);