@datafluxgrid/fluxgrid-css 1.0.12 → 1.0.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datafluxgrid/fluxgrid-css",
-  "version": "1.0.12",
+  "version": "1.0.14",
   "description": "A utility-first CSS framework with zero build step — dark mode, animations, forms, and a full design token system built in.",
   "main": "src/index.css",
   "files": [

package/src/css/forms.css

@@ -146,6 +146,7 @@ input[type="range"]::-moz-range-thumb {
   font-size: 0.75rem;
   border-radius: 6px;
 }
+
 .c-input-lg {
   padding: 14px 18px;
   font-size: 1rem;
@@ -155,6 +156,7 @@ input[type="range"]::-moz-range-thumb {
 .c-input-error {
   border-color: var(--c-error-500);
 }
+
 .c-input-error:focus {
   box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.15);
 }
@@ -162,6 +164,7 @@ input[type="range"]::-moz-range-thumb {
 .c-input-success {
   border-color: var(--c-success-500);
 }
+
 .c-input-success:focus {
   box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.15);
 }
@@ -249,6 +252,7 @@ input[type="range"]::-moz-range-thumb {
   font-size: 0.75rem;
   border-radius: 6px;
 }
+
 .c-select-lg {
   padding: 14px 44px 14px 18px;
   font-size: 1rem;
@@ -258,6 +262,7 @@ input[type="range"]::-moz-range-thumb {
 .c-select-error {
   border-color: var(--c-error-500);
 }
+
 .c-select-error:focus {
   box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.15);
 }
@@ -265,6 +270,7 @@ input[type="range"]::-moz-range-thumb {
 .c-select-success {
   border-color: var(--c-success-500);
 }
+
 .c-select-success:focus {
   box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.15);
 }
@@ -275,8 +281,12 @@ input[type="range"]::-moz-range-thumb {
   user-select: none;
 }
 
-.c-select-toggle {
-  display: none;
+input.c-select-toggle {
+  position: absolute;
+  opacity: 0;
+  width: 0;
+  height: 0;
+  pointer-events: none;
 }
 
 .c-select-trigger {
@@ -439,6 +449,7 @@ input[type="range"]::-moz-range-thumb {
   font-size: 0.75rem;
   border-radius: 6px;
 }
+
 .c-select-wrap-lg .c-select-trigger {
   padding: 14px 18px;
   font-size: 1rem;
@@ -448,6 +459,7 @@ input[type="range"]::-moz-range-thumb {
 .c-select-wrap-error .c-select-trigger {
   border-color: var(--c-error-500);
 }
+
 .c-select-wrap-error .c-select-toggle:checked ~ .c-select-trigger {
   box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.15);
 }
@@ -455,6 +467,7 @@ input[type="range"]::-moz-range-thumb {
 .c-select-wrap-success .c-select-trigger {
   border-color: var(--c-success-500);
 }
+
 .c-select-wrap-success .c-select-toggle:checked ~ .c-select-trigger {
   box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.15);
 }
@@ -462,9 +475,11 @@ input[type="range"]::-moz-range-thumb {
 .c-select-dropdown::-webkit-scrollbar {
   width: 4px;
 }
+
 .c-select-dropdown::-webkit-scrollbar-track {
   background: transparent;
 }
+
 .c-select-dropdown::-webkit-scrollbar-thumb {
   background: var(--c-gray-200);
   border-radius: 999px;
@@ -521,6 +536,7 @@ input[type="range"]::-moz-range-thumb {
 .c-input-group > :first-child {
   border-radius: 8px 0 0 8px;
 }
+
 .c-input-group > :last-child {
   border-radius: 0 8px 8px 0;
 }
@@ -564,6 +580,7 @@ input[type="range"]::-moz-range-thumb {
   background: var(--c-primary-600);
   color: white;
 }
+
 .c-btn-primary:hover {
   background: var(--c-primary-700);
 }
@@ -573,6 +590,7 @@ input[type="range"]::-moz-range-thumb {
   color: var(--c-gray-800);
   border-color: var(--c-gray-200);
 }
+
 .c-btn-secondary:hover {
   background: var(--c-gray-200);
 }
@@ -582,6 +600,7 @@ input[type="range"]::-moz-range-thumb {
   color: var(--c-primary-600);
   border-color: var(--c-primary-600);
 }
+
 .c-btn-outline:hover {
   background: var(--c-primary-50);
 }
@@ -590,6 +609,7 @@ input[type="range"]::-moz-range-thumb {
   background: transparent;
   color: var(--c-gray-700);
 }
+
 .c-btn-ghost:hover {
   background: var(--c-gray-100);
 }
@@ -598,6 +618,7 @@ input[type="range"]::-moz-range-thumb {
   background: var(--c-error-600);
   color: white;
 }
+
 .c-btn-danger:hover {
   background: var(--c-error-700);
 }
@@ -606,6 +627,7 @@ input[type="range"]::-moz-range-thumb {
   background: var(--c-success-600);
   color: white;
 }
+
 .c-btn-success:hover {
   background: var(--c-success-700);
 }
@@ -615,28 +637,34 @@ input[type="range"]::-moz-range-thumb {
   font-size: 0.7rem;
   border-radius: 6px;
 }
+
 .c-btn-sm {
   padding: 6px 14px;
   font-size: 0.8rem;
   border-radius: 6px;
 }
+
 .c-btn-lg {
   padding: 14px 28px;
   font-size: 1rem;
   border-radius: 10px;
 }
+
 .c-btn-xl {
   padding: 18px 36px;
   font-size: 1.1rem;
   border-radius: 12px;
 }
+
 .c-btn-full {
   width: 100%;
 }
+
 .c-btn-icon {
   padding: 10px;
   border-radius: 8px;
 }
+
 .c-btn-icon-sm {
   padding: 6px;
   border-radius: 6px;

package/src/css/grid.css

@@ -147,6 +147,18 @@
 .c-inline-flex {
   display: inline-flex;
 }
+.c-flex-row {
+  flex-direction: row;
+}
+.c-flex-col {
+  flex-direction: column;
+}
+.c-flex-row-reverse {
+  flex-direction: row-reverse;
+}
+.c-flex-col-reverse {
+  flex-direction: column-reverse;
+}
 .c-flex-wrap {
   flex-wrap: wrap;
 }