avo 4.0.0.beta.57 → 4.0.0.beta.59
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/Gemfile.lock +1 -1
- data/app/assets/builds/avo/application.css +22 -39
- data/app/assets/stylesheets/css/table.css +6 -10
- data/app/assets/stylesheets/css/variables.css +11 -0
- data/app/components/avo/fields/common/heading_component.html.erb +5 -5
- data/avo.gemspec +3 -0
- data/lib/avo/concerns/row_controls_configuration.rb +2 -2
- data/lib/avo/version.rb +1 -1
- data/lib/tasks/avo_tasks.rake +6 -1
- metadata +2 -7
- data/public/avo-assets/avo.base.css +0 -13385
- data/public/avo-assets/avo.base.js +0 -1201
- data/public/avo-assets/avo.base.js.map +0 -7
- data/public/avo-assets/late-registration.js +0 -2
- data/public/avo-assets/late-registration.js.map +0 -7
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: f9d5e7746965a1836ba2209f2952401e83e19298d1c80886cfec33c21f10ad22
|
|
4
|
+
data.tar.gz: 04fb0fcb01f1f077e894eb42e26ac054b3cb9cc9461e3e230f0c62b9949c18f1
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 369d5d0641989d29c22e7e5e459d271fb3081930d88bd2465531db8815c4f6c2960b7ee5245922f49058ed64ad79d7a3db82548932fec5e96711401db6cd99ab
|
|
7
|
+
data.tar.gz: f8500c7df0e0b711714f075609819f93915ee4f49e1eb6b8c78cde72e4153cf25cb308c5cddfda7644e535e802963310467c27f4a953603012c6eab51700515e
|
data/Gemfile.lock
CHANGED
|
@@ -353,6 +353,15 @@
|
|
|
353
353
|
--color-quaternary: var(--color-avo-neutral-300);
|
|
354
354
|
--color-content: var(--color-avo-neutral-950);
|
|
355
355
|
--color-content-secondary: var(--color-avo-neutral-500);
|
|
356
|
+
--color-row-bg: var(--color-primary);
|
|
357
|
+
--color-row-bg-hover: color-mix(in srgb, #fff, oklch(20.46% 0 89.88) 5%);
|
|
358
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
359
|
+
--color-row-bg-hover: color-mix(in oklab, var(--color-primary), var(--color-content) 5%);
|
|
360
|
+
}
|
|
361
|
+
--color-row-bg-selected: color-mix(in srgb, #fff, oklch(20.46% 0 89.88) 12%);
|
|
362
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
363
|
+
--color-row-bg-selected: color-mix(in oklab, var(--color-primary), var(--color-content) 12%);
|
|
364
|
+
}
|
|
356
365
|
--color-scheme: var(--color-white);
|
|
357
366
|
--color-accent: var(--color-avo-neutral-800);
|
|
358
367
|
--color-accent-content: var(--color-avo-neutral-950);
|
|
@@ -368,14 +377,6 @@
|
|
|
368
377
|
--top-navbar-height: 3rem;
|
|
369
378
|
--navbar-notch-color: var(--color-navbar-background);
|
|
370
379
|
--border-color: var(--color-tertiary);
|
|
371
|
-
--color-table-row-selected: color-mix(in srgb, #fff, oklch(20.46% 0 89.88) 12%);
|
|
372
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
373
|
-
--color-table-row-selected: color-mix(in oklab, var(--color-primary), var(--color-content) 12%);
|
|
374
|
-
}
|
|
375
|
-
--color-table-row-hover: color-mix(in srgb, #fff, oklch(20.46% 0 89.88) 5%);
|
|
376
|
-
@supports (color: color-mix(in lab, red, red)) {
|
|
377
|
-
--color-table-row-hover: color-mix(in oklab, var(--color-primary), var(--color-content) 5%);
|
|
378
|
-
}
|
|
379
380
|
}
|
|
380
381
|
}
|
|
381
382
|
@layer base {
|
|
@@ -2311,6 +2312,9 @@
|
|
|
2311
2312
|
.bg-gray-100 {
|
|
2312
2313
|
background-color: var(--color-gray-100);
|
|
2313
2314
|
}
|
|
2315
|
+
.bg-gray-100\! {
|
|
2316
|
+
background-color: var(--color-gray-100) !important;
|
|
2317
|
+
}
|
|
2314
2318
|
.bg-gray-500 {
|
|
2315
2319
|
background-color: var(--color-gray-500);
|
|
2316
2320
|
}
|
|
@@ -2602,9 +2606,6 @@
|
|
|
2602
2606
|
.pt-8 {
|
|
2603
2607
|
padding-top: calc(var(--spacing) * 8);
|
|
2604
2608
|
}
|
|
2605
|
-
.pb-0\.5 {
|
|
2606
|
-
padding-bottom: calc(var(--spacing) * 0.5);
|
|
2607
|
-
}
|
|
2608
2609
|
.pb-1 {
|
|
2609
2610
|
padding-bottom: calc(var(--spacing) * 1);
|
|
2610
2611
|
}
|
|
@@ -2679,10 +2680,6 @@
|
|
|
2679
2680
|
.text-\[10px\] {
|
|
2680
2681
|
font-size: 10px;
|
|
2681
2682
|
}
|
|
2682
|
-
.leading-4 {
|
|
2683
|
-
--tw-leading: calc(var(--spacing) * 4);
|
|
2684
|
-
line-height: calc(var(--spacing) * 4);
|
|
2685
|
-
}
|
|
2686
2683
|
.leading-5 {
|
|
2687
2684
|
--tw-leading: calc(var(--spacing) * 5);
|
|
2688
2685
|
line-height: calc(var(--spacing) * 5);
|
|
@@ -3100,9 +3097,9 @@
|
|
|
3100
3097
|
display: block;
|
|
3101
3098
|
}
|
|
3102
3099
|
}
|
|
3103
|
-
.group-hover\:bg-
|
|
3100
|
+
.group-hover\:bg-row-bg-hover {
|
|
3104
3101
|
&:is(:where(.group):hover *) {
|
|
3105
|
-
background-color: var(--color-
|
|
3102
|
+
background-color: var(--color-row-bg-hover);
|
|
3106
3103
|
}
|
|
3107
3104
|
}
|
|
3108
3105
|
.group-hover\:pt-4 {
|
|
@@ -3245,11 +3242,11 @@
|
|
|
3245
3242
|
}
|
|
3246
3243
|
}
|
|
3247
3244
|
}
|
|
3248
|
-
.group-hover\:before\:to-
|
|
3245
|
+
.group-hover\:before\:to-row-bg-hover {
|
|
3249
3246
|
&:is(:where(.group):hover *) {
|
|
3250
3247
|
&::before {
|
|
3251
3248
|
content: var(--tw-content);
|
|
3252
|
-
--tw-gradient-to: var(--color-
|
|
3249
|
+
--tw-gradient-to: var(--color-row-bg-hover);
|
|
3253
3250
|
--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));
|
|
3254
3251
|
}
|
|
3255
3252
|
}
|
|
@@ -3372,11 +3369,6 @@
|
|
|
3372
3369
|
border-color: var(--color-teal-600);
|
|
3373
3370
|
}
|
|
3374
3371
|
}
|
|
3375
|
-
.hover\:border-tertiary {
|
|
3376
|
-
&:hover {
|
|
3377
|
-
border-color: var(--color-tertiary);
|
|
3378
|
-
}
|
|
3379
|
-
}
|
|
3380
3372
|
.hover\:border-violet-600 {
|
|
3381
3373
|
&:hover {
|
|
3382
3374
|
border-color: var(--color-violet-600);
|
|
@@ -3536,11 +3528,6 @@
|
|
|
3536
3528
|
background-color: var(--color-pink-600);
|
|
3537
3529
|
}
|
|
3538
3530
|
}
|
|
3539
|
-
.hover\:bg-primary {
|
|
3540
|
-
&:hover {
|
|
3541
|
-
background-color: var(--color-primary);
|
|
3542
|
-
}
|
|
3543
|
-
}
|
|
3544
3531
|
.hover\:bg-primary-100 {
|
|
3545
3532
|
&:hover {
|
|
3546
3533
|
background-color: var(--color-primary-100);
|
|
@@ -4072,11 +4059,6 @@
|
|
|
4072
4059
|
background-color: var(--color-pink-600);
|
|
4073
4060
|
}
|
|
4074
4061
|
}
|
|
4075
|
-
.active\:bg-primary {
|
|
4076
|
-
&:active {
|
|
4077
|
-
background-color: var(--color-primary);
|
|
4078
|
-
}
|
|
4079
|
-
}
|
|
4080
4062
|
.active\:bg-primary-100 {
|
|
4081
4063
|
&:active {
|
|
4082
4064
|
background-color: var(--color-primary-100);
|
|
@@ -6258,6 +6240,7 @@ tag.tagify__tag {
|
|
|
6258
6240
|
}
|
|
6259
6241
|
.table-row {
|
|
6260
6242
|
border-start-start-radius: var(--radius-lg);
|
|
6243
|
+
background: var(--color-row-bg);
|
|
6261
6244
|
&:first-child {
|
|
6262
6245
|
& > td:first-child {
|
|
6263
6246
|
border-start-start-radius: var(--radius-lg);
|
|
@@ -6307,16 +6290,16 @@ tag.tagify__tag {
|
|
|
6307
6290
|
}
|
|
6308
6291
|
}
|
|
6309
6292
|
&:hover {
|
|
6310
|
-
background: var(--color-
|
|
6293
|
+
background: var(--color-row-bg-hover);
|
|
6311
6294
|
}
|
|
6312
6295
|
}
|
|
6313
6296
|
.shift-pressed {
|
|
6314
6297
|
& .highlighted-row {
|
|
6315
|
-
background: var(--color-
|
|
6298
|
+
background: var(--color-row-bg-selected);
|
|
6316
6299
|
}
|
|
6317
6300
|
}
|
|
6318
6301
|
.table-row:hover.selected-row, .selected-row {
|
|
6319
|
-
background: var(--color-
|
|
6302
|
+
background: var(--color-row-bg-hover);
|
|
6320
6303
|
}
|
|
6321
6304
|
.table-row.is-keyboard-focused {
|
|
6322
6305
|
background: color-mix(in srgb, #fff, oklch(39.04% 0 89.88) 10%);
|
|
@@ -6325,9 +6308,9 @@ tag.tagify__tag {
|
|
|
6325
6308
|
}
|
|
6326
6309
|
}
|
|
6327
6310
|
.table-row--ghost {
|
|
6328
|
-
background: var(--color-
|
|
6311
|
+
background: var(--color-row-bg-selected);
|
|
6329
6312
|
& > td {
|
|
6330
|
-
background: var(--color-
|
|
6313
|
+
background: var(--color-row-bg-selected);
|
|
6331
6314
|
}
|
|
6332
6315
|
}
|
|
6333
6316
|
table[role="grid"] {
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
/* The dance we need to do to be able to have rounded corners on an HTML table */
|
|
2
2
|
.table-row {
|
|
3
3
|
@apply rounded-ss-lg;
|
|
4
|
+
background: var(--color-row-bg);
|
|
4
5
|
|
|
5
6
|
&:first-child {
|
|
6
7
|
& > td:first-child {
|
|
@@ -39,24 +40,19 @@
|
|
|
39
40
|
}
|
|
40
41
|
|
|
41
42
|
&:hover {
|
|
42
|
-
background: var(--color-
|
|
43
|
+
background: var(--color-row-bg-hover);
|
|
43
44
|
}
|
|
44
45
|
}
|
|
45
46
|
|
|
46
|
-
@theme {
|
|
47
|
-
--color-table-row-selected: color-mix(in oklab, var(--color-primary), var(--color-content) 12%);
|
|
48
|
-
--color-table-row-hover: color-mix(in oklab, var(--color-primary), var(--color-content) 5%);
|
|
49
|
-
}
|
|
50
|
-
|
|
51
47
|
.shift-pressed {
|
|
52
48
|
& .highlighted-row {
|
|
53
|
-
background: var(--color-
|
|
49
|
+
background: var(--color-row-bg-selected);
|
|
54
50
|
}
|
|
55
51
|
}
|
|
56
52
|
|
|
57
53
|
.table-row:hover.selected-row,
|
|
58
54
|
.selected-row {
|
|
59
|
-
background: var(--color-
|
|
55
|
+
background: var(--color-row-bg-hover);
|
|
60
56
|
}
|
|
61
57
|
|
|
62
58
|
.table-row.is-keyboard-focused {
|
|
@@ -65,10 +61,10 @@
|
|
|
65
61
|
|
|
66
62
|
/* Reorder drag placeholder (SortableJS ghostClass) — theme-aware for dark mode. */
|
|
67
63
|
.table-row--ghost {
|
|
68
|
-
background: var(--color-
|
|
64
|
+
background: var(--color-row-bg-selected);
|
|
69
65
|
|
|
70
66
|
& > td {
|
|
71
|
-
background: var(--color-
|
|
67
|
+
background: var(--color-row-bg-selected);
|
|
72
68
|
}
|
|
73
69
|
}
|
|
74
70
|
|
|
@@ -65,6 +65,17 @@
|
|
|
65
65
|
--color-content: var(--color-avo-neutral-950);
|
|
66
66
|
--color-content-secondary: var(--color-avo-neutral-500);
|
|
67
67
|
|
|
68
|
+
/* Generic hover surface tint: the primary surface with a faint wash of
|
|
69
|
+
content on top. Shared knob so any surface that needs a subtle hover state
|
|
70
|
+
(table rows, etc.) reads from one place and stays per-scheme since it
|
|
71
|
+
references --color-primary / --color-content. */
|
|
72
|
+
/* Row surfaces. Base defaults to the primary surface; hover is a faint
|
|
73
|
+
content wash; selected is a stronger one. All resolve per-scheme via the
|
|
74
|
+
underlying tokens. */
|
|
75
|
+
--color-row-bg: var(--color-primary);
|
|
76
|
+
--color-row-bg-hover: color-mix(in oklab, var(--color-primary), var(--color-content) 5%);
|
|
77
|
+
--color-row-bg-selected: color-mix(in oklab, var(--color-primary), var(--color-content) 12%);
|
|
78
|
+
|
|
68
79
|
--color-scheme: var(--color-white);
|
|
69
80
|
--color-scheme-opposite: var(--color-black);
|
|
70
81
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<%= content_tag :div, class: @classes, data: @data do %>
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
2
|
+
<% if @field.as_html %>
|
|
3
|
+
<%= sanitize @field.value %>
|
|
4
|
+
<% else %>
|
|
5
|
+
<div class="uppercase"><%= @field.value %></div>
|
|
6
|
+
<% end %>
|
|
7
7
|
<% end %>
|
data/avo.gemspec
CHANGED
|
@@ -31,7 +31,10 @@ Gem::Specification.new do |spec|
|
|
|
31
31
|
spec.required_ruby_version = ">= 3.0.0"
|
|
32
32
|
spec.post_install_message = "Thank you for using Avo 💪 Docs are available at https://docs.avohq.io"
|
|
33
33
|
|
|
34
|
+
# NOTE: `public/` is rejected below — Avo 4 ships precompiled assets from
|
|
35
|
+
# `app/assets/builds`, and a stale `public/avo-assets` dir was what bloated some builds.
|
|
34
36
|
spec.files = Dir["{bin,app,config,db,lib,public}/**/*", "Rakefile", "README.md", "avo.gemspec", "Gemfile", "Gemfile.lock", "tailwind.preset.js", "tailwind.custom.js"]
|
|
37
|
+
.reject { |f| f.start_with?("public/") }
|
|
35
38
|
|
|
36
39
|
spec.add_dependency "activerecord", ">= 6.1"
|
|
37
40
|
spec.add_dependency "activesupport", ">= 6.1"
|
|
@@ -27,14 +27,14 @@ module Avo
|
|
|
27
27
|
|
|
28
28
|
def row_controls_classes
|
|
29
29
|
float_classes = "bg-primary
|
|
30
|
-
group-hover:bg-
|
|
30
|
+
group-hover:bg-row-bg-hover
|
|
31
31
|
|
|
32
32
|
sticky inset-auto end-0
|
|
33
33
|
|
|
34
34
|
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
|
|
35
35
|
before:bg-gradient-to-r
|
|
36
36
|
before:from-transparent before:to-primary
|
|
37
|
-
group-hover:before:from-transparent group-hover:before:to-
|
|
37
|
+
group-hover:before:from-transparent group-hover:before:to-row-bg-hover
|
|
38
38
|
"
|
|
39
39
|
|
|
40
40
|
# TODO: add this to the css classes above
|
data/lib/avo/version.rb
CHANGED
data/lib/tasks/avo_tasks.rake
CHANGED
|
@@ -15,7 +15,12 @@ task "avo:update" => :environment do
|
|
|
15
15
|
# Avo gems themselves, so we only update the gems we explicitly list.
|
|
16
16
|
cmd = ["bundle", "update", "--conservative", *gems].join(" ")
|
|
17
17
|
puts "[Avo->] Running `#{cmd}`"
|
|
18
|
-
|
|
18
|
+
# Restore the pre-Bundler env so the nested `bundle update` runs against the
|
|
19
|
+
# app's Gemfile with a clean environment. Without this it inherits the parent
|
|
20
|
+
# `bundle exec` settings (BUNDLE_GEMFILE, BUNDLE_FROZEN/--deployment, RUBYOPT),
|
|
21
|
+
# which can make the update silently refuse. Exported credentials survive
|
|
22
|
+
# because they're part of the original env Bundler snapshotted at boot.
|
|
23
|
+
Bundler.with_original_env { system cmd }
|
|
19
24
|
end
|
|
20
25
|
|
|
21
26
|
desc "Builds Avo (just assets for now)"
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: avo
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 4.0.0.beta.
|
|
4
|
+
version: 4.0.0.beta.59
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Adrian Marin
|
|
@@ -1169,11 +1169,6 @@ files:
|
|
|
1169
1169
|
- lib/generators/model_generator.rb
|
|
1170
1170
|
- lib/generators/rails/avo_resource_generator.rb
|
|
1171
1171
|
- lib/tasks/avo_tasks.rake
|
|
1172
|
-
- public/avo-assets/avo.base.css
|
|
1173
|
-
- public/avo-assets/avo.base.js
|
|
1174
|
-
- public/avo-assets/avo.base.js.map
|
|
1175
|
-
- public/avo-assets/late-registration.js
|
|
1176
|
-
- public/avo-assets/late-registration.js.map
|
|
1177
1172
|
- tailwind.custom.js
|
|
1178
1173
|
homepage: https://avohq.io
|
|
1179
1174
|
licenses:
|
|
@@ -1200,7 +1195,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
|
1200
1195
|
- !ruby/object:Gem::Version
|
|
1201
1196
|
version: '0'
|
|
1202
1197
|
requirements: []
|
|
1203
|
-
rubygems_version: 4.0.
|
|
1198
|
+
rubygems_version: 4.0.10
|
|
1204
1199
|
specification_version: 4
|
|
1205
1200
|
summary: Admin panel framework and Content Management System for Ruby on Rails.
|
|
1206
1201
|
test_files: []
|