el-form-react
Version:
React form components and hooks powered by Zod validation
1 lines • 6.57 kB
Source Map (JSON)
{"version":3,"sources":["../src/styles.css"],"sourcesContent":["/* el-form-react essential styles */\n.el-form-field {\n width: 100%;\n padding: 0.5rem 0.75rem;\n border: 1px solid #d1d5db;\n border-radius: 0.375rem;\n font-size: 0.875rem;\n outline: none;\n transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n\n.el-form-field:focus {\n border-color: #3b82f6;\n box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);\n}\n\n.el-form-field--error {\n border-color: #ef4444;\n}\n\n.el-form-field--error:focus {\n border-color: #ef4444;\n box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.2);\n}\n\n.el-form-label {\n display: block;\n font-size: 0.875rem;\n font-weight: 500;\n color: #374151;\n margin-bottom: 0.25rem;\n}\n\n.el-form-error {\n color: #ef4444;\n font-size: 0.75rem;\n margin-top: 0.25rem;\n}\n\n.el-form-error-summary {\n padding: 1rem;\n background-color: #fef2f2;\n border: 1px solid #fecaca;\n border-radius: 0.5rem;\n margin-bottom: 1rem;\n}\n\n.el-form-error-summary h3 {\n font-size: 0.875rem;\n font-weight: 500;\n color: #991b1b;\n margin-bottom: 0.5rem;\n}\n\n.el-form-error-summary ul {\n font-size: 0.875rem;\n color: #7f1d1d;\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.el-form-error-summary li {\n display: flex;\n align-items: flex-start;\n margin-bottom: 0.25rem;\n}\n\n.el-form-button-primary {\n padding: 0.625rem 1.25rem;\n background-color: #3b82f6;\n color: white;\n border-radius: 0.375rem;\n font-size: 0.875rem;\n font-weight: 500;\n border: none;\n cursor: pointer;\n transition: background-color 0.15s ease-in-out;\n}\n\n.el-form-button-primary:hover {\n background-color: #2563eb;\n}\n\n.el-form-button-primary:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n}\n\n.el-form-button-secondary {\n padding: 0.625rem 1.25rem;\n background-color: #6b7280;\n color: white;\n border-radius: 0.375rem;\n font-size: 0.875rem;\n font-weight: 500;\n border: none;\n cursor: pointer;\n transition: background-color 0.15s ease-in-out;\n}\n\n.el-form-button-secondary:hover {\n background-color: #4b5563;\n}\n\n.el-form-grid {\n display: grid;\n gap: 1rem;\n}\n\n.el-form-grid--cols-1 {\n grid-template-columns: repeat(1, minmax(0, 1fr));\n}\n.el-form-grid--cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n.el-form-grid--cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n\n.el-form-col-span-1 {\n grid-column: span 1 / span 1;\n}\n.el-form-col-span-2 {\n grid-column: span 2 / span 2;\n}\n.el-form-col-span-3 {\n grid-column: span 3 / span 3;\n}\n\n.el-form-checkbox {\n height: 1rem;\n width: 1rem;\n border-radius: 0.25rem;\n border: 1px solid #d1d5db;\n color: #3b82f6;\n}\n\n.el-form-checkbox:focus {\n box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);\n}\n\n.el-form-textarea {\n resize: none;\n min-height: 4rem;\n}\n\n.el-form-array-container {\n margin-bottom: 0.75rem;\n}\n\n.el-form-array-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 0.75rem;\n}\n\n.el-form-array-item {\n padding: 1rem;\n border: 1px solid #e5e7eb;\n border-radius: 0.5rem;\n background-color: #f9fafb;\n margin-bottom: 1rem;\n}\n\n.el-form-array-item-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 0.75rem;\n}\n\n.el-form-array-item-title {\n font-size: 0.875rem;\n font-weight: 500;\n color: #374151;\n}\n\n.el-form-button-add {\n padding: 0.25rem 0.75rem;\n background-color: #059669;\n color: white;\n font-size: 0.75rem;\n border-radius: 0.375rem;\n border: none;\n cursor: pointer;\n transition: background-color 0.15s ease-in-out;\n}\n\n.el-form-button-add:hover {\n background-color: #047857;\n}\n\n.el-form-button-remove {\n padding: 0.25rem 0.5rem;\n background-color: #dc2626;\n color: white;\n font-size: 0.75rem;\n border-radius: 0.25rem;\n border: none;\n cursor: pointer;\n transition: background-color 0.15s ease-in-out;\n}\n\n.el-form-button-remove:hover {\n background-color: #b91c1c;\n}\n\n.el-form-empty-state {\n color: #6b7280;\n font-size: 0.875rem;\n font-style: italic;\n text-align: center;\n padding: 1rem 0;\n}\n"],"mappings":"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","names":[]}