wagtail-tw-blocks 0.1.2__py3-none-any.whl → 0.2.1__py3-none-any.whl

wagtail_blocks/templates/wagtail_blocks/blocks/hover_gallery.html

@@ -0,0 +1,18 @@
+{% load wagtailimages_tags %}
+
+<div class="not-prose my-4">
+  <ol class="hover-gallery">
+    {% for item in self.items %}
+    <li>
+      <figure>
+        {% image item.image fill-1920x1080 %}
+
+        <!---->
+        {% if item.caption %}
+        <figcaption>{{ item.caption }}</figcaption>
+        {% endif %}
+      </figure>
+    </li>
+    {% endfor %}
+  </ol>
+</div>

wagtail_blocks/templates/wagtail_blocks/blocks/list.html

@@ -0,0 +1,55 @@
+{% load i18n wagtailcore_tags wagtailimages_tags %}
+
+<div class="not-prose my-4">
+  <ol class="list bg-base-100 rounded-box shadow-sm">
+    <li
+      role="heading"
+      aria-level="1"
+      class="p-4 pb-2 text-xs opacity-60 tracking-wide"
+    >
+      {{ self.title }}
+    </li>
+    {% for item in self.items %}
+    <li class="list-row relative">
+      {% if item.page or item.url %}
+      <a
+        href="{% if item.page %}{% pageurl item.page %}{% else %}{{ item.url }}{% endif %}"
+        class="absolute inset-0"
+      >
+        <span class="sr-only">{% trans 'View' %}</span>
+      </a>
+      {% endif %}
+
+      <!---->
+      {% if item.image %}
+      <figure class="size-12 overflow-clip rounded-field">
+        {% image item.image fill-1080x1080 %}
+      </figure>
+      {% endif %}
+
+      <div>
+        <h2>{{ item.title }}</h2>
+
+        {% if item.description %}
+        <p class="text-xs opacity-60">{{ item.description }}</p>
+        {% endif %}
+      </div>
+
+      {% for action in item.actions %}
+      <div
+        class="tooltip tooltip-left tooltip-{{ action.color }} rtl:tooltip-right"
+        data-tip="{{ action.title }}"
+      >
+        <a
+          href="{% if action.page %}{% pageurl action.page %}{% else %}{{ action.url }}{% endif %}"
+          class="btn btn-xs btn-square btn-{{ action.color }} md:btn-sm lg:btn-md"
+        >
+          <span class="sr-only">{{ action.title }}</span>
+          <i data-lucide="{{ action.icon }}" class="size-4 lg:size-6"></i>
+        </a>
+      </div>
+      {% endfor %}
+    </li>
+    {% endfor %}
+  </ol>
+</div>

wagtail_blocks/templates/wagtail_blocks/blocks/steps.html

@@ -0,0 +1,12 @@
+<div class="my-4 not-prose overflow-x-auto">
+  <ol class="steps {% if self.is_vertical %} steps-vertical {% endif %}">
+    {% for item in self.items %}
+    <li class="step {% if item.color %}step-{{ item.color }}{% endif %}">
+      <span class="step-icon">
+        <i data-lucide="{{ item.icon }}" class="size-4 lg:size-6"></i>
+      </span>
+      {{ item.name }}
+    </li>
+    {% endfor %}
+  </ol>
+</div>

wagtail_blocks/templates/wagtail_blocks/blocks/tabs.html

@@ -0,0 +1,24 @@
+<div class="my-4 not-prose">
+  <div
+    class="tabs {% if self.is_reversed %} tabs-bottom {% endif %} tabs-xs tabs-{{ self.style }} sm:tabs-sm lg:tabs-md xl:tabs-lg 2xl:tabs-xl"
+  >
+    {% for item in self.items %}
+    <input
+      class="tab"
+      type="radio"
+      aria-label="{{ item.title }}"
+      name="{{ self.name|slugify }}"
+      checked="{% if item.is_selected %}true{% else %}false{% endif %}"
+    />
+    <div
+      class="tab-content bg-base-100 border-base-300 p-4 {% if self.style != 'lift' %} rounded-field {% endif %}"
+    >
+      <div
+        class="prose mx-auto prose-sm xl:prose-lg 2xl:prose-xl prose-img:w-full prose-img:rounded-field"
+      >
+        {{ item.content }}
+      </div>
+    </div>
+    {% endfor %}
+  </div>
+</div>

wagtail_blocks/templates/wagtail_blocks/blocks/timeline.html

@@ -0,0 +1,30 @@
+{% load wagtailcore_tags %}
+
+<div class="my-4 not-prose">
+  <ol
+    class="timeline {% if self.snap_to_icon %} timeline-snap-icon {% endif %}{% if self.is_compact %} timeline-compact {% endif %}{% if self.is_vertical %} timeline-vertical {% endif %}"
+  >
+    {% for item in self.items %}
+    <li>
+      {% if not forloop.first %}
+      <hr class="bg-primary" />
+      {% endif %}
+
+      <time datetime="{{ item.date|date }}" class="timeline-start text-xs">
+        {{ item.date|date }}
+      </time>
+      <div class="timeline-middle">
+        <i
+          data-lucide="{{ item.icon }}"
+          class="size-4 text-primary lg:size-6"
+        ></i>
+      </div>
+      <p class="timeline-end timeline-box">{{ item.content }}</p>
+
+      {% if not forloop.last %}
+      <hr class="bg-primary" />
+      {% endif %}
+    </li>
+    {% endfor %}
+  </ol>
+</div>

wagtail_blocks/templates/wagtail_blocks/blocks/toast.html

@@ -0,0 +1,9 @@
+{% load wagtailcore_tags %}
+
+<div class="not-prose my-4">
+  <ol class="toast toast-end">
+    {% for item in self.items %}
+    <li>{% include_block item %}</li>
+    {% endfor %}
+  </ol>
+</div>

wagtail_blocks/templates/wagtail_blocks/styles.html

@@ -1,20 +1,23 @@
-<div
-  class="alert alert-soft alert-outline alert-dashed alert-info alert-success alert-error alert-warning"
-></div>
+<span
+  class="btn btn-circle btn-square btn-ghost btn-soft btn-primary btn-secondary btn-accent btn-success btn-info btn-warning btn-error"
+></span>
 
-<button
-  class="btn btn-circle btn-square btn-xs btn-ghost btn-soft btn-outlined btn-primary btn-secondary btn-accent btn-success btn-info btn-warning btn-error sm:btn-sm md:btn-md xl:btn-lg 2xl:btn-xl"
-></button>
+<span
+  class="badge badge-primary badge-secondary badge-accent badge-success badge-info badge-warning badge-error"
+></span>
 
-<span class="badge badge-info badge-warning badge-success badge-error"></span>
+<span
+  class="alert alert-dash alert-outline alert-soft alert-success alert-info alert-warning alert-error"
+></span>
 
-<div
-  class="card card-side card-xs sm:card-sm md:card-md xl:card-lg 2xl:card-xl"
->
-  <div class="card-body">
-    <div class="card-title"></div>
-    <div class="card-actions"></div>
-  </div>
-</div>
+<span class="collapse collapse-arrow collapse-plus"></span>
 
-<div class="collapse-plus collapse-arrow collapse-open"></div>
+<span class="tabs tabs-border tabs-lift tabs-box"></span>
+
+<span
+  class="tooltip tooltip-primary tooltip-secondary tooltip-accent tooltip-success tooltip-info tooltip-warning tooltip-error"
+></span>
+
+<span
+  class="step step-primary step-secondary step-accent step-success step-info step-warning step-error"
+></span>

{wagtail_tw_blocks-0.1.2.dist-info → wagtail_tw_blocks-0.2.1.dist-info}/METADATA

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: wagtail-tw-blocks
-Version: 0.1.2
+Version: 0.2.1
 Summary: A collection of reusable, production-ready content blocks for Wagtail CMS, styled with Tailwind CSS and daisyUI.
 License: MIT
 License-File: LICENSE
@@ -44,6 +44,13 @@ Description-Content-Type: text/markdown
 - **Carousel:** Image or content slider with responsive design.
 - **Code:** Syntax-highlighted code snippets for technical content (Requires `highlight.js` and `clipboard.js` to be included in your page).
 - **Diff:** Side-by-side or inline difference highlighting for image comparisons.
+- **FAB:** Floating Action Button with multiple action items.
+- **Hover Gallery:** Image gallery with hover effects.
+- **List:** Ordered lists with custom styling.
+- **Steps:** Step-by-step process indicators.
+- **Tabs:** Tabbed content sections.
+- **Timeline:** Chronological event listings.
+- **Toast:** Temporary notification messages.
 
 ---
 
@@ -122,6 +129,7 @@ class Article(Page):
             ("carousel", blocks.CarouselBlock()),
             ("code", blocks.CodeBlock()),
             ("diff", blocks.DiffBlock()),
+            # ...
         ],
         help_text=_("Article content"),
     )
@@ -147,7 +155,6 @@ class Article(Page):
       Do not use in production.
       See: 
         - https://tailwindcss.com/docs/installation
-        - https://daisyui.com/docs/install/
     -->
     <link href="https://cdn.jsdelivr.net/npm/daisyui@5" rel="stylesheet" type="text/css" />
     <link href="https://cdn.jsdelivr.net/npm/daisyui@5/themes.css" rel="stylesheet" type="text/css" />
@@ -201,6 +208,23 @@ class Article(Page):
 
 ---
 
+## Extending
+
+You can easily extend or customize the provided blocks by subclassing them. For example, to create a custom alert block with additional styles:
+
+```python
+from wagtail_blocks import blocks
+
+class CustomAlertBlock(blocks.AlertBlock):
+
+    class Meta:
+        template = "path/to/your/custom_alert_template.html"
+        icon = "warning"
+        label = "Custom Alert"
+```
+
+---
+
 ## Contributing
 
 We welcome community contributions. See the [CONTRIBUTING](CONTRIBUTING.md) guide for setup instructions, coding standards, and workflow. Opening an issue before major changes helps align on scope and direction.

wagtail_tw_blocks-0.2.1.dist-info/RECORD

@@ -0,0 +1,26 @@
+wagtail_blocks/__init__.py,sha256=qGVWunorLY4__p9PZq4GO5tH3b2V0pm_Jevp17yMA00,1457
+wagtail_blocks/apps.py,sha256=tOZ8btDhg8nCbNbbjTr6N4MQUEuC600is3PN-ufHJcU,300
+wagtail_blocks/blocks.py,sha256=IQA0h304qYq1wWjQfR-53t6ynl-YRn5SlVcXMX8GKqo,13774
+wagtail_blocks/static/wagtail_blocks/.prettierrc,sha256=GyU5YqXRkB3eeDxAGhpB3jYr_WU3MHW4p60vg_HmoUU,90
+wagtail_blocks/static/wagtail_blocks/README.md,sha256=8gnnrxo9Ex_Tsn_XqiO-S04CW9uMP5uFc_XWfem72h4,427
+wagtail_blocks/static/wagtail_blocks/css/app.css,sha256=Y0GHo4GTmQsQookSvtzn9FJSbcfVz96CFPcMA4LtL6I,77
+wagtail_blocks/static/wagtail_blocks/css/styles.css,sha256=ONwq2LmtDKNna8eFJFuX9KdhMaVHamr1FLYP8nkjEmA,103641
+wagtail_blocks/static/wagtail_blocks/package-lock.json,sha256=ivGOewgr-WulpEBmtlR77BdNjE-hwDIZAmQveasZczY,44828
+wagtail_blocks/static/wagtail_blocks/package.json,sha256=I5W_VgxuzetBjom6i4Ht3m65SOQUMucLnO-xE49cH0M,259
+wagtail_blocks/templates/wagtail_blocks/blocks/accordion.html,sha256=t7GAR2USLnGsmX6UiQ1mrcu2VUznTt2Ij1lIr8ZDVD8,712
+wagtail_blocks/templates/wagtail_blocks/blocks/alert.html,sha256=K8KXrQ3CBMSUgYYBU8wC30YGxpE7osQCUyIFqBkZlt4,748
+wagtail_blocks/templates/wagtail_blocks/blocks/carousel.html,sha256=PO2QF6L--I-YCUAVARrggqjztoisyhJnF76pc8ywX4A,2001
+wagtail_blocks/templates/wagtail_blocks/blocks/code.html,sha256=JfhEDn-kS-24RbK0CvCB24wzg357cDmljod_yhs5G8w,2116
+wagtail_blocks/templates/wagtail_blocks/blocks/diff.html,sha256=Z1QuQIEbS-D86Uvv2y607C0i_V3k6FYQAkJEx7a5zt8,419
+wagtail_blocks/templates/wagtail_blocks/blocks/fab.html,sha256=o86drITG1RnyL8pI9X2DLTr-vh1xCuB_gDuLv1OqAMA,1442
+wagtail_blocks/templates/wagtail_blocks/blocks/hover_gallery.html,sha256=ce0IgV_ZDmCkYSM6N3Du6-2ikP6TZYo6seGWpF9myWQ,369
+wagtail_blocks/templates/wagtail_blocks/blocks/list.html,sha256=qbjE4GV_OSD1XMspOJXbjZVcDmyXrpFhynvt84MSzzM,1576
+wagtail_blocks/templates/wagtail_blocks/blocks/steps.html,sha256=tsyT1vQU0YM5tAoy0TRpqVnU4GReXxio10h6970Dh4o,406
+wagtail_blocks/templates/wagtail_blocks/blocks/tabs.html,sha256=e2NoRWPcNXewGsN2-c2Qk7bOefiaCjpl29e5kSflXPE,752
+wagtail_blocks/templates/wagtail_blocks/blocks/timeline.html,sha256=EcL0L6H1UZlMk0emMucNeLCPpkkhKBzQqFf0do2m9MM,853
+wagtail_blocks/templates/wagtail_blocks/blocks/toast.html,sha256=sE6bdgwgg15G-5qUsaA2T0ixfRcK5_bCzbfqKc0-WyU,192
+wagtail_blocks/templates/wagtail_blocks/styles.html,sha256=FwV1nojaXmsQd0hlXptIKsJBHKk8bDj5qoY6bIaoWi0,775
+wagtail_tw_blocks-0.2.1.dist-info/METADATA,sha256=uDsLumecVKvSt810tWP0xZL-a1BcBm9oh3ZXI_QbssU,8900
+wagtail_tw_blocks-0.2.1.dist-info/WHEEL,sha256=M5asmiAlL6HEcOq52Yi5mmk9KmTVjY2RDPtO4p9DMrc,88
+wagtail_tw_blocks-0.2.1.dist-info/licenses/LICENSE,sha256=RkaGOqhDfc5U9-5mc3OHBMOo1VW7UOb8JQ614C0kqm4,1074
+wagtail_tw_blocks-0.2.1.dist-info/RECORD,,

wagtail_tw_blocks-0.1.2.dist-info/RECORD

@@ -1,19 +0,0 @@
-wagtail_blocks/__init__.py,sha256=Qaa4yiI8rnKiLXuApV3gCKkurIYNSi5Nmg2yvKrZ0Ac,1123
-wagtail_blocks/apps.py,sha256=tOZ8btDhg8nCbNbbjTr6N4MQUEuC600is3PN-ufHJcU,300
-wagtail_blocks/blocks.py,sha256=OvXPpIDyReMWaFkZLuyVNciHZyp4EJ0Jih0dQXCTUrk,5775
-wagtail_blocks/static/wagtail_blocks/.prettierrc,sha256=GyU5YqXRkB3eeDxAGhpB3jYr_WU3MHW4p60vg_HmoUU,90
-wagtail_blocks/static/wagtail_blocks/README.md,sha256=8gnnrxo9Ex_Tsn_XqiO-S04CW9uMP5uFc_XWfem72h4,427
-wagtail_blocks/static/wagtail_blocks/css/app.css,sha256=Y0GHo4GTmQsQookSvtzn9FJSbcfVz96CFPcMA4LtL6I,77
-wagtail_blocks/static/wagtail_blocks/css/styles.css,sha256=F3oym2HTClBOwz3JA7p9PHpSO3dDwJuH13hzmDrnEfo,65811
-wagtail_blocks/static/wagtail_blocks/package-lock.json,sha256=ivGOewgr-WulpEBmtlR77BdNjE-hwDIZAmQveasZczY,44828
-wagtail_blocks/static/wagtail_blocks/package.json,sha256=I5W_VgxuzetBjom6i4Ht3m65SOQUMucLnO-xE49cH0M,259
-wagtail_blocks/templates/wagtail_blocks/blocks/accordion.html,sha256=Um7_kiliVeUH8FdSosmmWjhD7KVVhOaQk-dO0xh_d0o,560
-wagtail_blocks/templates/wagtail_blocks/blocks/alert.html,sha256=mv98_KRuib09mKth9zjSwcnMYq88YxZ-kw4eaUuKzxA,719
-wagtail_blocks/templates/wagtail_blocks/blocks/carousel.html,sha256=eYRrgHJnVQJqKSWrsIclDGdk_pKF0fPx2OGJ-woKcck,2010
-wagtail_blocks/templates/wagtail_blocks/blocks/code.html,sha256=gTRrJJkE2Opbm1jWJ_Lj56OQXxliQqAegQfEDOlWUh4,1669
-wagtail_blocks/templates/wagtail_blocks/blocks/diff.html,sha256=if3aSNPzwiQY0xg_R_zYN0tWsyD-D376xBMo5b3boDw,420
-wagtail_blocks/templates/wagtail_blocks/styles.html,sha256=4Dn2Ovsn8gxOoE3cXAgk07vYKAYu2IEexS83SHlPdRs,678
-wagtail_tw_blocks-0.1.2.dist-info/METADATA,sha256=fMmf-6kojUSx-BeaUOwPkDV8uRa-dG-8unTMztKVgQA,8196
-wagtail_tw_blocks-0.1.2.dist-info/WHEEL,sha256=M5asmiAlL6HEcOq52Yi5mmk9KmTVjY2RDPtO4p9DMrc,88
-wagtail_tw_blocks-0.1.2.dist-info/licenses/LICENSE,sha256=RkaGOqhDfc5U9-5mc3OHBMOo1VW7UOb8JQ614C0kqm4,1074
-wagtail_tw_blocks-0.1.2.dist-info/RECORD,,