django-unfold 0.42.0__py3-none-any.whl → 0.44.0__py3-none-any.whl

unfold/templates/unfold/helpers/app_list_default.html

@@ -3,43 +3,43 @@
 {% if app_list %}
     {% for app in app_list %}
         <div class="app-{{ app.app_label }} module{% if app.app_url in request.path %} current-app{% endif %}">
-            <div class="bg-gray-50 mb-6 rounded-md p-3 dark:bg-gray-800">
-                <table class="border border-gray-400/10 border-spacing-none border-separate rounded-md overflow-hidden shadow-sm w-full dark:border-gray-800">
-                    <caption class="font-semibold mb-3 text-gray-900 text-left dark:text-gray-100">
+            <div class="bg-base-50 mb-6 rounded p-3 dark:bg-base-800">
+                <table class="border border-base-400/10 border-spacing-none border-separate rounded overflow-hidden shadow-sm w-full dark:border-base-800">
+                    <caption class="font-semibold mb-3 text-base-900 text-left dark:text-base-100">
                         <a href="{{ app.app_url }}" class="section" title="{% blocktranslate with name=app.name %}Models in the {{ name }} application{% endblocktranslate %}">
                             {{ app.name }}
                         </a>
                     </caption>
 
                     {% for model in app.models %}
-                        <tr class="bg-white dark:bg-gray-900 model-{{ model.object_name|lower }}{% if model.admin_url in request.path %} current-model{% endif %}">
+                        <tr class="bg-white dark:bg-base-900 model-{{ model.object_name|lower }}{% if model.admin_url in request.path %} current-model{% endif %}">
                             {% if model.admin_url %}
-                                <th scope="row" class="font-normal p-3 text-left {% if not forloop.last %}border-b border-gray-100 dark:border-gray-800{% endif %}">
+                                <th scope="row" class="font-normal p-3 text-left {% if not forloop.last %}border-b border-base-100 dark:border-base-800{% endif %}">
                                     <a href="{{ model.admin_url }}"{% if model.admin_url in request.path %} aria-current="page"{% endif %}>
                                         {{ model.name }}
                                     </a>
                                 </th>
                             {% else %}
-                                <th scope="row" class="font-normal p-3 text-left {% if not forloop.last %}border-b border-gray-100 dark:border-gray-800{% endif %}">
+                                <th scope="row" class="font-normal p-3 text-left {% if not forloop.last %}border-b border-base-100 dark:border-base-800{% endif %}">
                                     {{ model.name }}
                                 </th>
                             {% endif %}
 
-                            <td class="{% if not forloop.last %}border-b border-gray-100 dark:border-gray-800{% endif %} p-3 text-right">
+                            <td class="{% if not forloop.last %}border-b border-base-100 dark:border-base-800{% endif %} p-3 text-right">
                                 <div class="flex flex-row items-center ml-auto gap-4 justify-end">
                                     {% if model.add_url %}
-                                        <a href="{{ model.add_url }}" class="addlink block leading-none text-gray-400 transition-colors dark:text-gray-500 " title="{% translate 'Add' %}">
+                                        <a href="{{ model.add_url }}" class="addlink block leading-none text-base-400 transition-colors dark:text-base-500 " title="{% translate 'Add' %}">
                                             <span class="material-symbols-outlined">add</span>
                                         </a>
                                     {% endif %}
 
                                     {% if model.admin_url and show_changelinks %}
                                         {% if model.view_only %}
-                                            <a href="{{ model.admin_url }}" class="viewlink block leading-none text-gray-400 transition-colors dark:text-gray-500" title="{% translate 'View' %} ">
+                                            <a href="{{ model.admin_url }}" class="viewlink block leading-none text-base-400 transition-colors dark:text-base-500" title="{% translate 'View' %} ">
                                                 <span class="material-symbols-outlined">visibility</span>
                                             </a>
                                         {% else %}
-                                            <a href="{{ model.admin_url }}" class="changelink block leading-none text-gray-400 transition-colors dark:text-gray-300" title="{% translate 'Change' %}">
+                                            <a href="{{ model.admin_url }}" class="changelink block leading-none text-base-400 transition-colors dark:text-base-300" title="{% translate 'Change' %}">
                                                 <span class="material-symbols-outlined">edit_square</span>
                                             </a>
                                         {% endif %}

unfold/templates/unfold/helpers/boolean.html

@@ -1,7 +1,7 @@
 {% load i18n %}
 
 <div class="flex items-center ">
-    <div class="block mr-3 outline rounded-full ml-1 h-1 w-1 {% if value == '' or value == None %}bg-gray-500 outline-gray-500/20{% elif value %}bg-green-500 outline-green-200 dark:outline-green-500/20{% else %}bg-red-500 outline-red-200 dark:outline-red-500/20{% endif %}"></div>
+    <div class="block mr-3 outline rounded-full ml-1 h-1 w-1 {% if value == '' or value == None %}bg-base-500 outline-gray-500/20{% elif value %}bg-green-500 outline-green-200 dark:outline-green-500/20{% else %}bg-red-500 outline-red-200 dark:outline-red-500/20{% endif %}"></div>
 
     <span>
         {% if value == '' or value == None %}

unfold/templates/unfold/helpers/breadcrumb_item.html

@@ -1,7 +1,7 @@
 
 <li class="text-xs">
     {% if link %}
-        <a href="{{ link }}">{{ name }}</a> <span class="mx-2 text-gray-200 dark:text-gray-600">/</span>
+        <a href="{{ link }}">{{ name }}</a> <span class="mx-2 text-base-200 dark:text-base-600">/</span>
     {% else %}
         {{ name }}
     {% endif %}

unfold/templates/unfold/helpers/change_list_actions.html

@@ -0,0 +1,13 @@
+{% load admin_list %}
+
+{% if actions_on_top %}
+    {% if cl.search_fields or action_form or cl.has_filters %}
+        <div class="bottom-0 left-0 right-0 hidden bg-primary-600 group-has-[input.action-select:checked]:flex fixed gap-3 lg:h-[71px] items-center p-3 z-50 lg:flex-row dark:bg-primary-500">
+            <div id="changelist-actions-wrapper" class="flex-grow lg:px-4" {% if not is_popup %}x-bind:class="{'xl:ml-0': !sidebarDesktopOpen, 'xl:ml-72': sidebarDesktopOpen}"{% endif %}>
+                {% if action_form %}
+                    {% admin_actions %}
+                {% endif %}
+            </div>
+        </div>
+    {% endif %}
+{% endif %}

unfold/templates/unfold/helpers/change_list_filter.html

@@ -0,0 +1,31 @@
+{% load i18n admin_list unfold %}
+
+<div id="changelist-filter" class="backdrop-blur-sm bg-opacity-80 bg-base-900 flex inset-0 z-50 fixed {% if not cl.model_admin.list_filter_sheet %}2xl:pb-24 2xl:bg-transparent 2xl:relative 2xl:!block 2xl:z-10{% endif %}" hx-preserve x-show="filterOpen">
+    <label for="show-filters" id="changelist-filter-close" class="flex-grow {% if not cl.model_admin.list_filter_sheet %}2xl:hidden{% endif %}" x-on:click="filterOpen = false"></label>
+
+    <div class="bg-white flex m-4 overflow-hidden rounded shadow-sm w-80 dark:bg-base-800 {% if not cl.model_admin.list_filter_sheet %} 2xl:overflow-visible 2xl:border-0 2xl:shadow-none 2xl:sticky 2xl:top-4 2xl:dark:border-base-800 2xl:bg-transparent 2xl:dark:!bg-transparent 2xl:m-0{% endif %}">
+        <div class="flex-grow h-full overflow-auto relative {% if not cl.model_admin.list_filter_sheet %} 2xl:overflow-visible{% endif %}">
+            <div class="px-3 py-2.5 {% if not cl.model_admin.list_filter_sheet %}2xl:px-0{% endif %}">
+                {% if cl.model_admin.list_filter_submit %}
+                    <form id="filter-form" method="get">
+                        {% preserve_filters %}
+                {% endif %}
+
+                <div class="flex flex-col gap-4 *:mb-0">
+                    {% for spec in cl.filter_specs %}
+                        {% admin_list_filter cl spec %}
+                    {% endfor %}
+                </div>
+
+                {% if cl.model_admin.list_filter_submit %}
+                    <button type="submit" class="bg-primary-600 block border border-transparent font-medium mt-6 px-3 py-2 rounded text-white w-full">
+                        {% trans "Apply Filters" %}
+                    </button>
+                    </form>
+                {% endif %}
+
+                {% include "unfold/helpers/change_list_filter_actions.html" %}
+            </div>
+        </div>
+    </div>
+</div>

unfold/templates/unfold/helpers/change_list_filter_actions.html

@@ -0,0 +1,23 @@
+{% load i18n %}
+
+{% if cl.is_facets_optional or cl.has_active_filters %}
+    <span id="changelist-filter-extra-actions" class="flex flex-row gap-2 items-center mt-2">
+        {% if cl.is_facets_optional %}
+            {% if cl.add_facets %}
+                <a href="{{ cl.remove_facet_link }}" class="hidelink border flex-grow font-medium px-3 py-2 rounded text-center transition-all w-full hover:bg-base-50 lg:w-auto dark:border-base-700 dark:hover:text-base-200">
+                    {% trans "Hide counts" %}
+                </a>
+            {% else %}
+                <a href="{{ cl.add_facet_link }}" class="viewlink border flex-grow font-medium px-3 py-2 rounded text-center transition-all w-full lg:w-auto dark:border-base-700 dark:hover:text-base-200">
+                    {% trans "Show counts" %}
+                </a>
+            {% endif %}
+        {% endif %}
+
+        {% if cl.has_active_filters %}
+            <a href="{{ cl.clear_all_filters_qs }}" class="border flex-grow font-medium px-3 py-2 rounded text-center transition-all w-full hover:bg-base-50 lg:w-auto dark:border-base-700 dark:hover:text-base-200">
+                {% trans "Clear all filters" %}
+            </a>
+        {% endif %}
+    </span>
+{% endif %}

unfold/templates/unfold/helpers/delete_submit_line.html

@@ -1,11 +1,11 @@
 {% load i18n %}
 
 <div class="flex flex-col gap-3 items-center w-full lg:flex-row">
-    <a href="#" class="border cancel-link flex items-center justify-center font-medium px-3 py-2 rounded-md w-full hover:bg-gray-50 lg:block lg:mb-0 lg:w-auto dark:border-gray-700 dark:text-font-default-dark dark:hover:text-gray-200 dark:hover:bg-gray-900">
+    <a href="#" class="border cancel-link flex items-center justify-center font-medium px-3 py-2 rounded w-full hover:bg-base-50 lg:block lg:mb-0 lg:w-auto dark:border-base-700 dark:text-font-default-dark dark:hover:text-base-200 dark:hover:bg-base-900">
         {% translate "No, take me back" %}
     </a>
 
-    <button type="submit" class="bg-red-600 cursor-pointer flex items-center justify-center font-medium h-9.5 ml-0 px-3 py-2 rounded-md text-white w-full lg:ml-auto lg:w-auto dark:bg-red-500/20 dark:text-red-500">
+    <button type="submit" class="bg-red-600 cursor-pointer flex items-center justify-center font-medium h-9.5 ml-0 px-3 py-2 rounded text-white w-full lg:ml-auto lg:w-auto dark:bg-red-500/20 dark:text-red-500">
         {% translate "Yes, I’m sure" %}
     </button>
 </div>

unfold/templates/unfold/helpers/display_header.html

@@ -6,12 +6,12 @@
             <span class="block bg-center bg-contain bg-no-repeat {% if not value.3.width %}w-16{% endif %} {% if not value.3.height %}h-12{% endif %}" style="background-image: url({{ value.3.path }}); {% if value.3.height %}height: {{ value.3.height }}px;{% endif %} {% if value.3.width %}width: {{ value.3.width }}px;{% endif %}">
             </span>
         {% else %}
-            <span class="bg-center bg-cover bg-white flex font-medium justify-center overflow-hidden dark:bg-gray-900 dark:border-gray-700 {% if value.3.squared %}rounded-sm{% else %}rounded-full{% endif %}{% if not value.3.borderless %} border{% endif %}{% if not value.3.width or not value.3.height %} h-8 max-w-8 min-w-8{% endif %}">
+            <span class="bg-center bg-cover bg-white flex font-medium justify-center overflow-hidden dark:bg-base-900 dark:border-base-700 {% if value.3.squared %}rounded{% else %}rounded-full{% endif %}{% if not value.3.borderless %} border{% endif %}{% if not value.3.width or not value.3.height %} h-8 max-w-8 min-w-8{% endif %}">
                 <img loading="lazy" src="{{ value.3.path }}" class="max-w-none object-cover" {% if value.3.width %}width="{{ value.3.width }}"{% endif %} {% if value.3.height %}height="{{ value.3.height }}"{% endif %} alt="{% trans "Record picture" %}" />
             </span>
         {% endif %}
     {% elif value.2 %}
-        <span class="bg-white border flex font-medium h-8 justify-center items-center rounded-full text-xs uppercase w-8 dark:bg-gray-900 dark:border-gray-700">
+        <span class="bg-white border flex font-medium h-8 justify-center items-center rounded-full text-xs uppercase w-8 dark:bg-base-900 dark:border-base-700">
             {{ value.2 }}
         </span>
     {% endif %}
@@ -22,7 +22,7 @@
         {% endif %}
 
         {% if value.1 %}
-            <p class="text-gray-500">
+            <p class="text-base-500">
                 {{ value.1 }}
             </p>
         {% endif %}

unfold/templates/unfold/helpers/edit_inline/tabular_delete.html

@@ -0,0 +1,13 @@
+{% load i18n unfold %}
+
+{% if inline_admin_formset.formset.can_delete and inline_admin_formset.has_delete_permission %}
+    <td class="border-t border-base-200 dark:border-base-800 lg:border-t-0 min-h-[62.5px] delete {% if inline_admin_form.original %}p-3 lg:py-3{% else %}py-3{% endif %} text-left text-red-600 flex items-center before:capitalize before:font-semibold before:content-[attr(data-label)] before:mr-auto before:text-font-important-light before:pr-4 lg:before:hidden font-normal px-3 text-sm lg:align-top lg:table-cell lg:w-px before:dark:text-font-important-dark" data-label="{% trans "Remove" %}">
+        {% if inline_admin_form.original %}
+            <div class="flex flex-row lg:mt-3">
+                <div class="ml-auto">
+                    {{ inline_admin_form.deletion_field.field|add_css_class:form_classes.checkbox }}
+                </div>
+            </div>
+        {% endif %}
+    </td>
+{% endif %}

unfold/templates/unfold/helpers/edit_inline/tabular_error.html

@@ -0,0 +1,8 @@
+{% load admin_modify %}
+{% if inline_admin_form.form.non_field_errors %}
+    <tr class="row-form-errors group inline-tabular">
+        <td colspan="{{ inline_admin_form|cell_count }}">
+            {% include "unfold/helpers/messages/error.html" with errors=inline_admin_form.form.non_field_errors %}
+        </td>
+    </tr>
+{% endif %}

unfold/templates/unfold/helpers/edit_inline/tabular_field.html

@@ -0,0 +1,25 @@
+<div class="flex flex-row gap-3 items-center">
+    {% if forloop.parentloop.counter == 1 and forloop.counter == 1 %}
+        {% if inline_admin_formset.opts.ordering_field %}
+            {% if inline_admin_form.original %}
+                <span class="material-symbols-outlined cursor-pointer" x-sort:handle>drag_indicator</span>
+            {% else %}
+                <span class="-mr-3" x-sort:handle></span>
+            {% endif %}
+        {% endif %}
+    {% endif %}
+
+    {% if field.is_readonly %}
+        {% include "unfold/helpers/field_readonly_value.html" with tabular=1 %}
+    {% else %}
+        {{ field.field }}
+
+        {% if field.field.errors|length > 0 %}
+            <div class="mt-1 text-red-600 text-sm dark:text-red-500">
+                {% for error in field.field.errors %}
+                    {{ error }}
+                {% endfor %}
+            </div>
+        {% endif %}
+    {% endif %}
+</div>

unfold/templates/unfold/helpers/edit_inline/tabular_heading.html

@@ -0,0 +1,25 @@
+{% load i18n %}
+
+<thead class="hidden lg:table-header-group">
+    <tr>
+        {% for field in inline_admin_formset.fields %}
+            {% if not field.widget.is_hidden %}
+                <th class="column-{{ field.name }}{% if field.required %} required{% endif %} align-middle border-b border-base-200 dark:border-base-800 font-semibold px-1.5 first:pl-3 last:pr-3 py-2 text-left text-font-important-light text-sm whitespace-nowrap dark:text-font-important-dark {% if inline_admin_formset.opts.ordering_field and field.name == inline_admin_formset.opts.ordering_field and inline_admin_formset.opts.hide_ordering_field %}hidden{% endif %}">
+                    <span class="flex flex-row items-center">
+                        {{ field.label|capfirst }}
+
+                        {% if field.help_text %}
+                            <span class="cursor-pointer material-symbols-outlined ml-2 text-base-400 dark:text-base-500" title="{{ field.help_text|striptags }}">help</span>
+                        {% endif %}
+                    </span>
+                </th>
+            {% endif %}
+        {% endfor %}
+
+        {% if inline_admin_formset.formset.can_delete and inline_admin_formset.has_delete_permission %}
+            <th class="align-middle border-b border-base-200 dark:border-base-800 font-semibold px-3 py-2 text-left text-font-important-light text-sm whitespace-nowrap lg:w-px dark:text-font-important-dark">
+                {% translate "Delete?" %}
+            </th>
+        {% endif %}
+    </tr>
+</thead>

unfold/templates/unfold/helpers/edit_inline/tabular_row.html

@@ -0,0 +1,27 @@
+<tr class="form-row {% if inline_admin_form.original or inline_admin_form.show_url %}has_original{% endif %}{% if forloop.last and inline_admin_formset.has_add_permission %} empty-form{% endif %}" id="{{ inline_admin_formset.formset.prefix }}-{% if not forloop.last %}{{ forloop.counter0 }}{% else %}empty{% endif %}">
+    {% spaceless %}
+        {% for fieldset in inline_admin_form %}
+            {% for line in fieldset %}
+                {% for field in line %}
+                    {% if not field.is_readonly and field.field.is_hidden %}
+                        {{ field.field }}
+                    {% endif %}
+                {% endfor %}
+            {% endfor %}
+        {% endfor %}
+    {% endspaceless %}
+
+    {% for fieldset in inline_admin_form %}
+        {% for line in fieldset %}
+            {% for field in line %}
+                {% if field.is_readonly or not field.field.is_hidden %}
+                    <td{% if field.field.name %} class="min-h-[62.5px] field-{{ field.field.name }} group field-tabular {% if field.field.errors|length > 0 %} errors{% endif %}{% if inline_admin_form.original %} p-3 lg:py-3{% else %} py-3{% endif %}{% if field.is_checkbox %} align-middle{% else %} align-top{% endif %} flex items-center before:capitalize before:font-semibold before:content-[attr(data-label)] before:mr-auto before:font-text before:pr-4 lg:before:hidden font-normal px-3 lg:first:pl-3 lg:last:pr-3 lg:px-1.5 text-left lg:table-cell {% if field.field.is_hidden %} !hidden{% endif %} {% if inline_admin_formset.opts.ordering_field and field.field.name == inline_admin_formset.opts.ordering_field and inline_admin_formset.opts.hide_ordering_field %}!hidden{% endif %}"{% endif %} data-label="{{ field.field.label }}">
+                        {% include "unfold/helpers/edit_inline/tabular_field.html" %}
+                    </td>
+                {% endif %}
+            {% endfor %}
+        {% endfor %}
+    {% endfor %}
+
+    {% include "unfold/helpers/edit_inline/tabular_delete.html" %}
+</tr>

unfold/templates/unfold/helpers/edit_inline/tabular_title.html

@@ -0,0 +1,49 @@
+{% load admin_modify admin_urls i18n %}
+
+{% if inline_admin_form.original or inline_admin_form.show_url %}
+    <tr class="border-b border-base-200 dark:border-base-800 bg-base-50 dark:bg-white/[.02] lg:bg-transparent lg:border-0 dark:lg:!bg-transparent">
+        <td class="original" colspan="{{ inline_admin_form|cell_count }}">
+            {% if not inline_admin_formset.opts.hide_title %}
+                {% if inline_admin_form.original or inline_admin_form.show_url %}
+                    <p class="flex font-medium items-center px-3 text-xs py-2 lg:pb-0 lg:pt-2">
+                        {% if inline_admin_form.original %}
+                            <span>
+                                {% with inline_title=inline_admin_form.original.get_inline_title %}
+                                    {% if inline_title %}
+                                        {{ inline_title }}
+                                    {% else %}
+                                        {{ inline_admin_form.original }}
+                                    {% endif %}
+                                {% endwith %}
+                            </span>
+
+                            {% if inline_admin_form.model_admin.show_change_link and inline_admin_form.model_admin.has_registered_model %}
+                                <a href="{% url inline_admin_form.model_admin.opts|admin_urlname:'change' inline_admin_form.original.pk|admin_urlquote %}" class="{{ inline_admin_formset.has_change_permission|yesno:'inlinechangelink,inlineviewlink' }} ml-2 text-primary-600 dark:text-primary-500">
+                                    {% if inline_admin_formset.has_change_permission %}
+                                        {% translate "Change" %}
+                                    {% else %}
+                                        {% translate "View" %}
+                                    {% endif %}
+                                </a>
+                            {% endif %}
+                        {% endif %}
+
+                        {% if inline_admin_form.show_url %}
+                            <a href="{{ inline_admin_form.absolute_url }}" class="font-medium ml-2 text-primary-600 dark:text-primary-500">
+                                {% translate "View on site" %}
+                            </a>
+                        {% endif %}
+                    </p>
+                {% endif %}
+            {% endif %}
+
+            {% if inline_admin_form.needs_explicit_pk_field %}
+                {{ inline_admin_form.pk_field.field }}
+            {% endif %}
+
+            {% if inline_admin_form.fk_field %}
+                {{ inline_admin_form.fk_field.field }}
+            {% endif %}
+        </td>
+    </tr>
+{% endif %}

unfold/templates/unfold/helpers/field_readonly.html

@@ -1,5 +1,5 @@
 <div class="flex group mb-6 flex-col last:mb-4">
-    <label class="block font-semibold mb-2 text-gray-900 text-sm dark:text-gray-200">
+    <label class="block font-semibold mb-2 text-base-900 text-sm dark:text-base-200">
         {{ title }}
     </label>
 

unfold/templates/unfold/helpers/field_readonly_value.html

@@ -1 +1 @@
-<div class="readonly {% if field.is_json %}max-w-4xl{% else %}max-w-2xl{% endif %} py-2 text-sm *:rounded-md {% if not adminform.model_admin.compressed_fields and not field.is_image %}bg-gray-50 border font-medium px-3 rounded-md shadow-sm dark:border-gray-700 dark:bg-gray-800{% endif %} {% if field.is_image %}inline-block [&_img]:rounded-md !py-0{% endif %}">{% if value %}{{ value }}{% elif field.contents %}{{ field.contents }}{% else %}-{% endif %}</div>
+<div class="readonly break-all {% if field.is_json %}max-w-4xl{% else %}max-w-2xl{% endif %} py-2 text-sm *:rounded {% if not adminform.model_admin.compressed_fields and not field.is_image %}bg-base-50 border font-medium px-3 rounded shadow-sm dark:border-base-700 dark:bg-base-800{% endif %} {% if field.is_image %}inline-block [&_img]:rounded !py-0{% endif %}">{% if value %}{{ value }}{% elif field.contents %}{{ field.contents }}{% else %}-{% endif %}</div>

unfold/templates/unfold/helpers/fieldset_row.html

@@ -1,80 +1,12 @@
+{% load unfold %}
 
-<div class="form-row
-            {% for field in line %}{% if inline_admin_formset.opts.ordering_field and field.field.name == inline_admin_formset.opts.ordering_field and inline_admin_formset.opts.hide_ordering_field %} hidden{% endif %}{% endfor %}
-            {% if adminform.model_admin.compressed_fields %} border-b border-gray-200 -mx-3 px-3 pt-3 first:pt-0 dark:border-gray-800 last:border-b-0{% endif %}
-            {% if not line.fields|length == 1 %} flex flex-row flex-wrap gap-x-8{% endif %}
-            {% if not line.has_visible_field %} hidden{% endif %}
-            {% for field in line %}{% if field.field.name %} field-{{ field.field.name }}{% endif %}{% endfor %}">
+<div class="{% fieldset_row_classes %} {% if forloop.last %}last{% endif %}">
     {% for field in line %}
-        <div class="flex group {% if adminform.model_admin.compressed_fields %} field-row{% endif %}{% if not line.fields|length == 1 and not adminform.model_admin.compressed_fields %} lg:max-w-xs flex-grow{% endif %}{% if field.errors %} errors {% endif %}{% if not forloop.parentloop.last %} {% if adminform.model_admin.compressed_fields %}mb-3{% else %}mb-6{% endif %}{% else %} pb-3{% endif %} {% if adminform.model_admin.compressed_fields %}flex-col lg:flex-row lg:gap-2 {% else %}flex-col{% endif %}">
+        <div class="{% fieldset_line_classes %}">
             {% if field.is_checkbox %}
-                {% if adminform.model_admin.compressed_fields %}
-                    <div class="flex flex-col gap-4 py-2 lg:flex-row">
-                        <div class="font-medium flex items-start -ml-2 min-w-32 w-32 lg:min-w-48 lg:w-48">
-                            {{ field.label_tag }}
-                        </div>
-
-                        <div class="flex-grow">
-                            <div class="flex flex-col lg:flex-row">
-                                {{ field.field }}
-
-                                {% if field.field.help_text %}
-                                    <div class="lg:-mt-2 lg:ml-2">
-                                        {% include "unfold/helpers/help_text.html" with help_text=field.field.help_text %}
-                                    </div>
-                                {% endif %}
-                            </div>
-
-                            {% if field.errors %}
-                                <div class="mt-1 text-red-600 text-sm dark:text-red-500">
-                                    {{ field.errors }}
-                                </div>
-                            {% endif %}
-                        </div>
-                    </div>
-                {% else %}
-                    <div class="flex flex-row">
-                        {{ field.field }}
-
-                        <div class="flex flex-col">
-                            {{ field.label_tag }}
-
-                            {% if field.field.help_text %}
-                                <div class="ml-2 -mt-1">
-                                    {% include "unfold/helpers/help_text.html" with help_text=field.field.help_text %}
-                                </div>
-                            {% endif %}
-
-                            {% if field.errors %}
-                                <div class="mt-1 text-red-600 text-sm dark:text-red-500">
-                                    {{ field.errors }}
-                                </div>
-                            {% endif %}
-                        </div>
-                    </div>
-                {% endif %}
+                {% include "unfold/helpers/fieldset_row_checkbox.html" %}
             {% else %}
-                <div class="{% if adminform.model_admin.compressed_fields %}lg:min-w-48 lg:mt-2 lg:w-48{% endif %}">
-                    {{ field.label_tag }}
-                </div>
-
-                <div class="flex-grow">
-                    {% if field.is_readonly %}
-                        {% include "unfold/helpers/field_readonly_value.html" %}
-                    {% else %}
-                        {{ field.field }}
-                    {% endif %}
-
-                    {% if field.field.help_text and not field.is_checkbox %}
-                        {% include "unfold/helpers/help_text.html" with help_text=field.field.help_text %}
-                    {% endif %}
-
-                    {% if field.errors %}
-                        <div class="mt-1 text-red-600 text-sm dark:text-red-500">
-                            {{ field.errors }}
-                        </div>
-                    {% endif %}
-                </div>
+                {% include "unfold/helpers/fieldset_row_field.html" %}
             {% endif %}
         </div>
     {% endfor %}

unfold/templates/unfold/helpers/fieldset_row_checkbox.html

@@ -0,0 +1,45 @@
+{% if adminform.model_admin.compressed_fields %}
+    <div class="flex flex-col gap-4 py-2 lg:flex-row">
+        <div class="font-medium flex items-start -ml-2 min-w-32 w-32 lg:min-w-48 lg:w-48">
+            {{ field.label_tag }}
+        </div>
+
+        <div class="flex-grow">
+            <div class="flex flex-col lg:flex-row">
+                {{ field.field }}
+
+                {% if field.field.help_text %}
+                    <div class="lg:-mt-2 lg:ml-2">
+                        {% include "unfold/helpers/help_text.html" with help_text=field.field.help_text %}
+                    </div>
+                {% endif %}
+            </div>
+
+            {% if field.errors %}
+                <div class="mt-1 text-red-600 text-sm dark:text-red-500">
+                    {{ field.errors }}
+                </div>
+            {% endif %}
+        </div>
+    </div>
+{% else %}
+    <div class="flex flex-row">
+        {{ field.field }}
+
+        <div class="flex flex-col">
+            {{ field.label_tag }}
+
+            {% if field.field.help_text %}
+                <div class="ml-2 -mt-1">
+                    {% include "unfold/helpers/help_text.html" with help_text=field.field.help_text %}
+                </div>
+            {% endif %}
+
+            {% if field.errors %}
+                <div class="mt-1 text-red-600 text-sm dark:text-red-500">
+                    {{ field.errors }}
+                </div>
+            {% endif %}
+        </div>
+    </div>
+{% endif %}

unfold/templates/unfold/helpers/fieldset_row_field.html

@@ -0,0 +1,21 @@
+<div class="{% if adminform.model_admin.compressed_fields %}lg:min-w-48 lg:mt-2 lg:w-48{% endif %}">
+    {{ field.label_tag }}
+</div>
+
+<div class="flex-grow">
+    {% if field.is_readonly %}
+        {% include "unfold/helpers/field_readonly_value.html" %}
+    {% else %}
+        {{ field.field }}
+    {% endif %}
+
+    {% if field.field.help_text and not field.is_checkbox %}
+        {% include "unfold/helpers/help_text.html" with help_text=field.field.help_text %}
+    {% endif %}
+
+    {% if field.errors %}
+        <div class="mt-1 text-red-600 text-sm dark:text-red-500">
+            {{ field.errors }}
+        </div>
+    {% endif %}
+</div>

unfold/templates/unfold/helpers/fieldsets_tabs.html

@@ -3,10 +3,10 @@
 {% with tabs=adminform|tabs %}
     {% if tabs %}
         <div x-data="{openTab: null}" x-show="activeTab == 'general'">
-            <ul class="bg-gray-100 border border-transparent flex gap-10 mb-6 px-4 py-3 rounded-md text-font-default-light text-sm lg:-mx-4 dark:bg-white/[.02] dark:border dark:border-gray-800 dark:text-font-default-dark">
+            <ul class="bg-base-100 flex gap-10 mb-6 px-4 py-3 rounded text-font-default-light lg:-mx-4 dark:bg-white/[.02] dark:text-font-default-dark">
                 {% for fieldset in tabs %}
                     <li>
-                        <a class="cursor-pointer font-semibold hover:text-gray-700 dark:hover:text-white"
+                        <a class="cursor-pointer font-semibold hover:text-base-700 dark:hover:text-white"
                            x-on:click="openTab = '{{ forloop.counter0 }}-{{ fieldset.name|slugify }}'"
                            x-bind:class="openTab == '{{ forloop.counter0 }}-{{ fieldset.name|slugify }}'{% if forloop.first %} || openTab == null{% endif %} ? 'text-font-important-light dark:text-font-important-dark' : ''">
                             {{ fieldset.name }}

unfold/templates/unfold/helpers/header.html

@@ -1,6 +1,6 @@
 {% if not is_popup %}
     {% block header %}
-        <div class="border-b border-gray-200 mb-6 px-4 lg:px-8 dark:border-gray-800">
+        <div class="border-b border-base-200 mb-6 px-4 lg:px-8 dark:border-base-800">
             <div class="{% if not cl.model_admin.list_fullwidth %}container{% endif %} flex items-center h-16 mx-auto py-4">
                 <div id="header-inner" class="flex items-center w-full">
                     <div class="flex items-center w-full">

unfold/templates/unfold/helpers/history.html

@@ -4,14 +4,14 @@
 
 {% if admin_log %}
     <div id="content-related" class="lg:w-96">
-        <div id="recent-actions-module" class="module bg-gray-50 rounded-md p-3 dark:bg-gray-800">
-            <h2 class="mb-3 font-semibold text-gray-900 dark:text-gray-100">
+        <div id="recent-actions-module" class="module bg-base-50 rounded p-3 dark:bg-base-800">
+            <h2 class="mb-3 font-semibold text-base-900 dark:text-base-100">
                 {% translate 'Recent actions' %}
             </h2>
 
             <ul class="actionlist">
                 {% for entry in admin_log %}
-                    <li class="{% if entry.is_addition %}addlink{% endif %}{% if entry.is_change %}changelink{% endif %}{% if entry.is_deletion %}deletelink{% endif %} border border-gray-400/10 bg-white mb-3 p-3 rounded-md shadow-sm last:mb-0 dark:bg-gray-900">
+                    <li class="{% if entry.is_addition %}addlink{% endif %}{% if entry.is_change %}changelink{% endif %}{% if entry.is_deletion %}deletelink{% endif %} border border-base-400/10 bg-white mb-3 p-3 rounded shadow-sm last:mb-0 dark:bg-base-900">
                         <div class="mb-3 overflow-hidden text-ellipsis whitespace-nowrap">
                             {% if entry.is_deletion or not entry.get_admin_url %}
                                 {{ entry.object_repr }}
@@ -20,7 +20,7 @@
                             {% endif %}
                         </div>
 
-                        <div class="border-gray-100 border-t flex pt-3 dark:border-gray-800">
+                        <div class="border-base-100 border-t flex pt-3 dark:border-base-800">
                             <div>
                                 {% if entry.content_type %}
                                     {% filter capfirst %}{{ entry.content_type.name }}{% endfilter %}

unfold/templates/unfold/helpers/label.html

@@ -10,7 +10,7 @@
              {% elif type == 'primary' %}
                  bg-primary-100 text-primary-700 dark:bg-primary-500/20 dark:text-primary-400
              {% else %}
-                 bg-gray-100 text-gray-700 dark:bg-gray-500/20 dark:text-gray-200
+                 bg-base-100 text-base-700 dark:bg-base-500/20 dark:text-base-200
              {% endif %}">
     {{ text }}
 </span>

unfold/templates/unfold/helpers/language_switch.html

@@ -6,11 +6,11 @@
 
 
 <div class="relative" x-data="{ openLanguageLinks: false }">
-    <a class="block cursor-pointer hover:text-gray-700 dark:hover:text-gray-200" x-on:click="openLanguageLinks = !openLanguageLinks">
+    <a class="block cursor-pointer h-4.5 hover:text-base-700 dark:hover:text-base-200" x-on:click="openLanguageLinks = !openLanguageLinks">
         <span class="material-symbols-outlined">translate</span>
     </a>
 
-    <div class="absolute bg-white border flex flex-col leading-none py-1 -right-2 rounded shadow-lg top-7 w-52 z-50 dark:bg-gray-800 dark:border-gray-700" x-cloak x-show="openLanguageLinks" @click.outside="openLanguageLinks = false">
+    <div class="absolute bg-white border flex flex-col leading-none py-1 -right-2 rounded shadow-lg top-7 w-52 z-50 dark:bg-base-800 dark:border-base-700" x-cloak x-show="openLanguageLinks" @click.outside="openLanguageLinks = false">
         {% for language in languages %}
             <form action="{% url 'set_language' %}" method="post" class="flex w-full">
                 {% csrf_token %}
@@ -18,7 +18,7 @@
                 <input name="next" type="hidden" value="{{ redirect_to }}">
                 <input name="language" type="hidden" value="{{ language.code }}">
 
-                <button type="submit" class="block flex-grow mx-1 px-3 py-2 rounded text-left hover:bg-gray-100 hover:text-gray-700 dark:hover:bg-gray-700 dark:hover:text-gray-200 {% if language.code == LANGUAGE_CODE %}text-primary-600 dark:text-primary-500 dark:hover:!text-primary-500 hover:!text-primary-600{% endif %}">
+                <button type="submit" class="block flex-grow mx-1 px-3 py-2 rounded text-left hover:bg-base-100 hover:text-base-700 dark:hover:bg-base-700 dark:hover:text-base-200 {% if language.code == LANGUAGE_CODE %}text-primary-600 dark:text-primary-500 dark:hover:!text-primary-500 hover:!text-primary-600{% endif %}">
                     {{ language.name_local }} ({{ language.code }})
                 </button>
             </form>

unfold/templates/unfold/helpers/messages/debug.html

@@ -0,0 +1,3 @@
+<p class="mb-3 px-3 py-3 rounded text-sm last:mb-8 bg-base-100 text-base-700 dark:bg-base-500/20 dark:text-base-400">
+    {{ message }}
+</p>