railsui 3.1.5 → 3.2.0

data/app/views/railsui/themes/hound/forms/_input_group.html.erb

@@ -26,12 +26,6 @@
 <%% end %>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-= form_with model: @form do |f|
-  .form-group
-    = f.label :email, class: "form-label"
-    = f.email_field :email, class: "form-input", placeholder:  "john.doe@example.com", "aria-label": "Email"
-<% end %>
 
 <%= render_snippet %>
 <% end %>
@@ -71,13 +65,6 @@
 <%% end %>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-= form_with model: @form do |f|
-  .form-group
-    = f.label :email, class: "form-label"
-    = f.email_field :email, class: "form-input", placeholder:  "john.doe@example.com", "aria-label": "Email"
-  %p.text-sm.text-slate-600.dark:text-slate-400.leading-relaxed.mt-1 This text helps you, right?
-<% end %>
 
 <%= render_snippet %>
 <% end %>
@@ -135,23 +122,6 @@
 <%% end %>
 <% end %>
 
-  <%# .haml %>
-<% content_for :haml, flush: true do %>
-/ ActionView::Helpers::FormTagHelper
-.form-group.relative
-  = email_field_tag "email", nil, class: "form-control", "aria-label": "Email", placeholder: "john.doe@example.com"
-  = icon "exclamation-circle", class: "hidden size-5 text-slate-400 absolute left-3 top-3"
-    %p.hidden.mt-1.text-sm.text-red-700.dark:text-red-400 Please enter a valid email
-
-/ ActionView::Helpers::FormHelper
-= form_with model: @form do |f|
-  .form-group.relative
-    = f.email_field :email, class: "form-control", "aria-label": "Email", placeholder: "john.doe@example.com"
-    = icon "exclamation-circle", class: "hidden size-5 text-slate-400 absolute left-3 top-3"
-  = f.submit class: "btn btn-primary"
-  <% end %>
-  <%= render_snippet %>
-<% end %>
 <% end %>
 </div>
 
@@ -218,27 +188,6 @@
 <%% end %>
 <% end %>
 
-<%# .haml %>
-<% content_for :haml, flush: true do %>
-/ ActionView::Helpers::FormTagHelper
-.form-group
-  = label_tag "email", "Email", class: "form-label"
-    .relative
-      = email_field_tag "email", "john.doe@", class: "form-input peer pr-10 invalid:border-red-700 invalid:text-red-700 invalid:ring-red-50 dark:invalid:border-red-400 dark:invalid:text-red-400 dark:invalid:ring-red-50/10", "aria-label": "Email", placeholder: "john.doe@example.com"
-      = icon "exclamation-circle", class: "size-5 text-red-700 dark:text-red-400 absolute right-3 top-3 invisible peer-invalid:visible"
-    %p.mt-1.text-sm.text-red-700.dark:text-red-400.invisible.peer-invalid:visible
-      Please enter a valid email
-
-/ ActionView::Helpers::FormHelper
-= form_with model: @form do |f|
-.form-group
-  .relative
-    = f.email_field :email, class: "form-input peer pr-10 invalid:border-red-700 invalid:text-red-700 invalid:ring-red-50 dark:invalid:border-red-400 dark:invalid:text-red-400 dark:invalid:ring-red-50/10", "aria-label": "Email", placeholder: "john.doe@example.com"
-    = icon "exclamation-circle", class: "size-5 text-red-700 dark:text-red-400 absolute right-3 top-3 invisible peer-invalid:visible"
-  %p.mt-1.text-sm.text-red-700.dark:text-red-400.invisible.peer-invalid:visible
-    Please enter a valid email
-= f.submit class: "btn btn-primary"
-<% end %>
 <%= render_snippet %>
 <% end %>
 <% end %>
@@ -278,12 +227,6 @@
 <%% end %>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-= form_with model: @form do |f|
-  .form-group
-    = f.label :email, class: "form-label"
-    = f.email_field :email, class: "form-input", placeholder:  "john.doe@example.com", "aria-label": "Email", disabled: true
-<% end %>
 
 <%= render_snippet %>
 <% end %>
@@ -333,14 +276,6 @@
 <%% end %>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-= form_with model: @form do |f|
-  .form-group
-    = f.label :website, class: "form-label"
-    .relative
-      .absolute.left-px.border-r.border-slate-300.top-px.bg-slate-100.dark:border-slate-700.dark:text-slate-200.text-base.rounded-l-lg.flex.items-center.justify-center.px-3.text-slate-700.select-none{class: "dark:bg-slate-700/80 h-[40px]"} https://
-      = f.text_field :website, class: "form-input pl-[90px]" placeholder: "example.com" "aria-label":"Website"
-<% end %>
 
   <%= render_snippet %>
 <% end %>
@@ -389,15 +324,6 @@
 <%% end %>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-= form_with model: @form do |f|
-  .form-group
-    = f.label :amount, "Enter amount", class: "form-label"
-    .relative
-      %span.absolute.left-3.text-slate-500.dark:text-slate-400{class: "top-[9px]"} $
-      = f.text_field :amount, class: "form-input pl-7", placeholder: "5.00", "aria-label": "Enter amount"
-      %span.absolute.right-3.top-[11px].text-slate-500.text-sm USD
-<% end %>
 
     <%= render_snippet %>
   <% end %>
@@ -446,15 +372,6 @@
 <%% end %>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-= form_with model: @form do |f|
-  .form-group
-    = f.label :users, "Search users", class: "form-label"
-    .relative
-      = icon "users", class: "size-5 stroke-current text-slate-500 absolute left-3 top-3"
-      = f.search_field :users, class: "form-input pl-10", placeholder: "John Doe", "aria-label": "Search users"
-    = f.submit class: "rounded-r-lg rounded-l-none bg-slate-100 border-slate-300 border rounded px-4 py-[9px] absolute right-0 shadow-xs top-0 focus:ring-4 focus:ring-primary-50 focus:border-slate-400 text-slate-700 dark:bg-slate-700 dark:text-slate-100 dark:border-slate-600 dark:focus:ring-primary-500/30 font-semibold text-[14.5px]"
-<% end %>
 
 <%= render_snippet %>
 <% end %>

data/app/views/railsui/themes/hound/forms/_radio.html.erb

@@ -71,19 +71,6 @@
 <%% end %>
 <% end %>
 
-<%# .haml %>
-<% content_for :haml, flush: true do %>
-/ ActionView::Helpers::FormHelper
-= form_with model: @form do |f|
-  .form-group
-    .mb-2.flex.items-center
-      = f.radio_button_tag "radio_default", "1", false, class: "form-input-radio"
-      = f.label :radio_default_1, "Default radio", class: "ml-2"
-    .flex.items-center
-      = f.radio_button_tag "radio_default", "2", true, class: "form-input-radio"
-      = f.label :radio_default_2, "Default checked radio", class: "ml-2"
-  = f.submit class: "btn btn-primary"
-<% end %>
 <%= render_snippet %>
 <% end %>
 <% end %>

data/app/views/railsui/themes/hound/forms/_select.html.erb

@@ -42,15 +42,6 @@
 <%% end %>
 <% end %>
 
-<%# .haml %>
-<% content_for :haml, flush: true do %>
-/ ActionView::Helpers::FormHelper
-= form_with model: @form do |f|
-.mb-3
-  = f.label :select_1, "Select example", class:  "form-label"
-  = f.select :select_1, options_for_select([["One", "1"], ["Two", "1"], ["Three", "1"]]), { prompt: "Open this select menu" }, { class: "form-select", "aria-label": "Default select example" }
-= f.submit class: "btn btn-primary"
-<% end %>
 <%= render_snippet %>
 <% end %>
 <% end %>
@@ -94,13 +85,6 @@
 </div>
 <% end %>
 
-<%# .haml %>
-<% content_for :haml, flush: true do %>
-.form-group.flex.items-center.space-x-3.max-w-sm
-  = select_day Date.today.day, {}, { class: "form-select" }  %>
-  = select_month Date.today.month, {}, { class: "form-select" }%>
-  = select_year Date.today.year, {}, { class: "form-select" } %>
-<% end %>
 <%= render_snippet %>
 <% end %>
 <% end %>

data/app/views/railsui/themes/hound/forms/_switch.html.erb

@@ -39,15 +39,6 @@
 <%% end %>
 <% end %>
 
-<%# .haml %>
-<% content_for :haml, flush: true do %>
-/ ActionView::Helpers::FormHelper
-= form_with model: @form do |f|
-  .form-group
-    = f.check_box :switch_default, class: "form-input-switch"
-    = f.label :switch_default, class: "form-label mb-0"
-  = f.submit class: "btn btn-primary"
-<% end %>
 <%= render_snippet %>
 <% end %>
 <% end %>

data/app/views/railsui/themes/hound/forms/_validation.html.erb

@@ -48,21 +48,6 @@
   <%% end %>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-/ app/views/rui/shared/_error_messages.html.erb
-
-- if resource.errors.any?
-  .bg-rose-50.text-rose-700.sm:px-9.sm:py-6.px-6.py-6.rounded-lg.mb-6.dark:border.dark:text-rose-50.text-sm{class: "dark:bg-rose-400/10 dark:border-rose-400/20", role: "alert"}
-    .flex.items-start.space-x-4
-      = icon "shield-exclamation", class: "size-6 text-rose-700 flex-shrink-0", variant: :solid
-      .flex-1
-        %p.font-bold
-          = pluralize(resource.errors.count, "error")
-          prohibited this #{resource.class.name.downcase} from being saved:
-        %ul.list-disc.mt-3.ml-4
-          - resource.errors.each do |error|
-            %li= error.full_message
-<% end %>
 <%= render_snippet active_tab: "erb" %>
 <% end %>
 <% end %>

data/app/views/railsui/themes/hound/mailers/_layout.html.erb

@@ -538,443 +538,12 @@ end
 </html>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-!!!
-%html
-  %body
-    - # Refer to Tailwind's colors for max control
-    - # https://tailwindcss.com/docs/customizing-colors#using-css-variables
-    - theme = {
-    - align_logo: "center",
-    - primary: "#4f46e5",
-    - secondary: "#1e293b",
-    - heading_text_color: "#0f172a",
-    - footer_text_color: "#94a3b8",
-    - body_text_color: "#334155",
-    - light_text_color: "#94a3b8",
-    - callout_bg_color: "#e0e7ff",
-    - callout_border_color: "#a5b4fc",
-    - callout_text_color: "#4338ca"
-    - }
-    %meta{content: "text/html; charset=UTF-8", "http-equiv" => "Content-Type"}/
-    :css
-      @media all {
-        .ExternalClass {
-          width: 100%;
-        }
-        .ExternalClass,
-        .ExternalClass p,
-        .ExternalClass span,
-        .ExternalClass font,
-        .ExternalClass td,
-        .ExternalClass div {
-          line-height: 100%;
-        }
-      }
-
-      img {
-        border: none;
-        -ms-interpolation-mode: bicubic;
-        max-width: 100%;
-      }
-
-      img.rounded-full {
-        border-radius: 99999px;
-        width: 20px;
-        height: 20px;
-        margin-bottom: -2px;
-        margin-bottom: -2px;
-      }
-
-      table {
-        border-collapse: separate;
-        mso-table-lspace: 0pt;
-        mso-table-rspace: 0pt;
-        width: 100%;
-      }
-
-      table td {
-        font-family: sans-serif;
-        font-size: 16px;
-        vertical-align: top;
-      }
-
-      .container {
-        display: block;
-        margin: 0 auto !important;
-        /* makes it centered */
-        max-width: 600px;
-        padding: 10px;
-        width: 600px;
-      }
-
-      .content {
-        box-sizing: border-box;
-        display: block;
-        margin: 0 auto;
-        max-width: 600px;
-        padding: 20px;
-        line-height: 1.6;
-        color: #{theme[:body_text_color]};
-      }
-
-      .logo {
-        color: #222;
-        text-decoration: none;
-        font-size: 18px;
-        font-weight: 500;
-        line-height: 0;
-      }
-
-      .logo:hover {
-        text-decoration: none;
-      }
-
-      .main {
-        background: #ffffff;
-        width: 100%;
-      }
-
-      .wrapper {
-        box-sizing: border-box;
-        padding: 20px;
-      }
-
-      .footer {
-        clear: both;
-        padding-top: 16px;
-        margin-bottom: 16px;
-        text-align: center;
-      }
-
-      .footer td,
-      .footer p,
-      .footer span,
-      .footer a {
-        color: #{theme[:footer_text_color]};
-        font-size: 13px;
-        line-height: 150%;
-        margin: 0;
-        text-align: center;
-      }
-
-      h1,
-      h2,
-      h3,
-      h4 {
-        color: #{theme[:heading_text_color]};
-        font-family: 'system-ui',
-        '-apple-system',
-        'BlinkMacSystemFont',
-        '"Segoe UI"',
-        'Roboto',
-        '"Helvetica Neue"',
-        'Arial',
-        '"Noto Sans"',
-        'sans-serif',
-        '"Apple Color Emoji"',
-        '"Segoe UI Emoji"',
-        '"Segoe UI Symbol"',
-        '"Noto Color Emoji"';
-        line-height: 1.4;
-        margin-bottom: 20px;
-      }
-
-      h1 {
-        font-size: 24px;
-        font-weight: 800;
-        line-height: 30px;
-      }
-
-      h2 {
-        font-size: 22px;
-        font-weight: 800;
-      }
-
-      p,
-      ul,
-      ol,
-      table.callout {
-        font-family: sans-serif;
-        font-size: 16px;
-        font-weight: normal;
-        margin-bottom: 18px;
-      }
-
-      ul {
-        padding-left: 16px;
-        margin: 10px 0;
-        Margin: 10px 0;
-        list-style-type: disc;
-      }
-
-      ul li {
-        Margin-bottom: 10px;
-        margin-bottom: 10px;
-      }
-
-      p li,
-      ul li,
-      ol li {
-        list-style-position: outside;
-      }
-
-      p.no-bottom-margin {
-        margin-bottom: 0;
-      }
-
-      a {
-        color: #{theme[:primary]};
-        text-decoration: underline;
-      }
-
-      a:hover {
-        text-decoration: underline;
-      }
-
-      .intro blockquote {
-        font-style: italic;
-        color: #111827 !important;
-        border-left: 5px solid #e5e7eb;
-        margin: 0 0 18px 0;
-        padding-left: 24px;
-      }
-
-      .intro blockquote p {
-        font-weight: 500 !important;
-        font-style: italic;
-        color: #111827 !important;
-        margin: 0;
-      }
-
-      .last {
-        margin-bottom: 0;
-      }
-
-      .first {
-        margin-top: 0;
-      }
-
-      .align-center {
-        text-align: center;
-      }
-
-      .align-right {
-        text-align: right;
-      }
-
-      .align-left {
-        text-align: left;
-      }
-
-      .mt-0 {
-        margin-top: 0;
-      }
-
-      .mb-0 {
-        margin-bottom: 0;
-      }
-
-      .mt-10 {
-        margin-top: 10px;
-        Margin-top: 10px;
-      }
-
-      .mb-10 {
-        margin-bottom: 10px;
-        Margin-bottom: 10px;
-      }
-
-      .small {
-        font-size: 14px;
-        color: #{theme[:light_text_color]};
-        line-height: 130%;
-      }
-
-      hr {
-        border: 0;
-        border-bottom: 1px solid #f6f6f6;
-        margin: 20px 0;
-      }
-
-      table.callout td {
-        background-color: #{theme[:callout_bg_color]};
-        border: 1px solid #{theme[:callout_border_color]};
-        padding: 10px;
-        border-radius: 6px;
-        color: #{theme[:callout_text_color]}
-      }
-
-      table.callout td p {
-        margin-bottom: 0;
-      }
-
-      .view-in-browser {
-        font-size: 12px;
-        color: #{theme[:light_text_color]};
-        margin-bottom: 10px;
-        text-align: center;
-        display: block;
-      }
-
-      table.social-links {
-        width: auto;
-      }
-
-      table.social-links td {
-        width: 44px;
-        overflow: hidden;
-        text-align: center;
-      }
-
-      table.social-links td img {
-        display: inline;
-      }
-
-      @media only screen and (max-width: 620px) {
-        table[class="body"] a.view-in-browser {
-          font-size: 12px !important;
-          margin-top: 10px;
-        }
-
-        table[class="body"] h1 {
-          font-size: 28px !important;
-          margin-bottom: 10px !important;
-        }
-
-        table[class="body"] a,
-        table[class="body"] ol,
-        table[class="body"] p,
-        table[class="body"] span,
-        table[class="body"] td,
-        table[class="body"] ul {
-          font-size: 16px !important;
-        }
-
-        table[class="body"] p.small {
-          font-size: 14px !important;
-        }
-
-        table[class="body"] .footer {
-          padding: 10px;
-        }
-
-        table[class="body"] .footer p {
-          font-size: 16px !important;;
-          line-height: 150%;
-        }
-
-        .wrapper {
-          padding: 20px 10px !important;
-        }
-
-        .content {
-          padding: 0 !important;
-        }
-
-        .container {
-          padding: 0 !important;
-          width: 100.85% !important;
-        }
-
-        .main {
-          border-left-width: 0 !important;
-          border-radius: 0 !important;
-          border-right-width: 0 !important;
-          width: 100% !important;
-        }
-
-        .img-responsive {
-          height: auto !important;
-          max-width: 100% !important;
-          width: auto !important;
-        }
-
-        .action__link--primary,
-        .action__link--secondary {
-          border-width: 10px 0px !important;
-        }
-      }
-
-      /* Action buttons */
-      .action__link {
-        display: inline-block;
-        text-decoration: none !important;
-        text-align: center;
-        border-radius: 3px;
-        -webkit-text-size-adjust: none;
-        color: white !important;
-        font-size: 16px;
-      }
-      /* Update your brand colors here */
-      .action__link--primary {
-        background-color: #{theme[:primary]};
-        border-top: 8px solid  #{theme[:primary]};
-        border-right: 18px solid #{theme[:primary]};
-        border-bottom: 8px solid #{theme[:primary]};
-        border-left: 18px solid #{theme[:primary]};
-      }
-
-      .action__link--secondary {
-        color: white;
-        background-color: #{theme[:secondary]};
-        border-top: 8px solid #{theme[:secondary]};
-        border-right: 18px solid #{theme[:secondary]};
-        border-bottom: 8px solid #{theme[:secondary]};
-        border-left: 18px solid #{theme[:secondary]};
-      }
-
-      .action {
-        width: 100%;
-        padding: 0 0 5px 0 !important;
-        text-align: center;
-      }
-
-      .action__link--expanded {
-        width: 100%;
-      }
-
-      .action td {
-        padding: 0 !important;
-        border: none;
-      }
-
-      @media only screen and (max-width: 600px) {
-        .action a {
-          width: 100%;
-        }
-      }
-    %table.body{border: "0", cellpadding: "0", cellspacing: "0"}
-      %tr
-        %td.container
-          .content
-            %table.main{border: "0", cellpadding: "0", cellspacing: "0"}
-              %tr
-                %td
-                  %table{border: "0", cellpadding: "0", cellspacing: "0"}
-                    %tr
-                      %td.wrapper
-                        %table{align: "#{theme[:align_logo] ||= "left"}"}
-                          %tr
-                            %td{align: "#{theme[:align_logo] ||= "left"}"}
-                              = spacer(12)
-                              = link_to root_url, class: "logo", target: :_blank do
-                                = image_tag Railsui.theme_logo_url, style: "width: 40px; max-width: 40px; height: auto; display: inline; text-align: center;", alt: "#{Railsui.config.application_name} logo"
-                              = spacer(24)
-                        = yield
-            = spacer(8)
-            %table.footer{border: "0", cellpadding: "0", cellspacing: "0"}
-              %tr
-                %td
-                  Please contact #{mail_to Railsui.config.support_email, Railsui.config.support_email, subject: "Help", body: "I need help...", style: "text-decoration: underline;"} if you have any questions.
-        %td
-<% end %>
 
 <% content_for :ruby, flush: true do %>
 
 <% end %>
 
-<%= render_snippet active_tab: "erb", erb_filename: "mailer.html.erb", haml_filename: "mailer.haml.erb" %>
+<%= render_snippet active_tab: "erb", erb_filename: "mailer.html.erb" %>
 </div>
 
 <%= system_pagination(prev_path: systems_mailers_overview_path, prev_text: "Mailers", next_path: systems_mailers_minimal_path, next_text: "Minimal") %>

data/app/views/railsui/themes/hound/mailers/_minimal.html.erb

@@ -50,23 +50,8 @@
 <%%= link_to "Learn more", "https://railsui.com" %>
 <% end %>
 
-<% content_for :haml, flush: true do %>
-/ app/views/some_mailer/minimal.haml.erb
-%h1 This is a heading
-= spacer(16)
-%p Lorem ipsum dolor sit amet consectetur adipisicing elit. Excepturi nulla rem ipsam, praesentium quisquam quidem laboriosam nihil cumque, molestias vero enim corrupti corporis quibusdam mollitia! Dolores ipsum eos animi facere.
-= spacer(16)
-%ul
-  %li List item 1
-  %li List item 2
-  %li List item 3
-= spacer(16)
-%p Lorem ipsum dolor sit amet consectetur adipisicing elit. Excepturi nulla rem ipsam, praesentium quisquam quidem laboriosam nihil cumque, molestias vero enim corrupti corporis quibusdam mollitia! Dolores ipsum eos animi facere.
-= spacer(16)
-= link_to "Learn more", "https://railsui.com"
-<% end %>
 
-<%= render_snippet active_tab: "erb", erb_filename: "minimal.html.erb", haml_filename: "minimal.haml.erb" %>
+<%= render_snippet active_tab: "erb", erb_filename: "minimal.html.erb" %>
 
 <% end %>
 <% end %>