django-unfold 0.55.2__py3-none-any.whl → 1.0.0__py3-none-any.whl

unfold/contrib/forms/templates/unfold/forms/helpers/toolbar.html

@@ -1,26 +1,26 @@
 {% load i18n %}
 
 <template id="trix-toolbar">
-    <div class="bg-base-50 flex flex-row flex-wrap border group-[.errors]:border-t-red-600 gap-4 group-[.errors]:border-x-red-600 px-3 py-2 relative rounded rounded-b-none shadow-sm w-full dark:bg-white/[.02] dark:border-base-700 dark:group-[.errors]:border-t-red-500 dark:group-[.errors]:border-x-red-500">
-        <div data-trix-button-group="text-tools" class="bg-white border border-md flex flex-row rounded shadow-sm shrink-0 dark:bg-base-900 dark:border-base-700 dark:text-font-default-dark">
+    <div class="bg-base-50 flex flex-row flex-wrap border border-base-200 group-[.errors]:border-t-red-600 gap-4 group-[.errors]:border-x-red-600 px-3 py-2 relative rounded-default rounded-b-none shadow-xs w-full dark:bg-white/[.02] dark:border-base-700 dark:group-[.errors]:border-t-red-500 dark:group-[.errors]:border-x-red-500">
+        <div data-trix-button-group="text-tools" class="bg-white border border-base-200 border-md flex flex-row rounded-default shadow-xs shrink-0 dark:bg-base-900 dark:border-base-700 dark:text-font-default-dark">
             {% spaceless %}
-                <button type="button" data-trix-attribute="p" data-trix-key="p" title="{% trans "Paragraph" %}" tabindex="-1" class="border-r cursor-pointer flex items-center h-8 justify-center transition-colors w-8 hover:text-primary-600 dark:border-base-700">
+                <button type="button" data-trix-attribute="p" data-trix-key="p" title="{% trans "Paragraph" %}" tabindex="-1" class="border-r border-base-200 cursor-pointer flex items-center h-8 justify-center transition-colors w-8 hover:text-primary-600 dark:border-base-700">
                     <span class="material-symbols-outlined">format_paragraph</span>
                 </button>
 
-                <button type="button" data-trix-attribute="underlined" data-trix-key="u" title="{% trans "Underlined" %}" tabindex="-1" class="border-r cursor-pointer flex items-center h-8 justify-center transition-colors w-8 hover:text-primary-600 dark:border-base-700">
+                <button type="button" data-trix-attribute="underlined" data-trix-key="u" title="{% trans "Underlined" %}" tabindex="-1" class="border-r border-base-200 cursor-pointer flex items-center h-8 justify-center transition-colors w-8 hover:text-primary-600 dark:border-base-700">
                     <span class="material-symbols-outlined">format_underlined</span>
                 </button>
 
-                <button type="button" data-trix-attribute="bold" data-trix-key="b" title="{% trans "Bold" %}" tabindex="-1" class="border-r cursor-pointer flex items-center h-8 justify-center transition-colors w-8 hover:text-primary-600 dark:border-base-700">
+                <button type="button" data-trix-attribute="bold" data-trix-key="b" title="{% trans "Bold" %}" tabindex="-1" class="border-r border-base-200 cursor-pointer flex items-center h-8 justify-center transition-colors w-8 hover:text-primary-600 dark:border-base-700">
                     <span class="material-symbols-outlined">format_bold</span>
                 </button>
 
-                <button type="button" data-trix-attribute="italic" data-trix-key="i" title="{% trans "Italic" %}" tabindex="-1" class="border-r cursor-pointer flex items-center h-8 justify-center transition-colors w-8 hover:text-primary-600 dark:border-base-700">
+                <button type="button" data-trix-attribute="italic" data-trix-key="i" title="{% trans "Italic" %}" tabindex="-1" class="border-r border-base-200 cursor-pointer flex items-center h-8 justify-center transition-colors w-8 hover:text-primary-600 dark:border-base-700">
                     <span class="material-symbols-outlined">format_italic</span>
                 </button>
 
-                <button type="button" data-trix-attribute="strike" title="{% trans "Strike" %}" tabindex="-1" class="border-r cursor-pointer flex items-center h-8 justify-center transition-colors w-8 hover:text-primary-600 dark:border-base-700">
+                <button type="button" data-trix-attribute="strike" title="{% trans "Strike" %}" tabindex="-1" class="border-r border-base-200 cursor-pointer flex items-center h-8 justify-center transition-colors w-8 hover:text-primary-600 dark:border-base-700">
                     <span class="material-symbols-outlined">format_strikethrough</span>
                 </button>
 
@@ -30,17 +30,17 @@
             {% endspaceless %}
         </div>
 
-        <div data-trix-button-group="block-headings" class="bg-white border border-md flex flex-row rounded shadow-sm dark:bg-base-900 dark:border-base-700 dark:text-font-default-dark">
+        <div data-trix-button-group="block-headings" class="bg-white border border-base-200 border-md flex flex-row rounded-default shadow-xs dark:bg-base-900 dark:border-base-700 dark:text-font-default-dark">
             {% spaceless %}
-                <button type="button" data-trix-attribute="heading1" title="{% trans "Heading" %} 1" tabindex="-1" class="border-r cursor-pointer flex items-center h-8 justify-center transition-colors w-8 hover:text-primary-600 dark:border-base-700">
+                <button type="button" data-trix-attribute="heading1" title="{% trans "Heading" %} 1" tabindex="-1" class="border-r border-base-200 cursor-pointer flex items-center h-8 justify-center transition-colors w-8 hover:text-primary-600 dark:border-base-700">
                     <span class="material-symbols-outlined">format_h1</span>
                 </button>
 
-                <button type="button" data-trix-attribute="heading2" title="{% trans "Heading" %} 2" tabindex="-1" class="border-r cursor-pointer flex items-center h-8 justify-center transition-colors w-8 hover:text-primary-600 dark:border-base-700">
+                <button type="button" data-trix-attribute="heading2" title="{% trans "Heading" %} 2" tabindex="-1" class="border-r border-base-200 cursor-pointer flex items-center h-8 justify-center transition-colors w-8 hover:text-primary-600 dark:border-base-700">
                     <span class="material-symbols-outlined">format_h2</span>
                 </button>
 
-                <button type="button" data-trix-attribute="heading3" title="{% trans "Heading" %} 3" tabindex="-1" class="border-r cursor-pointer flex items-center h-8 justify-center transition-colors w-8 hover:text-primary-600 dark:border-base-700">
+                <button type="button" data-trix-attribute="heading3" title="{% trans "Heading" %} 3" tabindex="-1" class="border-r border-base-200 cursor-pointer flex items-center h-8 justify-center transition-colors w-8 hover:text-primary-600 dark:border-base-700">
                     <span class="material-symbols-outlined">format_h3</span>
                 </button>
 
@@ -50,25 +50,25 @@
             {% endspaceless %}
         </div>
 
-        <div data-trix-button-group="block-tools" class="bg-white border border-md flex flex-row rounded shadow-sm dark:bg-base-900 dark:border-base-700 dark:text-font-default-dark">
+        <div data-trix-button-group="block-tools" class="bg-white border border-base-200 border-md flex flex-row rounded-default shadow-xs dark:bg-base-900 dark:border-base-700 dark:text-font-default-dark">
             {% spaceless %}
-                <button type="button" data-trix-attribute="quote" title="{% trans "Quote" %}" tabindex="-1" class="border-r cursor-pointer flex items-center h-8 justify-center transition-colors w-8 hover:text-primary-600 dark:border-base-700">
+                <button type="button" data-trix-attribute="quote" title="{% trans "Quote" %}" tabindex="-1" class="border-r border-base-200 cursor-pointer flex items-center h-8 justify-center transition-colors w-8 hover:text-primary-600 dark:border-base-700">
                     <span class="material-symbols-outlined">format_quote</span>
                 </button>
 
-                <button type="button" data-trix-attribute="code" title="{% trans "Code" %}" tabindex="-1" class="border-r cursor-pointer flex items-center h-8 justify-center transition-colors w-8 hover:text-primary-600 dark:border-base-700">
+                <button type="button" data-trix-attribute="code" title="{% trans "Code" %}" tabindex="-1" class="border-r border-base-200 cursor-pointer flex items-center h-8 justify-center transition-colors w-8 hover:text-primary-600 dark:border-base-700">
                     <span class="material-symbols-outlined">code</span>
                 </button>
 
-                <button type="button" data-trix-attribute="bullet" title="{% trans "Unordered list" %}" tabindex="-1" class="border-r cursor-pointer flex items-center h-8 justify-center transition-colors w-8 hover:text-primary-600 dark:border-base-700">
+                <button type="button" data-trix-attribute="bullet" title="{% trans "Unordered list" %}" tabindex="-1" class="border-r border-base-200 cursor-pointer flex items-center h-8 justify-center transition-colors w-8 hover:text-primary-600 dark:border-base-700">
                     <span class="material-symbols-outlined">format_list_bulleted</span>
                 </button>
 
-                <button type="button"  data-trix-attribute="number" title="{% trans "Ordered list" %}" tabindex="-1" class="border-r cursor-pointer flex items-center h-8 justify-center transition-colors w-8 hover:text-primary-600 dark:border-base-700">
+                <button type="button"  data-trix-attribute="number" title="{% trans "Ordered list" %}" tabindex="-1" class="border-r border-base-200 cursor-pointer flex items-center h-8 justify-center transition-colors w-8 hover:text-primary-600 dark:border-base-700">
                     <span class="material-symbols-outlined">format_list_numbered</span>
                 </button>
 
-                <button type="button" data-trix-action="increaseNestingLevel" title="{% trans "Indent increase" %}" tabindex="-1" class="border-r cursor-pointer flex items-center h-8 justify-center transition-colors w-8 hover:text-primary-600 dark:border-base-700">
+                <button type="button" data-trix-action="increaseNestingLevel" title="{% trans "Indent increase" %}" tabindex="-1" class="border-r border-base-200 cursor-pointer flex items-center h-8 justify-center transition-colors w-8 hover:text-primary-600 dark:border-base-700">
                     <span class="material-symbols-outlined">format_indent_increase</span>
                 </button>
 
@@ -79,8 +79,8 @@
         </div>
 
         <div class="lg:ml-auto">
-            <div data-trix-button-group="history-tools" class="bg-white border border-md flex flex-row rounded shadow-sm dark:bg-base-900 dark:border-base-700 dark:text-font-default-dark">
-                <button type="button" data-trix-action="undo" data-trix-key="z" title="{% trans "Undo" %}" tabindex="-1" class="border-r cursor-pointer flex items-center h-8 justify-center transition-colors w-8 hover:text-primary-600 dark:border-base-700">
+            <div data-trix-button-group="history-tools" class="bg-white border border-base-200 border-md flex flex-row rounded-default shadow-xs dark:bg-base-900 dark:border-base-700 dark:text-font-default-dark">
+                <button type="button" data-trix-action="undo" data-trix-key="z" title="{% trans "Undo" %}" tabindex="-1" class="border-r border-base-200 cursor-pointer flex items-center h-8 justify-center transition-colors w-8 hover:text-primary-600 dark:border-base-700">
                     <span class="material-symbols-outlined">undo</span>
                 </button>
 
@@ -90,12 +90,12 @@
             </div>
 
             <div data-trix-dialogs>
-                <div class="absolute bg-white border-b -bottom-px left-0 px-4 py-2 right-0 shadow-sm translate-y-full dark:bg-base-900 dark:border-base-700" data-trix-dialog="href" data-trix-dialog-attribute="href">
+                <div class="absolute bg-white border-b border-base-200 -bottom-px left-0 px-4 py-2 right-0 shadow-xs translate-y-full dark:bg-base-900 dark:border-base-700" data-trix-dialog="href" data-trix-dialog-attribute="href">
                     <div class="flex flex-row">
-                        <input type="url" name="href" class="border bg-white font-medium px-3 rounded shadow-sm text-base-500 text-sm focus:ring focus:ring-primary-300 focus:border-primary-600 focus:outline-none group-[.errors]:border-red-600 group-[.errors]:focus:ring-red-200 dark:bg-base-900 dark:border-base-700 dark:text-font-default-dark dark:focus:ring-primary-600/30 dark:group-[.errors]:border-red-500 dark:group-[.errors]:focus:ring-red-600/40" placeholder="{% trans "Enter an URL" %}" required data-trix-input>
+                        <input type="url" name="href" class="border border-base-200 bg-white font-medium px-3 rounded-default shadow-xs text-base-500 text-sm focus:outline-2 focus:-outline-offset-2 focus:outline-primary-600 group-[.errors]:border-red-600 focus:group-[.errors]:outline-red-600 dark:bg-base-900 dark:border-base-700 dark:text-font-default-dark dark:group-[.errors]:border-red-500 dark:focus:group-[.errors]:outline-red-500" placeholder="{% trans "Enter an URL" %}" required data-trix-input>
 
-                        <div class="bg-white border border-md flex flex-row ml-4 rounded shadow-sm dark:bg-base-900 dark:border-base-700 dark:text-font-default-dark">
-                            <button type="button" data-trix-method="setAttribute" title="{% trans "Link" %}" class="border-r cursor-pointer flex items-center h-8 justify-center text-base-400 transition-colors w-8 hover:text-primary-600 dark:border-base-700">
+                        <div class="bg-white border border-base-200 border-md flex flex-row ml-4 rounded-default shadow-xs dark:bg-base-900 dark:border-base-700 dark:text-font-default-dark">
+                            <button type="button" data-trix-method="setAttribute" title="{% trans "Link" %}" class="border-r border-base-200 cursor-pointer flex items-center h-8 justify-center text-base-400 transition-colors w-8 hover:text-primary-600 dark:border-base-700">
                                 <span class="material-symbols-outlined">link</span>
                             </button>
 

unfold/contrib/forms/widgets.py

@@ -13,9 +13,9 @@ from unfold.widgets import (
 
 WYSIWYG_CLASSES = [
     *PROSE_CLASSES,
-    "border",
-    "border-base-200",
-    "border-t-0",
+    "border!",
+    "border-base-200!",
+    "border-t-0!",
     "group-[.errors]:border-red-600",
     "max-w-none",
     "p-4",
@@ -23,10 +23,10 @@ WYSIWYG_CLASSES = [
     "rounded-t-none",
     "text-base-500",
     "w-full",
-    "focus:outline-none",
-    "dark:border-base-700",
-    "dark:text-base-300",
-    "dark:group-[.errors]:border-red-500",
+    "focus:outline-hidden",
+    "dark:border-base-700!",
+    "dark:text-base-300!",
+    "dark:group-[.errors]:border-red-500!",
 ]
 
 

unfold/contrib/guardian/templates/admin/guardian/model/obj_perms_manage.html

@@ -3,7 +3,7 @@
 {% load admin_urls i18n guardian_tags  %}
 
 {% block breadcrumbs %}{% if not is_popup %}
-    <div class="px-4 lg:px-8">
+    <div class="px-4">
         <div class="container mb-6 mx-auto -my-3 lg:mb-12">
             <ul class="flex flex-wrap">
                 {% url 'admin:index' as link %}
@@ -29,7 +29,9 @@
 {% block content %}
     {% include "unfold/guardian/user_form.html" %}
 
-    <hr class="my-12 dark:border-base-800"/>
+    <hr class="border-base-200 my-12 dark:border-base-800"/>
 
     {% include "unfold/guardian/group_form.html" %}
 {% endblock %}
+
+{% block footer %}{% endblock%}

unfold/contrib/guardian/templates/admin/guardian/model/obj_perms_manage_group.html

@@ -6,7 +6,7 @@
 {% endblock %}
 
 {% block breadcrumbs %}{% if not is_popup %}
-    <div class="px-4 lg:px-8">
+    <div class="px-4">
         <div class="container mb-6 mx-auto -my-3 lg:mb-12">
             <ul class="flex flex-wrap">
                 {% url 'admin:index' as link %}
@@ -32,7 +32,7 @@
 {% endif %}{% endblock %}
 
 {% block content %}
-    <div class="border border-base-200 overflow-hidden rounded p-3 shadow-sm dark:border-base-800">
+    <div class="border border-base-200 overflow-hidden rounded-default p-3 shadow-xs dark:border-base-800">
         <form method="post">
             {% csrf_token %}
 
@@ -44,7 +44,7 @@
 
             {% include "unfold/helpers/field.html" with field=form.permissions %}
 
-            <div class="bg-base-50 border-t flex flex-row -m-3 p-3 dark:bg-white/[.02] dark:border-base-800">
+            <div class="bg-base-50 border-t border-base-200 flex flex-row -m-3 p-3 dark:bg-white/[.02] dark:border-base-800">
                 <div class="ml-auto">
                     {% trans "Save" as title %}
                     {% include "unfold/helpers/submit.html" with title=title %}
@@ -53,3 +53,5 @@
         </form>
     </div>
 {% endblock %}
+
+{% block footer %}{% endblock%}

unfold/contrib/guardian/templates/admin/guardian/model/obj_perms_manage_user.html

@@ -7,7 +7,7 @@
 {% endblock %}
 
 {% block breadcrumbs %}{% if not is_popup %}
-    <div class="px-4 lg:px-8">
+    <div class="px-4">
         <div class="container mb-6 mx-auto -my-3 lg:mb-12">
             <ul class="flex flex-wrap">
                 {% url 'admin:index' as link %}
@@ -33,7 +33,7 @@
 {% endif %}{% endblock %}
 
 {% block content %}
-    <div class="border border-base-200 overflow-hidden rounded p-3 shadow-sm dark:border-base-800">
+    <div class="border border-base-200 overflow-hidden rounded-default p-3 shadow-xs dark:border-base-800">
         <form method="post">
             {% csrf_token %}
 
@@ -45,7 +45,7 @@
 
             {% include "unfold/helpers/field.html" with field=form.permissions %}
 
-            <div class="bg-base-50 border-t flex flex-row -m-3 p-3 dark:bg-white/[.02] dark:border-base-800">
+            <div class="bg-base-50 border-t border-base-200 flex flex-row -m-3 p-3 dark:bg-white/[.02] dark:border-base-800">
                 <div class="ml-auto">
                     {% trans "Save" as title %}
                     {% include "unfold/helpers/submit.html" with title=title %}
@@ -54,3 +54,5 @@
         </form>
     </div>
 {% endblock %}
+
+{% block footer %}{% endblock%}

unfold/contrib/guardian/templates/unfold/guardian/group_form.html

@@ -8,7 +8,7 @@
     </h2>
 
     {% if groups_perms.items %}
-        <table id="group-permissions" class="border-base-200 border-spacing-none border-separate mb-6 w-full lg:border lg:rounded lg:shadow-sm lg:dark:border-base-800">
+        <table id="group-permissions" class="border-base-200 border-spacing-none border-separate mb-6 w-full lg:border lg:rounded-default lg:shadow-xs lg:dark:border-base-800">
             <thead class="hidden lg:table-header-group text-font-important-light dark:text-font-important-dark">
                 <tr>
                     <th class="align-middle font-semibold px-3 py-2 text-left">
@@ -29,7 +29,7 @@
 
             <tbody>
                 {% for group, group_perms in groups_perms.items %}
-                    <tr class="block border mb-3 rounded shadow-sm lg:table-row lg:border-none lg:mb-0 lg:shadow-none dark:border-base-800">
+                    <tr class="block border mb-3 rounded-default shadow-xs lg:table-row lg:border-none lg:mb-0 lg:shadow-none dark:border-base-800">
                         <th class="align-middle flex border-t border-base-200 font-normal px-3 py-2 text-left  before:flex before:capitalize before:content-[attr(data-label)] before:items-center before:mr-auto first:border-t-0  lg:before:hidden lg:first:border-t lg:py-3 lg:table-cell dark:border-base-800" data-label="{% trans "User" %}">
                             <span>
                                 {{ group }}
@@ -57,12 +57,12 @@
         </table>
     {% endif %}
 
-    <div class="border border-base-200 overflow-hidden rounded p-3 shadow-sm dark:border-base-800">
+    <div class="border border-base-200 overflow-hidden rounded-default p-3 shadow-xs dark:border-base-800">
         {% for field in group_form %}
             {% include "admin/guardian/model/field.html" %}
         {% endfor %}
 
-        <div class="bg-base-50 border-t flex flex-row -m-3 p-3 dark:bg-white/[.02] dark:border-base-800">
+        <div class="bg-base-50 border-t border-base-200 flex flex-row -m-3 p-3 dark:bg-white/[.02] dark:border-base-800">
             <div class="ml-auto">
                 {% trans "Manage group" as title %}
                 {% include "unfold/helpers/submit.html" with title=title name="submit_manage_group" %}

unfold/contrib/guardian/templates/unfold/guardian/user_form.html

@@ -8,7 +8,7 @@
     </h2>
 
     {% if users_perms.items %}
-        <table id="user-permissions" class="border-base-200 border-spacing-none border-separate mb-6 w-full lg:border lg:rounded lg:shadow-sm lg:dark:border-base-800">
+        <table id="user-permissions" class="border-base-200 border-spacing-none border-separate mb-6 w-full lg:border lg:rounded-default lg:shadow-xs lg:dark:border-base-800">
             <thead class="hidden lg:table-header-group text-font-important-light dark:text-font-important-dark">
                 <tr>
                     <th class="align-middle font-semibold px-3 py-2 text-left">
@@ -29,7 +29,7 @@
 
             <tbody>
                 {% for user, user_perms in users_perms.items %}
-                    <tr class="block border mb-3 rounded shadow-sm lg:table-row lg:border-none lg:mb-0 lg:shadow-none dark:border-base-800">
+                    <tr class="block border mb-3 rounded-default shadow-xs lg:table-row lg:border-none lg:mb-0 lg:shadow-none dark:border-base-800">
                         <th class="align-middle flex border-t border-base-200 font-normal px-3 py-2 text-left  before:flex before:capitalize before:content-[attr(data-label)] before:items-center before:mr-auto  first:border-t-0  lg:before:hidden lg:first:border-t lg:py-3 lg:table-cell dark:border-base-800" data-label="{% trans "User" %}">
                             <span>
                                 {{ user }}
@@ -57,12 +57,12 @@
         </table>
     {% endif %}
 
-    <div class="border border-base-200 overflow-hidden rounded p-3 shadow-sm dark:border-base-800">
+    <div class="border border-base-200 overflow-hidden rounded-default p-3 shadow-xs dark:border-base-800">
         {% for field in user_form %}
             {% include "admin/guardian/model/field.html" %}
         {% endfor %}
 
-        <div class="bg-base-50 border-t flex flex-row -m-3 p-3 dark:bg-white/[.02] dark:border-base-800">
+        <div class="bg-base-50 border-t border-base-200 flex flex-row -m-3 p-3 dark:bg-white/[.02] dark:border-base-800">
             <div class="ml-auto">
                 {% trans "Manage user" as title %}
                 {% include "unfold/helpers/submit.html" with title=title name="submit_manage_user" %}

unfold/contrib/import_export/templates/admin/import_export/change_form.html

@@ -5,6 +5,6 @@
     {{ block.super }}
 
     {% if show_change_form_export %}
-        <input type="submit" value="{% translate 'Export' %}" name="_export-item" class="bg-white text-base-500 border cursor-pointer flex font-medium items-center px-3 py-2 mr-3 rounded shadow-sm text-sm dark:bg-base-900 dark:border dark:border-base-700 dark:text-font-default-dark">
+        <input type="submit" value="{% translate 'Export' %}" name="_export-item" class="bg-white text-base-500 border cursor-pointer flex font-medium items-center px-3 py-2 mr-3 rounded-default shadow-xs text-sm dark:bg-base-900 dark:border dark:border-base-700 dark:text-font-default-dark">
     {% endif %}
 {% endblock %}

unfold/contrib/import_export/templates/admin/import_export/export.html

@@ -10,7 +10,7 @@
 {% endblock %}
 
 {% block breadcrumbs %}
-    <div class="px-4 lg:px-8">
+    <div class="px-4">
         <div class="container mb-6 mx-auto -my-3 lg:mb-12">
             <ul class="flex flex-wrap">
                 {% url 'admin:index' as link %}
@@ -37,7 +37,7 @@
         {% csrf_token %}
 
         {% if form.initial.export_items %}
-            <p class="bg-blue-50 mb-4 text-blue-500 px-3 py-3 rounded text-sm dark:bg-blue-500/20 dark:border-blue-500/10">
+            <p class="bg-blue-50 mb-4 text-blue-500 px-3 py-3 rounded-default text-sm dark:bg-blue-500/20 dark:border-blue-500/10">
                 {% blocktranslate count len=form.initial.export_items|length %}
                     Export {{ len }} selected item.
                 {% plural %}
@@ -52,7 +52,7 @@
 
         {{ form.non_field_errors }}
 
-        <fieldset class="border border-base-200 mb-4 rounded pt-3 px-3 shadow-sm dark:border-base-800">
+        <fieldset class="border border-base-200 mb-4 rounded-default pt-3 px-3 shadow-xs dark:border-base-800">
             {% for field in form.visible_fields %}
                 <div {% if field.field.is_selectable_field %}class="selectable-field-export-row" resource-index="{{ field.field.resource_index }}"{% endif %}>
                     {% if field.field.initial_field %}
@@ -75,7 +75,7 @@
             {% endfor %}
         </fieldset>
 
-        <button type="submit" class="bg-primary-600 border border-transparent font-medium px-3 py-2 rounded text-sm text-white">
+        <button type="submit" class="bg-primary-600 border border-transparent font-medium px-3 py-2 rounded-default text-sm text-white">
             {% translate 'Submit' %}
         </button>
     </form>

unfold/contrib/import_export/templates/admin/import_export/import.html

@@ -21,7 +21,7 @@
 {% endblock %}
 
 {% block breadcrumbs %}
-    <div class="px-4 lg:px-8">
+    <div class="px-4">
         <div class="container mb-6 mx-auto -my-3 lg:mb-12">
             <ul class="flex flex-wrap">
                 {% url 'admin:index' as link %}

unfold/contrib/import_export/templates/admin/import_export/import_confirm.html

@@ -1,7 +1,7 @@
 {% load admin_urls i18n import_export_tags %}
 
 {% block confirm_import_form %}
-    <form action="{% url opts|admin_urlname:"process_import" %}" method="post" class="border border-base-200 mb-8 rounded shadow-sm dark:border-base-800">
+    <form action="{% url opts|admin_urlname:"process_import" %}" method="post" class="border border-base-200 mb-8 rounded-default shadow-xs dark:border-base-800">
         {% csrf_token %}
 
         {{ confirm_form.as_p }}
@@ -11,7 +11,7 @@
         </p>
 
         <div class="border-t border-base-200 flex flex-row px-4 py-3 dark:border-base-800">
-            <button type="submit" class="bg-primary-600 border border-transparent font-medium ml-auto px-3 py-2 rounded text-sm text-white">
+            <button type="submit" class="bg-primary-600 border border-transparent font-medium ml-auto px-3 py-2 rounded-default text-sm text-white">
                 {% translate 'Confirm import' %}
             </button>
         </div>

unfold/contrib/import_export/templates/admin/import_export/import_errors.html

@@ -14,21 +14,27 @@
         {% for line, errors in result.row_errors %}
             {% for error in errors %}
                 <li x-data="{ open: false }">
-                    <div class="bg-red-50 border border-red-200 cursor-pointer mb-4 rounded shadow-sm text-red-500 dark:bg-red-500/20 dark:border-red-500/20" x-on:click="open = ! open">
-                        <div class="border-b border-red-200 flex flex-row font-semibold py-3 px-4 dark:border-red-500/20">
-                            {% trans "Line number" %}: {{ line }} - {{ error.error }}
-                        </div>
+                    <div class="bg-red-50 border border-red-200 cursor-pointer mb-4 rounded-default shadow-xs text-red-500 dark:bg-red-500/20 dark:border-red-500/20" x-on:click="open = ! open">
+                        {% if "message" in import_error_display %}
+                            <div class="border-b border-red-200 flex flex-row font-semibold py-3 px-4 dark:border-red-500/20">
+                                {% trans "Line number" %}: {{ line }} - {{ error.error }}
+                            </div>
+                        {% endif %}
 
-                        <div class="px-4 py-3">
-                            <code>
-                                {{ error.row.values|join:", " }}
-                            </code>
-                        </div>
+                        {% if "row" in import_error_display %}
+                            <div class="px-4 py-3">
+                                <code>
+                                    {{ error.row.values|join:", " }}
+                                </code>
+                            </div>
+                        {% endif %}
                     </div>
 
-                    <div class="block border border-base-200 leading-relaxed mb-4 rounded p-4 traceback dark:border-base-800 dark:text-font-default-dark " x-show="open">
-                        {{ error.traceback|linebreaks }}
-                    </div>
+                    {% if "traceback" in import_error_display %}
+                        <div class="block border border-base-200 leading-relaxed mb-4 rounded-default p-4 traceback dark:border-base-800 dark:text-font-default-dark " x-show="open">
+                            {{ error.traceback|linebreaks }}
+                        </div>
+                    {% endif %}
                 </li>
             {% endfor %}
         {% endfor %}

unfold/contrib/import_export/templates/admin/import_export/import_form.html

@@ -6,7 +6,7 @@
 
         {% include "admin/import_export/resource_fields_list.html" with import_or_export="import" %}
 
-        <fieldset class="border border-base-200 mb-8 rounded pt-3 px-3 shadow-sm dark:border-base-800">
+        <fieldset class="border border-base-200 mb-8 rounded-default pt-3 px-3 shadow-xs dark:border-base-800">
             {% for field in form %}
                 {% if field.field.widget.attrs.readonly %}
                     {% include "unfold/helpers/field_readonly.html" with title=field.label value=field.field.value %}
@@ -17,7 +17,7 @@
             {% endfor %}
         </fieldset>
 
-        <button type="submit" class="bg-primary-600 border border-transparent font-medium px-3 py-2 rounded text-sm text-white">
+        <button type="submit" class="bg-primary-600 border border-transparent font-medium px-3 py-2 rounded-default text-sm text-white">
             {% translate 'Submit' %}
         </button>
     </form>

unfold/contrib/import_export/templates/admin/import_export/import_preview.html

@@ -1,7 +1,7 @@
 {% load admin_urls i18n import_export_tags unfold %}
 
 {% block preview %}
-    <table class="border-base-200 border-spacing-none border-separate w-full lg:border lg:rounded lg:shadow-sm lg:dark:border-base-800">
+    <table class="border-base-200 border-spacing-none border-separate w-full lg:border lg:rounded-default lg:shadow-xs lg:dark:border-base-800">
         <thead class="hidden lg:table-header-group text-base-900 dark:text-base-100">
             <tr>
                 <th class="align-middle capitalize font-semibold px-3 py-2 text-left"></th>
@@ -16,7 +16,7 @@
 
         <tbody>
             {% for row in result.valid_rows %}
-                <tr class="{{ row.import_type }} {% cycle '' 'bg-base-50 dark:bg-white/[.02]' %} block border mb-3 rounded shadow-sm lg:table-row lg:border-none lg:mb-0 lg:shadow-none dark:border-base-800">
+                <tr class="{{ row.import_type }} {% cycle '' 'bg-base-50 dark:bg-white/[.02]' %} block border mb-3 rounded-default shadow-xs lg:table-row lg:border-none lg:mb-0 lg:shadow-none dark:border-base-800">
                     <td class="align-middle flex border-t border-base-200 font-normal px-3 py-2 text-left before:block before:capitalize before:content-[attr(data-label)] before:mr-auto lg:before:hidden lg:py-3 lg:table-cell dark:border-base-800">
                         {% if row.import_type == 'new' %}
                             {% trans "New" %}

unfold/contrib/import_export/templates/admin/import_export/import_validation.html

@@ -15,7 +15,7 @@
         {% include "unfold/helpers/messages/error.html" with error=import_error %}
     </div>
 
-    <table class="import-preview border-base-200 border-spacing-none border-separate w-full lg:border lg:rounded lg:shadow-sm lg:dark:border-base-800">
+    <table class="import-preview border-base-200 border-spacing-none border-separate w-full lg:border lg:rounded-default lg:shadow-xs lg:dark:border-base-800">
         <thead class="hidden lg:table-header-group font-semibold text-base-900 dark:text-base-100">
             <tr>
                 <th class="align-middle capitalize px-3 py-2 text-left">
@@ -36,25 +36,25 @@
 
         <tbody>
             {% for row in result.invalid_rows %}
-                <tr class="{% cycle '' 'bg-base-50 dark:bg-white/[.02]' %} block border border-base-200 mb-3 rounded shadow-sm lg:table-row lg:border-none lg:mb-0 lg:shadow-none dark:border-base-800">
+                <tr class="{% cycle '' 'bg-base-50 dark:bg-white/[.02]' %} block border border-base-200 mb-3 rounded-default shadow-xs lg:table-row lg:border-none lg:mb-0 lg:shadow-none dark:border-base-800">
                     <td data-label="{% trans "Row" %}" class="align-middle flex border-t border-base-200 font-normal px-3 py-2 text-left before:block before:capitalize before:content-[attr(data-label)] before:mr-auto lg:before:hidden lg:py-3 lg:table-cell dark:border-base-800">
                         {{ row.number }}
                     </td>
 
                     <td data-label="{% trans "Errors" %}" class="errors align-middle flex border-t border-base-200 font-normal px-3 py-2 text-left before:block before:capitalize before:content-[attr(data-label)] before:mr-auto lg:before:hidden lg:py-3 lg:table-cell dark:border-base-800">
-                        <span class="validation-error-count bg-red-600 font-semibold ml-2 px-1 rounded text-xs text-white">{{ row.error_count }}</span>
+                        <span class="validation-error-count bg-red-600 font-semibold ml-2 px-1 rounded-default text-xs text-white">{{ row.error_count }}</span>
 
-                        <div class="validation-error-container rounded !bg-white border border-base-200 left-12 !m-0 !p-0 !top-3 dark:!bg-base-800 dark:!border-base-700 min-w-72">
+                        <div class="validation-error-container rounded-default bg-white! border border-base-200 left-12 m-0! p-0! top-3! dark:bg-base-800! dark:border-base-700! min-w-72">
                             <ul class="validation-error-list">
                                 {% for field_name, error_list in row.field_specific_errors.items %}
                                     <li class="p-3">
-                                        <span class="validation-error-field-label !border-0 font-semibold mb-1 !text-font-important-light dark:!text-font-important-dark">
+                                        <span class="validation-error-field-label border-0! font-semibold mb-1 text-font-important-light! dark:text-font-important-dark!">
                                             {{ field_name }}
                                         </span>
 
-                                        <ul class="text-xs !m-0">
+                                        <ul class="text-xs m-0!">
                                             {% for error in error_list %}
-                                                <li class="!m-0">
+                                                <li class="m-0!">
                                                     <p class="leading-normal">
                                                         {{ error }}
                                                     </p>

unfold/contrib/simple_history/templates/simple_history/object_history.html

@@ -4,14 +4,14 @@
 
 {% block content %}
     {% if not revert_disabled %}
-        <p class="px-3 py-3 rounded text-sm last:mb-8 mb-8 bg-blue-100 text-blue-700 dark:bg-blue-500/20 dark:text-blue-400">
+        <p class="px-3 py-3 rounded-default text-sm last:mb-8 mb-8 bg-blue-100 text-blue-700 dark:bg-blue-500/20 dark:text-blue-400">
             {% blocktrans %}Choose a date from the list below to revert to a previous version of this object.{% endblocktrans %}
         </p>
     {% endif %}
 
     {% if page_obj.object_list %}
         {% include object_history_list_template %}
-        <div class="bg-base-50 flex my-4 items-center p-3 rounded dark:bg-base-800">
+        <div class="bg-base-50 flex my-4 items-center p-3 rounded-default dark:bg-base-800">
             {% if pagination_required %}
                 {% for i in page_range %}
                     <span class="pr-4">
@@ -28,7 +28,7 @@
             {{ page_obj.paginator.count }} {% blocktranslate count counter=page_obj.paginator.count %}entry{% plural %}entries{% endblocktranslate %}
         </div>
     {% else %}
-        <div class="mb-3 px-3 py-3 rounded text-sm last:mb-8 bg-amber-100 text-amber-600 dark:bg-amber-600/20 dark:border-amber-600/10">
+        <div class="mb-3 px-3 py-3 rounded-default text-sm last:mb-8 bg-amber-100 text-amber-600 dark:bg-amber-600/20 dark:border-amber-600/10">
             {% trans "This object doesn't have a change history." %}
         </div>
     {% endif %}

unfold/contrib/simple_history/templates/simple_history/object_history_form.html

@@ -4,7 +4,7 @@
 {% load url from simple_history_compat %}
 
 {% block breadcrumbs %}
-    <div class="px-4 lg:px-8">
+    <div class="px-4">
         <div class="container mb-6 mx-auto -my-3 lg:mb-12">
             <ul class="flex flex-wrap">
                 {% url 'admin:index' as link %}
@@ -43,7 +43,7 @@
 {% endblock %}
 
 {% block form_top %}
-    <p class="px-3 py-3 rounded text-sm last:mb-8 er-amber-600/10 bg-blue-50 mb-8 text-blue-500 dark:bg-blue-500/20 dark:border-blue-500/10">
+    <p class="px-3 py-3 rounded-default text-sm last:mb-8 er-amber-600/10 bg-blue-50 mb-8 text-blue-500 dark:bg-blue-500/20 dark:border-blue-500/10">
         {% if not revert_disabled %}
             {% blocktrans %}Press the 'Revert' button below to revert to this version of the object.{% endblocktrans %}
         {% endif %}

unfold/contrib/simple_history/templates/simple_history/object_history_list.html

@@ -3,7 +3,7 @@
 {% load admin_urls %}
 {% load getattribute from getattributes %}
 
-<table id="change-history" class="border-base-200 border-spacing-none border-separate mb-6 w-full lg:border lg:rounded lg:shadow-sm lg:dark:border-base-800">
+<table id="change-history" class="border-base-200 border-spacing-none border-separate mb-6 w-full lg:border lg:rounded-default lg:shadow-xs lg:dark:border-base-800">
     <thead class="hidden text-font-important-light lg:table-header-group dark:text-font-important-dark">
         <tr>
             <th class="align-middle font-semibold px-3 py-2 text-left ">
@@ -40,7 +40,7 @@
 
     <tbody>
         {% for record in page_obj %}
-            <tr class="block border mb-3 rounded shadow-sm lg:table-row lg:border-none lg:mb-0 lg:shadow-none dark:border-base-800">
+            <tr class="block border mb-3 rounded-default shadow-xs lg:table-row lg:border-none lg:mb-0 lg:shadow-none dark:border-base-800">
                 <td class="align-middle flex border-t border-base-200 font-normal px-3 py-2 text-left before:flex before:capitalize before:content-[attr(data-label)] before:items-center before:mr-auto first:border-t-0 lg:before:hidden lg:first:border-t lg:py-3 lg:table-cell dark:border-base-800" data-label="{% trans 'Object' %}">
                     <a href="{% url opts|admin_urlname:'simple_history' object.pk record.pk %}">
                         {{ record.history_object }}

unfold/contrib/simple_history/templates/simple_history/submit_line.html

@@ -2,21 +2,21 @@
 
 <div {% if not is_popup %}id="submit-row"{% endif %} class="relative z-20 {% if not is_popup %} mt-20 lg:mt-8{% endif %}">
     <div class="{% if not is_popup %}bottom-0 fixed left-0 right-0{% endif %}" {% if not is_popup %}x-bind:class="{'xl:left-0': !sidebarDesktopOpen, 'xl:left-72': sidebarDesktopOpen}"{% endif %}>
-        <div class="bg-white dark:bg-base-900 {% if not is_popup %}border-t border-base-200 px-4 py-4 relative scrollable-top lg:px-8 dark:border-base-800{% endif %}">
+        <div class="bg-white dark:bg-base-900 {% if not is_popup %}border-t border-base-200 px-4 py-4 relative scrollable-top dark:border-base-800{% endif %}">
             <div class="container flex flex-col-reverse gap-3 items-center mx-auto lg:flex-row-reverse">
                 {% if not revert_disabled %}
-                    <button type="submit" class="bg-primary-600 block border border-transparent font-medium px-3 py-2 rounded text-sm text-white w-full lg:w-auto"  name="_save" {{ onclick_attrib }}>
+                    <button type="submit" class="bg-primary-600 block border border-transparent font-medium px-3 py-2 rounded-default text-sm text-white w-full lg:w-auto"  name="_save" {{ onclick_attrib }}>
                         {% trans 'Revert' %}
                     </button>
                 {% endif %}
 
                 {% if change_history %}
-                    <button type="submit" class="bg-primary-600 block border border-transparent font-medium px-3 py-2 rounded text-sm text-white w-full lg:w-auto"  name="_change_history" {{ onclick_attrib }}>
+                    <button type="submit" class="bg-primary-600 block border border-transparent font-medium px-3 py-2 rounded-default text-sm text-white w-full lg:w-auto"  name="_change_history" {{ onclick_attrib }}>
                         {% trans 'Change History' %}
                     </button>
                 {% endif %}
 
-                <a href="{{ history_url }}" class="border border-base-200 font-medium mr-auto px-3 py-2 rounded text-sm text-base-500 text-center transition-all w-full hover:bg-base-50 lg:block lg:w-auto dark:border-base-700 dark:text-font-default-dark dark:hover:text-base-200 dark:hover:bg-base-900">
+                <a href="{{ history_url }}" class="border border-base-200 font-medium mr-auto px-3 py-2 rounded-default text-sm text-base-500 text-center transition-all w-full hover:bg-base-50 lg:block lg:w-auto dark:border-base-700 dark:text-font-default-dark dark:hover:text-base-200 dark:hover:bg-base-900">
                     {% trans 'Close' %}
                 </a>
             </div>

unfold/forms.py

@@ -48,7 +48,7 @@ class ActionForm(forms.Form):
                         "px-3",
                         "py-2",
                         "pr-8",
-                        "rounded",
+                        "rounded-default",
                         "text-white",
                         "truncate",
                         "*:text-base-700",