vitrail 0.4.0 → 1.0.0

data/app/assets/stylesheets/vitrail.tailwind.css

@@ -1,13 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-/*
-
-@layer components {
-  .btn-primary {
-    @apply py-2 px-4 bg-blue-200;
-  }
-}
-
-*/

data/app/components/vitrail/card.html.erb

@@ -1,12 +0,0 @@
-<div class="<%= html_classes %>" <%= html_attributes %>>
-  <% if header? %>
-    <header>
-      <div class="flex justify-between items-center mb-2">
-        <h3 class="truncate text-sm font-medium text-slate-500">
-          <%= title %>
-        </h3>
-        <i class="fa-light text-slate-600 ml-2 fa-<%= icon %>" aria-hidden="true"></i>
-    </header>
-  <% end %>
-  <%= content %>
-</div>

data/app/components/vitrail/card.rb

@@ -1,18 +0,0 @@
-# frozen_string_literal: true
-
-module Vitrail
-  class Card < BaseComponent
-    LOCAL_CLASSES = "border border-slate-200 rounded px-4 py-2 bg-white shadow-sm"
-
-    private attr_reader :title, :icon
-
-    def initialize(title: nil, icon: nil, **html_options)
-      super(**html_options)
-      @title = title
-      @icon = icon
-    end
-
-    def local_classes = LOCAL_CLASSES
-    def header? = title || icon
-  end
-end

data/app/components/vitrail/link_to.rb

@@ -1,40 +0,0 @@
-# frozen_string_literal: true
-
-module Vitrail
-  class LinkTo < ViewComponent::Base
-    def initialize(level, options = nil, html_options = nil)
-      @level = level
-      @options = options
-      @html_options = html_options || {}
-    end
-
-    def call = link_to(options, decorated_html_options) { content }
-
-    private
-
-    attr_reader :level, :options, :html_options
-
-    GLOBAL_CLASSES = "font-semibold px-3 py-2".freeze
-    private_constant :GLOBAL_CLASSES
-
-    LEVEL_CLASSES = {
-      primary: <<~TXT.squish,
-        text-indigo-600 hover:text-indigo-500
-        focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2
-        focus-visible:outline-indigo-600
-      TXT
-      secondary: <<~TXT.squish,
-        text-slate-700 hover:text-slate-80
-        underline decoration-dashed underline-offset-4 decoration-slate-500
-      TXT
-    }.freeze
-    private_constant :LEVEL_CLASSES
-    def level_classes
-      LEVEL_CLASSES[level.to_sym]
-    end
-
-    def decorated_html_options
-      html_options&.merge(class: [GLOBAL_CLASSES, level_classes].join(" "))
-    end
-  end
-end

data/app/components/vitrail/table.html.erb

@@ -1,19 +0,0 @@
-<div class="flow-root" <%= html_attributes %>>
-  <div class="<%= html_classes %>">
-    <div class="inline-block min-w-full align-middle">
-      <table class="table-auto min-w-full divide-y divide-gray-300">
-        <thead class="sticky top-0 bg-white">
-          <tr>
-            <% headers.each do |header| %>
-              <%= header %>
-            <% end %>
-          </tr>
-        <tbody class="divide-y divide-gray-200">
-          <% rows.each do |row| %>
-            <%= row %>
-          <% end %>
-        </tbody>
-      </table>
-    </div>
-  </div>
-</div>

data/app/components/vitrail/table.rb

@@ -1,10 +0,0 @@
-# frozen_string_literal: true
-
-module Vitrail
-  class Table < BaseComponent
-    renders_many :headers, Table::Header
-    renders_many :rows, Table::Row
-
-    def local_classes = "overflow-x-auto"
-  end
-end

data/app/components/vitrail/title.rb

@@ -1,29 +0,0 @@
-# frozen_string_literal: true
-
-module Vitrail
-  class Title < BaseComponent
-    erb_template <<~ERB.squish
-    <h<%= level %> class="<%= html_classes %>" <%= html_attributes %>>
-      <%= content %>
-    </h<%= level %>>
-    ERB
-
-    LEVEL_CLASSES = {
-      1 => "mt-10 mb-4 text-2xl xl:text-3xl font-bold tracking-tight text-slate-900",
-      2 => "mt-8 mb-2 text-xl xl:text-2xl font-bold tracking-tight text-slate-900",
-      3 => "mt-4 mb-1 xl:text-lg font-semibold tracking-tight text-slate-800"
-    }.freeze
-    private_constant :LEVEL_CLASSES
-
-    private attr_reader :level
-
-    def initialize(level: 1, **html_options)
-      super(**html_options)
-      @level = level
-    end
-
-    private
-
-    def local_classes = LEVEL_CLASSES[level]
-  end
-end

data/app/views/layouts/vitrail/component_preview.html.erb

@@ -1,16 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <title>Vitrail</title>
-    <meta name="viewport" content="width=device-width,initial-scale=1">
-    <%= csrf_meta_tags %>
-    <%= csp_meta_tag %>
-
-    <%= stylesheet_link_tag "tailwind", "inter-font", "data-turbo-track": "reload" %>
-    <%= stylesheet_link_tag "vitrail/application" %>
-    <script src="https://kit.fontawesome.com/910f22a437.js" crossorigin="anonymous"></script>
-  </head>
-  <body class="px-8 py-4 margin-x-auto">
-    <%= yield %>
-  </body>
-</html>

data/config/tailwind.config.js

@@ -1,22 +0,0 @@
-const defaultTheme = require('tailwindcss/defaultTheme')
-
-module.exports = {
-  content: [
-    './app/views/**/*.{erb,html,slim}',
-    './app/components/**/*.{erb,html,slim}',
-    './test/components/previews/**/*.{rb,erb,html,slim}'
-  ],
-  theme: {
-    extend: {
-      fontFamily: {
-        sans: ['Inter var', ...defaultTheme.fontFamily.sans],
-      },
-    },
-  },
-  plugins: [
-    require('@tailwindcss/forms'),
-    require('@tailwindcss/aspect-ratio'),
-    require('@tailwindcss/typography'),
-    require('@tailwindcss/container-queries'),
-  ]
-}