sh-ui-cli 0.45.3 → 0.47.0

package/data/registry/react/components/form/styles.module.css

@@ -0,0 +1,47 @@
+.form {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-4, 1rem);
+}
+
+.form-section {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-4, 1rem);
+}
+
+.form-field {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-1, 0.25rem);
+}
+
+.form-field[data-disabled] {
+  opacity: 0.6;
+  pointer-events: none;
+}
+
+.form-error {
+  color: var(--color-danger, #dc2626);
+  font-size: var(--text-sm, 0.875rem);
+  margin: 0;
+  animation: sh-ui-form-error-in 150ms
+    var(--easing-out, cubic-bezier(0.16, 1, 0.3, 1));
+}
+
+@keyframes sh-ui-form-error-in {
+  from {
+    opacity: 0;
+    transform: translateY(-4px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .form-error {
+    animation-duration: 0.01ms;
+  }
+}