django-unfold 0.53.0__py3-none-any.whl → 0.55.0__py3-none-any.whl

unfold/templates/unfold/helpers/change_list_filter_actions.html

@@ -1,31 +1,33 @@
 {% load i18n %}
 
-<div class="bg-white border-t border-base-200 p-3 py-2.5 dark:bg-base-800 dark:border-base-700{% if not cl.model_admin.list_filter_sheet %} 2xl:!border-t-0 2xl:!bg-transparent 2xl:px-0{% endif %}">
-    {% if cl.model_admin.list_filter_submit %}
-        <button type="submit" class="bg-primary-600 block border border-transparent font-medium px-3 py-2 rounded text-white w-full">
-            {% trans "Apply Filters" %}
-        </button>
-    {% endif %}
+{% if cl.model_admin.list_filter_submit or cl.is_facets_optional or cl.has_active_filters %}
+    <div class="bg-white border-t border-base-200 p-3 py-2.5 dark:bg-base-800 dark:border-base-700{% if not cl.model_admin.list_filter_sheet %} 2xl:!border-t-0 2xl:!bg-transparent 2xl:px-0{% endif %}">
+        {% if cl.model_admin.list_filter_submit %}
+            <button type="submit" class="bg-primary-600 block border border-transparent font-medium px-3 py-2 rounded text-white w-full">
+                {% trans "Apply Filters" %}
+            </button>
+        {% endif %}
 
-    {% 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>
+        {% 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 %}
-            {% 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 lg:w-auto dark:border-base-700 dark:hover:text-base-200">
-                    {% trans "Clear all filters" %}
-                </a>
-            {% endif %}
-        </span>
-    {% endif %}
-</div>
+                {% 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 lg:w-auto dark:border-base-700 dark:hover:text-base-200">
+                        {% trans "Clear all filters" %}
+                    </a>
+                {% endif %}
+            </span>
+        {% endif %}
+    </div>
+{% endif %}

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

@@ -12,14 +12,16 @@
     {% if field.is_readonly %}
         {% include "unfold/helpers/field_readonly_value.html" with tabular=1 %}
     {% else %}
-        {{ field.field }}
+        <div class="flex flex-col">
+            {{ 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 %}
+            {% 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 %}
+        </div>
     {% endif %}
 </div>

unfold/templates/unfold/helpers/field.html

@@ -1,4 +1,6 @@
-{% if field.field.widget.input_type == "checkbox" %}
+{% load unfold %}
+
+{% if field.field.widget.input_type == "checkbox" and field.field.widget|class_name != "UnfoldAdminCheckboxSelectMultiple"%}
     <div class="{% if field.errors %}errors {% endif %}flex flex-col group mb-6 last:mb-4">
         <div class="flex flex-row gap-2 items-center">
             {{ field }}
@@ -11,7 +13,7 @@
         {% include "unfold/helpers/help_text.html" with help_text=field.help_text %}
     </div>
 {% else %}
-    <div class="{% if field.errors %}errors {% endif %}flex flex-col group mb-6 last:mb-4">
+    <div class="{% if field.errors %}errors {% endif %}flex flex-col gap-2 group mb-6 last:mb-4">
         {% include "unfold/helpers/form_label.html" with field=field %}
 
         {{ field }}

unfold/templates/unfold/helpers/form_label.html

@@ -1,4 +1,4 @@
-<label for="{{ field.id_for_label }}" class="block text-font-important-light dark:text-font-important-dark{% if field.field.widget.input_type == "checkbox" %}{% else %} font-semibold mb-2{% endif %}">
+<label for="{{ field.id_for_label }}" class="block font-semibold text-font-important-light dark:text-font-important-dark">
     {{ field.label }}
 
     {% if field.field.required %}

unfold/templates/unfold/helpers/tab_action.html

@@ -15,8 +15,23 @@
         {{ title }}
 
         {% if not link %}
-            <span class="material-symbols-outlined ml-auto rotate-90">
-                chevron_right
+            <span class="border-l border-base-200 flex items-center select-none self-stretch ml-1 -mr-1 -my-2 pl-2
+                         {% if action.variant.value == "primary" %}
+                             border-primary-700 dark:border-primary-500
+                         {% elif action.variant.value == "danger" %}
+                             border-red-700 dark:border-red-500
+                         {% elif action.variant.value == "success" %}
+                             border-green-700 dark:border-green-500
+                         {% elif action.variant.value == "info" %}
+                             border-blue-700 dark:border-blue-500
+                         {% elif action.variant.value == "warning" %}
+                             border-orange-700 dark:border-orange-500
+                         {% else %}
+                             border-base-200 dark:border-base-700
+                         {% endif %}">
+                <span class="material-symbols-outlined ml-auto rotate-90 transition-transform" x-bind:class="{'!-rotate-90': actionDropdownOpen }">
+                    chevron_right
+                </span>
             </span>
         {% endif %}
     </a>

unfold/templates/unfold/widgets/clearable_file_input.html

@@ -8,7 +8,7 @@
     </div>
 {% endif %}
 
-<div class="border border-base-200 flex items-center overflow-hidden rounded shadow-sm text-sm max-w-2xl dark:border-base-700">
+<div class="{{ widget.file_wrapper_class }}">
     {% if widget.is_initial and not widget.required %}
         <div class="bg-base-50 border-r border-base-200 flex flex-none items-center self-stretch px-3 dark:bg-white/[.02] dark:border-base-700 dark:text-font-default-dark">
             <label for="{{ widget.checkbox_id }}" class="flex items-center">

unfold/templates/unfold/widgets/clearable_file_input_small.html

@@ -1,7 +1,7 @@
 {% load i18n static %}
 
 <div class="flex flex-row">
-    <div class="border border-base-200 flex items-center overflow-hidden rounded shadow-sm text-sm max-w-2xl w-full focus-within:ring focus-within:ring-primary-300 focus-within:border-primary-600 dark:border-base-700 dark:focus-within:border-primary-600 dark:focus-within:ring-primary-700 dark:focus-within:ring-opacity-50">
+    <div class="{{ widget.file_wrapper_class }}">
         {% if widget.is_initial and not widget.required %}
             <div class="bg-base-50 border-r border-base-200 flex flex-none items-center self-stretch px-3 dark:bg-base-900 dark:border-r-gray-700">
                 <label for="{{ widget.checkbox_id }}" class="flex items-center">

unfold/templates/unfold/widgets/radio_option.html

@@ -5,7 +5,7 @@
 {% include "django/forms/widgets/input.html" %}
 
 {% if widget.wrap_label %}
-    <span>
+    <span class="truncate">
         {{ widget.label }}
     </span>
     </label>

unfold/templates/unfold_crispy/display_form.html

@@ -0,0 +1,9 @@
+{% if form.form_html %}
+    {% if include_media %}{{ form.media }}{% endif %}
+    {% if form_show_errors %}
+        {% include "unfold_crispy/errors.html" %}
+    {% endif %}
+    {{ form.form_html }}
+{% else %}
+    {% include "unfold_crispy/uni_form.html" %}
+{% endif %}

unfold/templates/unfold_crispy/errors.html

@@ -0,0 +1,3 @@
+{% if form.non_field_errors %}
+    {% include "unfold/helpers/messages/error.html" with errors=form.non_field_errors %}
+{% endif %}

unfold/templates/unfold_crispy/field.html

@@ -0,0 +1,23 @@
+{% load crispy_forms_field unfold %}
+
+{% if field.is_hidden %}
+    {{ field }}
+{% else %}
+    <{% if tag %}{{ tag }}{% else %}div{% endif %} id="div_{{ field.auto_id }}" class="group {% if tag == "td" %}align-top border-t border-base-200 font-normal gap-4 min-w-0 overflow-hidden px-3 py-3 text-left dark:border-base-800 dark:before:text-font-important-dark{% endif%} {% if field.errors %}errors{% endif %} {% if field_class %} {{ field_class }}{% endif %} {% if field|is_checkbox and tag == "td" %}flex flex-row gap-2 h-9.5 items-center{% else %}{% if 'form-horizontal' in form_class %} row{% endif %}{% endif %}{% if wrapper_class %} {{ wrapper_class }}{% endif %}{% if field.css_classes %} {{ field.css_classes }}{% endif %}">
+    {% if field.label and not field|is_checkbox and form_show_labels %}
+        <label {% if field.id_for_label %}for="{{ field.id_for_label }}"{% endif %} class="block font-semibold mb-2 text-font-important-light text-sm dark:text-font-important-dark {% if label_class %} {{ label_class }}{% endif %}">
+            {{ field.label }}{% if field.field.required %} <span class="asteriskField">*</span>{% endif %}
+        </label>
+    {% endif %}
+
+    {% if field|is_checkboxselectmultiple or field|is_radioselect %}
+        {% include 'unfold_crispy/layout/radio_checkbox_select.html' %}
+    {% elif field|is_checkbox  %}
+        {% include 'unfold_crispy/layout/checkbox.html' %}
+    {% else %}
+        {% crispy_field field %}
+
+        {% include 'unfold_crispy/layout/help_text_and_errors.html' %}
+    {% endif %}
+    </{% if tag %}{{ tag }}{% else %}div{% endif %}>
+{% endif %}

unfold/templates/unfold_crispy/inputs.html

@@ -0,0 +1,7 @@
+{% if inputs %}
+    <div class="border border-base-200 rounded flex flex-col gap-2 justify-end p-3 lg:flex-row dark:border-base-800 {{ field_class }}">
+        {% for input in inputs %}
+            {% include "unfold_crispy/layout/baseinput.html" %}
+        {% endfor %}
+    </div>
+{% endif %}

unfold/templates/unfold_crispy/layout/attrs.html

@@ -0,0 +1 @@
+{% for name, value in widget.attrs.items %}{% if value is not False %} {{ name }}{% if value is not True %}="{{ value|stringformat:'s' }}"{% endif %}{% endif %}{% endfor %}

unfold/templates/unfold_crispy/layout/baseinput.html

@@ -0,0 +1,9 @@
+<input type="{{ input.input_type }}"
+       name="{% if input.name|wordcount > 1 %}{{ input.name|slugify }}{% else %}{{ input.name }}{% endif %}"
+       value="{{ input.value }}"
+       {% if input.input_type != "hidden" %}
+           class="{{ input.field_classes }}"
+           id="{% if input.id %}{{ input.id }}{% else %}{{ input.input_type }}-id-{{ input.name|slugify }}{% endif %}"
+       {% endif %}
+       {{ input.flat_attrs }}
+/>

unfold/templates/unfold_crispy/layout/button.html

@@ -0,0 +1 @@
+<button {{ button.flat_attrs }}>{{ button.content|safe }}</button>

unfold/templates/unfold_crispy/layout/buttonholder.html

@@ -0,0 +1,3 @@
+<div {% if buttonholder.css_id %}id="{{ buttonholder.css_id }}"{% endif %} class="buttonHolder group-[.fieldset]:border-t group-[.fieldset]:border-base-200 group-[.fieldset]:flex group-[.fieldset]:flex-row group-[.fieldset]:justify-end group-[.fieldset]:-mx-3 group-[.fieldset]:pt-3 group-[.fieldset]:px-3{% if buttonholder.css_class %} {{ buttonholder.css_class }}{% endif %}">
+    {{ fields_output|safe }}
+</div>

unfold/templates/unfold_crispy/layout/checkbox.html

@@ -0,0 +1,19 @@
+{% load crispy_forms_field unfold %}
+
+{% if form_show_labels %}
+    <label for="{{ field.id_for_label }}" class="flex flex-row gap-3 items-center">
+        {% crispy_field field 'class' form_classes.switch %} <span>{{ field.label }}{% if field.field.required %} <span class="asteriskField">*</span>{% endif %}</span>
+    </label>
+
+    {% include 'unfold_crispy/layout/help_text_and_errors.html' %}
+{% else %}
+    {% with field=field|add_css_class:form_classes.checkbox %}
+        {% if tag == "td" %}
+            <div class="flex items-center justify-center h-9.5">
+                {% crispy_field field %}
+            </div>
+        {% else %}
+            {% crispy_field field %}
+        {% endif %}
+    {% endwith %}
+{% endif %}

unfold/templates/unfold_crispy/layout/column.html

@@ -0,0 +1,3 @@
+<div {% if div.css_id %}id="{{ div.css_id }}"{% endif %} class="flex flex-col grow gap-5 {{ div.css_class|default:'' }}" {{ div.flat_attrs }}>
+    {{ fields|safe }}
+</div>

unfold/templates/unfold_crispy/layout/div.html

@@ -0,0 +1,4 @@
+<div {% if div.css_id %}id="{{ div.css_id }}"{% endif %}
+     {% if div.css_class %}class="{{ div.css_class }}"{% endif %} {{ div.flat_attrs }}>
+    {{ fields|safe }}
+</div>

unfold/templates/unfold_crispy/layout/field_errors.html

@@ -0,0 +1,7 @@
+{% if form_show_errors and field.errors %}
+    {% for error in field.errors %}
+        <span id="error_{{ forloop.counter }}_{{ field.auto_id }}" class="block text-red-600 text-xs mt-1 dark:text-red-500">
+            {{ error }}
+        </span>
+    {% endfor %}
+{% endif %}

unfold/templates/unfold_crispy/layout/fieldset.html

@@ -0,0 +1,9 @@
+<fieldset {% if fieldset.css_id %}id="{{ fieldset.css_id }}"{% endif %} class="fieldset group flex flex-col gap-5 grow rounded border-base-200 shadow-sm aligned border p-3 relative dark:border-base-800 {% if fieldset.css_class %} {{ fieldset.css_class }}{% endif %}" {{ fieldset.flat_attrs }}>
+    {% if legend %}
+        <legend class="border-b border-base-200 font-semibold float-left pb-3 -mx-3 px-3 text-font-important-light dark:text-font-important-dark dark:border-base-800">
+            {{ legend|safe }}
+        </legend>
+    {% endif %}
+
+    {{ fields|safe }}
+</fieldset>

unfold/templates/unfold_crispy/layout/help_text.html

@@ -0,0 +1,5 @@
+{% if field.help_text %}
+    <div {% if field.id_for_label %}id="{{ field.id_for_label }}_helptext" {% endif %}class="leading-relaxed mt-2 text-xs">
+        {{ field.help_text|safe }}
+    </div>
+{% endif %}

unfold/templates/unfold_crispy/layout/help_text_and_errors.html

@@ -0,0 +1,3 @@
+{% include 'unfold_crispy/layout/field_errors.html' %}
+
+{% include 'unfold_crispy/layout/help_text.html' %}

unfold/templates/unfold_crispy/layout/radio_checkbox_select.html

@@ -0,0 +1,21 @@
+{% load crispy_forms_filters l10n %}
+
+<div class="flex flex-col gap-2 {% if field_class %}{{ field_class }}{% endif %}"{% if flat_attrs %} {{ flat_attrs }}{% endif %}>
+    {% for group, options, index in field|optgroups %}
+        {% if group %}
+            <strong>{{ group }}</strong>
+        {% endif %}
+
+        {% for option in options %}
+            <div>
+                <label for="{{ option.attrs.id }}" class="flex flex-row items-center gap-2">
+                    <input type="{{ option.type }}" class="{% if field.errors %}errors{% endif %} {% if option.type == "radio" %}{{ form_classes.radio }}{% else %}{{ form_classes.checkbox }}{% endif %}" name="{{ field.html_name }}" value="{{ option.value|unlocalize }}" {% include "unfold_crispy/layout/attrs.html" with widget=option %}>
+
+                    {{ option.label|unlocalize }}
+                </label>
+            </div>
+        {% endfor %}
+    {% endfor %}
+</div>
+
+{% include 'unfold_crispy/layout/help_text_and_errors.html' %}

unfold/templates/unfold_crispy/layout/row.html

@@ -0,0 +1,3 @@
+<div {% if div.css_id %}id="{{ div.css_id }}"{% endif %} class="flex flex-col gap-5 grow lg:flex-row {{ div.css_class|default:'' }}" {{ div.flat_attrs }}>
+    {{ fields|safe }}
+</div>

unfold/templates/unfold_crispy/layout/table_inline_formset.html

@@ -0,0 +1,100 @@
+{% load crispy_forms_tags crispy_forms_utils crispy_forms_field i18n %}
+
+{% specialspaceless %}
+    {% if formset_tag %}
+        <form {{ flat_attrs }} method="{{ form_method }}" {% if formset.is_multipart %} enctype="multipart/form-data"{% endif %}>
+    {% endif %}
+
+    {% if formset_method|lower == 'post' and not disable_csrf %}
+        {% csrf_token %}
+    {% endif %}
+
+    <div class="overflow-x-auto border border-base-200 rounded shadow-sm dark:border-base-800" {% if form_id %} id="{{ form_id }}"{% endif %}>
+        {{ formset.management_form|crispy }}
+
+        <table class="w-full">
+            <thead>
+                {% if formset.readonly and not formset.queryset.exists %}
+                {% else %}
+                    <tr>
+                        {% for field in formset.forms.0 %}
+                            {% if field.label and not field.is_hidden %}
+                                <th for="{{ field.auto_id }}" class="align-middle font-semibold py-2 text-left text-font-important-light dark:text-font-important-dark whitespace-nowrap px-3 {% if field.name == "DELETE" %}w-0{% endif %}">
+                                    {{ field.label }}{% if field.field.required and not field|is_checkbox %} <span class="asteriskField">*</span>{% endif %}
+                                </th>
+                            {% endif %}
+                        {% endfor %}
+                    </tr>
+                {% endif %}
+            </thead>
+
+            <tbody {% if formset_id %}id="{{ formset_id }}-rows"{% endif %}>
+                {% for form in formset %}
+                    {% if form_show_errors and form.non_field_errors and not form.is_extra %}
+                        <tr>
+                            <td colspan="100%" class="border-t border-base-200 px-3 pt-3 dark:border-base-800">
+                                {% include "unfold_crispy/errors.html" %}
+                            </td>
+                        </tr>
+                    {% endif %}
+
+                    <tr>
+                        {% for field in form %}
+                            {% include 'unfold_crispy/field.html' with tag="td" form_show_labels=False %}
+                        {% endfor %}
+                    </tr>
+                {% endfor %}
+            </tbody>
+
+            {% if form_add and formset_id %}
+                <tbody>
+                    <tr class="empty-form">
+                        {% for field in formset.empty_form %}
+                            {% include 'unfold_crispy/field.html' with tag="td" form_show_labels=False %}
+                        {% endfor %}
+                    </tr>
+
+                    <tr id="{{ formset_id }}-add-row-wrapper">
+                        <td colspan="100%" class="border-t border-base-200 p-3 dark:border-base-800">
+                            <div class="flex justify-end">
+                                <button type="button" id="{{ formset_id }}-add-row-button" class="border border-base-200 font-medium px-3 py-2 rounded transition-all w-full hover:bg-base-50 lg:block lg:w-auto dark:border-base-700 dark:hover:text-base-200 dark:hover:bg-base-900">
+                                    {% trans "Add row" %}
+                                </button>
+                            </div>
+                        </td>
+                    </tr>
+                </tbody>
+            {% endif %}
+        </table>
+
+        {% include "unfold_crispy/inputs.html" %}
+    </div>
+
+    {% if formset_tag %}
+        </form>
+    {% endif %}
+
+    {% if form_add and formset_id %}
+        <script>
+            document.getElementById('{{ formset_id }}-add-row-button').addEventListener('click', function() {
+                const formTotalEl = document.querySelector(`#{{ formset_id }} input[name*="TOTAL_FORMS"]`)
+                const formCount = parseInt(formTotalEl.value);
+                const newForm = document.querySelector('#{{ formset_id }} .empty-form').cloneNode(true);
+
+                newForm.classList.remove('empty-form');
+                newForm.innerHTML = newForm.innerHTML.replaceAll(/__prefix__/g, formCount);
+
+                document.getElementById('{{ formset_id }}-rows').insertBefore(
+                    newForm,
+                    document.getElementById("#{{ formset_id }}-add-row-wrapper")
+                )
+
+                formTotalEl.value = formCount + 1;
+
+                newForm.dispatchEvent(new CustomEvent('formset:added', {
+                    bubbles: true
+                }));
+            });
+        </script>
+    {% endif %}
+{% endspecialspaceless %}

unfold/templates/unfold_crispy/uni_form.html

@@ -0,0 +1,11 @@
+{% load crispy_forms_utils %}
+
+{% specialspaceless %}
+    {% if include_media %}{{ form.media }}{% endif %}
+    {% if form_show_errors %}
+        {% include "unfold_crispy/errors.html" %}
+    {% endif %}
+    {% for field in form %}
+        {% include field_template %}
+    {% endfor %}
+{% endspecialspaceless %}

unfold/templates/unfold_crispy/whole_uni_form.html

@@ -0,0 +1,14 @@
+{% load crispy_forms_utils %}
+
+{% specialspaceless %}
+    {% if form_tag %}<form {{ flat_attrs }} method="{{ form_method }}" {% if form.is_multipart %} enctype="multipart/form-data"{% endif %}>{% endif %}
+    {% if form_method|lower == 'post' and not disable_csrf %}
+        {% csrf_token %}
+    {% endif %}
+
+    {% include "unfold_crispy/display_form.html" %}
+
+    {% include "unfold_crispy/inputs.html" %}
+
+    {% if form_tag %}</form>{% endif %}
+{% endspecialspaceless %}

unfold/templatetags/unfold.py

@@ -8,7 +8,7 @@ from django.contrib.admin.views.main import ChangeList
 from django.contrib.admin.widgets import RelatedFieldWidgetWrapper
 from django.db.models import Model
 from django.db.models.options import Options
-from django.forms import BoundField, Field
+from django.forms import BoundField, CheckboxSelectMultiple, Field
 from django.http import HttpRequest
 from django.template import Context, Library, Node, RequestContext, TemplateSyntaxError
 from django.template.base import NodeList, Parser, Token, token_kwargs
@@ -18,7 +18,7 @@ from django.utils.safestring import SafeText, mark_safe
 from unfold.components import ComponentRegistry
 from unfold.dataclasses import UnfoldAction
 from unfold.enums import ActionVariant
-from unfold.widgets import UnfoldAdminSplitDateTimeWidget
+from unfold.widgets import UnfoldAdminMoneyWidget, UnfoldAdminSplitDateTimeWidget
 
 register = Library()
 
@@ -438,41 +438,46 @@ def action_item_classes(context: Context, action: UnfoldAction) -> str:
     if variant == ActionVariant.PRIMARY:
         classes.extend(
             [
-                "border-primary-600",
+                "border-primary-700",
                 "bg-primary-600",
                 "text-white",
+                "dark:border-primary-500",
             ]
         )
     elif variant == ActionVariant.DANGER:
         classes.extend(
             [
-                "border-red-600",
+                "border-red-700",
                 "bg-red-600",
                 "text-white",
+                "dark:border-red-500",
             ]
         )
     elif variant == ActionVariant.SUCCESS:
         classes.extend(
             [
-                "border-green-600",
+                "border-green-700",
                 "bg-green-600",
                 "text-white",
+                "dark:border-green-500",
             ]
         )
     elif variant == ActionVariant.INFO:
         classes.extend(
             [
-                "border-blue-600",
+                "border-blue-700",
                 "bg-blue-600",
                 "text-white",
+                "dark:border-blue-500",
             ]
         )
     elif variant == ActionVariant.WARNING:
         classes.extend(
             [
-                "border-orange-600",
+                "border-orange-700",
                 "bg-orange-600",
                 "text-white",
+                "dark:border-orange-500",
             ]
         )
     else:
@@ -480,6 +485,7 @@ def action_item_classes(context: Context, action: UnfoldAction) -> str:
             [
                 "border-base-200",
                 "hover:text-primary-600",
+                "dark:hover:text-primary-500",
                 "dark:border-base-700",
             ]
         )
@@ -489,7 +495,7 @@ def action_item_classes(context: Context, action: UnfoldAction) -> str:
 
 @register.filter
 def changeform_data(adminform: AdminForm) -> str:
-    fields = []
+    fields = {}
 
     for fieldset in adminform:
         for line in fieldset:
@@ -497,15 +503,19 @@ def changeform_data(adminform: AdminForm) -> str:
                 if isinstance(field.field, dict):
                     continue
 
-                if isinstance(field.field.field.widget, UnfoldAdminSplitDateTimeWidget):
+                if isinstance(
+                    field.field.field.widget, UnfoldAdminSplitDateTimeWidget
+                ) or isinstance(field.field.field.widget, UnfoldAdminMoneyWidget):
                     for index, _widget in enumerate(field.field.field.widget.widgets):
-                        fields.append(
+                        fields[
                             f"{field.field.name}{field.field.field.widget.widgets_names[index]}"
-                        )
+                        ] = None
+                elif isinstance(field.field.field.widget, CheckboxSelectMultiple):
+                    fields[field.field.name] = []
                 else:
-                    fields.append(field.field.name)
+                    fields[field.field.name] = None
 
-    return mark_safe(json.dumps(dict.fromkeys(fields, "")))
+    return mark_safe(json.dumps(fields))
 
 
 @register.filter(takes_context=True)
@@ -518,7 +528,9 @@ def changeform_condition(field: BoundField) -> BoundField:
         field.field.field.widget.widget.attrs["x-init"] = mark_safe(
             f"const $ = django.jQuery; $(function () {{ const select = $('#{field.field.auto_id}'); select.on('change', (ev) => {{ {field.field.name} = select.val(); }}); }});"
         )
-    elif isinstance(field.field.field.widget, UnfoldAdminSplitDateTimeWidget):
+    elif isinstance(
+        field.field.field.widget, UnfoldAdminSplitDateTimeWidget
+    ) or isinstance(field.field.field.widget, UnfoldAdminMoneyWidget):
         for index, widget in enumerate(field.field.field.widget.widgets):
             field_name = (
                 f"{field.field.name}{field.field.field.widget.widgets_names[index]}"