coveragebook_components 0.19.5 → 0.19.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: a1d2704c6cd4936c7c4ab5d7b662753d96e9b5339bbcc616de4426810513c4ca
-  data.tar.gz: 7e30ef8812a9348343ed83f5afeb2fa3a46b5c2cf2594ba7eb100a1d817b0104
+  metadata.gz: 5a6fb593342b6d0d763f42c38489d2e8d8099cf829d40723fca1dfa0436c729b
+  data.tar.gz: d47179da3e25b9c8ccccac86046b3520049db717a08f4f4a5127a82a1441bdc3
 SHA512:
-  metadata.gz: 6b6c0c6e7877e033a90380df797fb3627ef05fb5d7ff45b0d8c986f9f587afd6e8804eaa23a935598b2c626337c32a4bc4ccfe5adc34caf5e9c8bfd9840d463f
-  data.tar.gz: e4ae100660db97da842376df34f758df39a4df72c0b2fda46d891c5a26fd57c8c9e7c25b3cb870a58c6deef2f0ff37910da8bd8b0335df65dee1d402596546e5
+  metadata.gz: 8623cb1e2a5f3f8ed328d6a83eec049e62729a4b2f829d534a5a8c2e35415d72a2f595d08418455bef5c515391e4e372cfce95f700a3247668faa6538fedee4d
+  data.tar.gz: 5345ffa5480a34a6fd15684411f4f9a2760c20e809c630cedcbf2324e665dd8d99f252aede51a09b5769eabbf3d0dcdad181b00e7a62dbb8e7b764c6a754cfc6

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.6",
   repository: "git@github.com:coveragebook/coco.git",
   license: "NO LICENSE",
   author: "Mark Perkins <mark@coveragebook.com>",

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.6"
 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.6
 platform: ruby
 authors:
 - Mark Perkins
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-10-16 00:00:00.000000000 Z
+date: 2024-10-24 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