bs5 0.0.7 → 0.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. checksums.yaml +4 -4
  2. data/app/components/bs5/breadcrumb_component.html.erb +9 -0
  3. data/app/components/bs5/breadcrumb_component.rb +12 -0
  4. data/app/helpers/bs5/components_helper.rb +6 -0
  5. data/app/views/bs5/examples/_alert.html.erb +1 -0
  6. data/app/views/bs5/examples/_breadcrumb.html.erb +2 -0
  7. data/app/views/bs5/examples/_close_button.html.erb +4 -0
  8. data/app/views/bs5/examples/alert/additional_content/_example.html.erb +2 -0
  9. data/app/views/bs5/examples/alert/additional_content/snippet.html.erb +6 -0
  10. data/app/views/bs5/examples/alert/dismissable/_example.html.erb +1 -1
  11. data/app/views/bs5/examples/alert/style/snippet.html.erb +28 -0
  12. data/app/views/bs5/examples/badge/default/_example.html.erb +1 -1
  13. data/app/views/bs5/examples/badge/default/snippet.html.erb +6 -1
  14. data/app/views/bs5/examples/badge/pill/_example.html.erb +1 -1
  15. data/app/views/bs5/examples/badge/pill/snippet.html.erb +8 -1
  16. data/app/views/bs5/examples/badge/style/_example.html.erb +1 -1
  17. data/app/views/bs5/examples/badge/style/snippet.html.erb +8 -1
  18. data/app/views/bs5/examples/breadcrumb/default/_example.html.erb +2 -0
  19. data/app/views/bs5/examples/breadcrumb/default/snippet.html.erb +14 -0
  20. data/app/views/bs5/examples/close_button/default/_example.html.erb +2 -0
  21. data/app/views/bs5/examples/close_button/default/snippet.html.erb +1 -0
  22. data/app/views/bs5/examples/close_button/disabled/_example.html.erb +2 -0
  23. data/app/views/bs5/examples/close_button/disabled/snippet.html.erb +1 -0
  24. data/app/views/bs5/examples/close_button/white/_example.html.erb +2 -0
  25. data/app/views/bs5/examples/close_button/white/snippet.html.erb +1 -0
  26. data/app/views/bs5/examples/index.html.erb +21 -4
  27. data/lib/bs5/version.rb +1 -1
  28. metadata +16 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 061a536170d6aa6ef8e76633cb5a88db4832d7a79d8096eba5de62e278bd8775
4
- data.tar.gz: 24121455a2fefbc3ebc70a3c70645a33c6a9f46d1303d249adebab639b9648e6
3
+ metadata.gz: 77c7e79d854010df72b9492702bd2983468fb9237d3aecf619f3f6267db8c6fd
4
+ data.tar.gz: cc4cc0afd6b51f9c7b59ce3b38842255b7b4131640104aa297e9f10a655be51d
5
5
  SHA512:
6
- metadata.gz: fc2c751f5b54c42761563c5cd08816edfdffa332477eea76290c5f7b344e1e41c5001569785b93311ccb55aa27a1435cbdd5de174594967fcf4b29e1fd77f6f0
7
- data.tar.gz: 0c8a184b0e2ca4cfd24124597f1d16cd4ee8adce371df61f3de58fdad2d4c341f8f906650e0c738a7513364a46c8b99135c3341bc0c39eaeede3b2e9e344bad4
6
+ metadata.gz: 0cc7b7a7c486b2b7783fbe4970900b9ec009ffcdb32bb9271fce6d15b24ef6ed7a407e6a67bb3a3056d7f3fdd64b1861b58f9baa6e012962ccdd0237d51063de
7
+ data.tar.gz: 6f5bad0ae1ce081d539855c2249292b2e2dbce5de4ece7d983aba5d31caf6414ff0b8f790a83927653db2c33c02845271ec222bceca6d01d9a5b90dc6f4c7e20
@@ -0,0 +1,9 @@
1
+ <% if items.any? %>
2
+ <nav aria-label="breadcrumb">
3
+ <ol class="breadcrumb">
4
+ <% items.each do |item| %>
5
+ <li class="breadcrumb-item <%= item == items.last ? 'active' : '' %>" <%= item == items.last ? 'aria-current=page' : '' %>><%= item.content %></li>
6
+ <% end %>
7
+ </ol>
8
+ </nav>
9
+ <% end %>
@@ -0,0 +1,12 @@
1
+ # frozen_string_literal: true
2
+
3
+ module Bs5
4
+ class BreadcrumbComponent < ViewComponent::Base
5
+ include ViewComponent::Slotable
6
+
7
+ with_slot :item, collection: true, class_name: 'Item'
8
+
9
+ class Item < ViewComponent::Slot
10
+ end
11
+ end
12
+ end
@@ -21,5 +21,11 @@ module Bs5
21
21
  def bs5_close_button(*args)
22
22
  render CloseButtonComponent.new(*args)
23
23
  end
24
+
25
+ def bs5_breadcrumb(*args)
26
+ render BreadcrumbComponent.new(*args) do |breadcrumb|
27
+ yield breadcrumb if block_given?
28
+ end
29
+ end
24
30
  end
25
31
  end
@@ -1,4 +1,5 @@
1
1
  <h2>Alert</h2>
2
2
  <%= render 'bs5/examples/alert/default/example' %>
3
3
  <%= render 'bs5/examples/alert/style/example' %>
4
+ <%= render 'bs5/examples/alert/additional_content/example' %>
4
5
  <%= render 'bs5/examples/alert/dismissable/example' %>
@@ -0,0 +1,2 @@
1
+ <h2>Breadcrumb</h2>
2
+ <%= render 'bs5/examples/breadcrumb/default/example' %>
@@ -0,0 +1,4 @@
1
+ <h2>Close button</h2>
2
+ <%= render 'bs5/examples/close_button/default/example' %>
3
+ <%= render 'bs5/examples/close_button/disabled/example' %>
4
+ <%= render 'bs5/examples/close_button/white/example' %>
@@ -0,0 +1,2 @@
1
+ <h3>Additional content</h3>
2
+ <%= bs5_example(snippet: 'alert/additional_content/snippet') %>
@@ -0,0 +1,6 @@
1
+ <%= bs5_alert(style: :success) do %>
2
+ <h4 class="alert-heading">Well done!</h4>
3
+ <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>
4
+ <hr>
5
+ <p class="mb-0">Whenever you need to, be sure to use margin utilities to keep things nice and tidy.</p>
6
+ <%- end %>
@@ -1,2 +1,2 @@
1
- <h3>Dismissable</h3>
1
+ <h3>Dismissing</h3>
2
2
  <%= bs5_example(snippet: 'alert/dismissable/snippet') %>
@@ -1,3 +1,31 @@
1
+ <%= bs5_alert(style: :primary) do %>
2
+ A simple primary alert—check it out!
3
+ <%- end %>
4
+
5
+ <%= bs5_alert(style: :secondary) do %>
6
+ A simple secondary alert—check it out!
7
+ <%- end %>
8
+
9
+ <%= bs5_alert(style: :success) do %>
10
+ A simple success alert—check it out!
11
+ <%- end %>
12
+
1
13
  <%= bs5_alert(style: :danger) do %>
2
14
  A simple danger alert—check it out!
15
+ <%- end %>
16
+
17
+ <%= bs5_alert(style: :warning) do %>
18
+ A simple warning alert—check it out!
19
+ <%- end %>
20
+
21
+ <%= bs5_alert(style: :info) do %>
22
+ A simple info alert—check it out!
23
+ <%- end %>
24
+
25
+ <%= bs5_alert(style: :light) do %>
26
+ A simple light alert—check it out!
27
+ <%- end %>
28
+
29
+ <%= bs5_alert(style: :dark) do %>
30
+ A simple dark alert—check it out!
3
31
  <%- end %>
@@ -1,2 +1,2 @@
1
- <h3>Default</h3>
1
+ <h3>Example</h3>
2
2
  <%= bs5_example(snippet: 'badge/default/snippet') %>
@@ -1 +1,6 @@
1
- <%= bs5_badge(text: 'New') %>
1
+ <h1>Example heading <%= bs5_badge(text: 'New') %></h1>
2
+ <h2>Example heading <%= bs5_badge(text: 'New') %></h2>
3
+ <h3>Example heading <%= bs5_badge(text: 'New') %></h3>
4
+ <h4>Example heading <%= bs5_badge(text: 'New') %></h4>
5
+ <h5>Example heading <%= bs5_badge(text: 'New') %></h5>
6
+ <h6>Example heading <%= bs5_badge(text: 'New') %></h6>
@@ -1,2 +1,2 @@
1
- <h3>Pill</h3>
1
+ <h3>Pill badges</h3>
2
2
  <%= bs5_example(snippet: 'badge/pill/snippet') %>
@@ -1 +1,8 @@
1
- <%= bs5_badge(text: 'Danger', style: :danger, pill: true) %>
1
+ <%= bs5_badge(text: 'Primary', style: :primary, pill: true) %>
2
+ <%= bs5_badge(text: 'Secondary', style: :secondary, pill: true) %>
3
+ <%= bs5_badge(text: 'Sucess', style: :success, pill: true) %>
4
+ <%= bs5_badge(text: 'Danger', style: :danger, pill: true) %>
5
+ <%= bs5_badge(text: 'Warning', style: :warning, pill: true) %>
6
+ <%= bs5_badge(text: 'Info', style: :info, pill: true) %>
7
+ <%= bs5_badge(text: 'Light', style: :light, pill: true) %>
8
+ <%= bs5_badge(text: 'Dark', style: :dark, pill: true) %>
@@ -1,2 +1,2 @@
1
- <h3>Style</h3>
1
+ <h3>Background colors</h3>
2
2
  <%= bs5_example(snippet: 'badge/style/snippet') %>
@@ -1 +1,8 @@
1
- <%= bs5_badge(text: 'Warning', style: :warning) %>
1
+ <%= bs5_badge(text: 'Primary', style: :primary) %>
2
+ <%= bs5_badge(text: 'Secondary', style: :secondary) %>
3
+ <%= bs5_badge(text: 'Success', style: :success) %>
4
+ <%= bs5_badge(text: 'Danger', style: :danger) %>
5
+ <%= bs5_badge(text: 'Warning', style: :warning) %>
6
+ <%= bs5_badge(text: 'Info', style: :info) %>
7
+ <%= bs5_badge(text: 'Light', style: :light) %>
8
+ <%= bs5_badge(text: 'Dark', style: :dark) %>
@@ -0,0 +1,2 @@
1
+ <h3>Example</h3>
2
+ <%= bs5_example(snippet: 'breadcrumb/default/snippet') %>
@@ -0,0 +1,14 @@
1
+ <%= bs5_breadcrumb do |breadcrumb| %>
2
+ <% breadcrumb.slot(:item) do %>Home<% end %>
3
+ <%- end %>
4
+
5
+ <%= bs5_breadcrumb do |breadcrumb| %>
6
+ <% breadcrumb.slot(:item) do %><a href="#">Home</a><% end %>
7
+ <% breadcrumb.slot(:item) do %>Library<% end %>
8
+ <%- end %>
9
+
10
+ <%= bs5_breadcrumb do |breadcrumb| %>
11
+ <% breadcrumb.slot(:item) do %><a href="#">Home</a><% end %>
12
+ <% breadcrumb.slot(:item) do %><a href="#">Library</a><% end %>
13
+ <% breadcrumb.slot(:item) do %>Data<% end %>
14
+ <%- end %>
@@ -0,0 +1,2 @@
1
+ <h3>Default</h3>
2
+ <%= bs5_example(snippet: 'close_button/default/snippet') %>
@@ -0,0 +1 @@
1
+ <%= bs5_close_button %>
@@ -0,0 +1,2 @@
1
+ <h3>Disabled</h3>
2
+ <%= bs5_example(snippet: 'close_button/disabled/snippet') %>
@@ -0,0 +1 @@
1
+ <%= bs5_close_button(disabled: true) %>
@@ -0,0 +1,2 @@
1
+ <h3>White</h3>
2
+ <%= bs5_example(snippet: 'close_button/white/snippet') %>
@@ -0,0 +1 @@
1
+ <%= bs5_close_button(white: true) %>
@@ -1,4 +1,21 @@
1
- <h1>Bootstrap Examples</h1>
2
- <%= render 'accordion' %>
3
- <%= render 'alert' %>
4
- <%= render 'badge' %>
1
+ <div class="row">
2
+ <div class="col">
3
+ <div class="sticky-top">
4
+ <ul class="nav flex-column">
5
+ <li>Accordion</li>
6
+ <li>Alert</li>
7
+ <li>Badge</li>
8
+ <li>Close button</li>
9
+ <li>Breadcrumb</li>
10
+ </ul>
11
+ </div>
12
+ </div>
13
+ <div class="col-10">
14
+ <h1>Bootstrap Examples</h1>
15
+ <%= render 'accordion' %>
16
+ <%= render 'alert' %>
17
+ <%= render 'badge' %>
18
+ <%= render 'close_button' %>
19
+ <%= render 'breadcrumb' %>
20
+ </div>
21
+ </div>
@@ -1,5 +1,5 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module Bs5
4
- VERSION = '0.0.7'
4
+ VERSION = '0.0.8'
5
5
  end
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: bs5
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.7
4
+ version: 0.0.8
5
5
  platform: ruby
6
6
  authors:
7
7
  - Patrick Baselier
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2020-11-21 00:00:00.000000000 Z
11
+ date: 2020-11-22 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: rails
@@ -132,6 +132,8 @@ files:
132
132
  - app/components/bs5/alert_component.rb
133
133
  - app/components/bs5/badge_component.html.erb
134
134
  - app/components/bs5/badge_component.rb
135
+ - app/components/bs5/breadcrumb_component.html.erb
136
+ - app/components/bs5/breadcrumb_component.rb
135
137
  - app/components/bs5/close_button_component.html.erb
136
138
  - app/components/bs5/close_button_component.rb
137
139
  - app/components/bs5/example_component.html.erb
@@ -146,10 +148,14 @@ files:
146
148
  - app/views/bs5/examples/_accordion.html.erb
147
149
  - app/views/bs5/examples/_alert.html.erb
148
150
  - app/views/bs5/examples/_badge.html.erb
151
+ - app/views/bs5/examples/_breadcrumb.html.erb
152
+ - app/views/bs5/examples/_close_button.html.erb
149
153
  - app/views/bs5/examples/accordion/default/_example.html.erb
150
154
  - app/views/bs5/examples/accordion/default/snippet.html.erb
151
155
  - app/views/bs5/examples/accordion/flush/_example.html.erb
152
156
  - app/views/bs5/examples/accordion/flush/snippet.html.erb
157
+ - app/views/bs5/examples/alert/additional_content/_example.html.erb
158
+ - app/views/bs5/examples/alert/additional_content/snippet.html.erb
153
159
  - app/views/bs5/examples/alert/default/_example.html.erb
154
160
  - app/views/bs5/examples/alert/default/snippet.html.erb
155
161
  - app/views/bs5/examples/alert/dismissable/_example.html.erb
@@ -162,6 +168,14 @@ files:
162
168
  - app/views/bs5/examples/badge/pill/snippet.html.erb
163
169
  - app/views/bs5/examples/badge/style/_example.html.erb
164
170
  - app/views/bs5/examples/badge/style/snippet.html.erb
171
+ - app/views/bs5/examples/breadcrumb/default/_example.html.erb
172
+ - app/views/bs5/examples/breadcrumb/default/snippet.html.erb
173
+ - app/views/bs5/examples/close_button/default/_example.html.erb
174
+ - app/views/bs5/examples/close_button/default/snippet.html.erb
175
+ - app/views/bs5/examples/close_button/disabled/_example.html.erb
176
+ - app/views/bs5/examples/close_button/disabled/snippet.html.erb
177
+ - app/views/bs5/examples/close_button/white/_example.html.erb
178
+ - app/views/bs5/examples/close_button/white/snippet.html.erb
165
179
  - app/views/bs5/examples/index.html.erb
166
180
  - app/views/layouts/bs5/application.html.erb
167
181
  - config/locales/en.yml