Fix CSS typos, wrong border classes, swapped docs, and Gettext template bug (#468)

- overlay.eex: Add missing `/` and space in natural color opacity class
- tooltip.eex: Fix double hyphen `natural--bordered` → `natural-bordered`
- radio_card.eex: Fix double hyphen `info--bordered` → `info-bordered`
- blockquote.eex: Fix wrong border direction for "small"+"right" (`border-s-2` → `border-e-2`)
- banner.eex: Fix extra_small bottom border (`border` → `border-b`)
- password_field.eex: Fix Gettext module in translate_error (`@module` → `inspect(@web_module)`)
- footer.eex: Replace tab character with space in maximum_width CSS class
- gallery.eex: Fix cyclically swapped doc strings for gap/animation/animation_size attrs

Author: MetaBureau

priv/components/banner.eex

@@ -371,7 +371,7 @@ defmodule <%= @module %> do
   defp border_class("large", "top", _), do: "border-b-4"
   defp border_class("extra_large", "top", _), do: "border-b-[5px]"
 
-  defp border_class("extra_small", "bottom", _), do: "border"
+  defp border_class("extra_small", "bottom", _), do: "border-b"
   defp border_class("small", "bottom", _), do: "border-b-2"
   defp border_class("medium", "bottom", _), do: "border-b-[3px]"
   defp border_class("large", "bottom", _), do: "border-b-4"

priv/components/blockquote.eex

@@ -249,7 +249,7 @@ defmodule <%= @module %> do
   defp border_class("small", position, _) do
     [
       position == "left" && "border-s-2",
-      position == "right" && "border-s-2",
+      position == "right" && "border-e-2",
       position == "full" && "border-2"
     ]
   end

priv/components/footer.eex

@@ -166,7 +166,7 @@ defmodule <%= @module %> do
   <% end %>
   defp space_class(params) when is_binary(params), do: params
 
-  defp maximum_width("extra_small"), do: "[&>div]:max-w-3xl	[&>div]:mx-auto"
+  defp maximum_width("extra_small"), do: "[&>div]:max-w-3xl [&>div]:mx-auto"
   defp maximum_width("small"), do: "[&>div]:max-w-4xl [&>div]:mx-auto"
   defp maximum_width("medium"), do: "[&>div]:max-w-5xl [&>div]:mx-auto"
   defp maximum_width("large"), do: "[&>div]:max-w-6xl [&>div]:mx-auto"

priv/components/gallery.eex

@@ -56,9 +56,9 @@ defmodule <%= @module %> do
   attr :type, :string, values: ["default", "masonry", "featured"], default: "default", doc: ""
   attr :class, :any, default: nil, doc: "Custom CSS class for additional styling"
   attr :cols, :string, default: "", doc: "Determines cols of elements"
-  attr :gap, :string, default: "", doc: "Determines animation type for gallery items"
-  attr :animation, :string, default: "", doc: "Determines animation intensity/size"
-  attr :animation_size, :string, default: "extra_small", doc: "Determines gap between elements"
+  attr :gap, :string, default: "", doc: "Determines gap between elements"
+  attr :animation, :string, default: "", doc: "Determines animation type for gallery items"
+  attr :animation_size, :string, default: "extra_small", doc: "Determines animation intensity/size"
 
   attr :rest, :global,
     doc:

priv/components/overlay.eex

@@ -94,7 +94,7 @@ defmodule <%= @module %> do
   <% end %>
   <%= if is_nil(@color) or "natural" in @color do %>
   defp color_class("natural") do
-    ["bg-natural-light[var(--overlay-opacity)]dark:bg-natural-dark/[var(--overlay-opacity)]"]
+    ["bg-natural-light/[var(--overlay-opacity)] dark:bg-natural-dark/[var(--overlay-opacity)]"]
   end
   <% end %>
   <%= if is_nil(@color) or "primary" in @color do %>

priv/components/password_field.eex

@@ -1168,7 +1168,7 @@ defmodule <%= @module %> do
     if count = opts[:count] do
       Gettext.dngettext(<%= inspect(@web_module) %>.Gettext, "errors", msg, msg, count, opts)
     else
-      Gettext.dgettext(<%= @module %>.Gettext, "errors", msg, opts)
+      Gettext.dgettext(<%= inspect(@web_module) %>.Gettext, "errors", msg, opts)
     end
   end
 end

priv/components/radio_card.eex

@@ -874,7 +874,7 @@ defmodule <%= @module %> do
       "text-info-bordered-text-light border-info-bordered-text-light bg-info-bordered-bg-light",
       "dark:text-info-hover-dark dark:border-info-hover-dark dark:bg-info-bordered-bg-dark",
       "[&_.radio-card-input]:checked:accent-info-bordered-text-light",
-      "dark:[&_.radio-card-input]:checked:accent-info--bordered-text-dark",
+      "dark:[&_.radio-card-input]:checked:accent-info-bordered-text-dark",
       "[&_.radio-card-input]:border-info-bordered-text-light dark:[&_.radio-card-input]:border-info-bordered-text-dark",
       "has-[:checked]:border-info-indicator-alt-light dark:has-[:checked]:border-info-indicator-dark",
       "has-[:checked]:bg-[var(--color-info-gradient-indicator-dark)] dark:has-[:checked]:bg-info-indicator-alt-light"

priv/components/tooltip.eex

@@ -547,7 +547,7 @@ import Phoenix.LiveView.Utils, only: [random_id: 0]
   defp color_variant("bordered", "natural") do
     [
       "text-natural-bordered-text-light border-natural-bordered-text-light bg-natural-bordered-bg-light",
-      "dark:text-natural-bordered-text-dark dark:border-natural--bordered-text-dark dark:bg-natural-bordered-bg-dark"
+      "dark:text-natural-bordered-text-dark dark:border-natural-bordered-text-dark dark:bg-natural-bordered-bg-dark"
     ]
   end
   <% end %>