avo 4.0.0.beta.56 → 4.0.0.beta.58

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 6d7653b356320415149ded03b6a1de547791f3307e306879689022e85f53ca02
-  data.tar.gz: 1f083c3468b0e1a55ab90870e24a96913f57001ffb6a774614d575b1bf3057e4
+  metadata.gz: 4952628b1f4310e43e31e56c0114dfef6f975b93943f27af8db78d880ab81b34
+  data.tar.gz: 9c615c8ed9a6232d3a3815a2f59ab178749e5aa2231a3bbc403f83ba1ab70f92
 SHA512:
-  metadata.gz: 939d12b2e8e798bc32fa809035581b29712c2ca24e05b98aa1d6a39a73d4be56e4fd3281df6f44de37b10181faf4faa5e9fe63b0ac970baf47f28318ea07c171
-  data.tar.gz: 74e41a03f90fe531c8aba494951b86d5c629fae353065148f95116c2610e7ebf52ee7e082825decc5ddb1eeca0fde73716a6357ebc9bcdb20d5e14bd5a366207
+  metadata.gz: '0379c7e3d1017858361d83f531a7917f40cd1c1c6401c8a0c152ac164f6ac74483dcf67b445080dffa5e3da703b404e6f1bc9c24ca487d911ed30adf92588e12'
+  data.tar.gz: 8f53f7b55d22adedafd5a60f4ff87030848d3eabfdd3fab49e7070d3018dc177a0e14bfbe3818d886e89726dc490354c7b0638b350898059db24974c9f3fc617

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    avo (4.0.0.beta.56)
+    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 {
@@ -3103,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 {
@@ -3248,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));
       }
     }
@@ -6261,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);
@@ -6310,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%);
@@ -6328,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/app/components/avo/index/resource_controls_component.rb

@@ -143,8 +143,8 @@ class Avo::Index::ResourceControlsComponent < Avo::ResourceComponent
   end
 
   def render_order_controls(control)
-    if Avo.plugin_manager.installed?("avo-records_reordering") && try(:can_reorder?)
-      render Avo::RecordsReordering::ButtonsComponent.new resource: @resource, reflection: @reflection, view_type: @view_type
+    if Avo.plugin_manager.installed?("avo-record_reordering") && try(:can_reorder?)
+      render Avo::RecordReordering::ButtonsComponent.new resource: @resource, reflection: @reflection, view_type: @view_type
     end
   end
 

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.56" unless const_defined?(:VERSION)
+  VERSION = "4.0.0.beta.58" unless const_defined?(:VERSION)
 end

data/lib/tasks/avo_tasks.rake

@@ -100,7 +100,7 @@ task "avo:sym_link" do
   end
 
   gem_paths = `bundle list --paths 2>/dev/null`.split("\n")
-  ["avo-advanced", "avo-pro", "avo-advanced_search", "avo-authorization", "avo-records_reordering", "avo-dynamic_filters", "avo-dashboards", "avo-menu", "avo-kanban", "avo-forms"].each do |gem|
+  ["avo-advanced", "avo-pro", "avo-advanced_search", "avo-authorization", "avo-record_reordering", "avo-dynamic_filters", "avo-dashboards", "avo-menu", "avo-kanban", "avo-forms"].each do |gem|
     path = gem_paths.find { |gem_path| gem_path.include?("/#{gem}-") }
 
     # If path is nil we check if package is defined outside of root (on release process it is)

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: avo
 version: !ruby/object:Gem::Version
-  version: 4.0.0.beta.56
+  version: 4.0.0.beta.58
 platform: ruby
 authors:
 - Adrian Marin