avo 4.0.0.beta.57 → 4.0.0.beta.58

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 4550e2e42a4ebadc2609a20669cf98e56e82ced89cd9ae2415526c78240839b7
-  data.tar.gz: 3dfbd62b36895c3f9005d3e9fd06d856ca351af3cbab4cbee1228db95295b3b7
+  metadata.gz: 4952628b1f4310e43e31e56c0114dfef6f975b93943f27af8db78d880ab81b34
+  data.tar.gz: 9c615c8ed9a6232d3a3815a2f59ab178749e5aa2231a3bbc403f83ba1ab70f92
 SHA512:
-  metadata.gz: aa166a607889c4e3766bc01d85f5dafe586881af2e791b2b2e2d27070efcbeac5fda0780a0a029089e360ef34c2b6b11098fe97b760a97572bd4639c2dcb0dae
-  data.tar.gz: 1f49486ca0e563061d04fe4c646cd0b97df00aeddb2c965deec5505f20151d34a56044d68e797cb5156bbe8958401f859f9422a234d3f2b152cb4cfda3c4b9fd
+  metadata.gz: '0379c7e3d1017858361d83f531a7917f40cd1c1c6401c8a0c152ac164f6ac74483dcf67b445080dffa5e3da703b404e6f1bc9c24ca487d911ed30adf92588e12'
+  data.tar.gz: 8f53f7b55d22adedafd5a60f4ff87030848d3eabfdd3fab49e7070d3018dc177a0e14bfbe3818d886e89726dc490354c7b0638b350898059db24974c9f3fc617

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    avo (4.0.0.beta.57)
+    avo (4.0.0.beta.58)
       actionview (>= 6.1)
       active_link_to
       activerecord (>= 6.1)

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

@@ -353,6 +353,15 @@
     --color-quaternary: var(--color-avo-neutral-300);
     --color-content: var(--color-avo-neutral-950);
     --color-content-secondary: var(--color-avo-neutral-500);
+    --color-row-bg: var(--color-primary);
+    --color-row-bg-hover: color-mix(in srgb, #fff, oklch(20.46% 0 89.88) 5%);
+    @supports (color: color-mix(in lab, red, red)) {
+      --color-row-bg-hover: color-mix(in oklab, var(--color-primary), var(--color-content) 5%);
+    }
+    --color-row-bg-selected: color-mix(in srgb, #fff, oklch(20.46% 0 89.88) 12%);
+    @supports (color: color-mix(in lab, red, red)) {
+      --color-row-bg-selected: color-mix(in oklab, var(--color-primary), var(--color-content) 12%);
+    }
     --color-scheme: var(--color-white);
     --color-accent: var(--color-avo-neutral-800);
     --color-accent-content: var(--color-avo-neutral-950);
@@ -368,14 +377,6 @@
     --top-navbar-height: 3rem;
     --navbar-notch-color: var(--color-navbar-background);
     --border-color: var(--color-tertiary);
-    --color-table-row-selected: color-mix(in srgb, #fff, oklch(20.46% 0 89.88) 12%);
-    @supports (color: color-mix(in lab, red, red)) {
-      --color-table-row-selected: color-mix(in oklab, var(--color-primary), var(--color-content) 12%);
-    }
-    --color-table-row-hover: color-mix(in srgb, #fff, oklch(20.46% 0 89.88) 5%);
-    @supports (color: color-mix(in lab, red, red)) {
-      --color-table-row-hover: color-mix(in oklab, var(--color-primary), var(--color-content) 5%);
-    }
   }
 }
 @layer base {
@@ -2311,6 +2312,9 @@
   .bg-gray-100 {
     background-color: var(--color-gray-100);
   }
+  .bg-gray-100\! {
+    background-color: var(--color-gray-100) !important;
+  }
   .bg-gray-500 {
     background-color: var(--color-gray-500);
   }
@@ -3100,9 +3104,9 @@
       display: block;
     }
   }
-  .group-hover\:bg-table-row-hover {
+  .group-hover\:bg-row-bg-hover {
     &:is(:where(.group):hover *) {
-      background-color: var(--color-table-row-hover);
+      background-color: var(--color-row-bg-hover);
     }
   }
   .group-hover\:pt-4 {
@@ -3245,11 +3249,11 @@
       }
     }
   }
-  .group-hover\:before\:to-table-row-hover {
+  .group-hover\:before\:to-row-bg-hover {
     &:is(:where(.group):hover *) {
       &::before {
         content: var(--tw-content);
-        --tw-gradient-to: var(--color-table-row-hover);
+        --tw-gradient-to: var(--color-row-bg-hover);
         --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
       }
     }
@@ -6258,6 +6262,7 @@ tag.tagify__tag {
   }
   .table-row {
     border-start-start-radius: var(--radius-lg);
+    background: var(--color-row-bg);
     &:first-child {
       & > td:first-child {
         border-start-start-radius: var(--radius-lg);
@@ -6307,16 +6312,16 @@ tag.tagify__tag {
       }
     }
     &:hover {
-      background: var(--color-table-row-hover);
+      background: var(--color-row-bg-hover);
     }
   }
   .shift-pressed {
     & .highlighted-row {
-      background: var(--color-table-row-selected);
+      background: var(--color-row-bg-selected);
     }
   }
   .table-row:hover.selected-row, .selected-row {
-    background: var(--color-table-row-hover);
+    background: var(--color-row-bg-hover);
   }
   .table-row.is-keyboard-focused {
     background: color-mix(in srgb, #fff, oklch(39.04% 0 89.88) 10%);
@@ -6325,9 +6330,9 @@ tag.tagify__tag {
     }
   }
   .table-row--ghost {
-    background: var(--color-table-row-selected);
+    background: var(--color-row-bg-selected);
     & > td {
-      background: var(--color-table-row-selected);
+      background: var(--color-row-bg-selected);
     }
   }
   table[role="grid"] {

data/app/assets/stylesheets/css/table.css

@@ -1,6 +1,7 @@
 /* The dance we need to do to be able to have rounded corners on an HTML table */
 .table-row {
   @apply rounded-ss-lg;
+  background: var(--color-row-bg);
 
   &:first-child {
     & > td:first-child {
@@ -39,24 +40,19 @@
   }
 
   &:hover {
-    background: var(--color-table-row-hover);
+    background: var(--color-row-bg-hover);
   }
 }
 
-@theme {
-  --color-table-row-selected: color-mix(in oklab, var(--color-primary), var(--color-content) 12%);
-  --color-table-row-hover: color-mix(in oklab, var(--color-primary), var(--color-content) 5%);
-}
-
 .shift-pressed {
   & .highlighted-row {
-    background: var(--color-table-row-selected);
+    background: var(--color-row-bg-selected);
   }
 }
 
 .table-row:hover.selected-row,
 .selected-row {
-  background: var(--color-table-row-hover);
+  background: var(--color-row-bg-hover);
 }
 
 .table-row.is-keyboard-focused {
@@ -65,10 +61,10 @@
 
 /* Reorder drag placeholder (SortableJS ghostClass) — theme-aware for dark mode. */
 .table-row--ghost {
-  background: var(--color-table-row-selected);
+  background: var(--color-row-bg-selected);
 
   & > td {
-    background: var(--color-table-row-selected);
+    background: var(--color-row-bg-selected);
   }
 }
 

data/app/assets/stylesheets/css/variables.css

@@ -65,6 +65,17 @@
   --color-content: var(--color-avo-neutral-950);
   --color-content-secondary: var(--color-avo-neutral-500);
 
+  /* Generic hover surface tint: the primary surface with a faint wash of
+     content on top. Shared knob so any surface that needs a subtle hover state
+     (table rows, etc.) reads from one place and stays per-scheme since it
+     references --color-primary / --color-content. */
+  /* Row surfaces. Base defaults to the primary surface; hover is a faint
+     content wash; selected is a stronger one. All resolve per-scheme via the
+     underlying tokens. */
+  --color-row-bg: var(--color-primary);
+  --color-row-bg-hover: color-mix(in oklab, var(--color-primary), var(--color-content) 5%);
+  --color-row-bg-selected: color-mix(in oklab, var(--color-primary), var(--color-content) 12%);
+
   --color-scheme: var(--color-white);
   --color-scheme-opposite: var(--color-black);
 

data/lib/avo/concerns/row_controls_configuration.rb

@@ -27,14 +27,14 @@ module Avo
 
       def row_controls_classes
         float_classes = "bg-primary
-          group-hover:bg-table-row-hover
+          group-hover:bg-row-bg-hover
 
           sticky inset-auto end-0
 
           before:content-[''] before:absolute before:z-10 before:inset-auto before:start-0 before:top-0 before:mt-0 before:-translate-x-full before:w-3 before:h-full
           before:bg-gradient-to-r
           before:from-transparent before:to-primary
-          group-hover:before:from-transparent group-hover:before:to-table-row-hover
+          group-hover:before:from-transparent group-hover:before:to-row-bg-hover
         "
 
         # TODO: add this to the css classes above

data/lib/avo/version.rb

@@ -1,3 +1,3 @@
 module Avo
-  VERSION = "4.0.0.beta.57" unless const_defined?(:VERSION)
+  VERSION = "4.0.0.beta.58" unless const_defined?(:VERSION)
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: avo
 version: !ruby/object:Gem::Version
-  version: 4.0.0.beta.57
+  version: 4.0.0.beta.58
 platform: ruby
 authors:
 - Adrian Marin
@@ -1169,11 +1169,6 @@ files:
 - lib/generators/model_generator.rb
 - lib/generators/rails/avo_resource_generator.rb
 - lib/tasks/avo_tasks.rake
-- public/avo-assets/avo.base.css
-- public/avo-assets/avo.base.js
-- public/avo-assets/avo.base.js.map
-- public/avo-assets/late-registration.js
-- public/avo-assets/late-registration.js.map
 - tailwind.custom.js
 homepage: https://avohq.io
 licenses:
@@ -1200,7 +1195,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 4.0.9
+rubygems_version: 4.0.6
 specification_version: 4
 summary: Admin panel framework and Content Management System for Ruby on Rails.
 test_files: []