vitrail 0.3.0 → 0.4.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 0a21fd7a542ed8c1e4d3607925dbf30522b1dbcab267e62c332ea579eec8494f
-  data.tar.gz: 5672e0d10c8dc43b25e305baa3378b2ac5af88ad82a8a0cc90e4754a56560a12
+  metadata.gz: 3847f0778cef05c75a87efdd00cd1393ed57b30914e49afc768dd1593c0866bc
+  data.tar.gz: 4c8ab120e0ad5a156167605dafa1a390b11c3360f9bc1cef6f1fe85dbb4f80ef
 SHA512:
-  metadata.gz: ef007d0e9d8dea67411131415a44eaf79e9504bbcada06d08ba46dbcbddcc484a0b3046065402d9ece2fc96ba7cb3009e463dfcd71eed0461b7c186eebf041f8
-  data.tar.gz: c50f4bdbdefd11a2ab94b3a3c4a928690912f8331a93bd0deb096e04ed18c740e94dbac1307ab6598367004149b682bd4cb8e4f52999ce70478d06a33d88657a
+  metadata.gz: 4dbaeed7ff26ae42fc038b7b0c8f4f5709f96014e21f93fa0adbca23bf11de2eef8f43740ff8e538bdaed023bcb21d977a8c0add21708e3159f11d31316ca8e6
+  data.tar.gz: e798ddfb27bcb3fd253ea97ca8ff8e762a9a2f28bd1612f7d78e29ea6863ebe7dab99018e0a3b885cd29b8eb225ca4e870d2a3c69254b3221b35996ee513476b

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

@@ -726,6 +726,10 @@ select {
   margin-left: 0.5rem;
 }
 
+.ml-3 {
+  margin-left: 0.75rem;
+}
+
 .block {
   display: block;
 }
@@ -746,10 +750,18 @@ select {
   display: flow-root;
 }
 
+.max-h-\[28rem\] {
+  max-height: 28rem;
+}
+
 .min-w-full {
   min-width: 100%;
 }
 
+.flex-shrink-0 {
+  flex-shrink: 0;
+}
+
 .table-auto {
   table-layout: auto;
 }
@@ -778,44 +790,34 @@ select {
   border-color: rgb(209 213 219 / var(--tw-divide-opacity));
 }
 
-.overflow-x-auto {
-  overflow-x: auto;
-}
-
 .truncate {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
-.border-red-400 {
-  --tw-border-opacity: 1;
-  border-color: rgb(248 113 113 / var(--tw-border-opacity));
+.border {
+  border-width: 1px;
 }
 
-.border-red-200 {
-  --tw-border-opacity: 1;
-  border-color: rgb(254 202 202 / var(--tw-border-opacity));
+.\!border-red-200 {
+  --tw-border-opacity: 1 !important;
+  border-color: rgb(254 202 202 / var(--tw-border-opacity)) !important;
 }
 
-.bg-white {
-  --tw-bg-opacity: 1;
-  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
-}
-
-.bg-red-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
+.border-slate-200 {
+  --tw-border-opacity: 1;
+  border-color: rgb(226 232 240 / var(--tw-border-opacity));
 }
 
-.bg-red-200 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(254 202 202 / var(--tw-bg-opacity));
+.\!bg-red-100 {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(254 226 226 / var(--tw-bg-opacity)) !important;
 }
 
-.bg-red-100 {
+.bg-white {
   --tw-bg-opacity: 1;
-  background-color: rgb(254 226 226 / var(--tw-bg-opacity));
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
 
 .px-3 {
@@ -850,10 +852,19 @@ select {
   font-weight: 500;
 }
 
+.font-semibold {
+  font-weight: 600;
+}
+
 .uppercase {
   text-transform: uppercase;
 }
 
+.text-red-800 {
+  --tw-text-opacity: 1;
+  color: rgb(153 27 27 / var(--tw-text-opacity));
+}
+
 .text-slate-500 {
   --tw-text-opacity: 1;
   color: rgb(100 116 139 / var(--tw-text-opacity));
@@ -864,9 +875,9 @@ select {
   color: rgb(71 85 105 / var(--tw-text-opacity));
 }
 
-.text-red-800 {
+.text-slate-900 {
   --tw-text-opacity: 1;
-  color: rgb(153 27 27 / var(--tw-text-opacity));
+  color: rgb(15 23 42 / var(--tw-text-opacity));
 }
 
 /*

data/app/components/vitrail/badge.rb

@@ -0,0 +1,33 @@
+# frozen_string_literal: true
+
+module Vitrail
+  class Badge < BaseComponent
+    erb_template <<~ERB.squish
+    <span class="<%= html_classes %>" <%= html_attributes %>>
+      <%= content %>
+    </span>
+    ERB
+
+    def initialize(level: :default, **html_options)
+      super(**html_options)
+      @level = level
+    end
+
+    private
+
+    attr_reader :level
+
+    LOCAL_CLASSES = "inline-flex items-center rounded-full px-2 py-1 text-xs font-medium ring-1 ring-inset"
+    LEVEL_CLASSES = {
+      default: "bg-blue-50 text-blue-700 ring-blue-700/10",
+      info: "bg-blue-50 text-blue-700 ring-blue-700/10",
+      positive: "bg-green-50 text-green-700 ring-green-700/10",
+      negative: "bg-yellow-50 text-yellow-700 ring-yellow-700/10",
+      warning: "bg-red-50 text-red-700 ring-red-700/10",
+      urgent: "bg-red-700 text-white ring-red-700/10"
+    }.freeze
+    private_constant :LEVEL_CLASSES
+
+    def local_classes = [LOCAL_CLASSES, LEVEL_CLASSES[level]].join(" ")
+  end
+end

data/app/components/vitrail/link_to.rb

@@ -0,0 +1,40 @@
+# 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/notice.html.erb

@@ -0,0 +1,15 @@
+<%= render Vitrail::Card.new(class: level_background) do %>
+  <div class="flex">
+    <div class="flex-shrink-0">
+      <i class="<%= level_icon %>"></i>
+    </div>
+    <div class="ml-3">
+      <h4 class="font-semibold text-slate-900">
+        <%= title %>
+      </h4>
+      <div class="text-slate-600">
+        <%= content %>
+      </div>
+    </div>
+  </div>
+<% end %>

data/app/components/vitrail/notice.rb

@@ -0,0 +1,31 @@
+# frozen_string_literal: true
+
+module Vitrail
+  class Notice < BaseComponent
+    def initialize(title:, level: :default, **html_options)
+      super(**html_options)
+      @title = title
+      @level = level
+    end
+
+    private
+
+    attr_reader :title, :level
+
+    LEVEL_BACKGROUNDS = {
+      default: "!bg-gray-50",
+      caution: "!bg-yellow-50",
+      critical: "!bg-red-50"
+    }.freeze
+    private_constant :LEVEL_BACKGROUNDS
+    def level_background = LEVEL_BACKGROUNDS[level]
+
+    LEVEL_ICONS = {
+      default: "fa-solid fa-square-info text-gray-500",
+      caution: "fa-solid fa-square-info text-yellow-600",
+      critical: "fa-solid fa-triangle-exclamation text-red-600"
+    }.freeze
+    private_constant :LEVEL_ICONS
+    def level_icon = LEVEL_ICONS[level]
+  end
+end

data/lib/vitrail/version.rb

@@ -1,3 +1,3 @@
 module Vitrail
-  VERSION = "0.3.0"
+  VERSION = "0.4.0"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: vitrail
 version: !ruby/object:Gem::Version
-  version: 0.3.0
+  version: 0.4.0
 platform: ruby
 authors:
 - Guillaume CABANEL
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2023-11-21 00:00:00.000000000 Z
+date: 2023-11-22 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -66,9 +66,13 @@ files:
 - app/assets/stylesheets/vitrail.tailwind.css
 - app/assets/stylesheets/vitrail/application.css
 - app/assets/stylesheets/vitrail/vitrail.css
+- app/components/vitrail/badge.rb
 - app/components/vitrail/base_component.rb
 - app/components/vitrail/card.html.erb
 - app/components/vitrail/card.rb
+- app/components/vitrail/link_to.rb
+- app/components/vitrail/notice.html.erb
+- app/components/vitrail/notice.rb
 - app/components/vitrail/table.html.erb
 - app/components/vitrail/table.rb
 - app/components/vitrail/table/division.html.erb
@@ -76,7 +80,6 @@ files:
 - app/components/vitrail/table/header.rb
 - app/components/vitrail/table/row.rb
 - app/components/vitrail/title.rb
-- app/helpers/vitrail/application_helper.rb
 - app/views/layouts/vitrail/component_preview.html.erb
 - config/tailwind.config.js
 - lib/tasks/vitrail_tasks.rake

data/app/helpers/vitrail/application_helper.rb

@@ -1,4 +0,0 @@
-module Vitrail
-  module ApplicationHelper
-  end
-end