coveragebook_components 0.10.1.beta.1 → 0.11.0

data/app/components/coco/shared/stack/stack.rb

@@ -0,0 +1,47 @@
+module Coco
+  class Stack < Coco::Component
+    include Concerns::AcceptsOptions
+
+    accepts_option :spacing, from: Coco::Spacer::SIZES, default: Coco::Spacer::DEFAULT, private: true
+    accepts_option :direction, from: %i[vertical], default: :vertical
+
+    renders_many :items, types: {
+      element: ->(tag_name = :div, **kwargs) do
+        with_space if items.any? && !ends_with_spacer?
+        @_last_item_type = :element
+        kwargs[:class] = class_names(kwargs[:class], "stack-item")
+        Coco::Tag.new(tag_name, **kwargs)
+      end,
+
+      stack: ->(size = spacing, **kwargs) do
+        with_space if items.any? && !ends_with_spacer?
+        @_last_item_type = :stack
+        kwargs[:class] = class_names(kwargs[:class], "stack-substack")
+        Coco::Stack.new(spacing: size, **kwargs)
+      end,
+
+      spacer: ->(size = spacing, **kwargs) do
+        @_starts_with_spacer = true if items.none?
+        @_last_item_type = :spacer
+        kwargs[:class] = class_names(kwargs[:class], "stack-spacer")
+        Coco::Spacer.new(size:, **kwargs)
+      end
+    }
+
+    def initialize(**)
+      @_items = []
+      @_starts_with_spacer = false
+      @_last_item_type = nil
+    end
+
+    def spacing = get_option_value(:spacing)
+
+    def starts_with_spacer? = @_starts_with_spacer
+
+    def ends_with_spacer? = @_last_item_type == :spacer
+
+    alias_method :with_item, :with_item_element
+    alias_method :with_substack, :with_item_stack
+    alias_method :with_space, :with_item_spacer
+  end
+end

data/app/helpers/coco/app_helper.rb

@@ -7,7 +7,7 @@ module Coco
         (args.size == 1) ? [nil, args.first] : args[0..2].reverse!
       end
 
-      link = Coco::App::Elements::Link.new(href: href, **)
+      link = Coco::Link.new(href: href, **)
       link = link.with_content(content) if !block && content.present?
 
       render(link, &block)

data/app/helpers/coco/shared_helper.rb

@@ -4,6 +4,19 @@ module Coco
       render Coco::Tag.new(*, **), &block
     end
 
+    def coco_spacer(size = Coco::Spacer::DEFAULT, **)
+      render Coco::Spacer.new(size:, **)
+    end
+    alias_method :space, :coco_spacer
+
+    def coco_stack(spacing: Coco::Spacer::DEFAULT, **, &block)
+      render Coco::Stack.new(spacing:, **), &block
+    end
+
+    def coco_prose(**, &block)
+      render Coco::Prose.new(**), &block
+    end
+
     def coco_svg(path = nil, **)
       render Coco::Svg.new(path: path, **)
     end

data/config/tailwind.base.config.cjs

@@ -26,7 +26,9 @@ module.exports = {
         spin: "spin 1.5s linear infinite",
         "spin-reverse": "spin 1.5s linear infinite reverse",
       },
-      width: {
+      spacing: {
+        13: "3.25rem",
+        15: "3.75rem",
         18: "4.5rem",
       },
       customForms: () => ({

data/config/tokens.cjs

@@ -171,6 +171,7 @@ const screens = {
   lg: "992px",
   xl: "1200px",
   "2xl": "1400px",
+  "3xl": "1600px",
   max: "1800px",
   "max-sm": { max: "576px" },
   "max-md": { max: "768px" },

data/lib/coco.rb

@@ -1,3 +1,3 @@
 module Coco
-  VERSION = "0.10.1.beta.1"
+  VERSION = "0.11.0"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: coveragebook_components
 version: !ruby/object:Gem::Version
-  version: 0.10.1.beta.1
+  version: 0.11.0
 platform: ruby
 authors:
 - Mark Perkins
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-11-30 00:00:00.000000000 Z
+date: 2023-12-09 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -1522,8 +1522,6 @@ files:
 - app/components/coco/app/elements/layout_picker_button/layout_picker_button.html.erb
 - app/components/coco/app/elements/layout_picker_button/layout_picker_button.js
 - app/components/coco/app/elements/layout_picker_button/layout_picker_button.rb
-- app/components/coco/app/elements/link/link.css
-- app/components/coco/app/elements/link/link.rb
 - app/components/coco/app/elements/menu/menu.css
 - app/components/coco/app/elements/menu/menu.html.erb
 - app/components/coco/app/elements/menu/menu.rb
@@ -1685,6 +1683,13 @@ files:
 - app/components/coco/shared/poll_controller/poll_controller.html.erb
 - app/components/coco/shared/poll_controller/poll_controller.js
 - app/components/coco/shared/poll_controller/poll_controller.rb
+- app/components/coco/shared/prose/prose.css
+- app/components/coco/shared/prose/prose.rb
+- app/components/coco/shared/spacer/spacer.css
+- app/components/coco/shared/spacer/spacer.rb
+- app/components/coco/shared/stack/stack.css
+- app/components/coco/shared/stack/stack.html.erb
+- app/components/coco/shared/stack/stack.rb
 - app/components/coco/shared/svg/svg.html.erb
 - app/components/coco/shared/svg/svg.rb
 - app/components/coco/tag.rb
@@ -1745,11 +1750,11 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: 3.2.0
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">"
+  - - ">="
     - !ruby/object:Gem::Version
-      version: 1.3.1
+      version: '0'
 requirements: []
-rubygems_version: 3.4.20
+rubygems_version: 3.4.19
 signing_key:
 specification_version: 4
 summary: CoverageBook component library

data/app/components/coco/app/elements/link/link.css

@@ -1,70 +0,0 @@
-@layer components {
-  [data-coco][data-component="app-link"] {
-    &[data-theme] {
-      @apply no-underline hover:underline;
-    }
-
-    &[data-underline="true"] {
-      @apply underline;
-    }
-
-    &[data-underline="false"] {
-      @apply no-underline;
-    }
-
-    &[data-theme="primary"] {
-      @apply app-link-primary;
-    }
-
-    &[data-theme="positive"] {
-      @apply app-link-positive;
-    }
-
-    &[data-theme="negative"] {
-      @apply app-link-negative;
-    }
-
-    &[data-theme="warning"] {
-      @apply app-link-warning;
-    }
-
-    &[data-theme="info"] {
-      @apply app-link-info;
-    }
-
-    &[data-theme="neutral-dark"] {
-      @apply app-link-neutral-dark;
-    }
-
-    &[data-theme="neutral-light"] {
-      @apply app-link-neutral-light;
-    }
-  }
-}
-
-@layer utilities {
-  .app-link-primary,
-  .app-link-positive {
-    @apply text-content-primary active:text-green-700;
-  }
-
-  .app-link-negative {
-    @apply text-content-negative active:text-red-800;
-  }
-
-  .app-link-warning {
-    @apply text-content-warning  active:text-amber-800;
-  }
-
-  .app-link-info {
-    @apply text-content-info active:text-info-800;
-  }
-
-  .app-link-neutral-dark {
-    @apply text-content-dark-1;
-  }
-
-  .app-link-neutral-light {
-    @apply text-content-light-1;
-  }
-}

data/app/components/coco/app/elements/link/link.rb

@@ -1,33 +0,0 @@
-module Coco
-  module App
-    module Elements
-      class Link < Coco::Link
-        include Concerns::AcceptsOptions
-        include Concerns::AcceptsTheme
-
-        THEMES = %W[positive primary warning negative info neutral-dark neutral-light] << nil
-
-        accepts_option :theme, from: THEMES
-        accepts_option :underline, from: [true, false]
-
-        before_initialize do |kwargs|
-          if kwargs.key?(:modal)
-            modal_name = (kwargs[:modal] == true) ? "default" : kwargs[:modal]
-            kwargs[:data] = kwargs.fetch(:data, {}).merge(coco_modal_data_attributes(modal_name))
-            kwargs.delete(:modal)
-          end
-          if kwargs.key?(:frame)
-            turbo_data = {turbo: true, turbo_frame: kwargs[:frame]}
-            kwargs[:data] = kwargs.fetch(:data, {}).merge(turbo_data)
-            kwargs.delete(:frame)
-          end
-          kwargs
-        end
-
-        class << self
-          include Coco::SharedHelper
-        end
-      end
-    end
-  end
-end