yattho_view_components 0.0.1 → 0.1.1

data/previews/docs/alpha_text_field_preview.rb

@@ -1,21 +0,0 @@
-# frozen_string_literal: true
-
-module Docs
-  class AlphaTextFieldPreview < ViewComponent::Preview
-    def default; end
-
-    def with_a_clear_button; end
-
-    def full_width; end
-
-    def disabled; end
-
-    def invalid; end
-
-    def with_a_leading_visual; end
-
-    def with_a_caption; end
-
-    def with_a_validation_message; end
-  end
-end

data/previews/docs/alpha_toggle_switch_preview/checked.html.erb

@@ -1 +0,0 @@
-<%= render(Yattho::Alpha::ToggleSwitch.new(src: "/view-components/rails-app/toggle_switch", checked: true)) %>

data/previews/docs/alpha_toggle_switch_preview/checked_and_disabled.html.erb

@@ -1 +0,0 @@
-<%= render(Yattho::Alpha::ToggleSwitch.new(src: "/view-components/rails-app/toggle_switch", checked: true, enabled: false)) %>

data/previews/docs/alpha_toggle_switch_preview/default.html.erb

@@ -1 +0,0 @@
-<%= render(Yattho::Alpha::ToggleSwitch.new(src: "/view-components/rails-app/toggle_switch")) %>

data/previews/docs/alpha_toggle_switch_preview/disabled.html.erb

@@ -1 +0,0 @@
-<%= render(Yattho::Alpha::ToggleSwitch.new(src: "/view-components/rails-app/toggle_switch", enabled: false)) %>

data/previews/docs/alpha_toggle_switch_preview/small.html.erb

@@ -1 +0,0 @@
-<%= render(Yattho::Alpha::ToggleSwitch.new(src: "/view-components/rails-app/toggle_switch", size: :small)) %>

data/previews/docs/alpha_toggle_switch_preview/with_status_label_positioned_at_the_end.html.erb

@@ -1 +0,0 @@
-<%= render(Yattho::Alpha::ToggleSwitch.new(src: "/view-components/rails-app/toggle_switch", status_label_position: :end)) %>

data/previews/docs/alpha_toggle_switch_preview.rb

@@ -1,17 +0,0 @@
-# frozen_string_literal: true
-
-module Docs
-  class AlphaToggleSwitchPreview < ViewComponent::Preview
-    def default; end
-
-    def checked; end
-
-    def disabled; end
-
-    def checked_and_disabled; end
-
-    def small; end
-
-    def with_status_label_positioned_at_the_end; end
-  end
-end

data/previews/docs/alpha_tooltip_preview/as_a_label_for_an_iconbutton.html.erb

@@ -1 +0,0 @@
-<%= render(Yattho::IconButton.new(id: "bold-button-0", icon: :bold, "aria-label": "Bold")) %>

data/previews/docs/alpha_tooltip_preview/as_a_supplementary_description_for_a_button.html.erb

@@ -1,4 +0,0 @@
-<%= render(Yattho::ButtonComponent.new(id: "save-button")) do |component| %>
-  <% component.with_tooltip(text: "This will immediately impact all organization members", type: :description, direction: :ne) %>
-  Save
-<% end %>

data/previews/docs/alpha_tooltip_preview/as_a_supplementary_description_for_an_iconbutton.html.erb

@@ -1 +0,0 @@
-<%= render(Yattho::IconButton.new(id: "search-button", icon: :search, "aria-label": "Search", "aria-description": "Use keywords like 'repo:' and 'org:' in your query")) %>

data/previews/docs/alpha_tooltip_preview/directly_using_tooltip.html.erb

@@ -1,4 +0,0 @@
-<div style="position: relative;">
-  <button type="button" id="test-button">Test</button>
-  <%= render(Yattho::Alpha::Tooltip.new(for_id: "test-button", type: :description, text: "This tooltip should take up the full width", direction: :ne)) %>
-</div>

data/previews/docs/alpha_tooltip_preview/with_direction.html.erb

@@ -1,32 +0,0 @@
-<%= render(Yattho::ButtonComponent.new(id: "North", m: 2)) do |component| %>
-  <% component.with_tooltip(text: "This is a North-facing tooltip, and is responsive.", type: :description, direction: :n) %>
-  North
-<% end %>
-<%= render(Yattho::ButtonComponent.new(id: "South", m: 2)) do |component| %>
-  <% component.with_tooltip(text: "This is a South-facing tooltip, and is responsive.", type: :description, direction: :s) %>
-  South
-<% end %>
-<%= render(Yattho::ButtonComponent.new(id: "East", m: 2)) do |component| %>
-  <% component.with_tooltip(text: "This is a East-facing tooltip, and is responsive.", type: :description, direction: :e) %>
-  East
-<% end %>
-<%= render(Yattho::ButtonComponent.new(id: "West", m: 2)) do |component| %>
-  <% component.with_tooltip(text: "This is a West-facing tooltip, and is responsive.", type: :description, direction: :w) %>
-  West
-<% end %>
-<%= render(Yattho::ButtonComponent.new(id: "Northwest", m: 2)) do |component| %>
-  <% component.with_tooltip(text: "This is a Northwest-facing tooltip, and is responsive.", type: :description, direction: :nw) %>
-  Northwest
-<% end %>
-<%= render(Yattho::ButtonComponent.new(id: "Southwest", m: 2)) do |component| %>
-  <% component.with_tooltip(text: "This is a Southwest-facing tooltip, and is responsive.", type: :description, direction: :sw) %>
-  Southwest
-<% end %>
-<%= render(Yattho::ButtonComponent.new(id: "Northeast", m: 2)) do |component| %>
-  <% component.with_tooltip(text: "This is a Northeast-facing tooltip, and is responsive.", type: :description, direction: :ne) %>
-  Northeast
-<% end %>
-<%= render(Yattho::ButtonComponent.new(id: "Southeast", m: 2)) do |component| %>
-  <% component.with_tooltip(text: "This is a Southeast-facing tooltip, and is responsive.", type: :description, direction: :se) %>
-  Southeast
-<% end %>

data/previews/docs/alpha_tooltip_preview.rb

@@ -1,15 +0,0 @@
-# frozen_string_literal: true
-
-module Docs
-  class AlphaTooltipPreview < ViewComponent::Preview
-    def as_a_supplementary_description_for_a_button; end
-
-    def as_a_label_for_an_iconbutton; end
-
-    def as_a_supplementary_description_for_an_iconbutton; end
-
-    def with_direction; end
-
-    def directly_using_tooltip; end
-  end
-end

data/previews/docs/alpha_underline_nav_preview/align_right.html.erb

@@ -1,11 +0,0 @@
-<%= render(Yattho::Alpha::UnderlineNav.new(label: "Align right", align: :right)) do |component| %>
-  <% component.with_tab(href: "#", selected: true) do |tab| %>
-    <% tab.with_text { "Item 1" } %>
-  <% end %>
-  <% component.with_tab(href: "#") do |tab| %>
-    <% tab.with_text { "Item 2" } %>
-  <% end %>
-  <% component.with_actions do %>
-    <%= render(Yattho::ButtonComponent.new) { "Button!" } %>
-  <% end %>
-<% end %>

data/previews/docs/alpha_underline_nav_preview/customizing_the_body.html.erb

@@ -1,5 +0,0 @@
-<%= render(Yattho::Alpha::UnderlineNav.new(label: "Default", body_arguments: { classes: "custom-class", border: true, border_color: :accent_emphasis })) do |component| %>
-  <% component.with_tab(selected: true, href: "#") { "Tab 1" }%>
-  <% component.with_tab(href: "#") { "Tab 2" } %>
-  <% component.with_tab(href: "#") { "Tab 3" } %>
-<% end %>

data/previews/docs/alpha_underline_nav_preview/default_with_nav.html.erb

@@ -1,7 +0,0 @@
-<%= render(Yattho::Alpha::UnderlineNav.new(label: "Default with nav element")) do |component| %>
-  <% component.with_tab(href: "#", selected: true) { "Item 1" } %>
-  <% component.with_tab(href: "#") { "Item 2" } %>
-  <% component.with_actions do %>
-    <%= render(Yattho::ButtonComponent.new) { "Button!" } %>
-  <% end %>
-<% end %>

data/previews/docs/alpha_underline_nav_preview/with_div.html.erb

@@ -1,7 +0,0 @@
-<%= render(Yattho::Alpha::UnderlineNav.new(tag: :div, label: "With div element")) do |component| %>
-  <% component.with_tab(href: "#", selected: true) { "Item 1" } %>
-  <% component.with_tab(href: "#") { "Item 2" } %>
-  <% component.with_actions do %>
-    <%= render(Yattho::ButtonComponent.new) { "Button!" } %>
-  <% end %>
-<% end %>

data/previews/docs/alpha_underline_nav_preview/with_icons_and_counters.html.erb

@@ -1,18 +0,0 @@
-<%= render(Yattho::Alpha::UnderlineNav.new(label: "With icons and counters")) do |component| %>
-  <% component.with_tab(href: "#", selected: true) do |tab| %>
-    <% tab.with_icon(icon: :star) %>
-    <% tab.with_text { "Item 1" } %>
-  <% end %>
-  <% component.with_tab(href: "#") do |tab| %>
-    <% tab.with_icon(icon: :star) %>
-    <% tab.with_text { "Item 2" } %>
-    <% tab.with_counter(count: 10) %>
-  <% end %>
-  <% component.with_tab(href: "#") do |tab| %>
-    <% tab.with_text { "Item 3" } %>
-    <% tab.with_counter(count: 10) %>
-  <% end %>
-  <% component.with_actions do %>
-    <%= render(Yattho::ButtonComponent.new) { "Button!" } %>
-  <% end %>
-<% end %>

data/previews/docs/alpha_underline_nav_preview.rb

@@ -1,15 +0,0 @@
-# frozen_string_literal: true
-
-module Docs
-  class AlphaUnderlineNavPreview < ViewComponent::Preview
-    def default_with_nav; end
-
-    def with_div; end
-
-    def with_icons_and_counters; end
-
-    def align_right; end
-
-    def customizing_the_body; end
-  end
-end

data/previews/docs/alpha_underline_panels_preview/default.html.erb

@@ -1,17 +0,0 @@
-<%= render(Yattho::Alpha::UnderlinePanels.new(label: "With panels")) do |component| %>
-  <% component.with_tab(id: "tab-1", selected: true) do |tab| %>
-    <% tab.with_text { "Tab 1" } %>
-    <% tab.with_panel do %>
-      Panel 1
-    <% end %>
-  <% end %>
-  <% component.with_tab(id: "tab-2") do |tab| %>
-    <% tab.with_text { "Tab 2" } %>
-    <% tab.with_panel do %>
-      Panel 2
-    <% end %>
-  <% end %>
-  <% component.with_actions do %>
-    <%= render(Yattho::ButtonComponent.new) { "Button!" } %>
-  <% end %>
-<% end %>

data/previews/docs/alpha_underline_panels_preview.rb

@@ -1,7 +0,0 @@
-# frozen_string_literal: true
-
-module Docs
-  class AlphaUnderlinePanelsPreview < ViewComponent::Preview
-    def default; end
-  end
-end

data/previews/docs/beta_auto_complete_item_preview/default.html.erb

@@ -1,6 +0,0 @@
-<%= render(Yattho::Beta::AutoComplete::Item.new(selected: true, value: "value")) do %>
-  Selected
-<% end %>
-<%= render(Yattho::Beta::AutoComplete::Item.new(value: "value")) do %>
-  Not selected
-<% end %>

data/previews/docs/beta_auto_complete_item_preview.rb

@@ -1,7 +0,0 @@
-# frozen_string_literal: true
-
-module Docs
-  class BetaAutoCompleteItemPreview < ViewComponent::Preview
-    def default; end
-  end
-end

data/previews/docs/beta_auto_complete_preview/full_width_field.html.erb

@@ -1,3 +0,0 @@
-<%= render(Yattho::Beta::AutoComplete.new(label_text: "Select a fruit", input_id: "fruits-input--custom-results-2", list_id: "fruits-popup--custom-results-2", src: "/view-components/rails-app/auto_complete", full_width: true)) do |component| %>
-  <% component.with_leading_visual_icon(icon: :search) %>
-<% end %>

data/previews/docs/beta_auto_complete_preview/inset_variant.html.erb

@@ -1,3 +0,0 @@
-<%= render(Yattho::Beta::AutoComplete.new(label_text: "Select a fruit", input_id: "fruits-input--custom-results-2", list_id: "fruits-popup--custom-results-2", src: "/view-components/rails-app/auto_complete", inset: true)) do |component| %>
-  <% component.with_leading_visual_icon(icon: :search) %>
-<% end %>

data/previews/docs/beta_auto_complete_preview/leading_visual.html.erb

@@ -1,3 +0,0 @@
-<%= render(Yattho::Beta::AutoComplete.new(label_text: "Select a fruit", src: "/view-components/rails-app/auto_complete", input_id:"input-id-1", list_id: "list-id-1")) do |component| %>
-  <% component.with_leading_visual_icon(icon: :search) %>
-<% end %>

data/previews/docs/beta_auto_complete_preview/monospace_variant.html.erb

@@ -1,3 +0,0 @@
-<%= render(Yattho::Beta::AutoComplete.new(label_text: "Select a fruit", input_id: "fruits-input--custom-results-2", list_id: "fruits-popup--custom-results-2", src: "/view-components/rails-app/auto_complete", monospace: true)) do |component| %>
-  <% component.with_leading_visual_icon(icon: :search) %>
-<% end %>

data/previews/docs/beta_auto_complete_preview/trailing_action.html.erb

@@ -1 +0,0 @@
-<%= render(Yattho::Beta::AutoComplete.new(label_text: "Select a fruit", input_id: "input-id-2", list_id: "list-id-2", src: "/view-components/rails-app/auto_complete", show_clear_button: true )) %>

data/previews/docs/beta_auto_complete_preview/visually_hidden_label.html.erb

@@ -1,3 +0,0 @@
-<%= render(Yattho::Beta::AutoComplete.new(label_text: "Select a fruit", input_id: "fruits-input--custom-results-1", list_id: "fruits-popup--custom-result-1", src: "/view-components/rails-app/auto_complete", visually_hide_label: true)) do |component| %>
-  <% component.with_leading_visual_icon(icon: :search) %>
-<% end %>

data/previews/docs/beta_auto_complete_preview/with_custom_classes_for_the_input.html.erb

@@ -1,3 +0,0 @@
-<%= render(Yattho::Beta::AutoComplete.new(label_text: "Fruits", src: "/view-components/rails-app/auto_complete", input_id: "fruits-input--custom-input", list_id: "fruits-popup--custom-input")) do |component| %>
-  <% component.with_input(classes: "custom-class") %>
-<% end %>

data/previews/docs/beta_auto_complete_preview/with_custom_classes_for_the_results.html.erb

@@ -1,3 +0,0 @@
-<%= render(Yattho::Beta::AutoComplete.new(label_text: "Fruits", src: "/view-components/rails-app/auto_complete", input_id: "fruits-input--custom-results", list_id: "fruits-popup--custom-results")) do |component| %>
-  <% component.with_results(classes: "custom-class") %>
-<% end %>

data/previews/docs/beta_auto_complete_preview.rb

@@ -1,21 +0,0 @@
-# frozen_string_literal: true
-
-module Docs
-  class BetaAutoCompletePreview < ViewComponent::Preview
-    def leading_visual; end
-
-    def trailing_action; end
-
-    def visually_hidden_label; end
-
-    def full_width_field; end
-
-    def inset_variant; end
-
-    def monospace_variant; end
-
-    def with_custom_classes_for_the_input; end
-
-    def with_custom_classes_for_the_results; end
-  end
-end

data/previews/docs/beta_avatar_preview/default.html.erb

@@ -1 +0,0 @@
-<%= render(Yattho::Beta::Avatar.new(src: Yattho::ExampleImage::BASE64_SRC, alt: "@kittenuser")) %>

data/previews/docs/beta_avatar_preview/link.html.erb

@@ -1 +0,0 @@
-<%= render(Yattho::Beta::Avatar.new(href: "#", src: Yattho::ExampleImage::BASE64_SRC, alt: "@kittenuser profile")) %>

data/previews/docs/beta_avatar_preview/square.html.erb

@@ -1 +0,0 @@
-<%= render(Yattho::Beta::Avatar.new(src: Yattho::ExampleImage::BASE64_SRC, alt: "@kittenuser", shape: :square)) %>

data/previews/docs/beta_avatar_preview/with_size.html.erb

@@ -1,7 +0,0 @@
-<%= render(Yattho::Beta::Avatar.new(src: Yattho::ExampleImage::BASE64_SRC, alt: "@kittenuser", size: 16)) %>
-<%= render(Yattho::Beta::Avatar.new(src: Yattho::ExampleImage::BASE64_SRC, alt: "@kittenuser", size: 20)) %>
-<%= render(Yattho::Beta::Avatar.new(src: Yattho::ExampleImage::BASE64_SRC, alt: "@kittenuser", size: 24)) %>
-<%= render(Yattho::Beta::Avatar.new(src: Yattho::ExampleImage::BASE64_SRC, alt: "@kittenuser", size: 32)) %>
-<%= render(Yattho::Beta::Avatar.new(src: Yattho::ExampleImage::BASE64_SRC, alt: "@kittenuser", size: 40)) %>
-<%= render(Yattho::Beta::Avatar.new(src: Yattho::ExampleImage::BASE64_SRC, alt: "@kittenuser", size: 48)) %>
-<%= render(Yattho::Beta::Avatar.new(src: Yattho::ExampleImage::BASE64_SRC, alt: "@kittenuser", size: 80)) %>

data/previews/docs/beta_avatar_preview.rb

@@ -1,13 +0,0 @@
-# frozen_string_literal: true
-
-module Docs
-  class BetaAvatarPreview < ViewComponent::Preview
-    def default; end
-
-    def square; end
-
-    def link; end
-
-    def with_size; end
-  end
-end

data/previews/docs/beta_avatar_stack_preview/align_right.html.erb

@@ -1,5 +0,0 @@
-<%= render(Yattho::Beta::AvatarStack.new(align: :right)) do |component| %>
-  <% component.with_avatar(src: Yattho::ExampleImage::BASE64_SRC, alt: "@kittenuser") %>
-  <% component.with_avatar(src: Yattho::ExampleImage::BASE64_SRC, alt: "@kittenuser") %>
-  <% component.with_avatar(src: Yattho::ExampleImage::BASE64_SRC, alt: "@kittenuser") %>
-<% end  %>

data/previews/docs/beta_avatar_stack_preview/default.html.erb

@@ -1,5 +0,0 @@
-<%= render(Yattho::Beta::AvatarStack.new) do |component| %>
-  <% component.with_avatar(src: Yattho::ExampleImage::BASE64_SRC, alt: "@kittenuser") %>
-  <% component.with_avatar(src: Yattho::ExampleImage::BASE64_SRC, alt: "@kittenuser") %>
-  <% component.with_avatar(src: Yattho::ExampleImage::BASE64_SRC, alt: "@kittenuser") %>
-<% end  %>

data/previews/docs/beta_avatar_stack_preview/with_tooltip.html.erb

@@ -1,5 +0,0 @@
-<%= render(Yattho::Beta::AvatarStack.new(tooltipped: true, body_arguments: { label: 'This is a tooltip!' })) do |component| %>
-  <% component.with_avatar(src: Yattho::ExampleImage::BASE64_SRC, alt: "@kittenuser") %>
-  <% component.with_avatar(src: Yattho::ExampleImage::BASE64_SRC, alt: "@kittenuser") %>
-  <% component.with_avatar(src: Yattho::ExampleImage::BASE64_SRC, alt: "@kittenuser") %>
-<% end  %>

data/previews/docs/beta_avatar_stack_preview.rb

@@ -1,11 +0,0 @@
-# frozen_string_literal: true
-
-module Docs
-  class BetaAvatarStackPreview < ViewComponent::Preview
-    def default; end
-
-    def align_right; end
-
-    def with_tooltip; end
-  end
-end

data/previews/docs/beta_base_button_preview/block.html.erb

@@ -1,2 +0,0 @@
-<%= render(Yattho::Beta::BaseButton.new(block: :true)) { "Block" } %>
-<%= render(Yattho::Beta::BaseButton.new(block: :true, scheme: :primary)) { "Primary block" } %>

data/previews/docs/beta_base_button_preview.rb

@@ -1,7 +0,0 @@
-# frozen_string_literal: true
-
-module Docs
-  class BetaBaseButtonPreview < ViewComponent::Preview
-    def block; end
-  end
-end

data/previews/docs/beta_blankslate_preview/basic.html.erb

@@ -1,4 +0,0 @@
-<%= render Yattho::Beta::Blankslate.new do |component| %>
-  <% component.with_heading(tag: :h2).with_content("Title") %>
-  <% component.with_description { "Description"} %>
-<% end %>

data/previews/docs/beta_blankslate_preview/custom_content.html.erb

@@ -1,6 +0,0 @@
-<%= render Yattho::Beta::Blankslate.new do |component| %>
-  <% component.with_heading(tag: :h2).with_content("Title") %>
-  <% component.with_description do %>
-    <em>Your custom content here</em>
-  <% end %>
-<% end %>

data/previews/docs/beta_blankslate_preview/icon.html.erb

@@ -1,5 +0,0 @@
-<%= render Yattho::Beta::Blankslate.new do |component| %>
-  <% component.with_visual_icon(icon: :globe) %>
-  <% component.with_heading(tag: :h2).with_content("Title") %>
-  <% component.with_description { "Description"} %>
-<% end %>

data/previews/docs/beta_blankslate_preview/loading.html.erb

@@ -1,5 +0,0 @@
-<%= render Yattho::Beta::Blankslate.new do |component| %>
-  <% component.with_visual_spinner(size: :large) %>
-  <% component.with_heading(tag: :h2).with_content("Title") %>
-  <% component.with_description { "Description"} %>
-<% end %>

data/previews/docs/beta_blankslate_preview/primary_action.html.erb

@@ -1,6 +0,0 @@
-<%= render Yattho::Beta::Blankslate.new do |component| %>
-  <% component.with_visual_icon(icon: :book) %>
-  <% component.with_heading(tag: :h2).with_content("Welcome to the mona wiki!") %>
-  <% component.with_description { "Wikis provide a place in your repository to lay out the roadmap of your project, show the current status, and document software better, together."} %>
-  <% component.with_primary_action(href: "https://github.com/monalisa/mona/wiki/_new").with_content("Create the first page") %>
-<% end %>

data/previews/docs/beta_blankslate_preview/primary_and_secondary_actions.html.erb

@@ -1,7 +0,0 @@
-<%= render Yattho::Beta::Blankslate.new do |component| %>
-  <% component.with_visual_icon(icon: :book) %>
-  <% component.with_heading(tag: :h2).with_content("Welcome to the mona wiki!") %>
-  <% component.with_description { "Wikis provide a place in your repository to lay out the roadmap of your project, show the current status, and document software better, together."} %>
-  <% component.with_primary_action(href: "https://github.com/monalisa/mona/wiki/_new").with_content("Create the first page") %>
-  <% component.with_secondary_action(href: "https://docs.github.com/en/github/building-a-strong-community/about-wikis").with_content("Learn more about wikis") %>
-<% end %>

data/previews/docs/beta_blankslate_preview/secondary_action.html.erb

@@ -1,6 +0,0 @@
-<%= render Yattho::Beta::Blankslate.new do |component| %>
-  <% component.with_visual_icon(icon: :book) %>
-  <% component.with_heading(tag: :h2).with_content("Welcome to the mona wiki!") %>
-  <% component.with_description { "Wikis provide a place in your repository to lay out the roadmap of your project, show the current status, and document software better, together."} %>
-  <% component.with_secondary_action(href: "https://docs.github.com/en/github/building-a-strong-community/about-wikis").with_content("Learn more about wikis") %>
-<% end %>

data/previews/docs/beta_blankslate_preview/using_an_image.html.erb

@@ -1,5 +0,0 @@
-<%= render Yattho::Beta::Blankslate.new do |component| %>
-  <% component.with_visual_image(src: Yattho::ExampleImage::BASE64_SRC, alt: "Security - secure vault") %>
-  <% component.with_heading(tag: :h2).with_content("Title") %>
-  <% component.with_description { "Description"} %>
-<% end %>

data/previews/docs/beta_blankslate_preview/variations.html.erb

@@ -1,8 +0,0 @@
-<%= render Yattho::Beta::Blankslate.new(
-  narrow: true,
-  spacious: true,
-) do |component| %>
-  <% component.with_visual_icon(icon: :book) %>
-  <% component.with_heading(tag: :h2).with_content("Welcome to the mona wiki!") %>
-  <% component.with_description { "Wikis provide a place in your repository to lay out the roadmap of your project, show the current status, and document software better, together."} %>
-<% end %>

data/previews/docs/beta_blankslate_preview/with_border.html.erb

@@ -1,5 +0,0 @@
-<%= render Yattho::Beta::Blankslate.new(border: true) do |component| %>
-  <% component.with_visual_icon(icon: :book) %>
-  <% component.with_heading(tag: :h2).with_content("Welcome to the mona wiki!") %>
-  <% component.with_description { "Wikis provide a place in your repository to lay out the roadmap of your project, show the current status, and document software better, together."} %>
-<% end %>

data/previews/docs/beta_blankslate_preview.rb

@@ -1,25 +0,0 @@
-# frozen_string_literal: true
-
-module Docs
-  class BetaBlankslatePreview < ViewComponent::Preview
-    def basic; end
-
-    def icon; end
-
-    def loading; end
-
-    def using_an_image; end
-
-    def custom_content; end
-
-    def primary_action; end
-
-    def secondary_action; end
-
-    def primary_and_secondary_actions; end
-
-    def variations; end
-
-    def with_border; end
-  end
-end

data/previews/docs/beta_border_box_header_preview/default.html.erb

@@ -1,4 +0,0 @@
-
-<%= render(Yattho::Beta::BorderBox::Header.new) do %>
-  Header
-<% end %>

data/previews/docs/beta_border_box_header_preview/with_title.html.erb

@@ -1,3 +0,0 @@
-<%= render(Yattho::Beta::BorderBox::Header.new) do |h| %>
-  <% h.with_title(tag: :h3) do %>I am a title<% end %>
-<% end %>

data/previews/docs/beta_border_box_header_preview.rb

@@ -1,9 +0,0 @@
-# frozen_string_literal: true
-
-module Docs
-  class BetaBorderBoxHeaderPreview < ViewComponent::Preview
-    def default; end
-
-    def with_title; end
-  end
-end

data/previews/docs/beta_border_box_preview/header_with_title_body_rows_and_footer.html.erb

@@ -1,21 +0,0 @@
-<%= render(Yattho::Beta::BorderBox.new) do |component| %>
-  <% component.with_header do |h| %>
-    <% h.title(tag: :h2) do %>
-      Header
-    <% end %>
-  <% end %>
-  <% component.with_body do %>
-    Body
-  <% end %>
-  <% component.with_row do %>
-    <% if true %>
-      Row one
-    <% end %>
-  <% end %>
-  <% component.with_row do %>
-    Row two
-  <% end %>
-  <% component.with_footer do %>
-    Footer
-  <% end %>
-<% end %>

data/previews/docs/beta_border_box_preview/padding_density.html.erb

@@ -1,14 +0,0 @@
-<%= render(Yattho::Beta::BorderBox.new(padding: :condensed)) do |component| %>
-  <% component.with_header do %>
-    Header
-  <% end %>
-  <% component.with_body do %>
-    Body
-  <% end %>
-  <% component.with_row do %>
-    Row two
-  <% end %>
-  <% component.with_footer do %>
-    Footer
-  <% end %>
-<% end %>

data/previews/docs/beta_border_box_preview/row_colors.html.erb

@@ -1,14 +0,0 @@
-<%= render(Yattho::Beta::BorderBox.new) do |component| %>
-  <% component.with_row do %>
-    Default
-  <% end %>
-  <% component.with_row(scheme: :neutral) do %>
-    Neutral
-  <% end %>
-  <% component.with_row(scheme: :info) do %>
-    Info
-  <% end %>
-  <% component.with_row(scheme: :warning) do %>
-    Warning
-  <% end %>
-<% end %>

data/previews/docs/beta_border_box_preview.rb

@@ -1,11 +0,0 @@
-# frozen_string_literal: true
-
-module Docs
-  class BetaBorderBoxPreview < ViewComponent::Preview
-    def header_with_title_body_rows_and_footer; end
-
-    def padding_density; end
-
-    def row_colors; end
-  end
-end

data/previews/docs/beta_breadcrumbs_preview/basic.html.erb

@@ -1,5 +0,0 @@
-<%= render(Yattho::Beta::Breadcrumbs.new) do |component| %>
-  <% component.with_item(href: "/") do %>Home<% end %>
-  <% component.with_item(href: "/about") do %>About<% end %>
-  <% component.with_item(href: "/about/team") do %>Team<% end %>
-<% end %>

data/previews/docs/beta_breadcrumbs_preview.rb

@@ -1,7 +0,0 @@
-# frozen_string_literal: true
-
-module Docs
-  class BetaBreadcrumbsPreview < ViewComponent::Preview
-    def basic; end
-  end
-end

data/previews/docs/beta_button_group_preview/default.html.erb

@@ -1,8 +0,0 @@
-
-<%= render(Yattho::Beta::ButtonGroup.new) do |component| %>
-  <% component.with_button { "Default" } %>
-  <% component.with_button(scheme: :primary) { "Primary" } %>
-  <% component.with_button(scheme: :danger) { "Danger" } %>
-  <% component.with_button(scheme: :outline) { "Outline" } %>
-  <% component.with_button(classes: "custom-class") { "Custom class" } %>
-<% end %>

data/previews/docs/beta_button_group_preview/sizes.html.erb

@@ -1,7 +0,0 @@
-
-<%= render(Yattho::Beta::ButtonGroup.new(size: :small)) do |component| %>
-  <% component.with_button { "Default" } %>
-  <% component.with_button(scheme: :primary) { "Primary" } %>
-  <% component.with_button(scheme: :danger) { "Danger" } %>
-  <% component.with_button(scheme: :outline) { "Outline" } %>
-<% end %>