v2.1.0

CHANGELOG.md

@@ -1,4 +1,8 @@
 # Changelog
+### 2.1.0 - 2024-10-02 03:12:09
+
+- Adds new ghost table variant for extremely clean look
+
 ### 2.0.6 - 2024-09-26 04:23:16
 
 - Items center correctly for the Icon Button by @mitkins in https://github.com/petalframework/petal_components/pull/352

assets/default.css

@@ -211,7 +211,7 @@
 }
 
 .pc-icon-button__inner {
-  @apply flex flex-col items-center 
+  @apply flex flex-col items-center
 }
 
 .pc-icon-button__inner--tooltip {
@@ -1001,9 +1001,12 @@
 
 /* Table */
 
-.pc-table {
+.pc-table--surface {
   @apply min-w-full overflow-hidden rounded-sm shadow table-auto ring-1 ring-gray-200 dark:ring-gray-800 sm:rounded;
 }
+.pc-table--ghost {
+  @apply min-w-full overflow-hidden table-auto;
+}
 .pc-table__th {
   @apply px-6 py-3 text-sm font-semibold tracking-wider text-left text-gray-900 bg-gray-50 dark:bg-gray-800 dark:text-gray-300;
 }

lib/petal_components/table.ex

@@ -16,6 +16,7 @@ defmodule PetalComponents.Table do
   """
   attr :id, :string
   attr :class, :any, default: nil, doc: "CSS class"
+  attr :variant, :string, default: "surface", values: ["ghost", "surface"]
   attr :rows, :list, default: [], doc: "the list of rows to render"
   attr :row_id, :any, default: nil, doc: "the function for generating the row id"
   attr :row_click, :any, default: nil, doc: "the function for handling phx-click on each row"
@@ -46,7 +47,7 @@ defmodule PetalComponents.Table do
     assigns = assign_new(assigns, :id, fn -> "table_#{Ecto.UUID.generate()}" end)
 
     ~H"""
-    <table class={["pc-table", @class]} {@rest}>
+    <table class={["pc-table--#{@variant}", @class]} {@rest}>
       <%= if length(@col) > 0 do %>
         <thead>
           <.tr>

mix.exs

@@ -2,7 +2,7 @@ defmodule PetalComponents.MixProject do
   use Mix.Project
 
   @source_url "https://github.com/petalframework/petal_components"
-  @version "2.0.6"
+  @version "2.1.0"
 
   def project do
     [

test/petal/table_test.exs

@@ -81,7 +81,19 @@ defmodule PetalComponents.TableTest do
       """)
 
     assert html =~ "<table"
-    assert html =~ "pc-table"
+    assert html =~ "pc-table--surface"
+  end
+
+  test "Basic table (ghost variant)" do
+    assigns = %{}
+
+    html =
+      rendered_to_string(~H"""
+      <.table variant="ghost"></.table>
+      """)
+
+    assert html =~ "<table"
+    assert html =~ "pc-table--ghost"
   end
 
   test "tr" do