@nextlyhq/plugin-form-builder 0.0.2-alpha.32 → 0.0.2-alpha.34
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/admin/index.css +28 -871
- package/dist/admin/index.css.map +1 -1
- package/dist/admin/index.js +226 -245
- package/dist/admin/index.js.map +1 -1
- package/dist/{chunk-ABNZFTQK.js → chunk-2LLUO3TV.js} +100 -139
- package/dist/chunk-2LLUO3TV.js.map +1 -0
- package/dist/components/index.js +1 -1
- package/dist/index.js +5 -2
- package/dist/index.js.map +1 -1
- package/dist/styles/form-builder.css +40 -1062
- package/dist/styles/submissions-filter.css +19 -20
- package/package.json +16 -13
- package/dist/chunk-ABNZFTQK.js.map +0 -1
package/dist/admin/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/styles/form-builder.css"],"sourcesContent":["/**\n * Form Builder Styles\n *\n * Styles for the visual drag-and-drop form builder UI.\n * Layout is now driven by Tailwind utility classes in:\n * - FormBuilderView.tsx (page layout, header, sidebar shell, main tabs)\n * - FieldLibrary.tsx (accordion palette)\n * - FormCanvas.tsx (field rows, empty state)\n *\n * This file retains only:\n * 1. CSS custom properties + dark mode overrides\n * 2. FieldEditor component styles (.field-editor-*)\n * 3. FormSettingsTab component styles (.form-settings-*)\n * 4. FormNotificationsTab component styles (.form-notifications-*, .form-notification-*)\n * 5. Integration modal / card styles (.form-integration-*)\n *\n * @module styles/form-builder\n * @since 0.1.0\n */\n\n/* ============================================================================\n CSS Custom Properties\n ============================================================================ */\n\n.form-builder-view {\n --fb-primary: hsl(var(--primary));\n --fb-primary-hover: hsl(var(--primary) / 0.9);\n --fb-primary-light: hsl(var(--primary) / 0.1);\n --fb-danger: #ef4444;\n --fb-danger-hover: #dc2626;\n --fb-success: #22c55e;\n --fb-warning: #f59e0b;\n\n --fb-bg: #ffffff;\n --fb-bg-muted: #f8fafc;\n --fb-bg-hover: #f1f5f9;\n --fb-border: #e2e8f0;\n --fb-border-focus: hsl(var(--primary));\n\n --fb-text: #1e293b;\n --fb-text-muted: #64748b;\n --fb-text-light: #94a3b8;\n\n --fb-radius-sm: 0.375rem; /* 6px */\n --fb-radius-md: 0.375rem; /* 6px */\n --fb-radius-lg: 0.375rem; /* 6px */\n\n --fb-shadow: none;\n --fb-shadow-md: none;\n --fb-shadow-lg: none;\n}\n\n/* ============================================================================\n Dark Mode Overrides\n ============================================================================ */\n\n.dark .form-builder-view,\n[data-theme=\"dark\"] .form-builder-view {\n --fb-bg: hsl(222.2, 47.4%, 11.2%);\n --fb-bg-muted: hsl(217.2, 32.6%, 17.5%);\n --fb-bg-hover: hsl(215.4, 16.3%, 25.9%);\n --fb-border: hsl(217.2, 32.6%, 17.5%);\n\n --fb-text: hsl(210, 40%, 98%);\n --fb-text-muted: hsl(215, 20.2%, 65.1%);\n --fb-text-light: hsl(215.3, 25%, 36.7%);\n}\n\n/* ============================================================================\n Field Editor (Right Panel)\n ============================================================================ */\n\n.field-editor {\n padding: 16px;\n}\n\n.field-editor-header {\n margin-bottom: 20px;\n}\n\n.field-editor-title {\n font-size: 0.875rem;\n font-weight: 600;\n color: var(--fb-text);\n margin: 0 0 4px 0;\n display: flex;\n align-items: center;\n gap: 8px;\n}\n\n.field-editor-type-badge {\n font-size: 0.75rem;\n font-weight: 500;\n color: var(--fb-primary);\n background: var(--fb-primary-light);\n padding: 2px 8px;\n border-radius: 9999px;\n}\n\n.field-editor-actions {\n display: flex;\n gap: 8px;\n margin-top: 12px;\n}\n\n.field-editor-action-btn {\n display: flex;\n align-items: center;\n gap: 6px;\n padding: 6px 12px;\n font-size: 0.75rem;\n font-weight: 500;\n border: 1px solid var(--fb-border);\n border-radius: var(--fb-radius-sm);\n background: var(--fb-bg);\n cursor: pointer;\n transition: all 0.15s ease;\n color: var(--fb-text-muted);\n}\n\n.field-editor-action-btn:hover {\n border-color: var(--fb-text-light);\n color: var(--fb-text);\n}\n\n.field-editor-action-btn--danger:hover {\n border-color: var(--fb-danger);\n color: var(--fb-danger);\n background: #fef2f2;\n}\n\n.field-editor-section {\n margin-bottom: 20px;\n}\n\n.field-editor-section-title {\n font-size: 0.75rem;\n font-weight: 600;\n color: var(--fb-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.05em;\n margin: 0 0 12px 0;\n}\n\n.field-editor-row {\n margin-bottom: 14px;\n}\n\n.field-editor-row:last-child {\n margin-bottom: 0;\n}\n\n.field-editor-row--checkbox {\n display: flex;\n align-items: center;\n}\n\n.field-editor-field {\n margin-bottom: 16px;\n}\n\n.field-editor-field:last-child {\n margin-bottom: 0;\n}\n\n.field-editor-label {\n display: block;\n font-size: 0.8125rem;\n font-weight: 500;\n color: var(--fb-text);\n margin-bottom: 6px;\n}\n\n.field-editor-input {\n width: 100%;\n padding: 8px 12px;\n font-size: 0.875rem;\n color: var(--fb-text);\n background: var(--fb-bg);\n border: 1px solid var(--fb-border);\n border-radius: var(--fb-radius-sm);\n transition: all 0.15s ease;\n}\n\n.field-editor-input:focus {\n outline: none;\n border-color: var(--fb-border-focus);\n}\n\n.field-editor-input::placeholder {\n color: var(--fb-text-light);\n}\n\n.field-editor-input--small {\n width: 120px;\n}\n\n.field-editor-textarea {\n min-height: 80px;\n resize: vertical;\n}\n\n.field-editor-select {\n width: 100%;\n padding: 8px 12px;\n font-size: 0.875rem;\n color: var(--fb-text);\n background: var(--fb-bg);\n border: 1px solid var(--fb-border);\n border-radius: var(--fb-radius-sm);\n transition: all 0.15s ease;\n cursor: pointer;\n}\n\n.field-editor-select:focus {\n outline: none;\n border-color: var(--fb-border-focus);\n}\n\n.field-editor-checkbox-row {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n\n.field-editor-checkbox {\n width: 16px;\n height: 16px;\n accent-color: var(--fb-primary);\n}\n\n.field-editor-checkbox-label {\n display: flex;\n align-items: center;\n gap: 8px;\n cursor: pointer;\n font-size: 0.8125rem;\n color: var(--fb-text);\n}\n\n.field-editor-help {\n display: block;\n font-size: 0.6875rem;\n color: var(--fb-text-muted);\n margin-top: 4px;\n}\n\n.field-editor-warning {\n display: block;\n font-size: 0.6875rem;\n color: var(--fb-warning);\n margin-top: 4px;\n}\n\n.field-editor-info {\n padding: 10px 14px;\n background: var(--fb-bg-muted);\n border-radius: var(--fb-radius-sm);\n font-size: 0.8125rem;\n color: var(--fb-text-muted);\n}\n\n.field-editor-options {\n margin-bottom: 14px;\n}\n\n.field-editor-options-empty {\n padding: 12px;\n background: var(--fb-bg-muted);\n border-radius: var(--fb-radius-sm);\n font-size: 0.8125rem;\n color: var(--fb-text-muted);\n text-align: center;\n margin-bottom: 8px;\n}\n\n.field-editor-options-list {\n display: flex;\n flex-direction: column;\n gap: 6px;\n margin-bottom: 8px;\n}\n\n.field-editor-option-row {\n display: flex;\n align-items: center;\n gap: 6px;\n}\n\n.field-editor-option-remove {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 24px;\n height: 24px;\n background: none;\n border: 1px solid var(--fb-border);\n border-radius: var(--fb-radius-sm);\n cursor: pointer;\n font-size: 1rem;\n color: var(--fb-text-muted);\n transition: all 0.15s ease;\n flex-shrink: 0;\n}\n\n.field-editor-option-remove:hover {\n color: var(--fb-danger);\n border-color: var(--fb-danger);\n background: #fef2f2;\n}\n\n.field-editor-add-option-btn {\n padding: 6px 12px;\n font-size: 0.75rem;\n font-weight: 500;\n color: var(--fb-primary);\n background: var(--fb-primary-light);\n border: 1px dashed var(--fb-primary);\n border-radius: var(--fb-radius-sm);\n cursor: pointer;\n transition: all 0.15s ease;\n width: 100%;\n}\n\n.field-editor-add-option-btn:hover {\n background: #dbeafe;\n}\n\n.field-editor-tabs {\n display: flex;\n gap: 0;\n background: var(--fb-bg-muted);\n border-radius: var(--fb-radius-sm);\n padding: 3px;\n margin-bottom: 16px;\n}\n\n.field-editor-tab {\n flex: 1;\n padding: 5px 10px;\n font-size: 0.75rem;\n font-weight: 500;\n color: var(--fb-text-muted);\n background: transparent;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n transition: all 0.15s ease;\n}\n\n.field-editor-tab--active {\n color: var(--fb-text);\n background: var(--fb-bg);\n}\n\n.field-editor-footer {\n display: flex;\n gap: 8px;\n margin-top: 20px;\n padding-top: 16px;\n border-top: 1px solid var(--fb-border);\n}\n\n.field-editor-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 6px;\n padding: 7px 14px;\n font-size: 0.8125rem;\n font-weight: 500;\n border-radius: var(--fb-radius-sm);\n cursor: pointer;\n transition: all 0.15s ease;\n border: 1px solid var(--fb-border);\n background: var(--fb-bg);\n color: var(--fb-text-muted);\n}\n\n.field-editor-btn:hover {\n color: var(--fb-text);\n border-color: var(--fb-text-light);\n}\n\n.field-editor-btn--secondary {\n color: var(--fb-text-muted);\n}\n\n.field-editor-btn--danger {\n color: var(--fb-danger);\n border-color: #fecaca;\n background: #fef2f2;\n}\n\n.field-editor-btn--danger:hover {\n background: #fee2e2;\n border-color: var(--fb-danger);\n}\n\n/* ============================================================================\n Form Settings Tab\n ============================================================================ */\n\n.form-settings-tab {\n max-width: 640px;\n}\n\n.form-settings-section {\n margin-bottom: 32px;\n padding-bottom: 24px;\n border-bottom: 1px solid var(--fb-border);\n}\n\n.form-settings-section:last-child {\n margin-bottom: 0;\n padding-bottom: 0;\n border-bottom: none;\n}\n\n.form-settings-section-title {\n font-size: 1rem;\n font-weight: 600;\n color: var(--fb-text);\n margin: 0 0 16px 0;\n}\n\n.form-settings-field {\n margin-bottom: 16px;\n}\n\n.form-settings-field:last-child {\n margin-bottom: 0;\n}\n\n.form-settings-field--checkbox {\n margin-bottom: 12px;\n}\n\n.form-settings-label {\n display: block;\n font-size: 0.875rem;\n font-weight: 500;\n color: var(--fb-text);\n margin-bottom: 6px;\n}\n\n.form-settings-input,\n.form-settings-textarea {\n width: 100%;\n padding: 10px 14px;\n font-size: 0.875rem;\n color: var(--fb-text);\n background: var(--fb-bg);\n border: 1px solid var(--fb-border);\n border-radius: var(--fb-radius-md);\n transition: all 0.15s ease;\n}\n\n.form-settings-input:focus,\n.form-settings-textarea:focus {\n outline: none;\n border-color: var(--fb-border-focus);\n}\n\n.form-settings-input::placeholder,\n.form-settings-textarea::placeholder {\n color: var(--fb-text-light);\n}\n\n.form-settings-textarea {\n min-height: 80px;\n resize: vertical;\n}\n\n.form-settings-checkbox-label {\n display: flex;\n align-items: center;\n gap: 10px;\n cursor: pointer;\n font-size: 0.875rem;\n color: var(--fb-text);\n}\n\n.form-settings-checkbox {\n width: 18px;\n height: 18px;\n accent-color: var(--fb-primary);\n cursor: pointer;\n}\n\n.form-settings-hint {\n font-size: 0.75rem;\n color: var(--fb-text-muted);\n margin: 6px 0 0 0;\n}\n\n.form-settings-field--checkbox .form-settings-hint {\n margin-left: 28px;\n}\n\n/* ============================================================================\n Form Notifications Tab\n ============================================================================ */\n\n.form-notifications-tab {\n max-width: 800px;\n}\n\n.form-notifications-header {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n gap: 24px;\n margin-bottom: 24px;\n}\n\n.form-notifications-header-content {\n flex: 1;\n}\n\n.form-notifications-title {\n font-size: 1.125rem;\n font-weight: 600;\n color: var(--fb-text);\n margin: 0 0 4px 0;\n}\n\n.form-notifications-description {\n font-size: 0.875rem;\n color: var(--fb-text-muted);\n margin: 0;\n}\n\n.form-notifications-actions {\n display: flex;\n gap: 8px;\n}\n\n.form-notifications-add-btn {\n padding: 8px 14px;\n font-size: 0.8125rem;\n font-weight: 500;\n color: #ffffff;\n background: var(--fb-primary);\n border: none;\n border-radius: var(--fb-radius-md);\n cursor: pointer;\n transition: all 0.15s ease;\n white-space: nowrap;\n}\n\n.form-notifications-add-btn:hover {\n background: var(--fb-primary-hover);\n}\n\n.form-notifications-add-btn--secondary {\n color: var(--fb-text);\n background: var(--fb-bg);\n border: 1px solid var(--fb-border);\n}\n\n.form-notifications-add-btn--secondary:hover {\n background: var(--fb-bg-hover);\n border-color: var(--fb-text-light);\n}\n\n/* Empty State */\n.form-notifications-empty {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 48px 24px;\n background: var(--fb-bg-muted);\n border: 2px dashed var(--fb-border);\n border-radius: var(--fb-radius-lg);\n text-align: center;\n}\n\n.form-notifications-empty-icon {\n font-size: 3rem;\n margin-bottom: 16px;\n opacity: 0.5;\n}\n\n.form-notifications-empty-title {\n font-size: 1rem;\n font-weight: 600;\n color: var(--fb-text);\n margin: 0 0 8px 0;\n}\n\n.form-notifications-empty-hint {\n font-size: 0.875rem;\n color: var(--fb-text-muted);\n margin: 0 0 20px 0;\n max-width: 400px;\n}\n\n.form-notifications-empty-actions {\n display: flex;\n gap: 8px;\n}\n\n/* Notifications List */\n.form-notifications-list {\n display: flex;\n flex-direction: column;\n gap: 16px;\n}\n\n/* Notification Card */\n.form-notification-card {\n background: var(--fb-bg);\n border: 1px solid var(--fb-border);\n border-radius: var(--fb-radius-lg);\n overflow: hidden;\n}\n\n.form-notification-card--disabled {\n opacity: 0.6;\n}\n\n.form-notification-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 12px;\n padding: 12px 16px;\n background: var(--fb-bg-muted);\n border-bottom: 1px solid var(--fb-border);\n}\n\n.form-notification-header-left {\n display: flex;\n align-items: center;\n gap: 12px;\n flex: 1;\n min-width: 0;\n}\n\n/* Toggle Switch */\n.form-notification-toggle {\n position: relative;\n display: inline-block;\n width: 40px;\n height: 22px;\n flex-shrink: 0;\n}\n\n.form-notification-toggle input {\n opacity: 0;\n width: 0;\n height: 0;\n}\n\n.form-notification-toggle-slider {\n position: absolute;\n cursor: pointer;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: var(--fb-border);\n transition: 0.2s;\n border-radius: 22px;\n}\n\n.form-notification-toggle-slider:before {\n position: absolute;\n content: \"\";\n height: 16px;\n width: 16px;\n left: 3px;\n bottom: 3px;\n background-color: white;\n transition: 0.2s;\n border-radius: 50%;\n}\n\n.form-notification-toggle input:checked + .form-notification-toggle-slider {\n background-color: var(--fb-success);\n}\n\n.form-notification-toggle\n input:checked\n + .form-notification-toggle-slider:before {\n transform: translateX(18px);\n}\n\n.form-notification-name {\n flex: 1;\n min-width: 0;\n padding: 6px 10px;\n font-size: 0.875rem;\n font-weight: 500;\n color: var(--fb-text);\n background: var(--fb-bg);\n border: 1px solid transparent;\n border-radius: var(--fb-radius-sm);\n transition: all 0.15s ease;\n}\n\n.form-notification-name:focus {\n outline: none;\n border-color: var(--fb-border-focus);\n}\n\n.form-notification-badge {\n padding: 3px 8px;\n font-size: 0.6875rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n border-radius: 9999px;\n flex-shrink: 0;\n}\n\n.form-notification-badge--admin {\n color: #7c3aed;\n background: #ede9fe;\n}\n\n.form-notification-badge--autoReply {\n color: #059669;\n background: #d1fae5;\n}\n\n.form-notification-delete {\n padding: 6px 12px;\n font-size: 0.75rem;\n font-weight: 500;\n color: var(--fb-text-muted);\n background: transparent;\n border: 1px solid var(--fb-border);\n border-radius: var(--fb-radius-sm);\n cursor: pointer;\n transition: all 0.15s ease;\n}\n\n.form-notification-delete:hover {\n color: var(--fb-danger);\n border-color: var(--fb-danger);\n background: #fef2f2;\n}\n\n.form-notification-body {\n padding: 16px;\n}\n\n.form-notification-row {\n margin-bottom: 16px;\n}\n\n.form-notification-row:last-child {\n margin-bottom: 0;\n}\n\n.form-notification-row--two-col {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 16px;\n}\n\n.form-notification-field {\n display: flex;\n flex-direction: column;\n gap: 6px;\n}\n\n.form-notification-label {\n font-size: 0.8125rem;\n font-weight: 500;\n color: var(--fb-text);\n}\n\n.form-notification-input,\n.form-notification-textarea {\n padding: 10px 14px;\n font-size: 0.875rem;\n color: var(--fb-text);\n background: var(--fb-bg);\n border: 1px solid var(--fb-border);\n border-radius: var(--fb-radius-md);\n transition: all 0.15s ease;\n}\n\n.form-notification-input:focus,\n.form-notification-textarea:focus {\n outline: none;\n border-color: var(--fb-border-focus);\n}\n\n.form-notification-input::placeholder,\n.form-notification-textarea::placeholder {\n color: var(--fb-text-light);\n}\n\n.form-notification-textarea {\n min-height: 120px;\n resize: vertical;\n font-family: inherit;\n}\n\n.form-notification-hint {\n font-size: 0.75rem;\n color: var(--fb-text-muted);\n}\n\n.form-notification-hint p {\n margin: 0 0 4px 0;\n}\n\n.form-notification-placeholders {\n margin: 0;\n padding-left: 16px;\n list-style: none;\n}\n\n.form-notification-placeholders li {\n margin-bottom: 2px;\n}\n\n.form-notification-placeholders code {\n font-size: 0.6875rem;\n color: var(--fb-primary);\n background: var(--fb-primary-light);\n padding: 1px 4px;\n border-radius: 3px;\n}\n\n/* Help Section */\n.form-notifications-help {\n margin-top: 32px;\n padding: 16px 20px;\n background: var(--fb-bg-muted);\n border-radius: var(--fb-radius-md);\n}\n\n.form-notifications-help h4 {\n font-size: 0.875rem;\n font-weight: 600;\n color: var(--fb-text);\n margin: 0 0 12px 0;\n}\n\n.form-notifications-help ul {\n margin: 0;\n padding-left: 20px;\n font-size: 0.8125rem;\n color: var(--fb-text-muted);\n line-height: 1.6;\n}\n\n.form-notifications-help li {\n margin-bottom: 6px;\n}\n\n.form-notifications-help li:last-child {\n margin-bottom: 0;\n}\n\n.form-notifications-help strong {\n color: var(--fb-text);\n}\n\n/* ============================================================================\n Email Integration Cards\n ============================================================================ */\n\n.form-integration-card {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n padding: 14px 16px;\n background: var(--fb-bg);\n border: 1px solid var(--fb-border);\n border-radius: var(--fb-radius-lg);\n transition: border-color 0.15s ease;\n}\n\n.form-integration-card:hover {\n border-color: var(--fb-text-light);\n}\n\n.form-integration-card--disabled {\n opacity: 0.55;\n}\n\n.form-integration-card-left {\n display: flex;\n align-items: center;\n gap: 12px;\n flex: 1;\n min-width: 0;\n}\n\n.form-integration-card-info {\n display: flex;\n flex-direction: column;\n gap: 4px;\n min-width: 0;\n}\n\n.form-integration-card-name {\n font-size: 0.9375rem;\n font-weight: 600;\n color: var(--fb-text);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.form-integration-provider-badge {\n font-size: 0.75rem;\n color: var(--fb-text-muted);\n}\n\n.form-integration-card-actions {\n display: flex;\n gap: 8px;\n flex-shrink: 0;\n}\n\n.form-integration-btn {\n padding: 6px 12px;\n font-size: 0.75rem;\n font-weight: 500;\n border-radius: var(--fb-radius-sm);\n cursor: pointer;\n transition: all 0.15s ease;\n border: 1px solid var(--fb-border);\n background: transparent;\n}\n\n.form-integration-btn--edit {\n color: var(--fb-text-muted);\n}\n\n.form-integration-btn--edit:hover {\n color: var(--fb-primary);\n border-color: var(--fb-primary);\n background: var(--fb-primary-light);\n}\n\n.form-integration-btn--delete {\n color: var(--fb-text-muted);\n}\n\n.form-integration-btn--delete:hover {\n color: var(--fb-danger);\n border-color: var(--fb-danger);\n background: #fef2f2;\n}\n\n/* ============================================================================\n Email Integration Modal\n ============================================================================ */\n\n.form-integration-modal-overlay {\n position: fixed;\n inset: 0;\n background: rgba(0, 0, 0, 0.45);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 1000;\n padding: 24px;\n}\n\n.form-integration-modal {\n background: var(--fb-bg);\n border: 1px solid var(--fb-border);\n border-radius: var(--fb-radius-lg);\n width: 100%;\n max-width: 560px;\n max-height: calc(100vh - 48px);\n display: flex;\n flex-direction: column;\n box-shadow:\n 0 20px 60px rgba(0, 0, 0, 0.15),\n 0 4px 16px rgba(0, 0, 0, 0.1);\n}\n\n.form-integration-modal-header {\n padding: 20px 24px 16px;\n border-bottom: 1px solid var(--fb-border);\n flex-shrink: 0;\n}\n\n.form-integration-modal-title {\n font-size: 1.0625rem;\n font-weight: 600;\n color: var(--fb-text);\n margin: 0;\n}\n\n.form-integration-modal-body {\n padding: 20px 24px;\n overflow-y: auto;\n display: flex;\n flex-direction: column;\n gap: 16px;\n flex: 1;\n}\n\n.form-integration-modal-footer {\n padding: 16px 24px;\n border-top: 1px solid var(--fb-border);\n display: flex;\n justify-content: flex-end;\n gap: 8px;\n flex-shrink: 0;\n}\n\n/* Modal select */\n.form-integration-select {\n padding: 10px 14px;\n font-size: 0.875rem;\n color: var(--fb-text);\n background: var(--fb-bg);\n border: 1px solid var(--fb-border);\n border-radius: var(--fb-radius-md);\n transition: all 0.15s ease;\n appearance: none;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n background-position: right 12px center;\n padding-right: 36px;\n cursor: pointer;\n}\n\n.form-integration-select:focus {\n outline: none;\n border-color: var(--fb-border-focus);\n box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\n}\n\n/* Recipient list */\n.form-integration-recipient-list {\n display: flex;\n flex-direction: column;\n gap: 6px;\n margin-bottom: 8px;\n}\n\n.form-integration-recipient-item {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 6px 10px;\n background: var(--fb-bg-muted);\n border: 1px solid var(--fb-border);\n border-radius: var(--fb-radius-sm);\n font-size: 0.8125rem;\n color: var(--fb-text);\n}\n\n.form-integration-recipient-remove {\n background: transparent;\n border: none;\n color: var(--fb-text-light);\n cursor: pointer;\n font-size: 1rem;\n line-height: 1;\n padding: 0 2px;\n transition: color 0.15s ease;\n}\n\n.form-integration-recipient-remove:hover {\n color: var(--fb-danger);\n}\n\n.form-integration-recipient-add {\n display: flex;\n gap: 8px;\n}\n\n.form-integration-recipient-add .form-notification-input {\n flex: 1;\n}\n\n.form-integration-add-recipient-btn {\n padding: 10px 14px;\n font-size: 0.8125rem;\n font-weight: 500;\n color: var(--fb-text);\n background: var(--fb-bg);\n border: 1px solid var(--fb-border);\n border-radius: var(--fb-radius-md);\n cursor: pointer;\n white-space: nowrap;\n transition: all 0.15s ease;\n flex-shrink: 0;\n}\n\n.form-integration-add-recipient-btn:hover {\n background: var(--fb-bg-hover);\n border-color: var(--fb-text-light);\n}\n\n/* Active row */\n.form-integration-active-row {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 12px 0 4px;\n border-top: 1px solid var(--fb-border);\n}\n\n.form-integration-active-label {\n font-size: 0.875rem;\n font-weight: 500;\n color: var(--fb-text);\n}\n\n/* Modal footer buttons */\n.form-integration-cancel-btn {\n padding: 9px 18px;\n font-size: 0.875rem;\n font-weight: 500;\n color: var(--fb-text);\n background: var(--fb-bg);\n border: 1px solid var(--fb-border);\n border-radius: var(--fb-radius-md);\n cursor: pointer;\n transition: all 0.15s ease;\n}\n\n.form-integration-cancel-btn:hover {\n background: var(--fb-bg-hover);\n border-color: var(--fb-text-light);\n}\n\n.form-integration-save-btn {\n padding: 9px 18px;\n font-size: 0.875rem;\n font-weight: 500;\n color: #ffffff;\n background: var(--fb-primary);\n border: none;\n border-radius: var(--fb-radius-md);\n cursor: pointer;\n transition: background 0.15s ease;\n}\n\n.form-integration-save-btn:hover {\n background: var(--fb-primary-hover);\n}\n"],"mappings":"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","names":[]}
|
|
1
|
+
{"version":3,"sources":["../../src/styles/form-builder.css"],"sourcesContent":["/**\n * Form Builder styles\n *\n * The builder UI is driven by Tailwind utilities and @nextlyhq/ui components in its\n * React components. This file holds only the few bespoke rules those can't express:\n * 1. The two-pane builder shell (fixed inspector panel; stacks in a narrow panel)\n * 2. Notifications tab: email-integration card list (hover/variant states)\n *\n * Colors read the admin design tokens directly (`var(--token)`), so the UI looks native\n * and inherits dark mode automatically (the admin flips the tokens under `.adminapp.dark`).\n *\n * @module styles/form-builder\n * @since 0.1.0\n */\n\n/* ---------------------------------------------------------- builder shell */\n\n/* Fixed-width inspector panel beside the fluid canvas. */\n.fb-builder-panel {\n width: 360px;\n}\n\n/* Stack the canvas and inspector when the content panel itself gets narrow\n (`content` is the admin content-area container). */\n@container content (max-width: 800px) {\n .fb-builder-shell {\n flex-direction: column;\n }\n\n .fb-builder-panel {\n width: 100%;\n border-left: 0;\n border-top: 1px solid var(--border);\n }\n}\n\n/* ------------------------------------------------------- notifications tab */\n\n.form-notifications-tab {\n max-width: 800px;\n}\n\n.form-notifications-list {\n display: flex;\n flex-direction: column;\n gap: 16px;\n}\n\n/* --------------------------------------------------- email integration cards */\n\n.form-integration-card {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n padding: 14px 16px;\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n transition: border-color 0.15s ease;\n}\n\n.form-integration-card:hover {\n border-color: var(--border-strong);\n}\n\n.form-integration-card--disabled {\n opacity: 0.55;\n}\n\n.form-integration-card-left {\n display: flex;\n align-items: center;\n gap: 12px;\n flex: 1;\n min-width: 0;\n}\n\n.form-integration-card-info {\n display: flex;\n flex-direction: column;\n gap: 4px;\n min-width: 0;\n}\n\n.form-integration-card-name {\n font-size: 0.9375rem;\n font-weight: 600;\n color: var(--foreground);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.form-integration-provider-badge {\n font-size: 0.75rem;\n color: var(--muted-foreground);\n}\n\n.form-integration-card-actions {\n display: flex;\n gap: 8px;\n flex-shrink: 0;\n}\n\n.form-integration-btn {\n padding: 6px 12px;\n font-size: 0.75rem;\n font-weight: 500;\n color: var(--muted-foreground);\n background: transparent;\n border: 1px solid var(--border);\n border-radius: var(--radius);\n cursor: pointer;\n transition: all 0.15s ease;\n}\n\n.form-integration-btn--edit:hover {\n color: var(--primary);\n border-color: var(--primary);\n background: color-mix(in srgb, var(--primary) 10%, transparent);\n}\n\n.form-integration-btn--delete:hover {\n color: var(--destructive);\n border-color: var(--destructive);\n background: color-mix(in srgb, var(--destructive) 10%, transparent);\n}\n"],"mappings":";AAkBA,CAAC;AACC,SAAO;AACT;AAIA,WAAW,QAAQ,CAAC,SAAS,EAAE;AAC7B,GAAC;AACC,oBAAgB;AAClB;AAEA,GAXD;AAYG,WAAO;AACP,iBAAa;AACb,gBAAY,IAAI,MAAM,IAAI;AAC5B;AACF;AAIA,CAAC;AACC,aAAW;AACb;AAEA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,OAAK;AACP;AAIA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,OAAK;AACL,WAAS,KAAK;AACd,cAAY,IAAI;AAChB,UAAQ,IAAI,MAAM,IAAI;AACtB,iBAAe,IAAI;AACnB,cAAY,aAAa,MAAM;AACjC;AAEA,CAZC,qBAYqB;AACpB,gBAAc,IAAI;AACpB;AAEA,CAAC;AACC,WAAS;AACX;AAEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,OAAK;AACL,QAAM;AACN,aAAW;AACb;AAEA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,OAAK;AACL,aAAW;AACb;AAEA,CAAC;AACC,aAAW;AACX,eAAa;AACb,SAAO,IAAI;AACX,eAAa;AACb,YAAU;AACV,iBAAe;AACjB;AAEA,CAAC;AACC,aAAW;AACX,SAAO,IAAI;AACb;AAEA,CAAC;AACC,WAAS;AACT,OAAK;AACL,eAAa;AACf;AAEA,CAAC;AACC,WAAS,IAAI;AACb,aAAW;AACX,eAAa;AACb,SAAO,IAAI;AACX,cAAY;AACZ,UAAQ,IAAI,MAAM,IAAI;AACtB,iBAAe,IAAI;AACnB,UAAQ;AACR,cAAY,IAAI,MAAM;AACxB;AAEA,CAAC,0BAA0B;AACzB,SAAO,IAAI;AACX,gBAAc,IAAI;AAClB,cAAY,UAAU,GAAG,IAAI,EAAE,IAAI,WAAW,GAAG,EAAE;AACrD;AAEA,CAAC,4BAA4B;AAC3B,SAAO,IAAI;AACX,gBAAc,IAAI;AAClB,cAAY,UAAU,GAAG,IAAI,EAAE,IAAI,eAAe,GAAG,EAAE;AACzD;","names":[]}
|