bs5 0.0.7 → 0.0.8

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 061a536170d6aa6ef8e76633cb5a88db4832d7a79d8096eba5de62e278bd8775
-  data.tar.gz: 24121455a2fefbc3ebc70a3c70645a33c6a9f46d1303d249adebab639b9648e6
+  metadata.gz: 77c7e79d854010df72b9492702bd2983468fb9237d3aecf619f3f6267db8c6fd
+  data.tar.gz: cc4cc0afd6b51f9c7b59ce3b38842255b7b4131640104aa297e9f10a655be51d
 SHA512:
-  metadata.gz: fc2c751f5b54c42761563c5cd08816edfdffa332477eea76290c5f7b344e1e41c5001569785b93311ccb55aa27a1435cbdd5de174594967fcf4b29e1fd77f6f0
-  data.tar.gz: 0c8a184b0e2ca4cfd24124597f1d16cd4ee8adce371df61f3de58fdad2d4c341f8f906650e0c738a7513364a46c8b99135c3341bc0c39eaeede3b2e9e344bad4
+  metadata.gz: 0cc7b7a7c486b2b7783fbe4970900b9ec009ffcdb32bb9271fce6d15b24ef6ed7a407e6a67bb3a3056d7f3fdd64b1861b58f9baa6e012962ccdd0237d51063de
+  data.tar.gz: 6f5bad0ae1ce081d539855c2249292b2e2dbce5de4ece7d983aba5d31caf6414ff0b8f790a83927653db2c33c02845271ec222bceca6d01d9a5b90dc6f4c7e20

data/app/components/bs5/breadcrumb_component.html.erb

@@ -0,0 +1,9 @@
+<% if items.any? %>
+  <nav aria-label="breadcrumb">
+    <ol class="breadcrumb">
+      <% items.each do |item| %>
+        <li class="breadcrumb-item <%= item == items.last ? 'active' : '' %>" <%= item == items.last ? 'aria-current=page' : '' %>><%= item.content %></li>
+      <% end %>
+    </ol>
+  </nav>
+<% end %>

data/app/components/bs5/breadcrumb_component.rb

@@ -0,0 +1,12 @@
+# frozen_string_literal: true
+
+module Bs5
+  class BreadcrumbComponent < ViewComponent::Base
+    include ViewComponent::Slotable
+
+    with_slot :item, collection: true, class_name: 'Item'
+
+    class Item < ViewComponent::Slot
+    end
+  end
+end

data/app/helpers/bs5/components_helper.rb

@@ -21,5 +21,11 @@ module Bs5
     def bs5_close_button(*args)
       render CloseButtonComponent.new(*args)
     end
+
+    def bs5_breadcrumb(*args)
+      render BreadcrumbComponent.new(*args) do |breadcrumb|
+        yield breadcrumb if block_given?
+      end
+    end
   end
 end

data/app/views/bs5/examples/_alert.html.erb

@@ -1,4 +1,5 @@
 <h2>Alert</h2>
 <%= render 'bs5/examples/alert/default/example' %>
 <%= render 'bs5/examples/alert/style/example' %>
+<%= render 'bs5/examples/alert/additional_content/example' %>
 <%= render 'bs5/examples/alert/dismissable/example' %>

data/app/views/bs5/examples/_breadcrumb.html.erb

@@ -0,0 +1,2 @@
+<h2>Breadcrumb</h2>
+<%= render 'bs5/examples/breadcrumb/default/example' %>

data/app/views/bs5/examples/_close_button.html.erb

@@ -0,0 +1,4 @@
+<h2>Close button</h2>
+<%= render 'bs5/examples/close_button/default/example' %>
+<%= render 'bs5/examples/close_button/disabled/example' %>
+<%= render 'bs5/examples/close_button/white/example' %>

data/app/views/bs5/examples/alert/additional_content/_example.html.erb

@@ -0,0 +1,2 @@
+<h3>Additional content</h3>
+<%= bs5_example(snippet: 'alert/additional_content/snippet') %>

data/app/views/bs5/examples/alert/additional_content/snippet.html.erb

@@ -0,0 +1,6 @@
+<%= bs5_alert(style: :success) do %>
+  <h4 class="alert-heading">Well done!</h4>
+  <p>Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.</p>
+  <hr>
+  <p class="mb-0">Whenever you need to, be sure to use margin utilities to keep things nice and tidy.</p>
+<%- end %>

data/app/views/bs5/examples/alert/dismissable/_example.html.erb

@@ -1,2 +1,2 @@
-<h3>Dismissable</h3>
+<h3>Dismissing</h3>
 <%= bs5_example(snippet: 'alert/dismissable/snippet') %>

data/app/views/bs5/examples/alert/style/snippet.html.erb

@@ -1,3 +1,31 @@
+<%= bs5_alert(style: :primary) do %>
+  A simple primary alert—check it out!
+<%- end %>
+
+<%= bs5_alert(style: :secondary) do %>
+  A simple secondary alert—check it out!
+<%- end %>
+
+<%= bs5_alert(style: :success) do %>
+  A simple success alert—check it out!
+<%- end %>
+
 <%= bs5_alert(style: :danger) do %>
   A simple danger alert—check it out!
+<%- end %>
+
+<%= bs5_alert(style: :warning) do %>
+  A simple warning alert—check it out!
+<%- end %>
+
+<%= bs5_alert(style: :info) do %>
+  A simple info alert—check it out!
+<%- end %>
+
+<%= bs5_alert(style: :light) do %>
+  A simple light alert—check it out!
+<%- end %>
+
+<%= bs5_alert(style: :dark) do %>
+  A simple dark alert—check it out!
 <%- end %>

data/app/views/bs5/examples/badge/default/_example.html.erb

@@ -1,2 +1,2 @@
-<h3>Default</h3>
+<h3>Example</h3>
 <%= bs5_example(snippet: 'badge/default/snippet') %>

data/app/views/bs5/examples/badge/default/snippet.html.erb

@@ -1 +1,6 @@
-<%= bs5_badge(text: 'New') %>
+<h1>Example heading <%= bs5_badge(text: 'New') %></h1>
+<h2>Example heading <%= bs5_badge(text: 'New') %></h2>
+<h3>Example heading <%= bs5_badge(text: 'New') %></h3>
+<h4>Example heading <%= bs5_badge(text: 'New') %></h4>
+<h5>Example heading <%= bs5_badge(text: 'New') %></h5>
+<h6>Example heading <%= bs5_badge(text: 'New') %></h6>

data/app/views/bs5/examples/badge/pill/_example.html.erb

@@ -1,2 +1,2 @@
-<h3>Pill</h3>
+<h3>Pill badges</h3>
 <%= bs5_example(snippet: 'badge/pill/snippet') %>

data/app/views/bs5/examples/badge/pill/snippet.html.erb

@@ -1 +1,8 @@
-<%= bs5_badge(text: 'Danger', style: :danger, pill: true) %>
+<%= bs5_badge(text: 'Primary', style: :primary, pill: true) %>
+<%= bs5_badge(text: 'Secondary', style: :secondary, pill: true) %>
+<%= bs5_badge(text: 'Sucess', style: :success, pill: true) %>
+<%= bs5_badge(text: 'Danger', style: :danger, pill: true) %>
+<%= bs5_badge(text: 'Warning', style: :warning, pill: true) %>
+<%= bs5_badge(text: 'Info', style: :info, pill: true) %>
+<%= bs5_badge(text: 'Light', style: :light, pill: true) %>
+<%= bs5_badge(text: 'Dark', style: :dark, pill: true) %>

data/app/views/bs5/examples/badge/style/_example.html.erb

@@ -1,2 +1,2 @@
-<h3>Style</h3>
+<h3>Background colors</h3>
 <%= bs5_example(snippet: 'badge/style/snippet') %>

data/app/views/bs5/examples/badge/style/snippet.html.erb

@@ -1 +1,8 @@
-<%= bs5_badge(text: 'Warning', style: :warning) %>
+<%= bs5_badge(text: 'Primary', style: :primary) %>
+<%= bs5_badge(text: 'Secondary', style: :secondary) %>
+<%= bs5_badge(text: 'Success', style: :success) %>
+<%= bs5_badge(text: 'Danger', style: :danger) %>
+<%= bs5_badge(text: 'Warning', style: :warning) %>
+<%= bs5_badge(text: 'Info', style: :info) %>
+<%= bs5_badge(text: 'Light', style: :light) %>
+<%= bs5_badge(text: 'Dark', style: :dark) %>

data/app/views/bs5/examples/breadcrumb/default/_example.html.erb

@@ -0,0 +1,2 @@
+<h3>Example</h3>
+<%= bs5_example(snippet: 'breadcrumb/default/snippet') %>

data/app/views/bs5/examples/breadcrumb/default/snippet.html.erb

@@ -0,0 +1,14 @@
+<%= bs5_breadcrumb do |breadcrumb| %>
+  <% breadcrumb.slot(:item) do %>Home<% end %>
+<%- end %>
+
+<%= bs5_breadcrumb do |breadcrumb| %>
+  <% breadcrumb.slot(:item) do %><a href="#">Home</a><% end %>
+  <% breadcrumb.slot(:item) do %>Library<% end %>
+<%- end %>
+
+<%= bs5_breadcrumb do |breadcrumb| %>
+  <% breadcrumb.slot(:item) do %><a href="#">Home</a><% end %>
+  <% breadcrumb.slot(:item) do %><a href="#">Library</a><% end %>
+  <% breadcrumb.slot(:item) do %>Data<% end %>
+<%- end %>

data/app/views/bs5/examples/close_button/default/_example.html.erb

@@ -0,0 +1,2 @@
+<h3>Default</h3>
+<%= bs5_example(snippet: 'close_button/default/snippet') %>

data/app/views/bs5/examples/close_button/default/snippet.html.erb

@@ -0,0 +1 @@
+<%= bs5_close_button %>

data/app/views/bs5/examples/close_button/disabled/_example.html.erb

@@ -0,0 +1,2 @@
+<h3>Disabled</h3>
+<%= bs5_example(snippet: 'close_button/disabled/snippet') %>

data/app/views/bs5/examples/close_button/disabled/snippet.html.erb

@@ -0,0 +1 @@
+<%= bs5_close_button(disabled: true) %>

data/app/views/bs5/examples/close_button/white/_example.html.erb

@@ -0,0 +1,2 @@
+<h3>White</h3>
+<%= bs5_example(snippet: 'close_button/white/snippet') %>

data/app/views/bs5/examples/close_button/white/snippet.html.erb

@@ -0,0 +1 @@
+<%= bs5_close_button(white: true) %>

data/app/views/bs5/examples/index.html.erb

@@ -1,4 +1,21 @@
-<h1>Bootstrap Examples</h1>
-<%= render 'accordion' %>
-<%= render 'alert' %>
-<%= render 'badge' %>
+  <div class="row">
+    <div class="col">
+      <div class="sticky-top">
+        <ul class="nav flex-column">
+        <li>Accordion</li>
+        <li>Alert</li>
+        <li>Badge</li>
+        <li>Close button</li>
+        <li>Breadcrumb</li>
+        </ul>
+      </div>
+    </div>
+    <div class="col-10">
+      <h1>Bootstrap Examples</h1>
+      <%= render 'accordion' %>
+      <%= render 'alert' %>
+      <%= render 'badge' %>
+      <%= render 'close_button' %>
+      <%= render 'breadcrumb' %>
+    </div>
+  </div>

data/lib/bs5/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Bs5
-  VERSION = '0.0.7'
+  VERSION = '0.0.8'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: bs5
 version: !ruby/object:Gem::Version
-  version: 0.0.7
+  version: 0.0.8
 platform: ruby
 authors:
 - Patrick Baselier
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2020-11-21 00:00:00.000000000 Z
+date: 2020-11-22 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -132,6 +132,8 @@ files:
 - app/components/bs5/alert_component.rb
 - app/components/bs5/badge_component.html.erb
 - app/components/bs5/badge_component.rb
+- app/components/bs5/breadcrumb_component.html.erb
+- app/components/bs5/breadcrumb_component.rb
 - app/components/bs5/close_button_component.html.erb
 - app/components/bs5/close_button_component.rb
 - app/components/bs5/example_component.html.erb
@@ -146,10 +148,14 @@ files:
 - app/views/bs5/examples/_accordion.html.erb
 - app/views/bs5/examples/_alert.html.erb
 - app/views/bs5/examples/_badge.html.erb
+- app/views/bs5/examples/_breadcrumb.html.erb
+- app/views/bs5/examples/_close_button.html.erb
 - app/views/bs5/examples/accordion/default/_example.html.erb
 - app/views/bs5/examples/accordion/default/snippet.html.erb
 - app/views/bs5/examples/accordion/flush/_example.html.erb
 - app/views/bs5/examples/accordion/flush/snippet.html.erb
+- app/views/bs5/examples/alert/additional_content/_example.html.erb
+- app/views/bs5/examples/alert/additional_content/snippet.html.erb
 - app/views/bs5/examples/alert/default/_example.html.erb
 - app/views/bs5/examples/alert/default/snippet.html.erb
 - app/views/bs5/examples/alert/dismissable/_example.html.erb
@@ -162,6 +168,14 @@ files:
 - app/views/bs5/examples/badge/pill/snippet.html.erb
 - app/views/bs5/examples/badge/style/_example.html.erb
 - app/views/bs5/examples/badge/style/snippet.html.erb
+- app/views/bs5/examples/breadcrumb/default/_example.html.erb
+- app/views/bs5/examples/breadcrumb/default/snippet.html.erb
+- app/views/bs5/examples/close_button/default/_example.html.erb
+- app/views/bs5/examples/close_button/default/snippet.html.erb
+- app/views/bs5/examples/close_button/disabled/_example.html.erb
+- app/views/bs5/examples/close_button/disabled/snippet.html.erb
+- app/views/bs5/examples/close_button/white/_example.html.erb
+- app/views/bs5/examples/close_button/white/snippet.html.erb
 - app/views/bs5/examples/index.html.erb
 - app/views/layouts/bs5/application.html.erb
 - config/locales/en.yml