yattho_view_components 0.0.1

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

@@ -0,0 +1,6 @@
+<%= 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

@@ -0,0 +1,5 @@
+<%= 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

@@ -0,0 +1,5 @@
+<%= 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

@@ -0,0 +1,6 @@
+<%= 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

@@ -0,0 +1,7 @@
+<%= 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

@@ -0,0 +1,6 @@
+<%= 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

@@ -0,0 +1,5 @@
+<%= 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

@@ -0,0 +1,8 @@
+<%= 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

@@ -0,0 +1,5 @@
+<%= 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

@@ -0,0 +1,25 @@
+# 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

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

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

@@ -0,0 +1,3 @@
+<%= 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

@@ -0,0 +1,9 @@
+# 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

@@ -0,0 +1,21 @@
+<%= 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

@@ -0,0 +1,14 @@
+<%= 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

@@ -0,0 +1,14 @@
+<%= 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

@@ -0,0 +1,11 @@
+# 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

@@ -0,0 +1,5 @@
+<%= 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

@@ -0,0 +1,7 @@
+# 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

@@ -0,0 +1,8 @@
+
+<%= 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

@@ -0,0 +1,7 @@
+
+<%= 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 %>

data/previews/docs/beta_button_group_preview.rb

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

data/previews/docs/beta_button_preview/full_width.html.erb

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

data/previews/docs/beta_button_preview/schemes.html.erb

@@ -0,0 +1,4 @@
+<%= render(Yattho::Beta::Button.new) { "Default" } %>
+<%= render(Yattho::Beta::Button.new(scheme: :primary)) { "Primary" } %>
+<%= render(Yattho::Beta::Button.new(scheme: :danger)) { "Danger" } %>
+<%= render(Yattho::Beta::Button.new(scheme: :invisible)) { "Invisible" } %>

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

@@ -0,0 +1,2 @@
+<%= render(Yattho::Beta::Button.new(size: :small)) { "Small" } %>
+<%= render(Yattho::Beta::Button.new(size: :medium)) { "Medium" } %>

data/previews/docs/beta_button_preview/with_leading_and_trailing_visuals.html.erb

@@ -0,0 +1,5 @@
+<%= render(Yattho::Beta::Button.new) do |component| %>
+  <% component.with_leading_visual_icon(icon: :star) %>
+  <% component.with_trailing_visual_counter(count: 15) %>
+  Button
+<% end %>

data/previews/docs/beta_button_preview/with_leading_visual.html.erb

@@ -0,0 +1,4 @@
+<%= render(Yattho::Beta::Button.new) do |component| %>
+  <% component.with_leading_visual_icon(icon: :star) %>
+  Button
+<% end %>

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

@@ -0,0 +1,4 @@
+<%= render(Yattho::Beta::Button.new(id: "button-with-tooltip")) do |component| %>
+  <% component.with_tooltip(text: "Tooltip text") %>
+  Button
+<% end %>

data/previews/docs/beta_button_preview/with_trailing_visual.html.erb

@@ -0,0 +1,4 @@
+<%= render(Yattho::Beta::Button.new) do |component| %>
+  <% component.with_trailing_visual_counter(count: 15) %>
+  Button
+<% end %>

data/previews/docs/beta_button_preview.rb

@@ -0,0 +1,19 @@
+# frozen_string_literal: true
+
+module Docs
+  class BetaButtonPreview < ViewComponent::Preview
+    def schemes; end
+
+    def sizes; end
+
+    def full_width; end
+
+    def with_leading_visual; end
+
+    def with_trailing_visual; end
+
+    def with_leading_and_trailing_visuals; end
+
+    def with_tooltip; end
+  end
+end

data/previews/docs/beta_clipboard_copy_preview/copying_from_an_element.html.erb

@@ -0,0 +1,2 @@
+<%= render(Yattho::Beta::ClipboardCopy.new(for: "blob-path", "aria-label": "Copy text to the system clipboard")) %>
+<div id="blob-path">src/index.js</div>

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

@@ -0,0 +1 @@
+<%= render(Yattho::Beta::ClipboardCopy.new(value: "Text to copy", "aria-label": "Copy text to the system clipboard")) %>

data/previews/docs/beta_clipboard_copy_preview/with_text_instead_of_icons.html.erb

@@ -0,0 +1,3 @@
+<%= render(Yattho::Beta::ClipboardCopy.new(value: "Text to copy")) do %>
+  Click to copy!
+<% end %>

data/previews/docs/beta_clipboard_copy_preview.rb

@@ -0,0 +1,11 @@
+# frozen_string_literal: true
+
+module Docs
+  class BetaClipboardCopyPreview < ViewComponent::Preview
+    def default; end
+
+    def with_text_instead_of_icons; end
+
+    def copying_from_an_element; end
+  end
+end

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

@@ -0,0 +1 @@
+<%= render(Yattho::Beta::CloseButton.new) %>

data/previews/docs/beta_close_button_preview.rb

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

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

@@ -0,0 +1 @@
+<%= render(Yattho::Beta::Counter.new(count: 25)) %>

data/previews/docs/beta_counter_preview/schemes.html.erb

@@ -0,0 +1,2 @@
+<%= render(Yattho::Beta::Counter.new(count: 25, scheme: :primary)) %>
+<%= render(Yattho::Beta::Counter.new(count: 25, scheme: :secondary)) %>

data/previews/docs/beta_counter_preview.rb

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

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

@@ -0,0 +1,9 @@
+
+<%= render Yattho::Beta::Details.new do |component| %>
+  <% component.with_summary do %>
+    Summary
+  <% end %>
+  <% component.with_body do %>
+    Body
+  <% end %>
+<% end %>

data/previews/docs/beta_details_preview.rb

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

data/previews/docs/beta_flash_preview/dismissible.html.erb

@@ -0,0 +1 @@
+<%= render(Yattho::Beta::Flash.new(dismissible: true)) { "This is a dismissible flash message!" } %>

data/previews/docs/beta_flash_preview/full_width.html.erb

@@ -0,0 +1 @@
+<%= render(Yattho::Beta::Flash.new(full: true)) { "This is a full width flash message!" } %>

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

@@ -0,0 +1 @@
+<%= render(Yattho::Beta::Flash.new(icon: :people)) { "This is a flash message with an icon!" } %>

data/previews/docs/beta_flash_preview/schemes.html.erb

@@ -0,0 +1,4 @@
+<%= render(Yattho::Beta::Flash.new) { "This is a flash message!" } %>
+<%= render(Yattho::Beta::Flash.new(scheme: :warning)) { "This is a warning flash message!" } %>
+<%= render(Yattho::Beta::Flash.new(scheme: :danger)) { "This is a danger flash message!" } %>
+<%= render(Yattho::Beta::Flash.new(scheme: :success)) { "This is a success flash message!" } %>

data/previews/docs/beta_flash_preview/with_actions.html.erb

@@ -0,0 +1,6 @@
+<%= render(Yattho::Beta::Flash.new) do |component| %>
+  This is a flash message with actions!
+  <% component.with_action do %>
+    <%= render(Yattho::ButtonComponent.new(size: :small)) { "Take action" } %>
+  <% end %>
+<% end %>

data/previews/docs/beta_flash_preview.rb

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+module Docs
+  class BetaFlashPreview < ViewComponent::Preview
+    def schemes; end
+
+    def full_width; end
+
+    def dismissible; end
+
+    def icon; end
+
+    def with_actions; end
+  end
+end

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

@@ -0,0 +1,6 @@
+<%= render(Yattho::Beta::Heading.new(tag: :h1)) { "H1 Text" } %>
+<%= render(Yattho::Beta::Heading.new(tag: :h2)) { "H2 Text" } %>
+<%= render(Yattho::Beta::Heading.new(tag: :h3)) { "H3 Text" } %>
+<%= render(Yattho::Beta::Heading.new(tag: :h4)) { "H4 Text" } %>
+<%= render(Yattho::Beta::Heading.new(tag: :h5)) { "H5 Text" } %>
+<%= render(Yattho::Beta::Heading.new(tag: :h6)) { "H6 Text" } %>

data/previews/docs/beta_heading_preview.rb

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

data/previews/docs/beta_icon_button_preview/custom_tooltip_direction.html.erb

@@ -0,0 +1,2 @@
+
+<%= render(Yattho::Beta::IconButton.new(icon: :search, "aria-label": "Search", tooltip_direction: :e)) %>

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

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

data/previews/docs/beta_icon_button_preview/schemes.html.erb

@@ -0,0 +1,3 @@
+
+<%= render(Yattho::Beta::IconButton.new(icon: :search, "aria-label": "Search")) %>
+<%= render(Yattho::Beta::IconButton.new(icon: :trash, "aria-label": "Delete", scheme: :danger)) %>

data/previews/docs/beta_icon_button_preview/with_an_aria_description.html.erb

@@ -0,0 +1 @@
+<%= render(Yattho::Beta::IconButton.new(icon: :bold, "aria-label": "Bold", "aria-description": "Add bold text, Cmd+b")) %>

data/previews/docs/beta_icon_button_preview.rb

@@ -0,0 +1,13 @@
+# frozen_string_literal: true
+
+module Docs
+  class BetaIconButtonPreview < ViewComponent::Preview
+    def default; end
+
+    def schemes; end
+
+    def with_an_aria_description; end
+
+    def custom_tooltip_direction; end
+  end
+end

data/previews/docs/beta_label_preview/inline.html.erb

@@ -0,0 +1,2 @@
+<%= render(Yattho::Beta::Label.new) { "Default" } %>
+<%= render(Yattho::Beta::Label.new(inline: true)) { "Inline" } %>

data/previews/docs/beta_label_preview/schemes.html.erb

@@ -0,0 +1,10 @@
+<%= render(Yattho::Beta::Label.new) { "Default" } %>
+<%= render(Yattho::Beta::Label.new(scheme: :primary)) { "Primary" } %>
+<%= render(Yattho::Beta::Label.new(scheme: :secondary)) { "Secondary" } %>
+<%= render(Yattho::Beta::Label.new(scheme: :accent)) { "Accent" } %>
+<%= render(Yattho::Beta::Label.new(scheme: :success)) { "Success" } %>
+<%= render(Yattho::Beta::Label.new(scheme: :attention)) { "Attention" } %>
+<%= render(Yattho::Beta::Label.new(scheme: :danger)) { "Danger" } %>
+<%= render(Yattho::Beta::Label.new(scheme: :severe)) { "Severe" } %>
+<%= render(Yattho::Beta::Label.new(scheme: :done)) { "Done" } %>
+<%= render(Yattho::Beta::Label.new(scheme: :sponsors)) { "Sponsors" } %>

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

@@ -0,0 +1,2 @@
+<%= render(Yattho::Beta::Label.new) { "Medium" } %>
+<%= render(Yattho::Beta::Label.new(size: :large)) { "Large" } %>

data/previews/docs/beta_label_preview.rb

@@ -0,0 +1,11 @@
+# frozen_string_literal: true
+
+module Docs
+  class BetaLabelPreview < ViewComponent::Preview
+    def schemes; end
+
+    def sizes; end
+
+    def inline; end
+  end
+end

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

@@ -0,0 +1 @@
+<%= render(Yattho::Beta::Link.new(href: "#")) { "Link" } %>

data/previews/docs/beta_link_preview/muted.html.erb

@@ -0,0 +1 @@
+<%= render(Yattho::Beta::Link.new(href: "#", muted: true)) { "Link" } %>

data/previews/docs/beta_link_preview/schemes.html.erb

@@ -0,0 +1,2 @@
+<%= render(Yattho::Beta::Link.new(href: "#", scheme: :primary)) { "Primary" } %>
+<%= render(Yattho::Beta::Link.new(href: "#", scheme: :secondary)) { "Secondary" } %>

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

@@ -0,0 +1,4 @@
+<%= render(Yattho::Beta::Link.new(href: "#", id: "link-with-tooltip")) do |component| %>
+  <% component.with_tooltip(text: "Tooltip text") %>
+  Link
+<% end %>

data/previews/docs/beta_link_preview/without_underline.html.erb

@@ -0,0 +1 @@
+<%= render(Yattho::Beta::Link.new(href: "#", underline: false)) { "Link" } %>

data/previews/docs/beta_link_preview.rb

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+module Docs
+  class BetaLinkPreview < ViewComponent::Preview
+    def default; end
+
+    def muted; end
+
+    def schemes; end
+
+    def without_underline; end
+
+    def with_tooltip; end
+  end
+end