bs5 0.0.17 → 0.0.22

data/app/views/bs5/examples/list_group/custom_content/default.html.erb

@@ -1,5 +1,5 @@
 <%= bs5_list_group do |lg| %>
-  <% lg.slot(:item, active: true) do %>
+  <% lg.item(active: true) do %>
     <%= link_to '#' do %>
       <div class="d-flex w-100 justify-content-between">
         <h5 class="mb-1">List group item heading</h5>
@@ -9,7 +9,7 @@
       <small>Donec id elit non mi porta.</small>
     <% end %>
   <% end %>
-  <% lg.slot(:item) do %>
+  <% lg.item do %>
     <%= link_to '#' do %>
       <div class="d-flex w-100 justify-content-between">
         <h5 class="mb-1">List group item heading</h5>
@@ -19,7 +19,7 @@
       <small class="text-muted">Donec id elit non mi porta.</small>
     <% end %>
   <% end %>
-  <% lg.slot(:item) do %>
+  <% lg.item do %>
     <%= link_to '#' do %>
       <div class="d-flex w-100 justify-content-between">
         <h5 class="mb-1">List group item heading</h5>

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

@@ -1,7 +1,7 @@
 <%= bs5_list_group do |lg| %>
-  <% lg.slot(:item) do %>Cras justo odio<% end %>
-  <% lg.slot(:item) do %>Dapibus ac facilisis in<% end %>
-  <% lg.slot(:item) do %>Morbi leo risus<% end %>
-  <% lg.slot(:item) do %>Porta ac consectetur ac<% end %>
-  <% lg.slot(:item) do %>Vestibulum at eros<% end %>
+  <% lg.item do %>Cras justo odio<% end %>
+  <% lg.item do %>Dapibus ac facilisis in<% end %>
+  <% lg.item do %>Morbi leo risus<% end %>
+  <% lg.item do %>Porta ac consectetur ac<% end %>
+  <% lg.item do %>Vestibulum at eros<% end %>
 <%- end %>

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

@@ -1,7 +1,7 @@
 <%= bs5_list_group do |lg| %>
-  <% lg.slot(:item, disabled: true) do %>Cras justo odio<% end %>
-  <% lg.slot(:item) do %>Dapibus ac facilisis in<% end %>
-  <% lg.slot(:item) do %>Morbi leo risus<% end %>
-  <% lg.slot(:item) do %>Porta ac consectetur ac<% end %>
-  <% lg.slot(:item) do %>Vestibulum at eros<% end %>
+  <% lg.item(disabled: true) do %>Cras justo odio<% end %>
+  <% lg.item do %>Dapibus ac facilisis in<% end %>
+  <% lg.item do %>Morbi leo risus<% end %>
+  <% lg.item do %>Porta ac consectetur ac<% end %>
+  <% lg.item do %>Vestibulum at eros<% end %>
 <%- end %>

data/app/views/bs5/examples/list_group/flush/snippet.html.erb

@@ -1,7 +1,7 @@
 <%= bs5_list_group(flush: true) do |lg| %>
-  <% lg.slot(:item) do %>Cras justo odio<% end %>
-  <% lg.slot(:item) do %>Dapibus ac facilisis in<% end %>
-  <% lg.slot(:item) do %>Morbi leo risus<% end %>
-  <% lg.slot(:item) do %>Porta ac consectetur ac<% end %>
-  <% lg.slot(:item) do %>Vestibulum at eros<% end %>
+  <% lg.item do %>Cras justo odio<% end %>
+  <% lg.item do %>Dapibus ac facilisis in<% end %>
+  <% lg.item do %>Morbi leo risus<% end %>
+  <% lg.item do %>Porta ac consectetur ac<% end %>
+  <% lg.item do %>Vestibulum at eros<% end %>
 <%- end %>

data/app/views/bs5/examples/list_group/horizontal/snippet.html.erb

@@ -1,30 +1,30 @@
 <%= bs5_list_group(horizontal: true) do |lg| %>
-  <% lg.slot(:item) do %>Cras justo odio<% end %>
-  <% lg.slot(:item) do %>Dapibus ac facilisis in<% end %>
-  <% lg.slot(:item) do %>Morbi leo risus<% end %>
+  <% lg.item do %>Cras justo odio<% end %>
+  <% lg.item do %>Dapibus ac facilisis in<% end %>
+  <% lg.item do %>Morbi leo risus<% end %>
 <%- end %>
 <%= bs5_list_group(horizontal: :sm) do |lg| %>
-  <% lg.slot(:item) do %>Cras justo odio<% end %>
-  <% lg.slot(:item) do %>Dapibus ac facilisis in<% end %>
-  <% lg.slot(:item) do %>Morbi leo risus<% end %>
+  <% lg.item do %>Cras justo odio<% end %>
+  <% lg.item do %>Dapibus ac facilisis in<% end %>
+  <% lg.item do %>Morbi leo risus<% end %>
 <%- end %>
 <%= bs5_list_group(horizontal: :md) do |lg| %>
-  <% lg.slot(:item) do %>Cras justo odio<% end %>
-  <% lg.slot(:item) do %>Dapibus ac facilisis in<% end %>
-  <% lg.slot(:item) do %>Morbi leo risus<% end %>
+  <% lg.item do %>Cras justo odio<% end %>
+  <% lg.item do %>Dapibus ac facilisis in<% end %>
+  <% lg.item do %>Morbi leo risus<% end %>
 <%- end %>
 <%= bs5_list_group(horizontal: :lg) do |lg| %>
-  <% lg.slot(:item) do %>Cras justo odio<% end %>
-  <% lg.slot(:item) do %>Dapibus ac facilisis in<% end %>
-  <% lg.slot(:item) do %>Morbi leo risus<% end %>
+  <% lg.item do %>Cras justo odio<% end %>
+  <% lg.item do %>Dapibus ac facilisis in<% end %>
+  <% lg.item do %>Morbi leo risus<% end %>
 <%- end %>
 <%= bs5_list_group(horizontal: :xl) do |lg| %>
-  <% lg.slot(:item) do %>Cras justo odio<% end %>
-  <% lg.slot(:item) do %>Dapibus ac facilisis in<% end %>
-  <% lg.slot(:item) do %>Morbi leo risus<% end %>
+  <% lg.item do %>Cras justo odio<% end %>
+  <% lg.item do %>Dapibus ac facilisis in<% end %>
+  <% lg.item do %>Morbi leo risus<% end %>
 <%- end %>
 <%= bs5_list_group(horizontal: :xxl) do |lg| %>
-  <% lg.slot(:item) do %>Cras justo odio<% end %>
-  <% lg.slot(:item) do %>Dapibus ac facilisis in<% end %>
-  <% lg.slot(:item) do %>Morbi leo risus<% end %>
+  <% lg.item do %>Cras justo odio<% end %>
+  <% lg.item do %>Dapibus ac facilisis in<% end %>
+  <% lg.item do %>Morbi leo risus<% end %>
 <%- end %>

data/app/views/bs5/examples/list_group/style/actionable.html.erb

@@ -1,11 +1,11 @@
 <%= bs5_list_group do |lg| %>
-  <% lg.slot(:item) do %><%= link_to 'Dapibus ac facilisis in', '#' %><% end %>
-  <% lg.slot(:item, style: :primary) do %><%= link_to 'A simple primary list group item', '#' %><% end %>
-  <% lg.slot(:item, style: :secondary) do %><%= link_to 'A simple secondary list group item', '#' %><% end %>
-  <% lg.slot(:item, style: :success) do %><%= link_to 'A simple success list group item', '#' %><% end %>
-  <% lg.slot(:item, style: :danger) do %><%= link_to 'A simple danger list group item', '#' %><% end %>
-  <% lg.slot(:item, style: :warning) do %><%= link_to 'A simple warning list group item', '#' %><% end %>
-  <% lg.slot(:item, style: :info) do %><%= link_to 'A simple info list group item', '#' %><% end %>
-  <% lg.slot(:item, style: :light) do %><%= link_to 'A simple light list group item', '#' %><% end %>
-  <% lg.slot(:item, style: :dark) do %><%= link_to 'A simple dark list group item', '#' %><% end %>
+  <% lg.item do %><%= link_to 'Dapibus ac facilisis in', '#' %><% end %>
+  <% lg.item(color: :primary) do %><%= link_to 'A simple primary list group item', '#' %><% end %>
+  <% lg.item(color: :secondary) do %><%= link_to 'A simple secondary list group item', '#' %><% end %>
+  <% lg.item(color: :success) do %><%= link_to 'A simple success list group item', '#' %><% end %>
+  <% lg.item(color: :danger) do %><%= link_to 'A simple danger list group item', '#' %><% end %>
+  <% lg.item(color: :warning) do %><%= link_to 'A simple warning list group item', '#' %><% end %>
+  <% lg.item(color: :info) do %><%= link_to 'A simple info list group item', '#' %><% end %>
+  <% lg.item(color: :light) do %><%= link_to 'A simple light list group item', '#' %><% end %>
+  <% lg.item(color: :dark) do %><%= link_to 'A simple dark list group item', '#' %><% end %>
 <%- end %>

data/app/views/bs5/examples/list_group/style/default.html.erb

@@ -1,11 +1,11 @@
 <%= bs5_list_group do |lg| %>
-  <% lg.slot(:item) do %>Dapibus ac facilisis in<% end %>
-  <% lg.slot(:item, style: :primary) do %>A simple primary list group item<% end %>
-  <% lg.slot(:item, style: :secondary) do %>A simple secondary list group item<% end %>
-  <% lg.slot(:item, style: :success) do %>A simple success list group item<% end %>
-  <% lg.slot(:item, style: :danger) do %>A simple danger list group item<% end %>
-  <% lg.slot(:item, style: :warning) do %>A simple warning list group item<% end %>
-  <% lg.slot(:item, style: :info) do %>A simple info list group item<% end %>
-  <% lg.slot(:item, style: :light) do %>A simple light list group item<% end %>
-  <% lg.slot(:item, style: :dark) do %>A simple dark list group item<% end %>
+  <% lg.item do %>Dapibus ac facilisis in<% end %>
+  <% lg.item(color: :primary) do %>A simple primary list group item<% end %>
+  <% lg.item(color: :secondary) do %>A simple secondary list group item<% end %>
+  <% lg.item(color: :success) do %>A simple success list group item<% end %>
+  <% lg.item(color: :danger) do %>A simple danger list group item<% end %>
+  <% lg.item(color: :warning) do %>A simple warning list group item<% end %>
+  <% lg.item(color: :info) do %>A simple info list group item<% end %>
+  <% lg.item(color: :light) do %>A simple light list group item<% end %>
+  <% lg.item(color: :dark) do %>A simple dark list group item<% end %>
 <%- end %>

data/app/views/bs5/examples/list_group/with_badges/default.html.erb

@@ -1,14 +1,14 @@
 <%= bs5_list_group do |lg| %>
-  <% lg.slot(:item, class: 'd-flex justify-content-between align-items-center') do %>
+  <% lg.item(class: 'd-flex justify-content-between align-items-center') do %>
     Cras justo odio
-    <%= bs5_badge(text: 14, style: :primary, pill: true) %>
+    <%= bs5_badge(text: 14, color: :primary, pill: true) %>
   <% end %>
-  <% lg.slot(:item, class: 'd-flex justify-content-between align-items-center') do %>
+  <% lg.item(class: 'd-flex justify-content-between align-items-center') do %>
     Dapibus ac facilisis in
-    <%= bs5_badge(text: 2, style: :primary, pill: true) %>
+    <%= bs5_badge(text: 2, color: :primary, pill: true) %>
   <% end %>
-  <% lg.slot(:item, class: 'd-flex justify-content-between align-items-center') do %>
+  <% lg.item(class: 'd-flex justify-content-between align-items-center') do %>
     Morbi leo risus
-    <%= bs5_badge(text: 1, style: :primary, pill: true) %>
+    <%= bs5_badge(text: 1, color: :primary, pill: true) %>
   <% end %>
 <%- end %>

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

@@ -1 +1 @@
-<%= bs5_button_tag('Click to toggle popover', bs5_popover(title: 'Popover title', content: "And here's some amazing content. It's very engaging. Right?").merge(type: 'button', style: :danger, size: :large)) %>
+<%= bs5_button_tag('Click to toggle popover', bs5_popover(title: 'Popover title', content: "And here's some amazing content. It's very engaging. Right?").merge(type: 'button', color: :danger, size: :large)) %>

data/app/views/bs5/examples/popovers/four_directions/snippet.html.erb

@@ -1,7 +1,7 @@
-<%= bs5_button_tag('Popover on top', bs5_popover(content: "Vivamus sagittis lacus vel augue laoreet rutrum faucibus.", container: :body, placement: :top).merge(type: 'button', style: :secondary)) %>
+<%= bs5_button_tag('Popover on top', bs5_popover(content: "Vivamus sagittis lacus vel augue laoreet rutrum faucibus.", container: :body, placement: :top).merge(type: 'button', color: :secondary)) %>
 
-<%= bs5_button_tag('Popover on right', bs5_popover(content: "Vivamus sagittis lacus vel augue laoreet rutrum faucibus.", container: :body, placement: :right).merge(type: 'button', style: :secondary)) %>
+<%= bs5_button_tag('Popover on right', bs5_popover(content: "Vivamus sagittis lacus vel augue laoreet rutrum faucibus.", container: :body, placement: :right).merge(type: 'button', color: :secondary)) %>
 
-<%= bs5_button_tag('Popover on bottom', bs5_popover(content: "Vivamus sagittis lacus vel augue laoreet rutrum faucibus.", container: :body, placement: :bottom).merge(type: 'button', style: :secondary)) %>
+<%= bs5_button_tag('Popover on bottom', bs5_popover(content: "Vivamus sagittis lacus vel augue laoreet rutrum faucibus.", container: :body, placement: :bottom).merge(type: 'button', color: :secondary)) %>
 
-<%= bs5_button_tag('Popover on left', bs5_popover(content: "Vivamus sagittis lacus vel augue laoreet rutrum faucibus.", container: :body, placement: :left).merge(type: 'button', style: :secondary)) %>
+<%= bs5_button_tag('Popover on left', bs5_popover(content: "Vivamus sagittis lacus vel augue laoreet rutrum faucibus.", container: :body, placement: :left).merge(type: 'button', color: :secondary)) %>

data/app/views/bs5/examples/spinners/border/_example.html.erb

@@ -0,0 +1,2 @@
+<h2>Border spinner</h2>
+<%= bs5_example(snippet: 'spinners/border/snippet') %>

data/app/views/bs5/examples/spinners/border/snippet.html.erb

@@ -0,0 +1 @@
+<%= bs5_spinner(text: 'Loading...') %>

data/app/views/bs5/examples/spinners/buttons/_example.html.erb

@@ -0,0 +1,2 @@
+<h2>Buttons</h2>
+<%= bs5_example(snippet: 'spinners/buttons/snippet') %>

data/app/views/bs5/examples/spinners/buttons/snippet.html.erb

@@ -0,0 +1,15 @@
+<%= bs5_button_tag(disabled: true) do %>
+  <%= bs5_spinner(text: 'Loading...', size: :small) %>
+<% end %>
+
+<%= bs5_button_tag(disabled: true) do %>
+  <%= bs5_spinner(size: :small) %> Loading...
+<% end %>
+
+<%= bs5_button_tag(disabled: true) do %>
+  <%= bs5_spinner(text: 'Loading...', grow: true, size: :small) %>
+<% end %>
+
+<%= bs5_button_tag(disabled: true) do %>
+  <%= bs5_spinner(grow: true,  size: :small) %> Loading...
+<% end %>

data/app/views/bs5/examples/spinners/colors/_example.html.erb

@@ -0,0 +1,2 @@
+<h2>Colors</h2>
+<%= bs5_example(snippet: 'spinners/colors/snippet') %>

data/app/views/bs5/examples/spinners/colors/snippet.html.erb

@@ -0,0 +1,16 @@
+<%= bs5_spinner(text: 'Loading...', color: :primary) %>
+
+<%= bs5_spinner(text: 'Loading...', color: :secondary) %>
+
+<%= bs5_spinner(text: 'Loading...', color: :success) %>
+
+<%= bs5_spinner(text: 'Loading...', color: :danger) %>
+
+<%= bs5_spinner(text: 'Loading...', color: :warning) %>
+
+<%= bs5_spinner(text: 'Loading...', color: :info) %>
+
+<%= bs5_spinner(text: 'Loading...', color: :light) %>
+
+<%= bs5_spinner(text: 'Loading...', color: :dark) %>
+

data/app/views/bs5/examples/spinners/growing/_example.html.erb

@@ -0,0 +1,3 @@
+<h2>Growing spinner</h2>
+<%= bs5_example(snippet: 'spinners/growing/snippet') %>
+<%= bs5_example(snippet: 'spinners/growing/colors') %>

data/app/views/bs5/examples/spinners/growing/colors.html.erb

@@ -0,0 +1,16 @@
+<%= bs5_spinner(text: 'Loading...', color: :primary, grow: true) %>
+
+<%= bs5_spinner(text: 'Loading...', color: :secondary, grow: true) %>
+
+<%= bs5_spinner(text: 'Loading...', color: :success, grow: true) %>
+
+<%= bs5_spinner(text: 'Loading...', color: :danger, grow: true) %>
+
+<%= bs5_spinner(text: 'Loading...', color: :warning, grow: true) %>
+
+<%= bs5_spinner(text: 'Loading...', color: :info, grow: true) %>
+
+<%= bs5_spinner(text: 'Loading...', color: :light, grow: true) %>
+
+<%= bs5_spinner(text: 'Loading...', color: :dark, grow: true) %>
+

data/app/views/bs5/examples/spinners/growing/snippet.html.erb

@@ -0,0 +1 @@
+<%= bs5_spinner(text: 'Loading...', grow: true) %>

data/app/views/bs5/examples/spinners/options/_example.html.erb

@@ -0,0 +1,10 @@
+<h2>Alignment</h2>
+<h3>Margin</h3>
+<%= bs5_example(snippet: 'spinners/options/margin') %>
+<h3>Placement</h3>
+<h4>Flex</h4>
+<%= bs5_example(snippet: 'spinners/options/placement_flex1') %>
+<%= bs5_example(snippet: 'spinners/options/placement_flex2') %>
+<h4>Floats</h4>
+<%= bs5_example(snippet: 'spinners/options/floats') %>
+<%= bs5_example(snippet: 'spinners/options/text_align') %>

data/app/views/bs5/examples/spinners/options/floats.html.erb

@@ -0,0 +1,3 @@
+<div class="clearfix">
+  <%= bs5_spinner(class: 'float-end', text: 'Loading...') %>
+</div>

data/app/views/bs5/examples/spinners/options/margin.html.erb

@@ -0,0 +1 @@
+<%= bs5_spinner(text: 'Loading...', class: 'm-5') %>

data/app/views/bs5/examples/spinners/options/placement_flex1.html.erb

@@ -0,0 +1,3 @@
+<div class="d-flex justify-content-center">
+  <%= bs5_spinner(text: 'Loading...') %>
+</div>

data/app/views/bs5/examples/spinners/options/placement_flex2.html.erb

@@ -0,0 +1,4 @@
+<div class="d-flex align-items-center">
+  <strong>Loading...</strong>
+  <%= bs5_spinner(class: 'ms-auto', aria: { hidden: true }) %>
+</div>

data/app/views/bs5/examples/spinners/options/text_align.html.erb

@@ -0,0 +1,3 @@
+<div class="text-center">
+  <%= bs5_spinner(text: 'Loading...') %>
+</div>

data/app/views/bs5/examples/spinners/size/_example.html.erb

@@ -0,0 +1,3 @@
+<h2>Size</h2>
+<%= bs5_example(snippet: 'spinners/size/size1') %>
+<%= bs5_example(snippet: 'spinners/size/size2') %>

data/app/views/bs5/examples/spinners/size/size1.html.erb

@@ -0,0 +1,7 @@
+<%= bs5_spinner(text: 'Loading...', size: :small) %>
+
+<%= bs5_spinner(text: 'Loading...', size: :large) %>
+
+<%= bs5_spinner(text: 'Loading...', size: :small, grow: true) %>
+
+<%= bs5_spinner(text: 'Loading...', size: :large, grow: true) %>

data/app/views/bs5/examples/spinners/size/size2.html.erb

@@ -0,0 +1,3 @@
+<%= bs5_spinner(text: 'Loading...', style: 'width: 3rem; height: 3rem;') %>
+
+<%= bs5_spinner(text: 'Loading...', grow: true, style: 'width: 3rem; height: 3rem;') %>

data/app/views/bs5/examples/tooltips/default/buttons.html.erb

@@ -1,9 +1,9 @@
-<%= bs5_button_tag('Tooltip on top', bs5_tooltip('Tooltip on top', placement: :top).merge(style: :secondary)) %>
+<%= bs5_button_tag('Tooltip on top', bs5_tooltip('Tooltip on top', placement: :top).merge(color: :secondary)) %>
 
-<%= bs5_button_tag('Tooltip on right', bs5_tooltip('Tooltip on right', placement: :right).merge(style: :secondary)) %>
+<%= bs5_button_tag('Tooltip on right', bs5_tooltip('Tooltip on right', placement: :right).merge(color: :secondary)) %>
 
-<%= bs5_button_tag('Tooltip on bottom', bs5_tooltip('Tooltip on bottom', placement: :bottom).merge(style: :secondary)) %>
+<%= bs5_button_tag('Tooltip on bottom', bs5_tooltip('Tooltip on bottom', placement: :bottom).merge(color: :secondary)) %>
 
-<%= bs5_button_tag('Tooltip on left', bs5_tooltip('Tooltip on left', placement: :left).merge(style: :secondary)) %>
+<%= bs5_button_tag('Tooltip on left', bs5_tooltip('Tooltip on left', placement: :left).merge(color: :secondary)) %>
 
-<%= bs5_button_tag('Tooltip with HTML', bs5_tooltip('<em>Tooltip</em> <u>with</u> <b>HTML</b>', html: :true).merge(style: :secondary)) %>
+<%= bs5_button_tag('Tooltip with HTML', bs5_tooltip('<em>Tooltip</em> <u>with</u> <b>HTML</b>', html: :true).merge(color: :secondary)) %>

data/app/views/bs5/pages/alert.html.erb

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

data/app/views/bs5/pages/badge.html.erb

@@ -1,4 +1,4 @@
 <h1 id='badge'>Badge</h1>
 <%= render 'bs5/examples/badge/default/example' %>
-<%= render 'bs5/examples/badge/style/example' %>
+<%= render 'bs5/examples/badge/color/example' %>
 <%= render 'bs5/examples/badge/pill/example' %>

data/app/views/bs5/pages/button_group.html.erb

@@ -0,0 +1,5 @@
+<h1>Button group</h1>
+<%= render 'bs5/examples/button_group/default/example' %>
+<%= render 'bs5/examples/button_group/button_toolbar/example' %>
+<%= render 'bs5/examples/button_group/sizing/example' %>
+<%= render 'bs5/examples/button_group/vertical/example' %>

data/app/views/bs5/pages/spinners.html.erb

@@ -0,0 +1,7 @@
+<h1>Spinners</h1>
+<%= render 'bs5/examples/spinners/border/example' %>
+<%= render 'bs5/examples/spinners/colors/example' %>
+<%= render 'bs5/examples/spinners/growing/example' %>
+<%= render 'bs5/examples/spinners/options/example' %>
+<%= render 'bs5/examples/spinners/size/example' %>
+<%= render 'bs5/examples/spinners/buttons/example' %>

data/app/views/layouts/bs5/pages.html.erb

@@ -13,16 +13,18 @@
       <div class="col">
         <div class="sticky-top">
           <%= bs5_list_group(flush: true) do |lg| %>
-            <% lg.slot(:item, active: current_page?(pages_path('accordion'))) do %><%= link_to 'Accordion', pages_path('accordion') %><% end %>
-            <% lg.slot(:item, active: current_page?(pages_path('alert'))) do %><%= link_to 'Alert', pages_path('alert') %><% end %>
-            <% lg.slot(:item, active: current_page?(pages_path('badge'))) do %><%= link_to 'Badge', pages_path('badge') %><% end %>
-            <% lg.slot(:item, active: current_page?(pages_path('breadcrumb'))) do %><%= link_to 'Breadcrumb', pages_path('breadcrumb') %><% end %>
-            <% lg.slot(:item, active: current_page?(pages_path('buttons'))) do %><%= link_to 'Buttons', pages_path('buttons') %><% end %>
-            <% lg.slot(:item, active: current_page?(pages_path('close_button'))) do %><%= link_to 'Close button', pages_path('close_button') %><% end %>
-            <% lg.slot(:item, active: current_page?(pages_path('collapse'))) do %><%= link_to 'Collapse', pages_path('collapse') %><% end %>
-            <% lg.slot(:item, active: current_page?(pages_path('list_group'))) do %><%= link_to 'List group', pages_path('list_group') %><% end %>
-            <% lg.slot(:item, active: current_page?(pages_path('popovers'))) do %><%= link_to 'Popovers', pages_path('popovers') %><% end %>
-            <% lg.slot(:item, active: current_page?(pages_path('tooltips'))) do %><%= link_to 'Tooltips', pages_path('tooltips') %><% end %>
+            <% lg.item(active: current_page?(pages_path('accordion'))) do %><%= link_to 'Accordion', pages_path('accordion') %><% end %>
+            <% lg.item(active: current_page?(pages_path('alert'))) do %><%= link_to 'Alert', pages_path('alert') %><% end %>
+            <% lg.item(active: current_page?(pages_path('badge'))) do %><%= link_to 'Badge', pages_path('badge') %><% end %>
+            <% lg.item(active: current_page?(pages_path('breadcrumb'))) do %><%= link_to 'Breadcrumb', pages_path('breadcrumb') %><% end %>
+            <% lg.item(active: current_page?(pages_path('buttons'))) do %><%= link_to 'Buttons', pages_path('buttons') %><% end %>
+            <% lg.item(active: current_page?(pages_path('button_group'))) do %><%= link_to 'Button group', pages_path('button_group') %><% end %>
+            <% lg.item(active: current_page?(pages_path('close_button'))) do %><%= link_to 'Close button', pages_path('close_button') %><% end %>
+            <% lg.item(active: current_page?(pages_path('collapse'))) do %><%= link_to 'Collapse', pages_path('collapse') %><% end %>
+            <% lg.item(active: current_page?(pages_path('list_group'))) do %><%= link_to 'List group', pages_path('list_group') %><% end %>
+            <% lg.item(active: current_page?(pages_path('popovers'))) do %><%= link_to 'Popovers', pages_path('popovers') %><% end %>
+            <% lg.item(active: current_page?(pages_path('spinners'))) do %><%= link_to 'Spinners', pages_path('spinners') %><% end %>
+            <% lg.item(active: current_page?(pages_path('tooltips'))) do %><%= link_to 'Tooltips', pages_path('tooltips') %><% end %>
           <%- end %>
         </div>
       </div>

data/lib/bs5/version.rb

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

data/lib/tasks/rubocop.rake

@@ -1,5 +1,7 @@
 # frozen_string_literal: true
 
+return unless defined?(RuboCop)
+
 require 'rubocop/rake_task'
 
 RuboCop::RakeTask.new(:rubocop)

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: bs5
 version: !ruby/object:Gem::Version
-  version: 0.0.17
+  version: 0.0.22
 platform: ruby
 authors:
 - Patrick Baselier
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2020-12-09 00:00:00.000000000 Z
+date: 2020-12-12 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: nokogiri
@@ -59,61 +59,61 @@ dependencies:
       - !ruby/object:Gem::Version
         version: 3.25.0
 - !ruby/object:Gem::Dependency
-  name: rubocop-rails
+  name: view_component
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '2.8'
+        version: 2.23.0
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '2.8'
+        version: 2.23.0
 - !ruby/object:Gem::Dependency
-  name: view_component
+  name: capybara
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 2.22.0
-  type: :runtime
+        version: '3.33'
+  type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 2.22.0
+        version: '3.33'
 - !ruby/object:Gem::Dependency
-  name: capybara
+  name: rspec-rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '3.33'
+        version: 4.0.1
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '3.33'
+        version: 4.0.1
 - !ruby/object:Gem::Dependency
-  name: rspec-rails
+  name: rubocop-rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 4.0.1
+        version: '2.8'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 4.0.1
+        version: '2.8'
 - !ruby/object:Gem::Dependency
   name: sqlite3
   requirement: !ruby/object:Gem::Requirement
@@ -148,14 +148,20 @@ files:
 - app/components/bs5/badge_component.rb
 - app/components/bs5/breadcrumb_component.html.erb
 - app/components/bs5/breadcrumb_component.rb
+- app/components/bs5/button_group_component.html.erb
+- app/components/bs5/button_group_component.rb
 - app/components/bs5/button_tag_component.rb
 - app/components/bs5/button_to_component.rb
+- app/components/bs5/button_toolbar_component.html.erb
+- app/components/bs5/button_toolbar_component.rb
 - app/components/bs5/close_button_component.html.erb
 - app/components/bs5/close_button_component.rb
 - app/components/bs5/example_component.html.erb
 - app/components/bs5/example_component.rb
 - app/components/bs5/list_group_component.html.erb
 - app/components/bs5/list_group_component.rb
+- app/components/bs5/spinner_component.html.erb
+- app/components/bs5/spinner_component.rb
 - app/controllers/bs5/application_controller.rb
 - app/controllers/bs5/pages_controller.rb
 - app/helpers/bs5/application_helper.rb
@@ -172,20 +178,30 @@ files:
 - 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/color/_example.html.erb
+- app/views/bs5/examples/alert/color/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
 - app/views/bs5/examples/alert/dismissable/snippet.html.erb
-- app/views/bs5/examples/alert/style/_example.html.erb
-- app/views/bs5/examples/alert/style/snippet.html.erb
+- app/views/bs5/examples/badge/color/_example.html.erb
+- app/views/bs5/examples/badge/color/snippet.html.erb
 - app/views/bs5/examples/badge/default/_example.html.erb
+- app/views/bs5/examples/badge/default/button.html.erb
 - app/views/bs5/examples/badge/default/snippet.html.erb
 - app/views/bs5/examples/badge/pill/_example.html.erb
 - 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/button_group/button_toolbar/_example.html.erb
+- app/views/bs5/examples/button_group/button_toolbar/snippet.html.erb
+- app/views/bs5/examples/button_group/button_toolbar/snippet2.html.erb
+- app/views/bs5/examples/button_group/default/_example.html.erb
+- app/views/bs5/examples/button_group/default/snippet.html.erb
+- app/views/bs5/examples/button_group/sizing/_example.html.erb
+- app/views/bs5/examples/button_group/sizing/snippet.html.erb
+- app/views/bs5/examples/button_group/vertical/_example.html.erb
+- app/views/bs5/examples/button_group/vertical/snippet.html.erb
 - app/views/bs5/examples/buttons/button_tag/block_buttons/_example.html.erb
 - app/views/bs5/examples/buttons/button_tag/block_buttons/block_buttons.html.erb
 - app/views/bs5/examples/buttons/button_tag/block_buttons/responsive_block_buttons_1.html.erb
@@ -244,6 +260,24 @@ files:
 - app/views/bs5/examples/popovers/dismissable_on_next_click/snippet.html.erb
 - app/views/bs5/examples/popovers/four_directions/_example.html.erb
 - app/views/bs5/examples/popovers/four_directions/snippet.html.erb
+- app/views/bs5/examples/spinners/border/_example.html.erb
+- app/views/bs5/examples/spinners/border/snippet.html.erb
+- app/views/bs5/examples/spinners/buttons/_example.html.erb
+- app/views/bs5/examples/spinners/buttons/snippet.html.erb
+- app/views/bs5/examples/spinners/colors/_example.html.erb
+- app/views/bs5/examples/spinners/colors/snippet.html.erb
+- app/views/bs5/examples/spinners/growing/_example.html.erb
+- app/views/bs5/examples/spinners/growing/colors.html.erb
+- app/views/bs5/examples/spinners/growing/snippet.html.erb
+- app/views/bs5/examples/spinners/options/_example.html.erb
+- app/views/bs5/examples/spinners/options/floats.html.erb
+- app/views/bs5/examples/spinners/options/margin.html.erb
+- app/views/bs5/examples/spinners/options/placement_flex1.html.erb
+- app/views/bs5/examples/spinners/options/placement_flex2.html.erb
+- app/views/bs5/examples/spinners/options/text_align.html.erb
+- app/views/bs5/examples/spinners/size/_example.html.erb
+- app/views/bs5/examples/spinners/size/size1.html.erb
+- app/views/bs5/examples/spinners/size/size2.html.erb
 - app/views/bs5/examples/tooltips/default/_example.html.erb
 - app/views/bs5/examples/tooltips/default/buttons.html.erb
 - app/views/bs5/examples/tooltips/default/disabled_elements.html.erb
@@ -252,11 +286,13 @@ files:
 - app/views/bs5/pages/alert.html.erb
 - app/views/bs5/pages/badge.html.erb
 - app/views/bs5/pages/breadcrumb.html.erb
+- app/views/bs5/pages/button_group.html.erb
 - app/views/bs5/pages/buttons.html.erb
 - app/views/bs5/pages/close_button.html.erb
 - app/views/bs5/pages/collapse.html.erb
 - app/views/bs5/pages/list_group.html.erb
 - app/views/bs5/pages/popovers.html.erb
+- app/views/bs5/pages/spinners.html.erb
 - app/views/bs5/pages/tooltips.html.erb
 - app/views/layouts/bs5/application.html.erb
 - app/views/layouts/bs5/pages.html.erb