form-builder-pro 1.2.2 → 1.2.4

package/dist/index.css

@@ -691,12 +691,20 @@ video {
   }
 .form-builder-config-wrapper input,
   .form-builder-config-wrapper select {
-    font-size: 13px;
+    font-size: 12px;
     background-color: #fff;
+    color: #6a6a6a;
+    font-weight: 400;
+  }
+.layout-span-group{
+    border-top: 1px solid #e5e7eb;
+    border-bottom: 1px solid #e5e7eb;
+    padding: 10px;
+    margin: 15px -10px 10px;
   }
 .form-builder-config-wrapper label {
     font-size: 13px;
-    font-weight: 600;
+    font-weight: 500;
     color: #111827;
   }
 .form-row input,
@@ -1179,6 +1187,10 @@ body {
 .border-dashed {
   border-style: dashed;
 }
+.border-\[\#e7e7ff\] {
+  --tw-border-opacity: 1;
+  border-color: rgb(231 231 255 / var(--tw-border-opacity, 1));
+}
 .border-\[\#e9e9e9\] {
   --tw-border-opacity: 1;
   border-color: rgb(233 233 233 / var(--tw-border-opacity, 1));
@@ -1228,6 +1240,13 @@ body {
 .bg-\[\#847dff1a\] {
   background-color: #847dff1a;
 }
+.bg-\[\#e7e7ff\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(231 231 255 / var(--tw-bg-opacity, 1));
+}
+.bg-\[\#f7a1a14d\] {
+  background-color: #f7a1a14d;
+}
 .bg-background {
   background-color: hsl(var(--background));
 }
@@ -1242,10 +1261,6 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
 }
-.bg-blue-600 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
-}
 .bg-gray-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
@@ -1258,10 +1273,6 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
 }
-.bg-red-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
-}
 .bg-transparent {
   background-color: transparent;
 }
@@ -1290,6 +1301,10 @@ body {
 .p-\[0\.5px\] {
   padding: 0.5px;
 }
+.px-1 {
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
+}
 .px-2 {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
@@ -1322,10 +1337,6 @@ body {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
 }
-.py-2\.5 {
-  padding-top: 0.625rem;
-  padding-bottom: 0.625rem;
-}
 .py-3 {
   padding-top: 0.75rem;
   padding-bottom: 0.75rem;
@@ -1340,6 +1351,9 @@ body {
 .pb-20 {
   padding-bottom: 5rem;
 }
+.pl-\[95px\] {
+  padding-left: 95px;
+}
 .pt-2 {
   padding-top: 0.5rem;
 }
@@ -1379,6 +1393,9 @@ body {
 .font-medium {
   font-weight: 500;
 }
+.font-normal {
+  font-weight: 400;
+}
 .font-semibold {
   font-weight: 600;
 }
@@ -1398,6 +1415,10 @@ body {
   --tw-text-opacity: 1;
   color: rgb(59 73 126 / var(--tw-text-opacity, 1));
 }
+.text-\[\#635bff\] {
+  --tw-text-opacity: 1;
+  color: rgb(99 91 255 / var(--tw-text-opacity, 1));
+}
 .text-blue-600 {
   --tw-text-opacity: 1;
   color: rgb(37 99 235 / var(--tw-text-opacity, 1));
@@ -1462,11 +1483,6 @@ body {
 .opacity-50 {
   opacity: 0.5;
 }
-.shadow-\[0_17px_20px_-8px_rgba\(77\2c 91\2c 236\2c 0\.231372549\)\] {
-  --tw-shadow: 0 17px 20px -8px rgba(77,91,236,0.231372549);
-  --tw-shadow-colored: 0 17px 20px -8px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
 .shadow-none {
   --tw-shadow: 0 0 #0000;
   --tw-shadow-colored: 0 0 #0000;
@@ -1518,6 +1534,29 @@ body {
   transition-duration: 150ms;
 }
 
+/* Width */
+::-webkit-scrollbar {
+  width: 3px;
+  height: 8px;
+}
+
+/* Track */
+::-webkit-scrollbar-track {
+  background: #fff; /* dark track */
+  border-radius: 10px;
+}
+
+/* Thumb */
+::-webkit-scrollbar-thumb {
+  background: #ececec;
+  border-radius: 10px;
+}
+
+/* Hover */
+::-webkit-scrollbar-thumb:hover {
+  background: linear-gradient(180deg, #22d3ee, #60a5fa);
+}
+
 /* Form Builder Specific Styles - High Specificity */
 
 
@@ -1527,28 +1566,30 @@ input[type="checkbox"] {
   -webkit-appearance: none;
   width: 20px;
   height: 20px;
-  border: 2px solid #635bff;
+  border: 1px solid #e2e2ed;
   border-radius: 4px;
-  background-color: #f8faff;
+  background-color: #fff;
   cursor: pointer;
   min-height: 20px;
-  box-shadow: 0 17px 20px -8px rgba(77, 91, 236, 0.231372549);
+
   
 }
 
 input[type="checkbox"]:checked {
-  background-color: #635bff;
+  background-color: #fff;
   border-color: #635bff;
-  box-shadow: 0 17px 20px -8px rgba(77, 91, 236, 0.231372549);
+ 
 }
 
 input[type="checkbox"]:checked::after {
   content: "✔";
-  color: white;
+  color: #635bff;
   font-size: 11px;
   display: flex;
   align-items: center;
   justify-content: center;
+  position: relative;
+    top: 2px;
 }
 
 input[type="radio"] {
@@ -1557,16 +1598,16 @@ input[type="radio"] {
   -webkit-appearance: none;
   width: 18px;
   height: 18px;
-  border: 2px solid #635bff;
+  border: 1px solid #e7e7ff;
   border-radius: 50%;
   background-color: #fff;
   cursor: pointer;
-  box-shadow: 0 17px 20px -8px rgba(77, 91, 236, 0.231372549);
+  
 }
 
 input[type="radio"]:checked {
   border-color: #635bff;
-  box-shadow: 0 17px 20px -8px rgba(77, 91, 236, 0.231372549);
+  
 }
 
 input[type="radio"]:checked::after {
@@ -1577,7 +1618,7 @@ input[type="radio"]:checked::after {
   border-radius: 50%;
   display: block;
   margin: 2px auto;
-  box-shadow: 0 17px 20px -8px rgba(77, 91, 236, 0.231372549);
+  
 }
 
 .file\:border-0::file-selector-button {
@@ -1683,11 +1724,6 @@ input[type="radio"]:checked::after {
   background-color: rgb(1 138 141 / var(--tw-bg-opacity, 1));
 }
 
-.hover\:bg-\[\#2d3a62\]:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(45 58 98 / var(--tw-bg-opacity, 1));
-}
-
 .hover\:bg-blue-200:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(191 219 254 / var(--tw-bg-opacity, 1));
@@ -1961,6 +1997,10 @@ input[type="radio"]:checked::after {
 
 @media (min-width: 640px) {
 
+  .sm\:inline-block {
+    display: inline-block;
+  }
+
   .sm\:h-5 {
     height: 1.25rem;
   }
@@ -1998,8 +2038,12 @@ input[type="radio"]:checked::after {
 
 @media (min-width: 768px) {
 
-  .md\:w-80 {
-    width: 20rem;
+  .md\:w-\[14rem\] {
+    width: 14rem;
+  }
+
+  .md\:w-\[17rem\] {
+    width: 17rem;
   }
 
   .md\:flex-row {
@@ -2034,7 +2078,7 @@ input[type="radio"]:checked::after {
     border-top-width: 0px;
   }
 
-  .md\:p-8 {
-    padding: 2rem;
+  .md\:p-4 {
+    padding: 1rem;
   }
 }