RubyGems - coveragebook_components - Versions diffs - 0.19.12 → 0.19.13 - Mend

coveragebook_components 0.19.12 → 0.19.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (133) hide show

data/lookbook/app/views/layouts/application.html.erb ADDED Viewed

@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html class="no-js min-h-screen">
+  <head>
+    <title>Coco</title>
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <%= csrf_meta_tags %>
+    <%= csp_meta_tag %>
+    <link rel="stylesheet" href="https://use.typekit.net/xun0bwf.css" crossorigin="anonymous">
+    <%= coco_stylesheet_tag dev: dev? %>
+    <%= stylesheet_link_tag "application.tailwind", "data-turbo-track": "reload" %>
+    <%= javascript_include_tag "application#{".dev" if dev?}", "data-turbo-track": "reload", defer: true %>
+  </head>
+  <body style="padding: <%= lookbook_display(:padding, "24px") %>;" class="min-h-full">
+    <div class="w-full mx-auto my-0 <%= "flex items-center justify-center" if lookbook_display(:centered) == true %>" style="
+      min-height: calc(100vh - (2 * <%= lookbook_display(:padding, "24px") %>));
+      max-width: <%= lookbook_display(:max_width, "800px") %>;
+    ">
+      <%= yield %>
+    </div>
+  </body>
+</html>

data/lookbook/app/views/layouts/blank.html.erb ADDED Viewed

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title></title>
+</head>
+<body>
+  <%= yield %>
+</body>
+</html>

data/lookbook/app/views/lookbook/previews/group.html.erb ADDED Viewed

@@ -0,0 +1,37 @@
+<% if scenarios.many? %>
+  <%# Render a group of scenarios %>
+  <% scenarios.each do |scenario| %>
+    <% if lookbook_display(:group_display) == "slats" %>
+      <div style="position: relative; padding-top: 30px; padding-bottom: 30px; ">
+        <h6 style="
+          color: #666; font-size: 11px; text-transform: uppercase;
+          letter-spacing: 0.5px; position: absolute; padding: 3px 6px;
+          background-color: #efefef; top: 0px; right: 0px; user-select: none;
+          border-top-right-radius: 4px;
+        ">
+          <%= scenario.label %>
+        </h6>
+        <div style="line-height: 1">
+          <%= scenario.output %>
+        </div>
+      </div>
+    <% else %>
+      <div style="margin-bottom: 30px; border: 1px dashed #bbb; border-radius: 4px; position: relative; padding: 30px 20px 20px 20px; " id="<%= preview.id %>">
+        <h6 style="
+          color: #666; font-size: 11px; text-transform: uppercase;
+          letter-spacing: 0.5px; position: absolute; padding: 3px 6px;
+          background-color: #efefef; top: 0px; right: 0px; user-select: none;
+          border-top-right-radius: 4px;
+        ">
+          <%= scenario.label %>
+        </h6>
+        <div style="line-height: 1">
+          <%= scenario.output %>
+        </div>
+      </div>
+    <% end %>
+  <% end %>
+<% else %>
+  <%# Render a single scenario %>
+  <%= scenarios.first.output %>
+<% end %>

data/lookbook/app/views/pages/plans.html.erb ADDED Viewed

@@ -0,0 +1,21 @@
+<%= coco_page("pricing-plans") do |page| %>
+  <% page.with_section do %>
+    <%= coco_placeholder "intro blurb" %>
+  <% end %>
+  <% page.with_section do %>
+    <%= coco_placeholder "plans table" %>
+  <% end %>
+  <% page.with_section do %>
+    <%= coco_placeholder "enterprise plans promo" %>
+  <% end %>
+  <% page.with_section do %>
+    <%= coco_placeholder "book a call" %>
+  <% end %>
+  <% page.with_section do %>
+    <%= coco_placeholder "faqs" %>
+  <% end %>
+<% end %>

data/lookbook/app/views/panels/_design.html.erb ADDED Viewed

@@ -0,0 +1,85 @@
+<style>
+  .figma-panel {
+    display: grid;
+    grid-template-rows: min-content auto;
+  }
+  .panel-header {
+    padding-top: 4px;
+    display: flex;
+    align-items: center;
+    margin-bottom: 20px;
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+  .panel-title {
+    font-weight: bold;
+    font-size: 18px;
+  }
+  .logo {
+    margin-left: auto;
+  }
+  .embeds {
+    border: 1px dashed #bbb;
+    background: #fff;
+    border-radius: 4px;
+    padding: 20px;
+  }
+  iframe {
+    aspect-ratio: 3/2;
+    width: 100%;
+  }
+  .message {
+    padding: 20px;
+    width: 100%;
+    height: 100%;
+    display: grid;
+	place-content: center;
+    text-align: center;
+    color: #999;
+    font-style: italic;
+  }
+</style>
+<div class="lookbook-panel figma-panel">
+  <header class="panel-header">
+    <h2 class="panel-title">Design assets</h2>
+    <div class="logo">
+      <svg width="16" viewBox="0 0 38 57" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <g clip-path="url(#a)">
+          <path d="M19 28.5a9.5 9.5 0 1 1 19 0 9.5 9.5 0 0 1-19 0Z" fill="#1ABCFE"/>
+          <path d="M0 47.5A9.5 9.5 0 0 1 9.5 38H19v9.5a9.5 9.5 0 1 1-19 0Z" fill="#0ACF83"/>
+          <path d="M19 0v19h9.5a9.5 9.5 0 1 0 0-19H19Z" fill="#FF7262"/>
+          <path d="M0 9.5A9.5 9.5 0 0 0 9.5 19H19V0H9.5A9.5 9.5 0 0 0 0 9.5Z" fill="#F24E1E"/>
+          <path d="M0 28.5A9.5 9.5 0 0 0 9.5 38H19V19H9.5A9.5 9.5 0 0 0 0 28.5Z" fill="#A259FF"/>
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h38v57H0z"/>
+          </clipPath>
+        </defs>
+      </svg>
+    </div>
+  </header>
+  <div class="embeds">
+    <% if figma_urls.any? %>
+      <% figma_urls.each do |url| %>
+        <div class="embed embed-figma">
+          <iframe src="<%= url %>" allowfullscreen></iframe>
+        </div>
+      <% end %>
+    <% else %>
+      <div class="message">
+        <p>No design files available.</p>
+      </div>
+    <% end %>
+  </div>
+</div>

data/lookbook/app/views/request/success.html.erb ADDED Viewed

	@@ -0,0 +1 @@
1	+ <h1>This was a successful response!</h1>

data/lookbook/app/views/turbo_request/done.html.erb ADDED Viewed

@@ -0,0 +1,3 @@
+<turbo-frame id="example-frame">
+  This was a successful response!
+</turbo-frame>

data/lookbook/app/views/turbo_request/success.html.erb ADDED Viewed

	@@ -0,0 +1 @@
1	+ Success!

metadata CHANGED Viewed

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: coveragebook_components
 version: !ruby/object:Gem::Version
-  version: 0.19.12
+  version: 0.19.13
 platform: ruby
 authors:
 - Mark Perkins
@@ -1930,6 +1930,135 @@ files:
 - lib/scripts/map-aliased-path.mjs
 - lib/scripts/postcss-import-alias-glob.js
 - lib/tasks/coco_tasks.rake
+- lookbook/app/helpers/application_helper.rb
+- lookbook/app/previews/buttons/button_group_preview.rb
+- lookbook/app/previews/buttons/button_preview.rb
+- lookbook/app/previews/buttons/button_to_preview.rb
+- lookbook/app/previews/buttons/color_picker_button_preview.rb
+- lookbook/app/previews/buttons/image_picker_button_preview.rb
+- lookbook/app/previews/buttons/layout_picker_button_preview.rb
+- lookbook/app/previews/buttons/layout_picker_button_preview/default.html.erb
+- lookbook/app/previews/buttons/option_bar_preview.rb
+- lookbook/app/previews/buttons/toolbar_preview.rb
+- lookbook/app/previews/embeds/youtube_embed_preview.rb
+- lookbook/app/previews/forms/fields_preview.rb
+- lookbook/app/previews/forms/fields_preview/button.html.erb
+- lookbook/app/previews/forms/fields_preview/check_box.html.erb
+- lookbook/app/previews/forms/fields_preview/color_field.html.erb
+- lookbook/app/previews/forms/fields_preview/date_field.html.erb
+- lookbook/app/previews/forms/fields_preview/date_select.html.erb
+- lookbook/app/previews/forms/fields_preview/datetime_local_field.html.erb
+- lookbook/app/previews/forms/fields_preview/datetime_select.html.erb
+- lookbook/app/previews/forms/fields_preview/email_field.html.erb
+- lookbook/app/previews/forms/fields_preview/error_message.html.erb
+- lookbook/app/previews/forms/fields_preview/file_field.html.erb
+- lookbook/app/previews/forms/fields_preview/hint.html.erb
+- lookbook/app/previews/forms/fields_preview/label.html.erb
+- lookbook/app/previews/forms/fields_preview/month_field.html.erb
+- lookbook/app/previews/forms/fields_preview/number_field.html.erb
+- lookbook/app/previews/forms/fields_preview/password_field.html.erb
+- lookbook/app/previews/forms/fields_preview/radio_button.html.erb
+- lookbook/app/previews/forms/fields_preview/range_field.html.erb
+- lookbook/app/previews/forms/fields_preview/search_field.html.erb
+- lookbook/app/previews/forms/fields_preview/select.html.erb
+- lookbook/app/previews/forms/fields_preview/submit.html.erb
+- lookbook/app/previews/forms/fields_preview/telephone_field.html.erb
+- lookbook/app/previews/forms/fields_preview/text_area.html.erb
+- lookbook/app/previews/forms/fields_preview/text_field.html.erb
+- lookbook/app/previews/forms/fields_preview/time_field.html.erb
+- lookbook/app/previews/forms/fields_preview/time_select.html.erb
+- lookbook/app/previews/forms/fields_preview/time_zone_select.html.erb
+- lookbook/app/previews/forms/fields_preview/url_field.html.erb
+- lookbook/app/previews/forms/fields_preview/week_field.html.erb
+- lookbook/app/previews/forms/fields_preview/weekday_select.html.erb
+- lookbook/app/previews/images/avatar_preview.rb
+- lookbook/app/previews/images/icon_preview.rb
+- lookbook/app/previews/images/image_preview.rb
+- lookbook/app/previews/images/svg_preview.rb
+- lookbook/app/previews/indicators/badge_preview.rb
+- lookbook/app/previews/indicators/stamp_preview.rb
+- lookbook/app/previews/layout/page_layout_preview.rb
+- lookbook/app/previews/layout/page_layout_preview/block_content.html.erb
+- lookbook/app/previews/layout/page_layout_preview/default.html.erb
+- lookbook/app/previews/layout/page_layout_preview/full_width.html.erb
+- lookbook/app/previews/layout/page_layout_preview/hidden_content.html.erb
+- lookbook/app/previews/layout/page_layout_preview/mixed.html.erb
+- lookbook/app/previews/layout/page_layout_preview/pagination.html.erb
+- lookbook/app/previews/layout/page_layout_preview/polling.html.erb
+- lookbook/app/previews/layout/page_layout_preview/sections.html.erb
+- lookbook/app/previews/layout/page_layout_preview/spacing.html.erb
+- lookbook/app/previews/layout/panel_preview.rb
+- lookbook/app/previews/layout/panel_preview/basic.html.erb
+- lookbook/app/previews/layout/spacer_preview.rb
+- lookbook/app/previews/layout/spacer_preview/default.html.erb
+- lookbook/app/previews/layout/spacer_preview/responsive.html.erb
+- lookbook/app/previews/layout/spacer_preview/sizes.html.erb
+- lookbook/app/previews/layout/stack_preview.rb
+- lookbook/app/previews/layout/stack_preview/default.html.erb
+- lookbook/app/previews/layout/stack_preview/item_properties.html.erb
+- lookbook/app/previews/layout/stack_preview/item_spacing.html.erb
+- lookbook/app/previews/layout/stack_preview/nested.html.erb
+- lookbook/app/previews/layout/stack_preview/stack_spacing.html.erb
+- lookbook/app/previews/messaging/notice_preview.rb
+- lookbook/app/previews/messaging/popover_preview.rb
+- lookbook/app/previews/messaging/popover_preview/placement.html.erb
+- lookbook/app/previews/messaging/popover_preview/targets.html.erb
+- lookbook/app/previews/messaging/popover_preview/themes.html.erb
+- lookbook/app/previews/messaging/popover_preview/triggers.html.erb
+- lookbook/app/previews/messaging/snackbar_preview.rb
+- lookbook/app/previews/messaging/snackbar_preview/manual_show.html.erb
+- lookbook/app/previews/messaging/snackbar_preview/queue.html.erb
+- lookbook/app/previews/messaging/snackbar_preview/system_test_manual_show.html.erb
+- lookbook/app/previews/messaging/system_banner_preview.rb
+- lookbook/app/previews/messaging/toast_preview.rb
+- lookbook/app/previews/messaging/tooltip_preview.rb
+- lookbook/app/previews/modals/modal_canvas_preview.rb
+- lookbook/app/previews/modals/modal_canvas_preview/basic.html.erb
+- lookbook/app/previews/modals/modal_dialog_preview.rb
+- lookbook/app/previews/modals/modal_dialog_preview/basic.html.erb
+- lookbook/app/previews/modals/modal_dialog_preview/in_page.html.erb
+- lookbook/app/previews/modals/modal_dialog_preview/large.html.erb
+- lookbook/app/previews/modals/modal_dialog_preview/medium.html.erb
+- lookbook/app/previews/modals/modal_dialog_preview/named.html.erb
+- lookbook/app/previews/modals/modal_dialog_preview/navigate.html.erb
+- lookbook/app/previews/modals/modal_dialog_preview/not_dismissable.html.erb
+- lookbook/app/previews/modals/modal_dialog_preview/not_shown.html.erb
+- lookbook/app/previews/modals/modal_dialog_preview/notice.html.erb
+- lookbook/app/previews/modals/modal_dialog_preview/small.html.erb
+- lookbook/app/previews/modals/modal_dialog_preview/triggers.html.erb
+- lookbook/app/previews/modals/modal_lightbox_preview.rb
+- lookbook/app/previews/modals/modal_lightbox_preview/basic.html.erb
+- lookbook/app/previews/modals/modal_lightbox_preview/named.html.erb
+- lookbook/app/previews/modals/modal_lightbox_preview/scroll.html.erb
+- lookbook/app/previews/modals/modal_lightbox_preview/triggers.html.erb
+- lookbook/app/previews/modals/modal_preview.rb
+- lookbook/app/previews/modals/modal_preview/basic.html.erb
+- lookbook/app/previews/navigation/link_preview.rb
+- lookbook/app/previews/navigation/link_to_preview.rb
+- lookbook/app/previews/navigation/pager_button_preview.rb
+- lookbook/app/previews/navigation/tabs_preview.rb
+- lookbook/app/previews/navigation/tabs_preview/basic.html.erb
+- lookbook/app/previews/navigation/tabs_preview/full.html.erb
+- lookbook/app/previews/navigation/tabs_preview/icons.html.erb
+- lookbook/app/previews/pickers/color_picker_preview.rb
+- lookbook/app/previews/pickers/image_picker_preview.rb
+- lookbook/app/previews/typography/utils_preview.rb
+- lookbook/app/previews/typography/utils_preview/branded_headings.html.erb
+- lookbook/app/previews/typography/utils_preview/fixed_size_headings.html.erb
+- lookbook/app/previews/typography/utils_preview/headings.html.erb
+- lookbook/app/previews/utilities/dropdown_preview.rb
+- lookbook/app/previews/utilities/seamless_textarea_preview.rb
+- lookbook/app/previews/utilities/seamless_textarea_preview/focus.html.erb
+- lookbook/app/previews/utilities/seamless_textarea_preview/multi_line.html.erb
+- lookbook/app/previews/utilities/seamless_textarea_preview/single_line.html.erb
+- lookbook/app/views/layouts/application.html.erb
+- lookbook/app/views/layouts/blank.html.erb
+- lookbook/app/views/lookbook/previews/group.html.erb
+- lookbook/app/views/pages/plans.html.erb
+- lookbook/app/views/panels/_design.html.erb
+- lookbook/app/views/request/success.html.erb
+- lookbook/app/views/turbo_request/done.html.erb
+- lookbook/app/views/turbo_request/success.html.erb
 homepage: https://github.com/coveragebook/coco
 licenses: []
 metadata: