avo 3.0.1.beta16 → 3.0.1.beta17

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: eeca068bc2080254dbe24ecb7723e3ca2e67e9dbf39dfd4402b4a02a08d7e86a
-  data.tar.gz: 15c9f5776135a1dcf34870ef917c28a290fa03c364b991b822f2bc9169fbd283
+  metadata.gz: a972e86418e5d1b89d9c8799f21c623e904ca1dc0e98f419fa046b6ef7e5f0b6
+  data.tar.gz: ce5ccf3beaa7bd52951e177eeef72f2c326ffbf3ec4f4581beaa7090361bb36a
 SHA512:
-  metadata.gz: eca26b0a4548406e1e533006a0d70908f284fa7b4dbac57272a4c0bf4fb4c724dc6fa6ae84f0fb60c712713469b55eef620497059359d6fec49a8bac5428f580
-  data.tar.gz: 6a4b09310ab5caf79e74dd9fa4af7571e89f3ef5912ea046a58570a5e4a31814fba6a50f3197dac9d1bd3adb0de8d430f7d99faa0cb2d63e6f08243c46d0afb3
+  metadata.gz: b0d399266bf925fd72a1202df392d897e29b8b94803e079a853f05b5be96215849695b2d8d4e6ff2df785f5c1997f61bc3fe14ed08836c4eb711f02f4190f9b5
+  data.tar.gz: '01168d97b3e4ade2d906a43d6031956f3acb5a3fafd2e8e53f596f78f7fe1197e1a213087bca8a0f21e8c52f51510151734fa8c0a4a009067d2e58a1014b25dd'

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    avo (3.0.1.beta16)
+    avo (3.0.1.beta17)
       actionview (>= 6.1)
       active_link_to
       activerecord (>= 6.1)

data/app/assets/builds/avo.base.css

@@ -6455,6 +6455,18 @@ tag.tagify__tag{
   }
 }
 
+.sr-only{
+  position:absolute;
+  width:1px;
+  height:1px;
+  padding:0;
+  margin:-1px;
+  overflow:hidden;
+  clip:rect(0, 0, 0, 0);
+  white-space:nowrap;
+  border-width:0
+}
+
 .pointer-events-none{
   pointer-events:none
 }
@@ -6508,6 +6520,14 @@ tag.tagify__tag{
   right:0px
 }
 
+.-bottom-1{
+  bottom:-0.25rem
+}
+
+.-bottom-1\.5{
+  bottom:-0.375rem
+}
+
 .-top-\[0\.1rem\]{
   top:-0.1rem
 }
@@ -6544,10 +6564,18 @@ tag.tagify__tag{
   left:1.25rem
 }
 
+.left-auto{
+  left:auto
+}
+
 .right-0{
   right:0px
 }
 
+.right-3{
+  right:0.75rem
+}
+
 .start-1{
   inset-inline-start:0.25rem
 }
@@ -6560,6 +6588,10 @@ tag.tagify__tag{
   top:50%
 }
 
+.top-2{
+  top:0.5rem
+}
+
 .top-3{
   top:0.75rem
 }
@@ -6572,6 +6604,10 @@ tag.tagify__tag{
   top:-1px
 }
 
+.top-auto{
+  top:auto
+}
+
 .top-full{
   top:100%
 }
@@ -6620,6 +6656,34 @@ tag.tagify__tag{
   grid-column:span 4 / span 4
 }
 
+.col-span-full{
+  grid-column:1 / -1
+}
+
+.row-span-1{
+  grid-row:span 1 / span 1
+}
+
+.row-span-2{
+  grid-row:span 2 / span 2
+}
+
+.row-span-3{
+  grid-row:span 3 / span 3
+}
+
+.row-span-4{
+  grid-row:span 4 / span 4
+}
+
+.row-span-5{
+  grid-row:span 5 / span 5
+}
+
+.row-span-6{
+  grid-row:span 6 / span 6
+}
+
 .float-right{
   float:right
 }
@@ -6632,6 +6696,16 @@ tag.tagify__tag{
   margin:0.25rem
 }
 
+.-mx-1{
+  margin-left:-0.25rem;
+  margin-right:-0.25rem
+}
+
+.-mx-1\.5{
+  margin-left:-0.375rem;
+  margin-right:-0.375rem
+}
+
 .-mx-2{
   margin-left:-0.5rem;
   margin-right:-0.5rem
@@ -6703,6 +6777,10 @@ tag.tagify__tag{
   margin-top:-3rem
 }
 
+.-mt-2{
+  margin-top:-0.5rem
+}
+
 .-mt-9{
   margin-top:-2.25rem
 }
@@ -6735,6 +6813,10 @@ tag.tagify__tag{
   margin-left:8.333333%
 }
 
+.ml-1\/2{
+  margin-left:50%
+}
+
 .ml-10{
   margin-left:2.5rem
 }
@@ -6751,6 +6833,10 @@ tag.tagify__tag{
   margin-left:1rem
 }
 
+.ml-6{
+  margin-left:1.5rem
+}
+
 .ml-auto{
   margin-left:auto
 }
@@ -6779,6 +6865,10 @@ tag.tagify__tag{
   margin-right:1rem
 }
 
+.mr-px{
+  margin-right:1px
+}
+
 .mt-0{
   margin-top:0px
 }
@@ -6979,10 +7069,34 @@ tag.tagify__tag{
   min-height:6rem
 }
 
+.min-h-\[16rem\]{
+  min-height:16rem
+}
+
+.min-h-\[24rem\]{
+  min-height:24rem
+}
+
+.min-h-\[32rem\]{
+  min-height:32rem
+}
+
 .min-h-\[3rem\]{
   min-height:3rem
 }
 
+.min-h-\[40rem\]{
+  min-height:40rem
+}
+
+.min-h-\[48rem\]{
+  min-height:48rem
+}
+
+.min-h-\[8rem\]{
+  min-height:8rem
+}
+
 .min-h-full{
   min-height:100%
 }
@@ -7031,6 +7145,10 @@ tag.tagify__tag{
   width:1.25rem
 }
 
+.w-52{
+  width:13rem
+}
+
 .w-64{
   width:16rem
 }
@@ -7043,6 +7161,10 @@ tag.tagify__tag{
   width:1%
 }
 
+.w-\[calc\(100\%\+1rem\)\]{
+  width:calc(100% + 1rem)
+}
+
 .w-auto{
   width:auto
 }
@@ -7095,10 +7217,18 @@ tag.tagify__tag{
   max-width:32rem
 }
 
+.max-w-xs{
+  max-width:20rem
+}
+
 .flex-1{
   flex:1 1 0%
 }
 
+.flex-auto{
+  flex:1 1 auto
+}
+
 .flex-shrink{
   flex-shrink:1
 }
@@ -7280,6 +7410,10 @@ tag.tagify__tag{
   justify-content:space-evenly
 }
 
+.gap-0{
+  gap:0px
+}
+
 .gap-1{
   gap:0.25rem
 }
@@ -7557,6 +7691,11 @@ tag.tagify__tag{
   border-color:rgb(172 177 185 / var(--tw-border-opacity))
 }
 
+.border-gray-50{
+  --tw-border-opacity:1;
+  border-color:rgb(241 242 243 / var(--tw-border-opacity))
+}
+
 .border-gray-500{
   --tw-border-opacity:1;
   border-color:rgb(117 125 138 / var(--tw-border-opacity))
@@ -7908,6 +8047,10 @@ tag.tagify__tag{
   padding:0.5rem
 }
 
+.p-3{
+  padding:0.75rem
+}
+
 .p-4{
   padding:1rem
 }
@@ -7916,6 +8059,10 @@ tag.tagify__tag{
   padding:1.5rem
 }
 
+.p-px{
+  padding:1px
+}
+
 .px-0{
   padding-left:0px;
   padding-right:0px
@@ -7926,6 +8073,11 @@ tag.tagify__tag{
   padding-right:0.25rem
 }
 
+.px-1\.5{
+  padding-left:0.375rem;
+  padding-right:0.375rem
+}
+
 .px-10{
   padding-left:2.5rem;
   padding-right:2.5rem
@@ -7961,6 +8113,11 @@ tag.tagify__tag{
   padding-bottom:0px
 }
 
+.py-0\.5{
+  padding-top:0.125rem;
+  padding-bottom:0.125rem
+}
+
 .py-1{
   padding-top:0.25rem;
   padding-bottom:0.25rem
@@ -8034,6 +8191,10 @@ tag.tagify__tag{
   padding-bottom:1.5rem
 }
 
+.pl-1{
+  padding-left:0.25rem
+}
+
 .pr-0{
   padding-right:0px
 }
@@ -8090,11 +8251,25 @@ tag.tagify__tag{
   text-align:justify
 }
 
+.font-sans{
+  font-family:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",  "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
+}
+
 .text-2xl{
   font-size:1.5rem;
   line-height:2rem
 }
 
+.text-3xl{
+  font-size:1.875rem;
+  line-height:2.25rem
+}
+
+.text-5xl{
+  font-size:3rem;
+  line-height:1
+}
+
 .text-base{
   font-size:1rem;
   line-height:1.5rem
@@ -8128,6 +8303,10 @@ tag.tagify__tag{
   font-weight:500
 }
 
+.font-normal{
+  font-weight:400
+}
+
 .font-semibold{
   font-weight:600
 }
@@ -8292,6 +8471,10 @@ tag.tagify__tag{
   color:rgb(236 72 153 / var(--tw-text-opacity))
 }
 
+.text-primary-400{
+  color:rgb(var(--color-primary-400))
+}
+
 .text-primary-500{
   color:rgb(var(--color-primary-500))
 }
@@ -8383,6 +8566,10 @@ tag.tagify__tag{
   text-decoration-line:line-through
 }
 
+.no-underline{
+  text-decoration-line:none
+}
+
 .antialiased{
   -webkit-font-smoothing:antialiased;
   -moz-osx-font-smoothing:grayscale
@@ -8497,6 +8684,12 @@ tag.tagify__tag{
   transition-duration:150ms
 }
 
+.transition-all{
+  transition-property:all;
+  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration:150ms
+}
+
 .transition-opacity{
   transition-property:opacity;
   transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
@@ -8668,6 +8861,10 @@ trix-editor {
   background-color:rgb(var(--color-primary-400))
 }
 
+.focus-within\:border-primary-500:focus-within{
+  border-color:rgb(var(--color-primary-500))
+}
+
 .hover\:z-\[21\]:hover{
   z-index:21
 }
@@ -8841,6 +9038,11 @@ trix-editor {
   background-color:rgb(227 229 232 / var(--tw-bg-opacity))
 }
 
+.hover\:bg-gray-25:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(246 246 247 / var(--tw-bg-opacity))
+}
+
 .hover\:bg-gray-50:hover{
   --tw-bg-opacity:1;
   background-color:rgb(241 242 243 / var(--tw-bg-opacity))
@@ -9033,6 +9235,16 @@ trix-editor {
   color:rgb(94 100 110 / var(--tw-text-opacity))
 }
 
+.hover\:text-gray-700:hover{
+  --tw-text-opacity:1;
+  color:rgb(70 75 83 / var(--tw-text-opacity))
+}
+
+.hover\:text-gray-900:hover{
+  --tw-text-opacity:1;
+  color:rgb(23 25 28 / var(--tw-text-opacity))
+}
+
 .hover\:text-white:hover{
   --tw-text-opacity:1;
   color:rgb(255 255 255 / var(--tw-text-opacity))
@@ -9807,10 +10019,23 @@ trix-editor {
   display:block
 }
 
+.group:hover .group-hover\:bg-gray-200{
+  --tw-bg-opacity:1;
+  background-color:rgb(200 203 208 / var(--tw-bg-opacity))
+}
+
+.group:hover .group-hover\:bg-primary-500{
+  background-color:rgb(var(--color-primary-500))
+}
+
 .group:hover .group-hover\:pt-4{
   padding-top:1rem
 }
 
+.group:active .group-active\:bg-primary-400{
+  background-color:rgb(var(--color-primary-400))
+}
+
 @media print{
   .print\:hidden{
     display:none
@@ -9850,6 +10075,26 @@ trix-editor {
     right:0px
   }
 
+  .sm\:col-span-1{
+    grid-column:span 1 / span 1
+  }
+
+  .sm\:col-span-2{
+    grid-column:span 2 / span 2
+  }
+
+  .sm\:col-span-3{
+    grid-column:span 3 / span 3
+  }
+
+  .sm\:col-span-4{
+    grid-column:span 4 / span 4
+  }
+
+  .sm\:col-span-5{
+    grid-column:span 5 / span 5
+  }
+
   .sm\:col-span-6{
     grid-column:span 6 / span 6
   }
@@ -9882,6 +10127,10 @@ trix-editor {
     width:auto
   }
 
+  .sm\:min-w-\[16rem\]{
+    min-width:16rem
+  }
+
   .sm\:min-w-\[300px\]{
     min-width:300px
   }
@@ -9898,6 +10147,22 @@ trix-editor {
     grid-template-columns:repeat(2, minmax(0, 1fr))
   }
 
+  .sm\:grid-cols-3{
+    grid-template-columns:repeat(3, minmax(0, 1fr))
+  }
+
+  .sm\:grid-cols-4{
+    grid-template-columns:repeat(4, minmax(0, 1fr))
+  }
+
+  .sm\:grid-cols-5{
+    grid-template-columns:repeat(5, minmax(0, 1fr))
+  }
+
+  .sm\:grid-cols-6{
+    grid-template-columns:repeat(6, minmax(0, 1fr))
+  }
+
   .sm\:flex-row{
     flex-direction:row
   }

data/lib/avo/version.rb

@@ -1,3 +1,3 @@
 module Avo
-  VERSION = "3.0.1.beta16" unless const_defined?(:VERSION)
+  VERSION = "3.0.1.beta17" unless const_defined?(:VERSION)
 end

data/lib/generators/avo/tailwindcss/install_generator.rb

@@ -32,8 +32,9 @@ module Generators
             copy_file template_path("avo.tailwind.css"), path
           end
 
+          script_name = "avo:tailwind:css"
           if Rails.root.join("Procfile.dev").exist?
-            say "Add #{cmd = "avo_css: yarn avo:tailwindcss --watch"} to Procfile.dev"
+            say "Add #{cmd = "avo_css: yarn #{script_name} --watch"} to Procfile.dev"
             append_to_file "Procfile.dev", "#{cmd}\n"
           else
             say "Add default Procfile.dev"
@@ -43,7 +44,6 @@ module Generators
             run "gem install foreman"
           end
 
-          script_name = "avo:tailwindcss"
           script_command = "tailwindcss -i ./app/assets/stylesheets/avo/tailwind.css -o ./app/assets/builds/avo.tailwind.css -c ./config/avo/tailwind.config.js --minify"
           pretty_script_command = "\"#{script_name}\": \"#{script_command}\""
 
@@ -66,7 +66,17 @@ module Generators
 
           rake_enhance = <<~RUBY
 
+            # When running `rake assets:precompile` this is the order of events:
+            # 1 - Task `avo:yarn_install`
+            # 2 - Task `avo:sym_link`
+            # 3 - Cmd  `yarn avo:tailwind:css`
+            # 4 - Task `assets:precompile`
             Rake::Task["assets:precompile"].enhance(["avo:sym_link"])
+            Rake::Task["avo:sym_link"].enhance(["avo:yarn_install"])
+            Rake::Task["avo:sym_link"].enhance do
+              `yarn avo:tailwind:css`
+            end
+
           RUBY
 
           if (path = Rails.root.join("Rakefile")).exist?
@@ -78,12 +88,14 @@ module Generators
             say rake_enhance, :green
           end
 
-          say "Make sure you run \"bundle exec rake avo:sym_link\" before compiling the assets with the \"#{script_name}\" task.", :green
+          say "Make sure you run \"bundle exec rake avo:sym_link\" and \"bundle exec rake avo:yarn_install\" before compiling the assets with the \"#{script_name}\" task.", :green
           if (path = Rails.root.join("bin", "dev")).exist?
             lines = File.read(path).lines
 
             # Insert the task after the shebang line (the first line)
-            lines.insert(1, "bundle exec rake avo:sym_link")
+            shebang = lines.first
+            lines[0] = "#{shebang}\nbundle exec rake avo:sym_link\nbundle exec rake avo:yarn_install\n"
+
 
             File.write(path, lines.join)
           end

data/lib/generators/avo/templates/tailwindcss/Procfile.dev

@@ -1,2 +1,2 @@
 web: bin/rails server -p 3000
-avo_css: yarn avo:tailwindcss --watch
+avo_css: yarn avo:tailwind:css --watch

data/lib/generators/avo/templates/tailwindcss/avo.tailwind.css

@@ -1,5 +1,5 @@
 @import 'tailwindcss/base';
-# Have all of Avo's custom and plugins styles available.
+/* Have all of Avo's custom and plugins styles available. */
 @import '../../../../tmp/avo/base.css';
 @import 'tailwindcss/components';
 @import 'tailwindcss/utilities';

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: avo
 version: !ruby/object:Gem::Version
-  version: 3.0.1.beta16
+  version: 3.0.1.beta17
 platform: ruby
 authors:
 - Adrian Marin
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2023-09-20 00:00:00.000000000 Z
+date: 2023-09-21 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: activerecord