coveragebook_components 0.19.10 → 0.19.13

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: a512bc6a955a7583dd4fffe714057e2ffd8bcec17663b919c630b6fec7f3cde1
-  data.tar.gz: e0669ed0805259482ae127800f4e1d58edabcbdcb164fa7e8f011c22ddc215d4
+  metadata.gz: 52831c88c2451c454bdc92e3236b09a653825ad3f9764b988df3b9f5cf207cf1
+  data.tar.gz: af8169c8f760d5f48611610ca099c8ef68fdfed5248274852a4a1bf3ad0c1970
 SHA512:
-  metadata.gz: 6e8833e8949926ab35d4fc40f1fcec860aaadadd2f79635c119bebe5ad2beb7639cb0f33d4ae14f041136339c93c6ab640fb0152a3ecad7681bfd06a5c3883df
-  data.tar.gz: 9d1408aabd38d7b8803cce38d5b83ac0600742a2ea9b6c5408442843c7169b34feaddf2966168b0d09a9d80923e983a7a9b8177ba86d8b382116929b25301a63
+  metadata.gz: fae19112cfb2acac8a4947359f7cea0f578be89c03c05c269e0f783cc8f54b12ef8fc4e69a327b62014e31aee238925b7f0f8e81f3bb4da411799934ba369903
+  data.tar.gz: 23b11d2d6300225ce07640627f6432d841146ffe6c84b51f4f6eae30c5ea43be0d7b82d97f9d64a0fc2f0b838932d84d81649cb1eaf8401b36d8747a1c1b28ff

data/app/assets/build/coco/coco.css

@@ -7224,6 +7224,7 @@ select{
   border-radius: 0.5rem;
   --tw-bg-opacity: 1;
   background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
+  text-align: center;
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
   --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);

data/app/assets/build/coco/coco.js

@@ -15343,7 +15343,7 @@ var alpine_default = import_alpinejs.default;
 // ../../../package.json
 var package_default = {
   name: "coveragebook-components",
-  version: "0.19.10",
+  version: "0.19.13",
   repository: "git@github.com:coveragebook/coco.git",
   license: "NO LICENSE",
   author: "Mark Perkins <mark@coveragebook.com>",
@@ -15436,7 +15436,7 @@ var package_default = {
         "npm run build"
       ],
       "after:version:bump": "bundle exec rake coco:gem:bump_version[${version}] && bundle && cd lookbook && bundle",
-      "after:release": "rake coco:gem:release[${version}]"
+      "after:release": 'rake "coco:gem:release[${version}]"'
     }
   },
   devDependencies: {

data/app/assets/css/base/tippy.css

@@ -32,7 +32,7 @@
 
 /* Tooltip theme */
 .tippy-box[data-theme~="coco-tooltip"] {
-  @apply bg-background-dark-2 text-white label-sm rounded-lg shadow-xl;
+  @apply bg-background-dark-2 text-white label-sm rounded-lg shadow-xl text-center;
 
   .tippy-content {
     @apply px-3 py-2 max-w-[240px];

data/lib/coco.rb

@@ -1,3 +1,3 @@
 module Coco
-  VERSION = "0.19.10"
+  VERSION = "0.19.13"
 end

data/lookbook/app/helpers/application_helper.rb

@@ -0,0 +1,28 @@
+require "redcarpet"
+require "faker"
+
+module ApplicationHelper
+  def markdown(&block)
+    md = Redcarpet::Markdown.new(Redcarpet::Render::HTML)
+    content = capture { block.call }
+    md.render(content).html_safe
+  end
+
+  def lorem
+    Faker::Lorem
+  end
+
+  def avatar
+    Faker::Avatar.image
+  end
+
+  def placeholder_prose_html(paragraphs: 1)
+    markdown do
+      (0..paragraphs).map { lorem.paragraph(sentence_count: 2, supplemental: true, random_sentences_to_add: 4) }.join("\n\n\n")
+    end
+  end
+
+  def dev?
+    Rails.env.development? || (Rails.env.test? && !ENV.include?("CI"))
+  end
+end

data/lookbook/app/previews/buttons/button_group_preview.rb

@@ -0,0 +1,148 @@
+module Buttons
+  class ButtonGroupPreview < Coco::Preview
+    # @!group Basic
+
+    def basic
+      coco_button_group do |group|
+        group.with_button(tooltip: "one") { "Button one" }
+        group.with_button(tooltip: "two") { "Button two" }
+        group.with_button(tooltip: "three") { "Button three" }
+      end
+    end
+
+    def with_dividers
+      coco_button_group do |group|
+        group.with_button { "Button one" }
+        group.with_button { "Button two" }
+        group.with_divider
+        group.with_button { "Button three" }
+        group.with_button { "Button four" }
+        group.with_divider
+        group.with_button { "Button five" }
+      end
+    end
+
+    def segmented
+      coco_button_group(segmented: true, theme: :toolbar) do |group|
+        group.with_button(action: "#", method: :post) { "Form button" }
+        group.with_button { "Regular button" }
+        group.with_button(href: "#") { "Link button" }
+        group.with_menu_button("Menu button") do |button|
+          button.with_menu do |menu|
+            menu.with_button { "Menu item one" }
+            menu.with_button { "Menu item 2" }
+          end
+        end
+        group.with_button do |button|
+          button.with_confirmation do |confirm|
+            confirm.with_text { "Are you sure?" }
+            confirm.with_button { "YES" }
+          end
+          "Button with confirmation"
+        end
+      end
+    end
+
+    def floating
+      coco_button_group(floating: true, theme: :toolbar) do |group|
+        group.with_button(tooltip: "one") { "Button one" }
+        group.with_button(tooltip: "two") { "Button two" }
+        group.with_button(tooltip: "three") { "Button three" }
+      end
+    end
+
+    def reversed
+      coco_button_group(reversed: true) do |group|
+        group.with_button(tooltip: "one") { "Button one" }
+        group.with_button(tooltip: "two") { "Button two" }
+        group.with_button(tooltip: "three") { "Button three" }
+      end
+    end
+
+    # @!group Themes
+
+    def with_theme
+      coco_button_group(theme: :negative) do |group|
+        group.with_button { "Button one" }
+        group.with_button { "Button two" }
+        group.with_button { "Button three" }
+      end
+    end
+
+    def mixed_buttons
+      coco_button_group do |group|
+        group.with_button { "Default" }
+        group.with_button(theme: :secondary) { "Secondary" }
+        group.with_button(theme: :negative) { "Negative" }
+      end
+    end
+
+    # @!group Button types
+
+    def with_secondary_actions
+      coco_button_group do |group|
+        group.with_button(tooltip: "This is a tooltip") { "With tooltip" }
+
+        group.with_button do |button|
+          button.with_confirmation do |confirm|
+            confirm.with_text { "Are you sure you want to do that?" }
+            confirm.with_button { "Yes, continue" }
+          end
+
+          "With confirmation"
+        end
+
+        group.with_menu_button do |button|
+          button.with_menu do |menu|
+            menu.with_button(icon: :globe) { "Menu item one" }
+            menu.with_button(icon: :carrot) { "Menu item 2" }
+            menu.with_button(icon: :bell) { "A third menu item" }
+          end
+
+          "With menu"
+        end
+      end
+    end
+
+    def custom_buttons
+      coco_button_group do |group|
+        group.with_button_html do
+          "<button>Custom button 1</button>".html_safe
+        end
+
+        group.with_button_html do
+          "<button>Custom button 2</button>".html_safe
+        end
+      end
+    end
+
+    # @!group Collapsible
+
+    # @label All collapsible
+    def collapsible
+      coco_button_group(collapsible: true) do |group|
+        group.with_button(icon: :smile) { "Button one" }
+        group.with_button(icon: :frown) { "Button two" }
+        group.with_button(icon: :carrot) { "Button three" }
+      end
+    end
+
+    # @label Some collapsible
+    def some_collapsible
+      coco_button_group(collapsible: true) do |group|
+        group.with_button(icon: :check) { "Collapsible" }
+        group.with_button(icon: :x, collapsible: false) { "Not collapsible" }
+        group.with_button(icon: :check) { "Collapsible" }
+      end
+    end
+
+    # @label None collapsible
+    def none_collapsible
+      coco_button_group(collapsible: false) do |group|
+        group.with_button(icon: :x) { "Not Collapsible" }
+        group.with_button(icon: :x) { "Not collapsible" }
+        group.with_button(icon: :x) { "Not Collapsible" }
+      end
+    end
+  end
+end