bs5 0.0.6 → 0.0.11

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 3ee72cbd5fc34edcfe4923bd3d94bc29fe00ff19de68e05ba6655ce4c62c6311
-  data.tar.gz: 0dbd89dec2629ec881a73df2644166ec6533896646cde8cbc960fdd529c656c2
+  metadata.gz: 5d45e3e9d6c5303c22f72e3637abc45b8302a2834956d9213a3cbe3300320658
+  data.tar.gz: 0c9d8ed8656a427932ba2fae5a49bb6f8110bd0a86d7af8a0f95020ae0cafd6f
 SHA512:
-  metadata.gz: 10ae1e04be4fbabe8dc937eae77ce0235337a504fa7c8728ee2f1f243e7a44b3ca19d5231efca55488921da9b7695e3471c72cc1ca15b7dc8edcd4ad1e830cf6
-  data.tar.gz: 591bd085c636e1a0e575ef9c6fc1a62f399856305808012dcefc5264ebf3dd88067f81a66f2b006b26f8de199267844e90b368d902581bd40d5fec4c9c9d11c8
+  metadata.gz: 149b6ad2c77ad23fcef6c02d0a6e6b147dd32e0d1299807484233b207dc7280c90d3bf2fce397c02b64376478ace48bcc30aea57de654fa9ce0a6c4a715ccc7d
+  data.tar.gz: 59471a7a2b75588e27d203e982ae52f1b1e54498ca0e26c6776bf7b5ef34166cbd7f644a80302f6ec1034b747b34f5b144d03bca836c07f84ba5808f3dbfa999

data/app/components/bs5/alert_component.rb

@@ -2,6 +2,8 @@
 
 module Bs5
   class AlertComponent < ViewComponent::Base
+    STYLES = %i[primary secondary success danger warning info light dark].freeze
+
     attr_reader :style, :is_dismissable
 
     include ActiveModel::Validations

data/app/components/bs5/badge_component.rb

@@ -2,6 +2,8 @@
 
 module Bs5
   class BadgeComponent < ViewComponent::Base
+    STYLES = %i[primary secondary success danger warning info light dark].freeze
+
     attr_reader :text, :style
 
     include ActiveModel::Validations

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/components/bs5/button_tag_component.rb

@@ -0,0 +1,100 @@
+# frozen_string_literal: true
+
+module Bs5
+  class ButtonTagComponent < ViewComponent::Base
+    STYLES = %i[primary secondary success danger warning info light dark link].freeze
+    DEFAULT_STYLE = :primary
+    SIZES = { small: :sm, large: :lg }.freeze
+    CLASS_PREFIX = 'btn'
+
+    attr_reader :content_or_options, :size
+
+    include ActiveModel::Validations
+    validates :style, style: true
+    validates :size, inclusion: { in: SIZES.keys, valid_sizes: SIZES.keys.to_sentence, allow_nil: true }
+
+    def initialize(content_or_options = nil, options = nil)
+      if content_or_options.is_a? Hash
+        self.options = content_or_options
+      else
+        @content_or_options = content_or_options
+        self.options = options
+      end
+
+      extract_custom_options
+      merge_default_options
+    end
+
+    def before_render
+      raise errors.full_messages.to_sentence if invalid?
+    end
+
+    def call
+      button_tag(content || content_or_options, options)
+    end
+
+    private
+
+    def options=(value)
+      @options = Hash(value).symbolize_keys!
+    end
+
+    def options
+      @options.empty? ? nil : @options
+    end
+
+    def extract_custom_options
+      extract_style
+      extract_outline
+      extract_size
+    end
+
+    def extract_style
+      @style = @options.delete(:style)
+    end
+
+    def extract_outline
+      @outline = @options.delete(:outline)
+    end
+
+    def extract_size
+      @size = @options.delete(:size)
+    end
+
+    def merge_default_options
+      @options.deep_merge!(default_options) do |_key, this_val, other_val|
+        [this_val, other_val].join(' ').strip
+      end
+    end
+
+    def default_options
+      { class: button_class }
+    end
+
+    def button_class
+      [CLASS_PREFIX, contextual_class, size_class].compact.join(' ')
+    end
+
+    def contextual_class
+      [CLASS_PREFIX, outline? ? 'outline' : nil, style].compact.join('-')
+    end
+
+    def size_class
+      return unless size?
+
+      [CLASS_PREFIX, SIZES[size]].join('-')
+    end
+
+    def style
+      (@style || DEFAULT_STYLE).to_sym
+    end
+
+    def outline?
+      !!@outline
+    end
+
+    def size?
+      !!size
+    end
+  end
+end

data/app/components/bs5/button_to_component.rb

@@ -0,0 +1,106 @@
+# frozen_string_literal: true
+
+module Bs5
+  class ButtonToComponent < ViewComponent::Base
+    STYLES = %i[primary secondary success danger warning info light dark link].freeze
+    DEFAULT_STYLE = :primary
+    SIZES = { small: :sm, large: :lg }.freeze
+    CLASS_PREFIX = 'btn'
+
+    attr_reader :size
+
+    include ActiveModel::Validations
+    validates :style, style: true
+    validates :size, inclusion: { in: SIZES.keys, valid_sizes: SIZES.keys.to_sentence, allow_nil: true }
+
+    def initialize(name = nil, options = nil, html_options = nil)
+      @name = name
+      @options = options
+      @html_options = html_options
+
+      if @name.is_a? Hash
+        self.button_to_options = @name
+      elsif @options.is_a? Hash
+        self.button_to_options = @options
+      else
+        @html_options ||= {}
+        self.button_to_options = @html_options
+      end
+
+      extract_custom_options
+      merge_default_options
+    end
+
+    def before_render
+      raise errors.full_messages.to_sentence if invalid?
+    end
+
+    def call
+      if content
+        button_to(@name, @options, @html_options) { content }
+      else
+        button_to(@name, @options, @html_options)
+      end
+    end
+
+    private
+
+    def button_to_options=(hash)
+      @button_to_options = hash.symbolize_keys!
+    end
+
+    def extract_custom_options
+      extract_style
+      extract_outline
+      extract_size
+    end
+
+    def extract_style
+      @style = @button_to_options.delete(:style)
+    end
+
+    def extract_outline
+      @outline = @button_to_options.delete(:outline)
+    end
+
+    def extract_size
+      @size = @button_to_options.delete(:size)
+    end
+
+    def merge_default_options
+      @button_to_options.deep_merge!(default_options) do |_key, this_val, other_val|
+        [this_val, other_val].join(' ').strip
+      end
+    end
+
+    def default_options
+      { class: button_class }
+    end
+
+    def button_class
+      [CLASS_PREFIX, contextual_class, size_class].compact.join(' ')
+    end
+
+    def contextual_class
+      [CLASS_PREFIX, outline? ? 'outline' : nil, style].compact.join('-')
+    end
+
+    def size_class
+      return unless size?
+
+      [CLASS_PREFIX, SIZES[size]].join('-')
+    end
+
+    def style
+      (@style || DEFAULT_STYLE).to_sym
+    end
+
+    def outline?
+      !!@outline
+    end
+
+    def size?
+      !!size
+    end
+  end
+end

data/app/helpers/bs5/components_helper.rb

@@ -2,24 +2,21 @@
 
 module Bs5
   module ComponentsHelper
-    def bs5_accordion(*args)
-      render AccordionComponent.new(*args) do |accordion|
-        yield accordion if block_given?
-      end
-    end
+    COMPONENTS = %w[accordion alert badge close_button breadcrumb button_tag button_to].freeze
 
-    def bs5_alert(*args)
-      render AlertComponent.new(*args) do
-        yield if block_given?
+    COMPONENTS.each do |name|
+      define_method("bs5_#{name}") do |*args, &block|
+        clazz = "Bs5::#{name.classify}Component".constantize
+        render_component(clazz, *args, &block)
       end
     end
 
-    def bs5_badge(*args)
-      render BadgeComponent.new(*args)
-    end
+    private
 
-    def bs5_close_button(*args)
-      render CloseButtonComponent.new(*args)
+    def render_component(component_clazz, *args)
+      render component_clazz.new(*args) do |c|
+        yield c if block_given?
+      end
     end
   end
 end

data/app/validators/style_validator.rb

@@ -1,11 +1,9 @@
 # frozen_string_literal: true
 
 class StyleValidator < ActiveModel::EachValidator
-  STYLES = %i[primary secondary success danger warning info light dark].freeze
-
   def validate_each(record, attribute, value)
-    return if value.in?(STYLES)
+    return if value.in?(valid_styles = record.class::STYLES)
 
-    record.errors.add(attribute, :inclusion, valid_styles: STYLES.to_sentence)
+    record.errors.add(attribute, :inclusion, valid_styles: valid_styles.to_sentence)
   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/_buttons.html.erb

@@ -0,0 +1,11 @@
+<h2>Buttons</h2>
+<h3>Decorating Rails' <code>button_tag</code></h3>
+<%= render 'bs5/examples/buttons/button_tag/default/example' %>
+<%= render 'bs5/examples/buttons/button_tag/style/example' %>
+<%= render 'bs5/examples/buttons/button_tag/outline/example' %>
+<%= render 'bs5/examples/buttons/button_tag/size/example' %>
+<%= render 'bs5/examples/buttons/button_tag/block_buttons/example' %>
+<%= render 'bs5/examples/buttons/button_tag/toggle_states/example' %>
+
+<h3>Decorating Rails' <code>button_to</code></h3>
+<%= render 'bs5/examples/buttons/button_to/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/buttons/button_tag/block_buttons/_example.html.erb

@@ -0,0 +1,5 @@
+<h3>Block buttons</h3>
+<%= bs5_example(snippet: 'buttons/button_tag/block_buttons/block_buttons') %>
+<%= bs5_example(snippet: 'buttons/button_tag/block_buttons/responsive_block_buttons_1') %>
+<%= bs5_example(snippet: 'buttons/button_tag/block_buttons/responsive_block_buttons_2') %>
+<%= bs5_example(snippet: 'buttons/button_tag/block_buttons/responsive_block_buttons_3') %>

data/app/views/bs5/examples/buttons/button_tag/block_buttons/block_buttons.html.erb

@@ -0,0 +1,4 @@
+<div class="d-grid gap-2">
+  <%= bs5_button_tag %>
+  <%= bs5_button_tag %>
+</div>

data/app/views/bs5/examples/buttons/button_tag/block_buttons/responsive_block_buttons_1.html.erb

@@ -0,0 +1,4 @@
+<div class="d-grid gap-2 d-md-block">
+  <%= bs5_button_tag %>
+  <%= bs5_button_tag %>
+</div>

data/app/views/bs5/examples/buttons/button_tag/block_buttons/responsive_block_buttons_2.html.erb

@@ -0,0 +1,4 @@
+<div class="d-grid gap-2 col-6 mx-auto">
+  <%= bs5_button_tag %>
+  <%= bs5_button_tag %>
+</div>

data/app/views/bs5/examples/buttons/button_tag/block_buttons/responsive_block_buttons_3.html.erb

@@ -0,0 +1,4 @@
+<div class="d-grid gap-2 d-md-flex justify-content-md-end">
+  <%= bs5_button_tag('Button', class: 'mr-md-2') %>
+  <%= bs5_button_tag %>
+</div>

data/app/views/bs5/examples/buttons/button_tag/default/_example.html.erb

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

data/app/views/bs5/examples/buttons/button_tag/default/snippet.html.erb

@@ -0,0 +1,15 @@
+<%= bs5_button_tag %>
+
+<%= bs5_button_tag 'Reset', type: 'reset' %>
+
+<%= bs5_button_tag 'Button', type: 'button' %>
+
+<%= bs5_button_tag 'Reset', type: 'reset', disabled: true %>
+
+<%= bs5_button_tag(type: 'button') do %>
+  <%= content_tag(:strong, 'Ask me!') %>
+<% end %>
+
+<%= bs5_button_tag 'Save', data: { confirm: 'Are you sure?' } %>
+
+<%= bs5_button_tag 'Checkout', data: { disable_with: 'Please wait...' } %>

data/app/views/bs5/examples/buttons/button_tag/outline/_example.html.erb

@@ -0,0 +1,2 @@
+<h3>Outline</h3>
+<%= bs5_example(snippet: 'buttons/button_tag/outline/snippet') %>

data/app/views/bs5/examples/buttons/button_tag/outline/snippet.html.erb

@@ -0,0 +1,19 @@
+<%= bs5_button_tag 'Primary', style: :primary, outline: true %>
+
+<%= bs5_button_tag 'Secondary', style: :secondary, outline: true %>
+
+<%= bs5_button_tag 'Success', style: :success, outline: true %>
+
+<%= bs5_button_tag 'Danger', style: :danger, outline: true %>
+
+<%= bs5_button_tag(style: :warning, outline: true, type: 'button') do %>
+  <%= content_tag(:strong, 'Warning') %>
+<% end %>
+
+<%= bs5_button_tag 'Info', style: :info, outline: true %>
+
+<%= bs5_button_tag 'Light', style: :light, outline: true %>
+
+<%= bs5_button_tag 'Dark', style: :dark, outline: true %>
+
+<%= bs5_button_tag 'Link', style: :link, outline: true %>

data/app/views/bs5/examples/buttons/button_tag/size/_example.html.erb

@@ -0,0 +1,3 @@
+<h3>Sizes</h3>
+<%= bs5_example(snippet: 'buttons/button_tag/size/large') %>
+<%= bs5_example(snippet: 'buttons/button_tag/size/small') %>

data/app/views/bs5/examples/buttons/button_tag/size/large.html.erb

@@ -0,0 +1,3 @@
+<%= bs5_button_tag 'Large button', style: :primary, size: :large %>
+
+<%= bs5_button_tag 'Large button', style: :secondary, size: :large %>

data/app/views/bs5/examples/buttons/button_tag/size/small.html.erb

@@ -0,0 +1,3 @@
+<%= bs5_button_tag 'Small button', style: :primary, size: :small %>
+
+<%= bs5_button_tag 'Small button', style: :secondary, size: :small %>

data/app/views/bs5/examples/buttons/button_tag/style/_example.html.erb

@@ -0,0 +1,2 @@
+<h3>Style</h3>
+<%= bs5_example(snippet: 'buttons/button_tag/style/snippet') %>

data/app/views/bs5/examples/buttons/button_tag/style/snippet.html.erb

@@ -0,0 +1,19 @@
+<%= bs5_button_tag 'Primary', style: :primary %>
+
+<%= bs5_button_tag 'Secondary', style: :secondary %>
+
+<%= bs5_button_tag 'Success', style: :success %>
+
+<%= bs5_button_tag 'Danger', style: :danger %>
+
+<%= bs5_button_tag(style: :warning, type: 'button') do %>
+  <%= content_tag(:strong, 'Warning') %>
+<% end %>
+
+<%= bs5_button_tag 'Info', style: :info %>
+
+<%= bs5_button_tag 'Light', style: :light %>
+
+<%= bs5_button_tag 'Dark', style: :dark %>
+
+<%= bs5_button_tag 'Link', style: :link %>

data/app/views/bs5/examples/buttons/button_tag/toggle_states/_example.html.erb

@@ -0,0 +1,2 @@
+<h3>Toggle states</h3>
+<%= bs5_example(snippet: 'buttons/button_tag/toggle_states/snippet') %>

data/app/views/bs5/examples/buttons/button_tag/toggle_states/snippet.html.erb

@@ -0,0 +1,3 @@
+<%= bs5_button_tag('Toggle button', data: { toggle: 'button' }, autocomplete: 'off') %>
+<%= bs5_button_tag('Active toggle button', class: 'active', data: { toggle: 'button' }, autocomplete: 'off', aria: { pressed: true }) %>
+<%= bs5_button_tag('Disabled toggle button', data: { toggle: 'button' }, autocomplete: 'off', disabled: true) %>

data/app/views/bs5/examples/buttons/button_to/default/_example.html.erb

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

data/app/views/bs5/examples/buttons/button_to/default/snippet.html.erb

@@ -0,0 +1,11 @@
+<div class="d-grid gap-2 d-md-flex">
+  <%= bs5_button_to('New', 'http://www.example.com') %>
+
+  <%= bs5_button_to('http://www.example.com', style: :success) do %>
+    Make happy <strong>John Doe</strong>
+  <%- end %>
+
+  <%= bs5_button_to('New', 'http://www.example.com', style: :dark, outline: true, size: :large, form_class: 'new-thing') %>
+
+  <%= bs5_button_to('Destroy', 'http://www.example.com', style: :danger, method: "delete", remote: true, data: { confirm: 'Are you sure?', disable_with: 'loading...' }) %>
+</div>

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,23 @@
-<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>
+        <li>Buttons</li>
+        </ul>
+      </div>
+    </div>
+    <div class="col-10">
+      <h1>Bootstrap Examples</h1>
+      <%= render 'accordion' %>
+      <%= render 'alert' %>
+      <%= render 'badge' %>
+      <%= render 'close_button' %>
+      <%= render 'breadcrumb' %>
+      <%= render 'buttons' %>
+    </div>
+  </div>

data/config/definitions.rb

@@ -0,0 +1,31 @@
+# The following comments fill some of the gaps in Solargraph's understanding of
+# Rails apps. Since they're all in YARD, they get mapped in Solargraph but
+# ignored at runtime.
+#
+# You can put this file anywhere in the project, as long as it gets included in
+# the workspace maps. It's recommended that you keep it in a standalone file
+# instead of pasting it into an existing one.
+#
+# @!parse
+#   class ActionController::Base
+#     include ActionController::MimeResponds
+#     extend ActiveSupport::Callbacks::ClassMethods
+#     extend AbstractController::Callbacks::ClassMethods
+#   end
+#   class ActiveRecord::Base
+#     extend ActiveRecord::QueryMethods
+#     extend ActiveRecord::FinderMethods
+#     extend ActiveRecord::Associations::ClassMethods
+#     extend ActiveRecord::Inheritance::ClassMethods
+#     include ActiveRecord::Persistence
+#   end
+# @!override ActiveRecord::FinderMethods#find
+#   @overload find(id)
+#     @param id [Integer]
+#     @return [self]
+#   @overload find(list)
+#     @param list [Array]
+#     @return [Array<self>]
+#   @overload find(*args)
+#     @return [Array<self>]
+#   @return [self, Array<self>]

data/config/locales/en.yml

@@ -6,3 +6,15 @@ en:
           attributes:
             style:
               inclusion: "is not included in the list: %{valid_styles}."
+        bs5/button_tag_component:
+          attributes:
+            style:
+              inclusion: "is not included in the list: %{valid_styles}."
+            size:
+              inclusion: "is not included in the list: %{valid_sizes}."
+        bs5/button_to_component:
+          attributes:
+            style:
+              inclusion: "is not included in the list: %{valid_styles}."
+            size:
+              inclusion: "is not included in the list: %{valid_sizes}."

data/lib/bs5/version.rb

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

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: bs5
 version: !ruby/object:Gem::Version
-  version: 0.0.6
+  version: 0.0.11
 platform: ruby
 authors:
 - Patrick Baselier
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2020-11-21 00:00:00.000000000 Z
+date: 2020-11-27 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -132,6 +132,10 @@ 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/button_tag_component.rb
+- app/components/bs5/button_to_component.rb
 - app/components/bs5/close_button_component.html.erb
 - app/components/bs5/close_button_component.rb
 - app/components/bs5/example_component.html.erb
@@ -141,17 +145,20 @@ files:
 - app/helpers/bs5/application_helper.rb
 - app/helpers/bs5/components_helper.rb
 - app/helpers/bs5/examples_helper.rb
-- app/jobs/bs5/application_job.rb
-- app/mailers/bs5/application_mailer.rb
 - app/models/bs5/application_record.rb
 - app/validators/style_validator.rb
 - 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/_buttons.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
@@ -164,8 +171,35 @@ 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/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
+- app/views/bs5/examples/buttons/button_tag/block_buttons/responsive_block_buttons_2.html.erb
+- app/views/bs5/examples/buttons/button_tag/block_buttons/responsive_block_buttons_3.html.erb
+- app/views/bs5/examples/buttons/button_tag/default/_example.html.erb
+- app/views/bs5/examples/buttons/button_tag/default/snippet.html.erb
+- app/views/bs5/examples/buttons/button_tag/outline/_example.html.erb
+- app/views/bs5/examples/buttons/button_tag/outline/snippet.html.erb
+- app/views/bs5/examples/buttons/button_tag/size/_example.html.erb
+- app/views/bs5/examples/buttons/button_tag/size/large.html.erb
+- app/views/bs5/examples/buttons/button_tag/size/small.html.erb
+- app/views/bs5/examples/buttons/button_tag/style/_example.html.erb
+- app/views/bs5/examples/buttons/button_tag/style/snippet.html.erb
+- app/views/bs5/examples/buttons/button_tag/toggle_states/_example.html.erb
+- app/views/bs5/examples/buttons/button_tag/toggle_states/snippet.html.erb
+- app/views/bs5/examples/buttons/button_to/default/_example.html.erb
+- app/views/bs5/examples/buttons/button_to/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/definitions.rb
 - config/locales/en.yml
 - config/routes.rb
 - lib/bs5.rb

data/app/jobs/bs5/application_job.rb

@@ -1,6 +0,0 @@
-# frozen_string_literal: true
-
-module Bs5
-  class ApplicationJob < ActiveJob::Base
-  end
-end

data/app/mailers/bs5/application_mailer.rb

@@ -1,8 +0,0 @@
-# frozen_string_literal: true
-
-module Bs5
-  class ApplicationMailer < ActionMailer::Base
-    default from: 'from@example.com'
-    layout 'mailer'
-  end
-end