django-unfold 0.33.0__py3-none-any.whl → 0.35.0__py3-none-any.whl

unfold/templates/unfold/widgets/clearable_file_input.html

@@ -14,14 +14,14 @@
             <label for="{{ widget.checkbox_id }}" class="flex items-center">
                 <input type="checkbox"{% if widget.class %} class="{{ widget.class }}"{% endif %} name="{{ widget.checkbox_name }}" id="{{ widget.checkbox_id }}" />
 
-                <span class="ml-2 text-gray-500 dark:text-gray-300">
+                <span class="ml-2">
                     {{ widget.clear_checkbox_label }}
                 </span>
             </label>
         </div>
     {% endif %}
 
-    <input type="text" value="{% if widget.value %}{{ widget.value.url }}{% else %}{% trans 'Choose file to upload' %}{% endif %}" disabled class="bg-white flex-grow font-medium px-3 py-2 text-ellipsis dark:bg-gray-900 {% if widget.value %}text-gray-500 dark:text-gray-300{% else %}text-gray-300 dark:text-gray-300{% endif %}">
+    <input type="text" aria-label="{% trans 'Choose file to upload' %}" value="{% if widget.value %}{{ widget.value.url }}{% else %}{% trans 'Choose file to upload' %}{% endif %}" disabled class="bg-white flex-grow font-medium px-3 py-2 text-ellipsis dark:bg-gray-900 {% if widget.value %}text-gray-500 dark:text-gray-300{% else %}text-gray-300 dark:text-gray-300{% endif %}">
 
     <div class="flex flex-none items-center leading-none self-stretch">
         <div class="hidden">

unfold/templates/unfold/widgets/clearable_file_input_small.html

@@ -7,14 +7,14 @@
                 <label for="{{ widget.checkbox_id }}" class="flex items-center">
                     <input type="checkbox"{% if widget.class %} class="{{ widget.class }}"{% endif %} name="{{ widget.checkbox_name }}" id="{{ widget.checkbox_id }}" />
 
-                    <span class="ml-2 text-gray-500 dark:text-gray-300">
+                    <span class="ml-2">
                         {{ widget.clear_checkbox_label }}
                     </span>
                 </label>
             </div>
         {% endif %}
 
-        <input type="text" value="{% if widget.value %}{{ widget.value.url }}{% else %}{% trans 'Choose file to upload' %}{% endif %}" disabled class="bg-white flex-grow font-medium px-3 py-2 text-ellipsis dark:bg-gray-900 {% if widget.value %}text-gray-500 dark:text-gray-300{% else %}text-gray-300 dark:text-gray-300{% endif %}">
+        <input type="text" aria-label="{% trans 'Choose file to upload' %}" value="{% if widget.value %}{{ widget.value.url }}{% else %}{% trans 'Choose file to upload' %}{% endif %}" disabled class="bg-white flex-grow font-medium px-3 py-2 text-ellipsis dark:bg-gray-900 {% if widget.value %}text-gray-500 dark:text-gray-300{% else %}text-gray-300 dark:text-gray-300{% endif %}">
 
         <div class="flex flex-none items-center leading-none self-stretch">
             <input type="{{ widget.type }}" name="{{ widget.name }}" class="{{ widget.file_input_class }}" {% include "django/forms/widgets/attrs.html" %} />

unfold/templates/unfold/widgets/foreign_key_raw_id.html

@@ -2,14 +2,18 @@
     {% include 'django/forms/widgets/input.html' %}
 
     {% if related_url %}
-        <a href="{{ related_url }}" class="related-lookup related-widget-wrapper-link view-related bg-white border cursor-pointer flex items-center h-9.5 justify-center ml-2 rounded shadow-sm shrink-0 text-gray-400 text-sm w-9.5 hover:text-gray-700 dark:bg-gray-900 dark:border-gray-700 dark:text-gray-500 dark:hover:text-gray-200" id="lookup_id_{{ widget.name }}">
+        <a href="{{ related_url }}" class="related-lookup view-related bg-white border cursor-pointer flex items-center h-9.5 justify-center ml-2 rounded shadow-sm shrink-0 text-gray-400 text-sm w-9.5 hover:text-gray-700 dark:bg-gray-900 dark:border-gray-700 dark:text-gray-500 dark:hover:text-gray-200" id="lookup_id_{{ widget.name }}">
             <span class="material-symbols-outlined text-sm">search</span>
         </a>
     {% endif %}
 
-    {% if link_label and link_url %}
-        <a href="{{ link_url }}" title="{{ link_label }}" class="bg-white border cursor-pointer flex items-center h-9.5 justify-center ml-2 rounded shadow-sm shrink-0 text-gray-400 text-sm w-9.5 hover:text-gray-700 dark:bg-gray-900 dark:border-gray-700 dark:text-gray-500 dark:hover:text-gray-200">
-            <span class="material-symbols-outlined text-sm">visibility</span>
+    {% if link_url %}
+        <a href="{{ link_url }}" title="{{ link_label }}" class="flex items-center h-9.5 justify-center ml-4 rounded shrink-0 text-primary-600 text-sm dark:text-primary-500">
+            {{ link_label }}
         </a>
+    {% else %}
+        <span title="{{ link_label }}" class="bg-white flex items-center h-9.5 justify-center ml-4 rounded shrink-0 text-sm">
+            {{ link_label }}
+        </span>
     {% endif %}
 </div>

unfold/templates/unfold/widgets/radio_option.html

@@ -5,7 +5,7 @@
 {% include "django/forms/widgets/input.html" %}
 
 {% if widget.wrap_label %}
-        <span class="text-sm text-gray-900 dark:text-gray-200">
+        <span>
             {{ widget.label }}
         </span>
     </label>

unfold/templates/unfold/widgets/split_datetime.html

@@ -1,6 +1,6 @@
 <div class="datetime flex flex-col gap-2 max-w-2xl lg:flex-row lg:group-[.field-row]:flex-row lg:group-[.field-row]:items-center lg:group-[.field-tabular]:flex-row lg:group-[.field-tabular]:items-center">
     <div class="basis-1/2 flex flex-col lg:group-[.field-row]:flex-row group-[.field-row]:gap-2 lg:group-[.field-tabular]:flex-row group-[.field-tabular]:gap-2">
-        <div class="font-medium mb-2 text-gray-500 text-sm dark:text-gray-300 group-[.field-row]:mb-0 group-[.field-row]:flex group-[.field-row]:items-center group-[.field-tabular]:mb-0 group-[.field-tabular]:flex group-[.field-tabular]:items-center">
+        <div class="font-medium mb-2 group-[.field-row]:mb-0 group-[.field-row]:flex group-[.field-row]:items-center group-[.field-tabular]:mb-0 group-[.field-tabular]:flex group-[.field-tabular]:items-center">
             {{ date_label }}
         </div>
 
@@ -12,7 +12,7 @@
     </div>
 
     <div class="basis-1/2 flex flex-col lg:ml-auto md:mt-0 lg:group-[.field-row]:flex-row group-[.field-row]:gap-2 lg:group-[.field-tabular]:flex-row group-[.field-tabular]:gap-2">
-        <div class="font-medium mb-2 text-gray-500 text-sm dark:text-gray-300 group-[.field-row]:mb-0 group-[.field-row]:flex group-[.field-row]:items-center group-[.field-tabular]:mb-0 group-[.field-tabular]:flex group-[.field-tabular]:items-center">
+        <div class="font-medium mb-2 group-[.field-row]:mb-0 group-[.field-row]:flex group-[.field-row]:items-center group-[.field-tabular]:mb-0 group-[.field-tabular]:flex group-[.field-tabular]:items-center">
             {{ time_label }}
         </div>
 

unfold/templates/unfold/widgets/split_datetime_vertical.html

@@ -1,7 +1,7 @@
 <div class="datetime flex flex-col max-w-2xl">
     <div class="flex flex-col flex-wrap mb-2">
         {% if date_label %}
-            <div class="mb-2 text-gray-500 text-sm dark:text-gray-200">
+            <div class="mb-2">
                 {{ date_label }}
             </div>
         {% endif %}
@@ -15,7 +15,7 @@
 
     <div class="flex flex-col flex-wrap mt-3 md:mt-0">
         {% if time_label %}
-            <div class="mb-2 text-gray-500 text-sm dark:text-gray-200">
+            <div class="mb-2">
                 {{ time_label }}
             </div>
         {% endif %}

unfold/templatetags/unfold_list.py

@@ -37,9 +37,7 @@ from ..widgets import UnfoldBooleanWidget
 register = Library()
 
 LINK_CLASSES = [
-    "text-gray-600",
     "truncate",
-    "dark:text-gray-300",
 ]
 
 ROW_CLASSES = [
@@ -54,17 +52,17 @@ ROW_CLASSES = [
     "px-3",
     "py-2",
     "text-left",
-    "text-gray-500",
     "text-sm",
     "before:flex",
     "before:capitalize",
     "before:content-[attr(data-label)]",
     "before:items-center",
+    "before:font-semibold",
     "before:mr-auto",
-    "before:text-gray-500",
+    "before:text-gray-900",
     "first:border-t-0",
-    "dark:before:text-gray-300",
     "dark:text-gray-300",
+    "dark:before:text-gray-100",
     "lg:before:hidden",
     "lg:first:border-t",
     "lg:py-3",
@@ -84,13 +82,14 @@ CHECKBOX_CLASSES = [
     "before:block",
     "before:capitalize",
     "before:content-[attr(data-label)]",
+    "before:font-semibold",
     "before:mr-auto",
-    "before:text-gray-500",
+    "before:text-gray-100",
     "lg:before:hidden",
     "lg:border-t",
     "lg:border-gray-200",
     "lg:table-cell",
-    "dark:before:text-gray-300",
+    "dark:before:text-gray-100",
     "dark:lg:border-gray-800",
 ]
 

unfold/widgets.py

@@ -25,6 +25,7 @@ from django.forms import (
     NumberInput,
     PasswordInput,
     Select,
+    SelectMultiple,
 )
 from django.utils.translation import gettext_lazy as _
 
@@ -36,14 +37,14 @@ LABEL_CLASSES = [
     "mb-2",
     "text-gray-900",
     "text-sm",
-    "dark:text-gray-200",
+    "dark:text-gray-100",
 ]
 
 CHECKBOX_LABEL_CLASSES = [
     "ml-2",
     "text-sm",
     "text-gray-900",
-    "dark:text-gray-200",
+    "dark:text-gray-100",
 ]
 
 BASE_CLASSES = [
@@ -123,7 +124,6 @@ PROSE_CLASSES = [
     "prose-pre:rounded",
     "prose-headings:font-medium",
     "prose-a:text-primary-600",
-    "prose-a:underline",
     "prose-headings:font-medium",
     "prose-headings:text-gray-700",
     "prose-ol:list-decimal",
@@ -241,9 +241,10 @@ SWITCH_CLASSES = [
     "after:left-1",
     "after:top-1",
     "after:w-3",
-    "checked:bg-primary-600",
+    "checked:bg-green-500",
     "checked:after:left-4",
     "dark:bg-gray-600",
+    "dark:checked:bg-green-700",
 ]
 
 
@@ -480,7 +481,16 @@ class UnfoldAdminSelectWidget(Select):
         if attrs is None:
             attrs = {}
 
-        attrs["class"] = " ".join(SELECT_CLASSES)
+        attrs["class"] = " ".join([*SELECT_CLASSES, attrs.get("class", "")])
+        super().__init__(attrs, choices)
+
+
+class UnfoldAdminSelectMultipleWidget(SelectMultiple):
+    def __init__(self, attrs=None, choices=()):
+        if attrs is None:
+            attrs = {}
+
+        attrs["class"] = " ".join([*SELECT_CLASSES, attrs.get("class", "")])
         super().__init__(attrs, choices)
 
 
@@ -513,7 +523,12 @@ try:
         def __init__(self, *args, **kwargs):
             super().__init__(
                 amount_widget=UnfoldAdminTextInputWidget,
-                currency_widget=UnfoldAdminSelectWidget(choices=CURRENCY_CHOICES),
+                currency_widget=UnfoldAdminSelectWidget(
+                    choices=CURRENCY_CHOICES,
+                    attrs={
+                        "aria-label": _("Select currency"),
+                    },
+                ),
             )
 
 except ImportError: