coveragebook_components 0.19.5 → 0.19.7

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: a1d2704c6cd4936c7c4ab5d7b662753d96e9b5339bbcc616de4426810513c4ca
-  data.tar.gz: 7e30ef8812a9348343ed83f5afeb2fa3a46b5c2cf2594ba7eb100a1d817b0104
+  metadata.gz: eb938f79f2295a5296c3fb767558f9cb28fcb8d429616bcffe419b005e3c4d54
+  data.tar.gz: 685174da6af215912cbfb6e734c82d2858932bcb7e0f3c021d4d84b4883c1c07
 SHA512:
-  metadata.gz: 6b6c0c6e7877e033a90380df797fb3627ef05fb5d7ff45b0d8c986f9f587afd6e8804eaa23a935598b2c626337c32a4bc4ccfe5adc34caf5e9c8bfd9840d463f
-  data.tar.gz: e4ae100660db97da842376df34f758df39a4df72c0b2fda46d891c5a26fd57c8c9e7c25b3cb870a58c6deef2f0ff37910da8bd8b0335df65dee1d402596546e5
+  metadata.gz: a0a804640f1eb756374f73f568970b922157c05ac9dd83bfc7c5d70261d52a03f56f0c0e510abbb50e8b0cf6404527e9bd2da6ac9b20e7269e783a1b4ae19b8e
+  data.tar.gz: 246fffd96347f7ac19d14b4789b868b303034dda56bc6d8f149679c3ea6b704efededcb8dae5af2b97a5d1e193ea4f23634673961ec0d617958978fea1165836

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

@@ -3824,20 +3824,14 @@ select{
   padding-bottom: 0.5rem
 }
 
-/* 
-    .alert-icon {
-      @apply flex items-center p-2 rounded-full;
-
-      .coco-icon {
-        @apply w-5 h-5;
-      }
-    } */
-
 [data-coco][data-component="alert"] .alert-body{
-  padding-left: 1rem;
   padding-right: 0.5rem
 }
 
+[data-coco][data-component="alert"] .alert-stamp + .alert-body{
+  padding-left: 1rem
+}
+
 [data-coco][data-component="alert"] .alert-content{
   width: 100%;
   --tw-text-opacity: 1;
@@ -4004,7 +3998,7 @@ select{
         padding-bottom: 0.375rem;
       }
 
-[data-coco][data-component="alert"][data-condensed="true"] .alert-body{
+[data-coco][data-component="alert"][data-condensed="true"] .alert-stamp + .alert-body{
   padding-left: 0.75rem
 }
 
@@ -4552,8 +4546,16 @@ select{
   opacity: 0
 }
 
-[data-coco][data-component="system-banner"] {
+[data-coco][data-component="system-banner"] .alert-stamp{
+  margin-top: 0.25rem !important
+}
+
+@container (min-width: 550px){
+
+  [data-coco][data-component="system-banner"] .alert-stamp{
+    margin-top: 0px !important
   }
+}
 
 [data-coco][data-component="toast"]{
   width: 100%;

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

@@ -15338,7 +15338,7 @@ var alpine_default = import_alpinejs.default;
 // ../../../package.json
 var package_default = {
   name: "coveragebook-components",
-  version: "0.19.5",
+  version: "0.19.7",
   repository: "git@github.com:coveragebook/coco.git",
   license: "NO LICENSE",
   author: "Mark Perkins <mark@coveragebook.com>",

data/app/assets/build/coco/icons/pin-filled.svg

@@ -0,0 +1,4 @@
+<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M8.29395 11.3333V14.6667" stroke="#111827" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M3.62729 11.3333H12.9606V10.16C12.9605 9.91194 12.8912 9.66884 12.7604 9.45802C12.6297 9.24721 12.4428 9.07705 12.2206 8.96666L11.034 8.36666C10.8118 8.25628 10.6249 8.08611 10.4941 7.8753C10.3634 7.66449 10.2941 7.42138 10.294 7.17333V3.99999H10.9606C11.3142 3.99999 11.6534 3.85952 11.9034 3.60947C12.1535 3.35942 12.294 3.02028 12.294 2.66666C12.294 2.31304 12.1535 1.9739 11.9034 1.72385C11.6534 1.4738 11.3142 1.33333 10.9606 1.33333H5.62729C5.27367 1.33333 4.93453 1.4738 4.68448 1.72385C4.43443 1.9739 4.29396 2.31304 4.29396 2.66666C4.29396 3.02028 4.43443 3.35942 4.68448 3.60947C4.93453 3.85952 5.27367 3.99999 5.62729 3.99999H6.29396V7.17333C6.29382 7.42138 6.2245 7.66449 6.09377 7.8753C5.96304 8.08611 5.7761 8.25628 5.55396 8.36666L4.36729 8.96666C4.14515 9.07705 3.9582 9.24721 3.82748 9.45802C3.69675 9.66884 3.62742 9.91194 3.62729 10.16V11.3333Z" fill="#111827" stroke="#111827" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

data/app/assets/custom_icons/lucide/pin-filled.svg

@@ -0,0 +1,4 @@
+<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M8.29395 11.3333V14.6667" stroke="#111827" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M3.62729 11.3333H12.9606V10.16C12.9605 9.91194 12.8912 9.66884 12.7604 9.45802C12.6297 9.24721 12.4428 9.07705 12.2206 8.96666L11.034 8.36666C10.8118 8.25628 10.6249 8.08611 10.4941 7.8753C10.3634 7.66449 10.2941 7.42138 10.294 7.17333V3.99999H10.9606C11.3142 3.99999 11.6534 3.85952 11.9034 3.60947C12.1535 3.35942 12.294 3.02028 12.294 2.66666C12.294 2.31304 12.1535 1.9739 11.9034 1.72385C11.6534 1.4738 11.3142 1.33333 10.9606 1.33333H5.62729C5.27367 1.33333 4.93453 1.4738 4.68448 1.72385C4.43443 1.9739 4.29396 2.31304 4.29396 2.66666C4.29396 3.02028 4.43443 3.35942 4.68448 3.60947C4.93453 3.85952 5.27367 3.99999 5.62729 3.99999H6.29396V7.17333C6.29382 7.42138 6.2245 7.66449 6.09377 7.8753C5.96304 8.08611 5.7761 8.25628 5.55396 8.36666L4.36729 8.96666C4.14515 9.07705 3.9582 9.24721 3.82748 9.45802C3.69675 9.66884 3.62742 9.91194 3.62729 10.16V11.3333Z" fill="#111827" stroke="#111827" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

data/app/components/coco/buttons/button/button.html.erb

@@ -1,4 +1,8 @@
-<%= coco_tag(:div, class: "coco-button-wrapper", x: alpine_wrapper_attrs.to_h) do %>
+<%= coco_tag(:div,
+  class: "coco-button-wrapper",
+  x: alpine_wrapper_attrs.to_h,
+  key: ("coco-bw-#{rand(100000)}" if dropdown?)
+) do %>
   <%= render component_tag(button_tag,
       class: {
         "coco-button": true,

data/app/components/coco/buttons/menu/menu.html.erb

@@ -1,5 +1,5 @@
 <%= render component_tag do %>
-  <ol class="menu-items">
+  <ol class="menu-items" @click="if ($event.target.closest('button') !== null || $event.target.closest('a') !== null) {button?.$el?.click()}">
     <% items.compact.each do |item| %>
       <li class="menu-item">
         <%= item %>

data/app/components/coco/messaging/alert/alert.css

@@ -5,17 +5,13 @@
     .alert-container {
       @apply flex items-start px-4 py-2 relative;
     }
-    /* 
-    .alert-icon {
-      @apply flex items-center p-2 rounded-full;
-
-      .coco-icon {
-        @apply w-5 h-5;
-      }
-    } */
 
     .alert-body {
-      @apply pl-4 pr-2;
+      @apply pr-2;
+    }
+
+    .alert-stamp + .alert-body {
+      @apply pl-4;
     }
 
     .alert-content {
@@ -88,7 +84,7 @@
         @apply py-1.5;
       }
 
-      .alert-body {
+      .alert-stamp + .alert-body {
         @apply pl-3;
       }
 

data/app/components/coco/messaging/alert/alert.html.erb

@@ -9,9 +9,11 @@
   "vivid": vivid?
 }) do %>
   <div class="alert-container">
-    <div class="alert-stamp" data-role="icon">
-      <%= stamp %>
-    </div>
+    <% if stamp.present? %>
+      <div class="alert-stamp" data-role="icon">
+        <%= stamp %>
+      </div>
+    <% end %>
     
     <div class="alert-body">
       <div class="alert-content" data-role="content">

data/app/components/coco/messaging/alert/alert.rb

@@ -12,6 +12,7 @@ module Coco
     accepts_option :single_line, from: [true, false]
     accepts_option :cloak, from: [true, false], default: true, private: true
     accepts_option :condensed, from: [true, false], default: false
+    accepts_option :icon, default: true
 
     renders_one :title
     renders_one :message
@@ -68,13 +69,18 @@ module Coco
     end
 
     def stamp
-      type = unvividify(get_option_value(:theme))&.to_sym
       style = if get_option_value(:banner)
         :compact
       else
         vivid? ? :inverse : :subtle
       end
-      coco_stamp(type, style:)
+
+      if get_option_value(:icon) == true
+        type = unvividify(get_option_value(:theme))&.to_sym
+        coco_stamp(type, style:)
+      elsif get_option_value(:icon).present?
+        coco_stamp(icon: get_option_value(:icon), style:)
+      end
     end
   end
 end

data/app/components/coco/messaging/system_banner/system_banner.css

@@ -1,4 +1,8 @@
 @layer components {
   [data-coco][data-component="system-banner"] {
+    .alert-stamp {
+      @apply !mt-1;
+      @apply @[550px]:!mt-0;
+    }
   }
 }

data/lib/coco.rb

@@ -1,3 +1,3 @@
 module Coco
-  VERSION = "0.19.5"
+  VERSION = "0.19.7"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: coveragebook_components
 version: !ruby/object:Gem::Version
-  version: 0.19.5
+  version: 0.19.7
 platform: ruby
 authors:
 - Mark Perkins
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-10-16 00:00:00.000000000 Z
+date: 2024-11-19 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -33,7 +33,7 @@ dependencies:
         version: '3.9'
     - - "<"
       - !ruby/object:Gem::Version
-        version: '3.13'
+        version: '3.20'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
@@ -43,7 +43,7 @@ dependencies:
         version: '3.9'
     - - "<"
       - !ruby/object:Gem::Version
-        version: '3.13'
+        version: '3.20'
 - !ruby/object:Gem::Dependency
   name: turbo-rails
   requirement: !ruby/object:Gem::Requirement
@@ -1137,6 +1137,7 @@ files:
 - app/assets/build/coco/icons/pilcrow.svg
 - app/assets/build/coco/icons/pill-bottle.svg
 - app/assets/build/coco/icons/pill.svg
+- app/assets/build/coco/icons/pin-filled.svg
 - app/assets/build/coco/icons/pin-off.svg
 - app/assets/build/coco/icons/pin.svg
 - app/assets/build/coco/icons/pipette.svg
@@ -1629,6 +1630,7 @@ files:
 - app/assets/css/plugins/icons.js
 - app/assets/css/plugins/layout.js
 - app/assets/css/plugins/text.js
+- app/assets/custom_icons/lucide/pin-filled.svg
 - app/assets/custom_icons/other/eye-off-red.svg
 - app/assets/custom_icons/other/google-sso.svg
 - app/assets/custom_icons/other/layout-overlay.svg