activeadmin 4.0.0.beta18 → 4.0.0.beta19

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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: b49e0fb31e91581e8e596bc290f16d61ca571de10819180593aff275af5d123f
4
- data.tar.gz: 32af2d9b9d3594945e7dc50f8d7ffe4e83ff95f1a5667ae155f193ef5ab1a807
3
+ metadata.gz: 6f0339fceef3e3092cf17f883d9f2783ed7915a50341481259629a11579c36b9
4
+ data.tar.gz: 3a06b83b19d71e2487c13ffd99a927cc05b99e3ec337754ac1d999c11c1ed117
5
5
  SHA512:
6
- metadata.gz: df08dcdc5efdb3937460d48306aa6314e2a29a581bace1b7d2566a0e3f6614c95dcec5b52c54ca4d081abb2ad78ae55747b3a8c20c5e4a6f4a226952e280c365
7
- data.tar.gz: f06d90165c82d019d9f298e88415f6c309e0178adb8a075526925d37e043c04b9851e037e36f2a44ce549a64637722ad825e228fa78332ca4ca2385fd1e31bf2
6
+ metadata.gz: e73a080ffa79cdf603c817c9367f72354e66d87e9fab5fff4cfab39cdaf69b5ae128dc8847f091b4ac0dac6c80756592d2d19c4d203940cc4ea843404d76312c
7
+ data.tar.gz: 552c837611062b12c3a28f9024a1791141ed0259c1bad2328350f79f45280cb72957dff97949760163ce12e8b03e58db7b87c018272921b40017cc8f98a54d20
data/UPGRADING.md CHANGED
@@ -2,23 +2,23 @@
2
2
 
3
3
  ## From v3 to v4 (beta)
4
4
 
5
- ActiveAdmin v4 uses Tailwind CSS v3 (with an upgrade to v4 coming soon). It has **mobile web, dark mode and RTL support** with a default theme that can be customized through partials and CSS. This release assumes `cssbundling-rails` and `importmap-rails` is installed and configured in the host app. Partials can be modified to include a different asset library, e.g. shakapacker.
5
+ ActiveAdmin v4 uses Tailwind CSS v4. It has **mobile web, dark mode and RTL support** with a default theme that can be customized through partials and CSS. This release assumes `cssbundling-rails` and `importmap-rails` is installed and configured in the host app. Partials can be modified to include a different asset library, e.g. shakapacker.
6
6
  **IMPORTANT**: there is **no sortable functionality for has-many forms** in this release so if needed, **do not upgrade**. We are [open to community proposals](https://github.com/activeadmin/activeadmin/discussions/new?category=ideas). The add/remove functionality for has-many forms remains supported.
7
7
 
8
8
  These instructions assume the `cssbundling-rails` and `importmap-rails` gems are already installed and you have run their install commands in your app. If you haven't done so, please do before continuing.
9
9
 
10
- Update your `Gemfile` with `gem "activeadmin", "4.0.0.beta18"` and then run `gem install activeadmin --pre`.
10
+ Update your `Gemfile` with `gem "activeadmin", "4.0.0.beta19"` and then run `gem install activeadmin --pre`.
11
11
 
12
12
  Now, run `rails generate active_admin:assets` to replace the old assets with the new files.
13
13
 
14
14
  Then add the npm package and update the `build:css` script.
15
15
 
16
16
  ```
17
- yarn add @activeadmin/activeadmin@4.0.0-beta17
18
- npm pkg set scripts.build:css="tailwindcss -i ./app/assets/stylesheets/active_admin.css -o ./app/assets/builds/active_admin.css --minify -c tailwind-active_admin.config.js"
17
+ yarn add @activeadmin/activeadmin@4.0.0-beta19
18
+ npm pkg set scripts.build:css="npx @tailwindcss/cli -i ./app/assets/stylesheets/active_admin.css -o ./app/assets/builds/active_admin.css --minify"
19
19
  ```
20
20
 
21
- If you are already using Tailwind in your app, then update the `build:css` script to chain the above command to your existing one, e.g. `"tailwindcss ... && tailwindcss ..."`, so both stylesheets are generated.
21
+ If you are already using Tailwind in your app, then update the `build:css` script to chain the above command to your existing one, e.g. `"npx @tailwindcss/cli ... && npx @tailwindcss/cli ..."`, so both stylesheets are generated.
22
22
 
23
23
  Many configs have been removed (meta tags, asset registration, utility nav, etc.) that can now be modified more naturally through partials.
24
24
 
@@ -46,12 +46,45 @@ Note that the templates can and will change across releases. There are additiona
46
46
 
47
47
  With the setup complete, please review the Breaking Changes section and resolve any that may or may not impact your integration.
48
48
 
49
- **Important template change in 4.0.0.beta16:**
49
+ ### Upgrading from earlier 4.x beta to 4.0.0.beta19
50
50
 
51
+ When upgrading from any earlier 4.0.0 beta release, please apply the changes outlined below.
52
+
53
+ There were important template changes in 4.0.0.beta16. See [PR #8727](https://github.com/activeadmin/activeadmin/pull/8727) for details.
51
54
  - The `_site_header.html.erb` partial has changed its main container class from `sticky` to `fixed`.
52
55
  - The main layout for `active_admin.html.erb` now includes the `pt-16` utility class.
53
56
 
54
- See [PR #8727](https://github.com/activeadmin/activeadmin/pull/8727) for more details.
57
+ Starting with 4.0.0.beta19, we've migrated to Tailwind CSS v4 which requires several updates.
58
+
59
+ Update your `active_admin.css` file:
60
+
61
+ ```diff
62
+ -@tailwind base;
63
+ -@tailwind components;
64
+ -@tailwind utilities;
65
+ +@import "tailwindcss";
66
+ +
67
+ +@config "../../../tailwind-active_admin.config.js";
68
+ ```
69
+
70
+ Update the `build:css` script in your `package.json`:
71
+
72
+ ```diff
73
+ -"build:css": "tailwindcss -i ./app/assets/stylesheets/active_admin.css -o ./app/assets/builds/active_admin.css --minify -c tailwind-active_admin.config.js"
74
+ +"build:css": "npx @tailwindcss/cli -i ./app/assets/stylesheets/active_admin.css -o ./app/assets/builds/active_admin.css --minify"
75
+ ```
76
+
77
+ You may see the following warning when upgrading:
78
+
79
+ ```
80
+ [MODULE_TYPELESS_PACKAGE_JSON] Warning: Module type of tailwind-active_admin.config.js is not specified and it doesn't parse as CommonJS.
81
+ Reparsing as ES module because module syntax was detected. This incurs a performance overhead.
82
+ To eliminate this warning, add "type": "module" to ./package.json.
83
+ ```
84
+
85
+ The Tailwind config file now uses ES module syntax. To fix it, either:
86
+ - Rename `tailwind-active_admin.config.js` to `tailwind-active_admin.config.mjs`; or
87
+ - Add `"type": "module"` to your `package.json` (your application may already be compatible with ESM).
55
88
 
56
89
  ### Breaking Changes
57
90
  - jQuery and jQuery UI have been removed.
@@ -6,11 +6,11 @@
6
6
  <% if children %>
7
7
  <button data-menu-button class="text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white flex items-center w-full rounded-md p-2 gap-x-2 text-sm" aria-label="<%= t('active_admin.toggle_section') %>">
8
8
  <%= item.label(self) %>
9
- <svg class="group-data-[open]:rotate-90 group-data-[open]:rtl:-rotate-90 ms-auto h-5 w-5 shrink-0 rtl:-scale-x-100" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
9
+ <svg class="group-data-open:rotate-90 group-data-open:rtl:-rotate-90 ms-auto h-5 w-5 shrink-0 rtl:-scale-x-100" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
10
10
  <path fill-rule="evenodd" d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z" clip-rule="evenodd" />
11
11
  </svg>
12
12
  </button>
13
- <ul role="list" class="mt-1 space-y-1 hidden group-data-[open]:block">
13
+ <ul role="list" class="mt-1 space-y-1 hidden group-data-open:block">
14
14
  <% children.each do |j| %>
15
15
  <li data-item-id="<%= j.id %>">
16
16
  <%= link_to j.label(self), j.url(self), j.html_options.merge(class: "text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white block rounded-md py-1.5 px-2 text-sm no-underline #{(current_menu_item?(j) ? "bg-gray-100 dark:bg-white/5 text-gray-900 dark:text-white selected" : "")}") %>
@@ -1,4 +1,4 @@
1
- <div data-test-page-header class="bg-gray-50 border-b p-4 mb-8 flex flex-col gap-4 md:flex-row md:items-center justify-between dark:border-gray-800/50 dark:bg-inherit">
1
+ <div data-test-page-header class="bg-gray-50 border-b border-gray-200 p-4 mb-8 flex flex-col gap-4 md:flex-row md:items-center justify-between dark:border-gray-800/50 dark:bg-inherit">
2
2
  <div class="flex flex-col gap-3 pt-1">
3
3
  <% breadcrumb_links = build_breadcrumb_links(request.path, class: "text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200 no-underline") %>
4
4
  <% if breadcrumb_links.present? %>
@@ -7,7 +7,7 @@
7
7
  <% breadcrumb_links.each_with_index do |link, index| %>
8
8
  <li class="inline-flex items-center h-5 gap-1">
9
9
  <% if index > 0 %>
10
- <svg class="h-5 w-5 text-gray-300 dark:text-gray-700 flex-shrink-0 rtl:rotate-180" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
10
+ <svg class="h-5 w-5 text-gray-300 dark:text-gray-700 shrink-0 rtl:rotate-180" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
11
11
  <path fill-rule="evenodd" d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z" clip-rule="evenodd"/>
12
12
  </svg>
13
13
  <% end %>
@@ -1,4 +1,4 @@
1
- <div class="text-sm text-center mt-16 mx-8 pt-9 pb-12 text-gray-500 border-t dark:border-gray-800">
1
+ <div class="text-sm text-center mt-16 mx-8 pt-9 pb-12 text-gray-500 border-t border-gray-200 dark:border-gray-800">
2
2
  <%= I18n.t(
3
3
  "active_admin.powered_by",
4
4
  active_admin: link_to("Active Admin", "https://activeadmin.info", class: "text-gray-500 dark:text-gray-500 hover:text-gray-900 dark:hover:text-gray-400 no-underline"),
@@ -1,5 +1,5 @@
1
1
  <div class="border-b border-gray-200 dark:border-white/10 dark:bg-gray-950/75 px-4 py-2 flex items-center fixed top-0 z-20 h-16 w-full backdrop-blur-md">
2
- <button class="xl:hidden pe-3 inline-flex items-center w-8 h-8 justify-center text-sm text-gray-500 dark:text-gray-400 focus-visible:outline-none focus-visible:ring-ring focus-visible:bg-transparent focus-visible:ring-0 focus-visible:ring-offset-0" data-drawer-target="main-menu" data-drawer-show="main-menu" aria-controls="main-menu" aria-label="<%= t('active_admin.toggle_main_navigation_menu') %>">
2
+ <button class="xl:hidden pe-3 inline-flex items-center w-8 h-8 justify-center text-sm text-gray-500 dark:text-gray-400 focus-visible:outline-hidden focus-visible:ring-ring focus-visible:bg-transparent focus-visible:ring-0 focus-visible:ring-offset-0" data-drawer-target="main-menu" data-drawer-show="main-menu" aria-controls="main-menu" aria-label="<%= t('active_admin.toggle_main_navigation_menu') %>">
3
3
  <svg class="w-5 h-5 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 17 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 1h15M1 7h15M1 13h15"/></svg>
4
4
  </button>
5
5
 
@@ -9,16 +9,16 @@
9
9
  </h1>
10
10
  </div>
11
11
 
12
- <button type="button" class="dark-mode-toggle flex items-center w-9 h-9 justify-center me-1 text-gray-400 hover:text-gray-500 dark:text-gray-500 dark:hover:text-gray-400 focus:outline-none text-sm" aria-label="<%= t('active_admin.toggle_dark_mode') %>">
12
+ <button type="button" class="dark-mode-toggle flex items-center w-9 h-9 justify-center me-1 text-gray-400 hover:text-gray-500 dark:text-gray-500 dark:hover:text-gray-400 focus:outline-hidden text-sm" aria-label="<%= t('active_admin.toggle_dark_mode') %>">
13
13
  <svg class="hidden dark:block w-5 h-5 rtl:-scale-x-100" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 20"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8.509 5.75c0-1.493.394-2.96 1.144-4.25h-.081a8.5 8.5 0 1 0 7.356 12.746A8.5 8.5 0 0 1 8.509 5.75Z"/></svg>
14
14
  <svg class="dark:hidden w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 3V1m0 18v-2M5.05 5.05 3.636 3.636m12.728 12.728L14.95 14.95M3 10H1m18 0h-2M5.05 14.95l-1.414 1.414M16.364 3.636 14.95 5.05M14 10a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z"/></svg>
15
15
  </button>
16
16
 
17
- <button id="user-menu-button" class="flex items-center w-9 h-9 justify-center text-sm text-gray-500 focus:outline-none dark:text-gray-200" data-dropdown-toggle="user-menu" data-dropdown-offset-distance="3" data-dropdown-placement="bottom-end" aria-label="<%= t('active_admin.toggle_user_menu') %>">
17
+ <button id="user-menu-button" class="flex items-center w-9 h-9 justify-center text-sm text-gray-500 focus:outline-hidden dark:text-gray-200" data-dropdown-toggle="user-menu" data-dropdown-offset-distance="3" data-dropdown-placement="bottom-end" aria-label="<%= t('active_admin.toggle_user_menu') %>">
18
18
  <svg class="w-7 h-7" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20"><path d="M10 0a10 10 0 1 0 10 10A10.011 10.011 0 0 0 10 0Zm0 5a3 3 0 1 1 0 6 3 3 0 0 1 0-6Zm0 13a8.949 8.949 0 0 1-4.951-1.488A3.987 3.987 0 0 1 9 13h2a3.987 3.987 0 0 1 3.951 3.512A8.949 8.949 0 0 1 10 18Z"/></svg>
19
19
  </button>
20
20
 
21
- <div id="user-menu" class="z-50 hidden min-w-max rounded shadow-lg outline outline-1 outline-black/5 dark:-outline-offset-1 dark:outline-white/10 focus:outline-none py-1 text-sm bg-white dark:bg-gray-800 text-gray-700 dark:text-gray-300" aria-labelledby="user-menu-button">
21
+ <div id="user-menu" class="z-50 hidden min-w-max rounded shadow-lg outline outline-black/5 dark:-outline-offset-1 dark:outline-white/10 focus:outline-hidden py-1 text-sm bg-white dark:bg-gray-800 text-gray-700 dark:text-gray-300" aria-labelledby="user-menu-button">
22
22
  <ul>
23
23
  <% if current_active_admin_user? %>
24
24
  <li><%= auto_link current_active_admin_user, class: "block px-2.5 py-2 no-underline text-gray-700 hover:bg-gray-100 hover:text-gray-900 dark:text-gray-300 dark:hover:bg-white/5 dark:hover:text-white" %></li>
@@ -1,5 +1,5 @@
1
1
  <div class="max-w-[700px]">
2
- <div class="font-bold py-3 border-b dark:border-gray-600">
2
+ <div class="font-bold py-3 border-b border-gray-200 dark:border-gray-600">
3
3
  <%= ActiveAdmin::Comment.model_name.human(count: 2.1) %>
4
4
  </div>
5
5
  <% if authorized?(ActiveAdmin::Auth::NEW, ActiveAdmin::Comment) %>
@@ -15,12 +15,12 @@
15
15
  end
16
16
  %>
17
17
  <% end %>
18
- <div class="font-bold py-3 border-b dark:border-gray-600">
18
+ <div class="font-bold py-3 border-b border-gray-200 dark:border-gray-600">
19
19
  <%= I18n.t "active_admin.comments.title_content", count: comments.total_count %>
20
20
  </div>
21
21
  <% if comments.any? %>
22
22
  <% comments.each do |comment| %>
23
- <div class="border-b dark:border-gray-600 py-6 max-w-[700px]" id="<%= dom_id(comment, :active_admin) %>" data-test-comment-container>
23
+ <div class="border-b border-gray-200 dark:border-gray-600 py-6 max-w-[700px]" id="<%= dom_id(comment, :active_admin) %>" data-test-comment-container>
24
24
  <div class="flex gap-4 items-end mb-2">
25
25
  <span class="font-semibold">
26
26
  <%= comment.author ? auto_link(comment.author) : I18n.t("active_admin.comments.author_missing") %>
@@ -93,13 +93,13 @@ ActiveAdmin.after_load do |app|
93
93
 
94
94
  index do
95
95
  column I18n.t("active_admin.comments.resource_type"), :resource_type
96
- column I18n.t("active_admin.comments.resource"), :resource, class: "min-w-[7rem]"
96
+ column I18n.t("active_admin.comments.resource"), :resource, class: "min-w-28"
97
97
  column I18n.t("active_admin.comments.author_type"), :author_type
98
98
  column I18n.t("active_admin.comments.author"), :author
99
- column I18n.t("active_admin.comments.body"), :body, class: "min-w-[16rem]" do |comment|
100
- truncate(comment.body, length: 60, separator: " ")
99
+ column I18n.t("active_admin.comments.body"), :body, class: "min-w-52" do |comment|
100
+ truncate(comment.body, length: 50, separator: " ")
101
101
  end
102
- column I18n.t("active_admin.comments.created_at"), :created_at, class: "min-w-[13rem]"
102
+ column I18n.t("active_admin.comments.created_at"), :created_at, class: "min-w-52"
103
103
  actions
104
104
  end
105
105
  end
@@ -1,4 +1,4 @@
1
1
  # frozen_string_literal: true
2
2
  module ActiveAdmin
3
- VERSION = "4.0.0.beta18"
3
+ VERSION = "4.0.0.beta19"
4
4
  end
@@ -1,3 +1,3 @@
1
- @tailwind base;
2
- @tailwind components;
3
- @tailwind utilities;
1
+ @import "tailwindcss";
2
+
3
+ @config "../../../tailwind-active_admin.config.js";
data/plugin.js CHANGED
@@ -47,6 +47,7 @@ export default plugin(
47
47
  'textarea',
48
48
  'select',
49
49
  ]]: {
50
+ '@apply dark:scheme-dark': {},
50
51
  'appearance': 'none',
51
52
  'padding': `${spacing[2]} ${spacing[3]}`,
52
53
  '--tw-shadow': '0 0 #0000',
@@ -181,7 +182,7 @@ export default plugin(
181
182
  '@apply bg-white/5 border-white/5 text-white hover:bg-white/10': {}
182
183
  },
183
184
  '[type=checkbox]': {
184
- '@apply w-4 h-4 bg-gray-100 border border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-white/5 dark:border-white/10': {}
185
+ '@apply w-4 h-4 bg-gray-100 border border-gray-300 rounded-sm focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-white/5 dark:border-white/10': {}
185
186
  },
186
187
  '[type=radio]': {
187
188
  '@apply w-4 h-4 bg-gray-100 border border-gray-300 rounded-full focus:ring-2 focus:ring-blue-300 dark:focus:ring-blue-600 dark:focus:bg-blue-600 dark:bg-white/5 dark:border-white/10': {}
@@ -195,7 +196,7 @@ export default plugin(
195
196
  });
196
197
  addComponents({
197
198
  '.action-item-button': {
198
- '@apply py-2 px-3 text-sm font-medium no-underline text-gray-900 focus:outline-none bg-white rounded-md border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-700 dark:hover:text-white dark:hover:bg-gray-700': {}
199
+ '@apply py-2 px-3 text-sm font-medium no-underline text-gray-900 focus:outline-hidden bg-white rounded-md border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-700 dark:hover:text-white dark:hover:bg-gray-700': {}
199
200
  },
200
201
  '.index-data-table-toolbar': {
201
202
  '@apply flex flex-col lg:flex-row gap-4 mb-4': {}
@@ -220,7 +221,7 @@ export default plugin(
220
221
  '@apply inline-flex items-center justify-center rounded-full bg-indigo-100 text-indigo-700 dark:bg-indigo-800/60 dark:text-indigo-400 px-1.5 py-1 text-xs font-normal ms-2 leading-none': {}
221
222
  },
222
223
  '.paginated-collection': {
223
- '@apply border border-gray-200 dark:border-gray-800 rounded-md shadow-sm overflow-hidden': {}
224
+ '@apply border border-gray-200 dark:border-gray-800 rounded-md shadow-xs overflow-hidden': {}
224
225
  },
225
226
  '.paginated-collection-contents': {
226
227
  '@apply overflow-x-auto': {}
@@ -241,7 +242,7 @@ export default plugin(
241
242
  '@apply w-full text-sm text-gray-800 dark:text-gray-300': {}
242
243
  },
243
244
  '.data-table :where(thead > tr > th)': {
244
- '@apply px-3 py-3.5 whitespace-nowrap font-semibold text-start text-xs uppercase border-b text-gray-700 bg-gray-50 dark:bg-gray-950/50 dark:border-gray-800 dark:text-white': {}
245
+ '@apply px-3 py-3.5 whitespace-nowrap font-semibold text-start text-xs uppercase border-b border-gray-200 text-gray-700 bg-gray-50 dark:bg-gray-950/50 dark:border-gray-800 dark:text-white': {}
245
246
  },
246
247
  '.data-table :where(thead > tr > th > a)': {
247
248
  '@apply text-inherit no-underline inline-flex items-center gap-2': {}
@@ -256,7 +257,7 @@ export default plugin(
256
257
  '@apply rotate-180': {}
257
258
  },
258
259
  '.data-table :where(tbody > tr)': {
259
- '@apply border-b dark:border-gray-800 last:border-b-0': {}
260
+ '@apply border-b border-gray-200 dark:border-gray-800 last:border-b-0': {}
260
261
  },
261
262
  '.data-table :where(td)': {
262
263
  '@apply px-3 py-4': {}
@@ -286,7 +287,7 @@ export default plugin(
286
287
  '@apply flex gap-2 items-center': {}
287
288
  },
288
289
  '.filters-form-submit': {
289
- '@apply min-w-[6rem] font-bold text-white bg-blue-600 hover:bg-blue-700 focus:ring-4 focus:outline-none focus:ring-blue-300 rounded-md px-3 py-2 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800 cursor-pointer': {}
290
+ '@apply min-w-24 font-bold text-white bg-blue-600 hover:bg-blue-700 focus:ring-4 focus:outline-hidden focus:ring-blue-300 rounded-md px-3 py-2 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800 cursor-pointer': {}
290
291
  },
291
292
  '.filters-form-clear': {
292
293
  '@apply rounded-md px-3 py-2 font-semibold text-gray-700 hover:bg-gray-100 no-underline dark:text-gray-400 dark:hover:bg-inherit dark:hover:text-gray-100 dark:focus:ring-blue-800': {}
@@ -307,13 +308,13 @@ export default plugin(
307
308
  '@apply w-2.5 h-2.5': {}
308
309
  },
309
310
  '.batch-actions-dropdown-menu': {
310
- '@apply z-10 hidden min-w-[7rem] bg-white rounded-md shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none dark:bg-gray-800 py-1 text-sm text-gray-700 dark:text-gray-200': {}
311
+ '@apply z-10 hidden min-w-28 bg-white rounded-md shadow-lg ring-1 ring-black/5 focus:outline-hidden dark:bg-gray-800 py-1 text-sm text-gray-700 dark:text-gray-200': {}
311
312
  },
312
313
  '.batch-actions-dropdown-menu :where(li > a)': {
313
314
  '@apply block px-2.5 py-2 no-underline text-gray-700 hover:bg-gray-100 hover:text-gray-900 dark:text-white dark:hover:bg-gray-700 dark:hover:text-white': {}
314
315
  },
315
316
  '.panel': {
316
- '@apply mb-6 border border-gray-200 rounded-md shadow-sm dark:border-gray-800': {}
317
+ '@apply mb-6 border border-gray-200 rounded-md shadow-xs dark:border-gray-800': {}
317
318
  },
318
319
  '.panel-title': {
319
320
  '@apply font-bold bg-gray-100 dark:bg-gray-950/50 rounded-t-md p-3': {}
@@ -322,13 +323,13 @@ export default plugin(
322
323
  '@apply py-5 px-3': {}
323
324
  },
324
325
  '.attributes-table': {
325
- '@apply overflow-hidden mb-6 border border-gray-200 rounded-md shadow-sm dark:border-gray-800': {}
326
+ '@apply overflow-hidden mb-6 border border-gray-200 rounded-md shadow-xs dark:border-gray-800': {}
326
327
  },
327
328
  '.attributes-table > :where(table)': {
328
329
  '@apply w-full text-sm text-gray-800 dark:text-gray-300': {}
329
330
  },
330
331
  '.attributes-table :where(tbody > tr)': {
331
- '@apply border-b dark:border-gray-800 last:border-b-0 align-baseline': {}
332
+ '@apply border-b border-gray-200 dark:border-gray-800 last:border-b-0 align-baseline': {}
332
333
  },
333
334
  '.attributes-table :where(tbody > tr > th)': {
334
335
  '@apply w-32 sm:w-40 text-start text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-950/50 dark:text-gray-300': {}
@@ -350,7 +351,7 @@ export default plugin(
350
351
  '@apply text-sm': {}
351
352
  },
352
353
  '.formtastic :where(.fieldset-title, .has-many-fields-title)': {
353
- '@apply block w-full mb-3 border-b font-bold text-lg': {}
354
+ '@apply block w-full mb-3 border-b border-gray-200 dark:border-gray-800 font-bold text-lg': {}
354
355
  },
355
356
  '.formtastic :where(.label)': {
356
357
  '@apply block mb-1.5': {}
@@ -395,7 +396,7 @@ export default plugin(
395
396
  '@apply flex items-center gap-6': {}
396
397
  },
397
398
  '.formtastic :where([type=submit], [type=button], button)': {
398
- '@apply font-bold text-white bg-blue-600 hover:bg-blue-700 focus:ring-4 focus:outline-none focus:ring-blue-300 rounded-lg px-4 py-2 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800 cursor-pointer': {}
399
+ '@apply font-bold text-white bg-blue-600 hover:bg-blue-700 focus:ring-4 focus:outline-hidden focus:ring-blue-300 rounded-lg px-4 py-2 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800 cursor-pointer': {}
399
400
  },
400
401
  '.formtastic :where(.actions .cancel-link)': {
401
402
  '@apply font-semibold leading-6 text-gray-900 dark:text-white no-underline': {}
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: activeadmin
3
3
  version: !ruby/object:Gem::Version
4
- version: 4.0.0.beta18
4
+ version: 4.0.0.beta19
5
5
  platform: ruby
6
6
  authors:
7
7
  - Charles Maresh
@@ -375,7 +375,6 @@ files:
375
375
  - lib/generators/active_admin/resource/templates/resource.rb.erb
376
376
  - lib/generators/active_admin/views_generator.rb
377
377
  - plugin.js
378
- - vendor/bundle/offense.rb
379
378
  - vendor/javascript/flowbite.js
380
379
  - vendor/javascript/rails_ujs_esm.js
381
380
  homepage: https://activeadmin.info
@@ -404,7 +403,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
404
403
  - !ruby/object:Gem::Version
405
404
  version: '0'
406
405
  requirements: []
407
- rubygems_version: 3.6.9
406
+ rubygems_version: 3.7.2
408
407
  specification_version: 4
409
408
  summary: Active Admin is a Ruby on Rails plugin for generating administration style
410
409
  interfaces. It abstracts common business application patterns to make it simple
@@ -1 +0,0 @@
1
- puts "Ciao"