RubyGems - avo - Versions diffs - 2.11.3.pre.1 → 2.11.3.pre.2 - Mend

avo 2.11.3.pre.1 → 2.11.3.pre.2

Potentially problematic release.

This version of avo might be problematic. Click here for more details.

Files changed (61) hide show

checksums.yaml +4 -4
data/Gemfile.lock +1 -1
data/app/components/avo/actions_component.html.erb +3 -3
data/app/components/avo/actions_component.rb +3 -12
data/app/components/avo/button_component.rb +3 -1
data/app/components/avo/card_component.html.erb +8 -8
data/app/components/avo/cards_list_component.html.erb +16 -0
data/app/components/avo/cards_list_component.rb +13 -0
data/app/components/avo/panel_component.html.erb +1 -1
data/app/components/avo/resource_component.rb +4 -6
data/app/components/avo/sidebar_component.html.erb +1 -1
data/app/components/avo/views/resource_edit_component.rb +20 -0
data/app/components/avo/views/resource_index_component.html.erb +90 -42
data/app/components/avo/views/resource_show_component.html.erb +50 -137
data/app/components/avo/views/resource_show_component.rb +0 -1
data/app/controllers/avo/application_controller.rb +2 -2
data/app/controllers/avo/associations_controller.rb +1 -1
data/app/controllers/avo/base_controller.rb +7 -3
data/app/controllers/avo/cards_controller.rb +18 -5
data/app/controllers/avo/dashboards_controller.rb +4 -2
data/app/javascript/js/controllers/{dashboard_card_controller.js → card_controller.js} +0 -0
data/app/javascript/js/controllers.js +2 -2
data/app/views/avo/cards/_metric_card.html.erb +2 -2
data/app/views/avo/dashboards/show.html.erb +2 -19
data/app/views/avo/debug/report.html.erb +0 -1
data/app/views/avo/private/design.html.erb +1 -1
data/app/views/layouts/avo/application.html.erb +1 -1
data/config/routes.rb +3 -0
data/lib/avo/base_card.rb +40 -20
data/lib/avo/base_resource.rb +2 -5
data/lib/avo/concerns/has_cards.rb +88 -0
data/lib/avo/concerns/has_model.rb +11 -0
data/lib/avo/concerns/styles_cards.rb +48 -0
data/lib/avo/dashboards/base_dashboard.rb +15 -50
data/lib/avo/dashboards/base_divider.rb +5 -1
data/lib/avo/dashboards/chartkick_card.rb +3 -3
data/lib/avo/fields/base_field.rb +2 -6
data/lib/avo/fields/field_extensions/visible_in_different_views.rb +12 -1
data/lib/avo/hosts/dashboard_card.rb +1 -1
data/lib/avo/licensing/pro_license.rb +0 -1
data/lib/avo/tab.rb +3 -1
data/lib/avo/version.rb +1 -1
data/lib/generators/avo/templates/action.tt +1 -1
data/lib/generators/avo/templates/cards/partial_card_partial.tt +1 -1
data/lib/generators/avo/templates/resource_tools/partial.tt +1 -1
data/lib/generators/avo/templates/standalone_action.tt +1 -1
data/public/avo-assets/avo.css +150 -594
data/public/avo-assets/avo.js +6 -6
data/public/avo-assets/avo.js.map +3 -3
metadata +7 -13
data/lib/avo/concerns/has_editable_controls.rb +0 -34
data/lib/avo/resources/controls/action.rb +0 -32
data/lib/avo/resources/controls/actions_list.rb +0 -19
data/lib/avo/resources/controls/back_button.rb +0 -13
data/lib/avo/resources/controls/base_control.rb +0 -59
data/lib/avo/resources/controls/delete_button.rb +0 -13
data/lib/avo/resources/controls/detach_button.rb +0 -13
data/lib/avo/resources/controls/edit_button.rb +0 -13
data/lib/avo/resources/controls/execution_context.rb +0 -59
data/lib/avo/resources/controls/items_holder.rb +0 -19
data/lib/avo/resources/controls/link_to.rb +0 -27

data/public/avo-assets/avo.css CHANGED Viewed

@@ -6359,6 +6359,30 @@ trix-editor .attachment__metadata .attachment__size {
   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
 }
@@ -6555,6 +6579,10 @@ trix-editor .attachment__metadata .attachment__size {
   margin-top:1.5rem
 }
+.mb-6{
+  margin-bottom:1.5rem
+}
 .mr-px{
   margin-right:1px
 }
@@ -6607,30 +6635,6 @@ trix-editor .attachment__metadata .attachment__size {
   aspect-ratio:1 / 1
 }
-.h-36{
-  height:9rem
-}
-.h-72{
-  height:18rem
-}
-.h-\[27rem\]{
-  height:27rem
-}
-.h-\[36rem\]{
-  height:36rem
-}
-.h-\[45rem\]{
-  height:45rem
-}
-.h-\[54rem\]{
-  height:54rem
-}
 .h-5{
   height:1.25rem
 }
@@ -6695,6 +6699,54 @@ trix-editor .attachment__metadata .attachment__size {
   max-height:100%
 }
+.min-h-\[9rem\]{
+  min-height:9rem
+}
+.min-h-\[18rem\]{
+  min-height:18rem
+}
+.min-h-\[27rem\]{
+  min-height:27rem
+}
+.min-h-\[36rem\]{
+  min-height:36rem
+}
+.min-h-\[45rem\]{
+  min-height:45rem
+}
+.min-h-\[54rem\]{
+  min-height:54rem
+}
+.min-h-\[8rem\]{
+  min-height:8rem
+}
+.min-h-\[16rem\]{
+  min-height:16rem
+}
+.min-h-\[24rem\]{
+  min-height:24rem
+}
+.min-h-\[32rem\]{
+  min-height:32rem
+}
+.min-h-\[40rem\]{
+  min-height:40rem
+}
+.min-h-\[48rem\]{
+  min-height:48rem
+}
 .min-h-24{
   min-height:6rem
 }
@@ -6946,10 +6998,6 @@ trix-editor .attachment__metadata .attachment__size {
   gap:1rem
 }
-.gap-2{
-  gap:0.5rem
-}
 .gap-0{
   gap:0px
 }
@@ -7345,74 +7393,24 @@ trix-editor .attachment__metadata .attachment__size {
   border-color:rgb(203 213 225 / var(--tw-border-opacity))
 }
-.bg-slate-500{
-  --tw-bg-opacity:1;
-  background-color:rgb(100 116 139 / var(--tw-bg-opacity))
-}
-.bg-gray-500{
-  --tw-bg-opacity:1;
-  background-color:rgb(117 125 138 / var(--tw-bg-opacity))
-}
-.bg-zinc-500{
-  --tw-bg-opacity:1;
-  background-color:rgb(113 113 122 / var(--tw-bg-opacity))
-}
-.bg-neutral-500{
-  --tw-bg-opacity:1;
-  background-color:rgb(115 115 115 / var(--tw-bg-opacity))
-}
-.bg-stone-500{
-  --tw-bg-opacity:1;
-  background-color:rgb(120 113 108 / var(--tw-bg-opacity))
-}
-.bg-red-500{
-  --tw-bg-opacity:1;
-  background-color:rgb(239 68 68 / var(--tw-bg-opacity))
-}
-.bg-orange-500{
-  --tw-bg-opacity:1;
-  background-color:rgb(249 115 22 / var(--tw-bg-opacity))
-}
-.bg-amber-500{
-  --tw-bg-opacity:1;
-  background-color:rgb(245 158 11 / var(--tw-bg-opacity))
-}
-.bg-yellow-500{
-  --tw-bg-opacity:1;
-  background-color:rgb(234 179 8 / var(--tw-bg-opacity))
-}
-.bg-lime-500{
-  --tw-bg-opacity:1;
-  background-color:rgb(132 204 22 / var(--tw-bg-opacity))
-}
-.bg-green-500{
+.bg-red-600{
   --tw-bg-opacity:1;
-  background-color:rgb(34 197 94 / var(--tw-bg-opacity))
+  background-color:rgb(220 38 38 / var(--tw-bg-opacity))
 }
-.bg-emerald-500{
+.bg-white{
   --tw-bg-opacity:1;
-  background-color:rgb(16 185 129 / var(--tw-bg-opacity))
+  background-color:rgb(255 255 255 / var(--tw-bg-opacity))
 }
-.bg-teal-500{
+.bg-gray-25{
   --tw-bg-opacity:1;
-  background-color:rgb(20 184 166 / var(--tw-bg-opacity))
+  background-color:rgb(246 246 247 / var(--tw-bg-opacity))
 }
-.bg-cyan-500{
+.bg-gray-100{
   --tw-bg-opacity:1;
-  background-color:rgb(6 182 212 / var(--tw-bg-opacity))
+  background-color:rgb(227 229 232 / var(--tw-bg-opacity))
 }
 .bg-sky-500{
@@ -7420,39 +7418,39 @@ trix-editor .attachment__metadata .attachment__size {
   background-color:rgb(14 165 233 / var(--tw-bg-opacity))
 }
-.bg-blue-500{
+.bg-orange-700{
   --tw-bg-opacity:1;
-  background-color:rgb(8 134 222 / var(--tw-bg-opacity))
+  background-color:rgb(194 65 12 / var(--tw-bg-opacity))
 }
-.bg-indigo-500{
+.bg-green-700{
   --tw-bg-opacity:1;
-  background-color:rgb(99 102 241 / var(--tw-bg-opacity))
+  background-color:rgb(21 128 61 / var(--tw-bg-opacity))
 }
-.bg-violet-500{
+.bg-application{
   --tw-bg-opacity:1;
-  background-color:rgb(139 92 246 / var(--tw-bg-opacity))
+  background-color:rgb(246 246 247 / var(--tw-bg-opacity))
 }
-.bg-purple-500{
+.bg-red-400{
   --tw-bg-opacity:1;
-  background-color:rgb(168 85 247 / var(--tw-bg-opacity))
+  background-color:rgb(248 113 113 / var(--tw-bg-opacity))
 }
-.bg-fuchsia-500{
+.bg-green-500{
   --tw-bg-opacity:1;
-  background-color:rgb(217 70 239 / var(--tw-bg-opacity))
+  background-color:rgb(34 197 94 / var(--tw-bg-opacity))
 }
-.bg-pink-500{
+.bg-orange-400{
   --tw-bg-opacity:1;
-  background-color:rgb(236 72 153 / var(--tw-bg-opacity))
+  background-color:rgb(251 146 60 / var(--tw-bg-opacity))
 }
-.bg-rose-500{
+.bg-blue-400{
   --tw-bg-opacity:1;
-  background-color:rgb(244 63 94 / var(--tw-bg-opacity))
+  background-color:rgb(57 158 229 / var(--tw-bg-opacity))
 }
 .bg-primary-500{
@@ -7460,64 +7458,29 @@ trix-editor .attachment__metadata .attachment__size {
   background-color:rgb(8 134 222 / var(--tw-bg-opacity))
 }
-.bg-red-600{
-  --tw-bg-opacity:1;
-  background-color:rgb(220 38 38 / var(--tw-bg-opacity))
-}
-.bg-white{
-  --tw-bg-opacity:1;
-  background-color:rgb(255 255 255 / var(--tw-bg-opacity))
-}
-.bg-gray-25{
-  --tw-bg-opacity:1;
-  background-color:rgb(246 246 247 / var(--tw-bg-opacity))
-}
-.bg-gray-100{
-  --tw-bg-opacity:1;
-  background-color:rgb(227 229 232 / var(--tw-bg-opacity))
-}
-.bg-orange-700{
-  --tw-bg-opacity:1;
-  background-color:rgb(194 65 12 / var(--tw-bg-opacity))
-}
-.bg-green-700{
-  --tw-bg-opacity:1;
-  background-color:rgb(21 128 61 / var(--tw-bg-opacity))
-}
-.bg-red-400{
-  --tw-bg-opacity:1;
-  background-color:rgb(248 113 113 / var(--tw-bg-opacity))
-}
-.bg-orange-400{
+.bg-gray-800{
   --tw-bg-opacity:1;
-  background-color:rgb(251 146 60 / var(--tw-bg-opacity))
+  background-color:rgb(47 50 55 / var(--tw-bg-opacity))
 }
-.bg-blue-400{
+.bg-gray-50{
   --tw-bg-opacity:1;
-  background-color:rgb(57 158 229 / var(--tw-bg-opacity))
+  background-color:rgb(241 242 243 / var(--tw-bg-opacity))
 }
-.bg-gray-800{
+.bg-blue-500{
   --tw-bg-opacity:1;
-  background-color:rgb(47 50 55 / var(--tw-bg-opacity))
+  background-color:rgb(8 134 222 / var(--tw-bg-opacity))
 }
-.bg-application{
+.bg-red-500{
   --tw-bg-opacity:1;
-  background-color:rgb(229 235 240 / var(--tw-bg-opacity))
+  background-color:rgb(239 68 68 / var(--tw-bg-opacity))
 }
-.bg-gray-50{
+.bg-yellow-500{
   --tw-bg-opacity:1;
-  background-color:rgb(241 242 243 / var(--tw-bg-opacity))
+  background-color:rgb(234 179 8 / var(--tw-bg-opacity))
 }
 .bg-gray-700{
@@ -7530,6 +7493,11 @@ trix-editor .attachment__metadata .attachment__size {
   background-color:rgb(94 100 110 / var(--tw-bg-opacity))
 }
+.bg-gray-500{
+  --tw-bg-opacity:1;
+  background-color:rgb(117 125 138 / var(--tw-bg-opacity))
+}
 .bg-opacity-25{
   --tw-bg-opacity:0.25
 }
@@ -7978,6 +7946,11 @@ trix-editor .attachment__metadata .attachment__size {
   color:rgb(30 41 59 / var(--tw-text-opacity))
 }
+.text-gray-800{
+  --tw-text-opacity:1;
+  color:rgb(47 50 55 / var(--tw-text-opacity))
+}
 .text-red-600{
   --tw-text-opacity:1;
   color:rgb(220 38 38 / var(--tw-text-opacity))
@@ -8013,11 +7986,6 @@ trix-editor .attachment__metadata .attachment__size {
   color:rgb(51 65 85 / var(--tw-text-opacity))
 }
-.text-gray-800{
-  --tw-text-opacity:1;
-  color:rgb(47 50 55 / var(--tw-text-opacity))
-}
 .text-green-600{
   --tw-text-opacity:1;
   color:rgb(22 163 74 / var(--tw-text-opacity))
@@ -8253,116 +8221,6 @@ trix-editor {
   z-index:21
 }
-.hover\:border-slate-600:hover{
-  --tw-border-opacity:1;
-  border-color:rgb(71 85 105 / var(--tw-border-opacity))
-}
-.hover\:border-gray-600:hover{
-  --tw-border-opacity:1;
-  border-color:rgb(94 100 110 / var(--tw-border-opacity))
-}
-.hover\:border-zinc-600:hover{
-  --tw-border-opacity:1;
-  border-color:rgb(82 82 91 / var(--tw-border-opacity))
-}
-.hover\:border-neutral-600:hover{
-  --tw-border-opacity:1;
-  border-color:rgb(82 82 82 / var(--tw-border-opacity))
-}
-.hover\:border-stone-600:hover{
-  --tw-border-opacity:1;
-  border-color:rgb(87 83 78 / var(--tw-border-opacity))
-}
-.hover\:border-red-600:hover{
-  --tw-border-opacity:1;
-  border-color:rgb(220 38 38 / var(--tw-border-opacity))
-}
-.hover\:border-orange-600:hover{
-  --tw-border-opacity:1;
-  border-color:rgb(234 88 12 / var(--tw-border-opacity))
-}
-.hover\:border-amber-600:hover{
-  --tw-border-opacity:1;
-  border-color:rgb(217 119 6 / var(--tw-border-opacity))
-}
-.hover\:border-yellow-600:hover{
-  --tw-border-opacity:1;
-  border-color:rgb(202 138 4 / var(--tw-border-opacity))
-}
-.hover\:border-lime-600:hover{
-  --tw-border-opacity:1;
-  border-color:rgb(101 163 13 / var(--tw-border-opacity))
-}
-.hover\:border-green-600:hover{
-  --tw-border-opacity:1;
-  border-color:rgb(22 163 74 / var(--tw-border-opacity))
-}
-.hover\:border-emerald-600:hover{
-  --tw-border-opacity:1;
-  border-color:rgb(5 150 105 / var(--tw-border-opacity))
-}
-.hover\:border-teal-600:hover{
-  --tw-border-opacity:1;
-  border-color:rgb(13 148 136 / var(--tw-border-opacity))
-}
-.hover\:border-cyan-600:hover{
-  --tw-border-opacity:1;
-  border-color:rgb(8 145 178 / var(--tw-border-opacity))
-}
-.hover\:border-sky-600:hover{
-  --tw-border-opacity:1;
-  border-color:rgb(2 132 199 / var(--tw-border-opacity))
-}
-.hover\:border-blue-600:hover{
-  --tw-border-opacity:1;
-  border-color:rgb(6 107 178 / var(--tw-border-opacity))
-}
-.hover\:border-indigo-600:hover{
-  --tw-border-opacity:1;
-  border-color:rgb(79 70 229 / var(--tw-border-opacity))
-}
-.hover\:border-violet-600:hover{
-  --tw-border-opacity:1;
-  border-color:rgb(124 58 237 / var(--tw-border-opacity))
-}
-.hover\:border-purple-600:hover{
-  --tw-border-opacity:1;
-  border-color:rgb(147 51 234 / var(--tw-border-opacity))
-}
-.hover\:border-fuchsia-600:hover{
-  --tw-border-opacity:1;
-  border-color:rgb(192 38 211 / var(--tw-border-opacity))
-}
-.hover\:border-pink-600:hover{
-  --tw-border-opacity:1;
-  border-color:rgb(219 39 119 / var(--tw-border-opacity))
-}
-.hover\:border-rose-600:hover{
-  --tw-border-opacity:1;
-  border-color:rgb(225 29 72 / var(--tw-border-opacity))
-}
 .hover\:border-primary-600:hover{
   --tw-border-opacity:1;
   border-color:rgb(6 107 178 / var(--tw-border-opacity))
@@ -8373,234 +8231,124 @@ trix-editor {
   background-color:rgb(241 245 249 / var(--tw-bg-opacity))
 }
-.hover\:bg-slate-600:hover{
-  --tw-bg-opacity:1;
-  background-color:rgb(71 85 105 / var(--tw-bg-opacity))
-}
 .hover\:bg-gray-100:hover{
   --tw-bg-opacity:1;
   background-color:rgb(227 229 232 / var(--tw-bg-opacity))
 }
-.hover\:bg-gray-600:hover{
-  --tw-bg-opacity:1;
-  background-color:rgb(94 100 110 / var(--tw-bg-opacity))
-}
 .hover\:bg-zinc-100:hover{
   --tw-bg-opacity:1;
   background-color:rgb(244 244 245 / var(--tw-bg-opacity))
 }
-.hover\:bg-zinc-600:hover{
-  --tw-bg-opacity:1;
-  background-color:rgb(82 82 91 / var(--tw-bg-opacity))
-}
 .hover\:bg-neutral-100:hover{
   --tw-bg-opacity:1;
   background-color:rgb(245 245 245 / var(--tw-bg-opacity))
 }
-.hover\:bg-neutral-600:hover{
-  --tw-bg-opacity:1;
-  background-color:rgb(82 82 82 / var(--tw-bg-opacity))
-}
 .hover\:bg-stone-100:hover{
   --tw-bg-opacity:1;
   background-color:rgb(245 245 244 / var(--tw-bg-opacity))
 }
-.hover\:bg-stone-600:hover{
-  --tw-bg-opacity:1;
-  background-color:rgb(87 83 78 / var(--tw-bg-opacity))
-}
 .hover\:bg-red-100:hover{
   --tw-bg-opacity:1;
   background-color:rgb(254 226 226 / var(--tw-bg-opacity))
 }
-.hover\:bg-red-600:hover{
-  --tw-bg-opacity:1;
-  background-color:rgb(220 38 38 / var(--tw-bg-opacity))
-}
 .hover\:bg-orange-100:hover{
   --tw-bg-opacity:1;
   background-color:rgb(255 237 213 / var(--tw-bg-opacity))
 }
-.hover\:bg-orange-600:hover{
-  --tw-bg-opacity:1;
-  background-color:rgb(234 88 12 / var(--tw-bg-opacity))
-}
 .hover\:bg-amber-100:hover{
   --tw-bg-opacity:1;
   background-color:rgb(254 243 199 / var(--tw-bg-opacity))
 }
-.hover\:bg-amber-600:hover{
-  --tw-bg-opacity:1;
-  background-color:rgb(217 119 6 / var(--tw-bg-opacity))
-}
 .hover\:bg-yellow-100:hover{
   --tw-bg-opacity:1;
   background-color:rgb(254 249 195 / var(--tw-bg-opacity))
 }
-.hover\:bg-yellow-600:hover{
-  --tw-bg-opacity:1;
-  background-color:rgb(202 138 4 / var(--tw-bg-opacity))
-}
 .hover\:bg-lime-100:hover{
   --tw-bg-opacity:1;
   background-color:rgb(236 252 203 / var(--tw-bg-opacity))
 }
-.hover\:bg-lime-600:hover{
-  --tw-bg-opacity:1;
-  background-color:rgb(101 163 13 / var(--tw-bg-opacity))
-}
 .hover\:bg-green-100:hover{
   --tw-bg-opacity:1;
   background-color:rgb(220 252 231 / var(--tw-bg-opacity))
 }
-.hover\:bg-green-600:hover{
-  --tw-bg-opacity:1;
-  background-color:rgb(22 163 74 / var(--tw-bg-opacity))
-}
 .hover\:bg-emerald-100:hover{
   --tw-bg-opacity:1;
   background-color:rgb(209 250 229 / var(--tw-bg-opacity))
 }
-.hover\:bg-emerald-600:hover{
-  --tw-bg-opacity:1;
-  background-color:rgb(5 150 105 / var(--tw-bg-opacity))
-}
 .hover\:bg-teal-100:hover{
   --tw-bg-opacity:1;
   background-color:rgb(204 251 241 / var(--tw-bg-opacity))
 }
-.hover\:bg-teal-600:hover{
-  --tw-bg-opacity:1;
-  background-color:rgb(13 148 136 / var(--tw-bg-opacity))
-}
 .hover\:bg-cyan-100:hover{
   --tw-bg-opacity:1;
   background-color:rgb(207 250 254 / var(--tw-bg-opacity))
 }
-.hover\:bg-cyan-600:hover{
-  --tw-bg-opacity:1;
-  background-color:rgb(8 145 178 / var(--tw-bg-opacity))
-}
 .hover\:bg-sky-100:hover{
   --tw-bg-opacity:1;
   background-color:rgb(224 242 254 / var(--tw-bg-opacity))
 }
-.hover\:bg-sky-600:hover{
-  --tw-bg-opacity:1;
-  background-color:rgb(2 132 199 / var(--tw-bg-opacity))
-}
 .hover\:bg-blue-100:hover{
   --tw-bg-opacity:1;
   background-color:rgb(206 231 248 / var(--tw-bg-opacity))
 }
-.hover\:bg-blue-600:hover{
-  --tw-bg-opacity:1;
-  background-color:rgb(6 107 178 / var(--tw-bg-opacity))
-}
 .hover\:bg-indigo-100:hover{
   --tw-bg-opacity:1;
   background-color:rgb(224 231 255 / var(--tw-bg-opacity))
 }
-.hover\:bg-indigo-600:hover{
-  --tw-bg-opacity:1;
-  background-color:rgb(79 70 229 / var(--tw-bg-opacity))
-}
 .hover\:bg-violet-100:hover{
   --tw-bg-opacity:1;
   background-color:rgb(237 233 254 / var(--tw-bg-opacity))
 }
-.hover\:bg-violet-600:hover{
-  --tw-bg-opacity:1;
-  background-color:rgb(124 58 237 / var(--tw-bg-opacity))
-}
 .hover\:bg-purple-100:hover{
   --tw-bg-opacity:1;
   background-color:rgb(243 232 255 / var(--tw-bg-opacity))
 }
-.hover\:bg-purple-600:hover{
-  --tw-bg-opacity:1;
-  background-color:rgb(147 51 234 / var(--tw-bg-opacity))
-}
 .hover\:bg-fuchsia-100:hover{
   --tw-bg-opacity:1;
   background-color:rgb(250 232 255 / var(--tw-bg-opacity))
 }
-.hover\:bg-fuchsia-600:hover{
-  --tw-bg-opacity:1;
-  background-color:rgb(192 38 211 / var(--tw-bg-opacity))
-}
 .hover\:bg-pink-100:hover{
   --tw-bg-opacity:1;
   background-color:rgb(252 231 243 / var(--tw-bg-opacity))
 }
-.hover\:bg-pink-600:hover{
-  --tw-bg-opacity:1;
-  background-color:rgb(219 39 119 / var(--tw-bg-opacity))
-}
 .hover\:bg-rose-100:hover{
   --tw-bg-opacity:1;
   background-color:rgb(255 228 230 / var(--tw-bg-opacity))
 }
-.hover\:bg-rose-600:hover{
-  --tw-bg-opacity:1;
-  background-color:rgb(225 29 72 / var(--tw-bg-opacity))
-}
 .hover\:bg-primary-100:hover{
   --tw-bg-opacity:1;
   background-color:rgb(206 231 248 / var(--tw-bg-opacity))
 }
-.hover\:bg-primary-600:hover{
+.hover\:bg-blue-500:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(6 107 178 / var(--tw-bg-opacity))
+  background-color:rgb(8 134 222 / var(--tw-bg-opacity))
 }
-.hover\:bg-blue-500:hover{
+.hover\:bg-primary-600:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(8 134 222 / var(--tw-bg-opacity))
+  background-color:rgb(6 107 178 / var(--tw-bg-opacity))
 }
 .hover\:bg-gray-50:hover{
@@ -8708,221 +8456,111 @@ trix-editor {
   border-color:rgb(100 116 139 / var(--tw-border-opacity))
 }
-.active\:border-slate-700:active{
-  --tw-border-opacity:1;
-  border-color:rgb(51 65 85 / var(--tw-border-opacity))
-}
 .active\:border-gray-500:active{
   --tw-border-opacity:1;
   border-color:rgb(117 125 138 / var(--tw-border-opacity))
 }
-.active\:border-gray-700:active{
-  --tw-border-opacity:1;
-  border-color:rgb(70 75 83 / var(--tw-border-opacity))
-}
 .active\:border-zinc-500:active{
   --tw-border-opacity:1;
   border-color:rgb(113 113 122 / var(--tw-border-opacity))
 }
-.active\:border-zinc-700:active{
-  --tw-border-opacity:1;
-  border-color:rgb(63 63 70 / var(--tw-border-opacity))
-}
 .active\:border-neutral-500:active{
   --tw-border-opacity:1;
   border-color:rgb(115 115 115 / var(--tw-border-opacity))
 }
-.active\:border-neutral-700:active{
-  --tw-border-opacity:1;
-  border-color:rgb(64 64 64 / var(--tw-border-opacity))
-}
 .active\:border-stone-500:active{
   --tw-border-opacity:1;
   border-color:rgb(120 113 108 / var(--tw-border-opacity))
 }
-.active\:border-stone-700:active{
-  --tw-border-opacity:1;
-  border-color:rgb(68 64 60 / var(--tw-border-opacity))
-}
 .active\:border-red-500:active{
   --tw-border-opacity:1;
   border-color:rgb(239 68 68 / var(--tw-border-opacity))
 }
-.active\:border-red-700:active{
-  --tw-border-opacity:1;
-  border-color:rgb(185 28 28 / var(--tw-border-opacity))
-}
 .active\:border-orange-500:active{
   --tw-border-opacity:1;
   border-color:rgb(249 115 22 / var(--tw-border-opacity))
 }
-.active\:border-orange-700:active{
-  --tw-border-opacity:1;
-  border-color:rgb(194 65 12 / var(--tw-border-opacity))
-}
 .active\:border-amber-500:active{
   --tw-border-opacity:1;
   border-color:rgb(245 158 11 / var(--tw-border-opacity))
 }
-.active\:border-amber-700:active{
-  --tw-border-opacity:1;
-  border-color:rgb(180 83 9 / var(--tw-border-opacity))
-}
 .active\:border-yellow-500:active{
   --tw-border-opacity:1;
   border-color:rgb(234 179 8 / var(--tw-border-opacity))
 }
-.active\:border-yellow-700:active{
-  --tw-border-opacity:1;
-  border-color:rgb(161 98 7 / var(--tw-border-opacity))
-}
 .active\:border-lime-500:active{
   --tw-border-opacity:1;
   border-color:rgb(132 204 22 / var(--tw-border-opacity))
 }
-.active\:border-lime-700:active{
-  --tw-border-opacity:1;
-  border-color:rgb(77 124 15 / var(--tw-border-opacity))
-}
 .active\:border-green-500:active{
   --tw-border-opacity:1;
   border-color:rgb(34 197 94 / var(--tw-border-opacity))
 }
-.active\:border-green-700:active{
-  --tw-border-opacity:1;
-  border-color:rgb(21 128 61 / var(--tw-border-opacity))
-}
 .active\:border-emerald-500:active{
   --tw-border-opacity:1;
   border-color:rgb(16 185 129 / var(--tw-border-opacity))
 }
-.active\:border-emerald-700:active{
-  --tw-border-opacity:1;
-  border-color:rgb(4 120 87 / var(--tw-border-opacity))
-}
 .active\:border-teal-500:active{
   --tw-border-opacity:1;
   border-color:rgb(20 184 166 / var(--tw-border-opacity))
 }
-.active\:border-teal-700:active{
-  --tw-border-opacity:1;
-  border-color:rgb(15 118 110 / var(--tw-border-opacity))
-}
 .active\:border-cyan-500:active{
   --tw-border-opacity:1;
   border-color:rgb(6 182 212 / var(--tw-border-opacity))
 }
-.active\:border-cyan-700:active{
-  --tw-border-opacity:1;
-  border-color:rgb(14 116 144 / var(--tw-border-opacity))
-}
 .active\:border-sky-500:active{
   --tw-border-opacity:1;
   border-color:rgb(14 165 233 / var(--tw-border-opacity))
 }
-.active\:border-sky-700:active{
-  --tw-border-opacity:1;
-  border-color:rgb(3 105 161 / var(--tw-border-opacity))
-}
 .active\:border-blue-500:active{
   --tw-border-opacity:1;
   border-color:rgb(8 134 222 / var(--tw-border-opacity))
 }
-.active\:border-blue-700:active{
-  --tw-border-opacity:1;
-  border-color:rgb(5 80 133 / var(--tw-border-opacity))
-}
 .active\:border-indigo-500:active{
   --tw-border-opacity:1;
   border-color:rgb(99 102 241 / var(--tw-border-opacity))
 }
-.active\:border-indigo-700:active{
-  --tw-border-opacity:1;
-  border-color:rgb(67 56 202 / var(--tw-border-opacity))
-}
 .active\:border-violet-500:active{
   --tw-border-opacity:1;
   border-color:rgb(139 92 246 / var(--tw-border-opacity))
 }
-.active\:border-violet-700:active{
-  --tw-border-opacity:1;
-  border-color:rgb(109 40 217 / var(--tw-border-opacity))
-}
 .active\:border-purple-500:active{
   --tw-border-opacity:1;
   border-color:rgb(168 85 247 / var(--tw-border-opacity))
 }
-.active\:border-purple-700:active{
-  --tw-border-opacity:1;
-  border-color:rgb(126 34 206 / var(--tw-border-opacity))
-}
 .active\:border-fuchsia-500:active{
   --tw-border-opacity:1;
   border-color:rgb(217 70 239 / var(--tw-border-opacity))
 }
-.active\:border-fuchsia-700:active{
-  --tw-border-opacity:1;
-  border-color:rgb(162 28 175 / var(--tw-border-opacity))
-}
 .active\:border-pink-500:active{
   --tw-border-opacity:1;
   border-color:rgb(236 72 153 / var(--tw-border-opacity))
 }
-.active\:border-pink-700:active{
-  --tw-border-opacity:1;
-  border-color:rgb(190 24 93 / var(--tw-border-opacity))
-}
 .active\:border-rose-500:active{
   --tw-border-opacity:1;
   border-color:rgb(244 63 94 / var(--tw-border-opacity))
 }
-.active\:border-rose-700:active{
-  --tw-border-opacity:1;
-  border-color:rgb(190 18 60 / var(--tw-border-opacity))
-}
 .active\:border-primary-500:active{
   --tw-border-opacity:1;
   border-color:rgb(8 134 222 / var(--tw-border-opacity))
@@ -8938,221 +8576,111 @@ trix-editor {
   background-color:rgb(241 245 249 / var(--tw-bg-opacity))
 }
-.active\:bg-slate-600:active{
-  --tw-bg-opacity:1;
-  background-color:rgb(71 85 105 / var(--tw-bg-opacity))
-}
 .active\:bg-gray-100:active{
   --tw-bg-opacity:1;
   background-color:rgb(227 229 232 / var(--tw-bg-opacity))
 }
-.active\:bg-gray-600:active{
-  --tw-bg-opacity:1;
-  background-color:rgb(94 100 110 / var(--tw-bg-opacity))
-}
 .active\:bg-zinc-100:active{
   --tw-bg-opacity:1;
   background-color:rgb(244 244 245 / var(--tw-bg-opacity))
 }
-.active\:bg-zinc-600:active{
-  --tw-bg-opacity:1;
-  background-color:rgb(82 82 91 / var(--tw-bg-opacity))
-}
 .active\:bg-neutral-100:active{
   --tw-bg-opacity:1;
   background-color:rgb(245 245 245 / var(--tw-bg-opacity))
 }
-.active\:bg-neutral-600:active{
-  --tw-bg-opacity:1;
-  background-color:rgb(82 82 82 / var(--tw-bg-opacity))
-}
 .active\:bg-stone-100:active{
   --tw-bg-opacity:1;
   background-color:rgb(245 245 244 / var(--tw-bg-opacity))
 }
-.active\:bg-stone-600:active{
-  --tw-bg-opacity:1;
-  background-color:rgb(87 83 78 / var(--tw-bg-opacity))
-}
 .active\:bg-red-100:active{
   --tw-bg-opacity:1;
   background-color:rgb(254 226 226 / var(--tw-bg-opacity))
 }
-.active\:bg-red-600:active{
-  --tw-bg-opacity:1;
-  background-color:rgb(220 38 38 / var(--tw-bg-opacity))
-}
 .active\:bg-orange-100:active{
   --tw-bg-opacity:1;
   background-color:rgb(255 237 213 / var(--tw-bg-opacity))
 }
-.active\:bg-orange-600:active{
-  --tw-bg-opacity:1;
-  background-color:rgb(234 88 12 / var(--tw-bg-opacity))
-}
 .active\:bg-amber-100:active{
   --tw-bg-opacity:1;
   background-color:rgb(254 243 199 / var(--tw-bg-opacity))
 }
-.active\:bg-amber-600:active{
-  --tw-bg-opacity:1;
-  background-color:rgb(217 119 6 / var(--tw-bg-opacity))
-}
 .active\:bg-yellow-100:active{
   --tw-bg-opacity:1;
   background-color:rgb(254 249 195 / var(--tw-bg-opacity))
 }
-.active\:bg-yellow-600:active{
-  --tw-bg-opacity:1;
-  background-color:rgb(202 138 4 / var(--tw-bg-opacity))
-}
 .active\:bg-lime-100:active{
   --tw-bg-opacity:1;
   background-color:rgb(236 252 203 / var(--tw-bg-opacity))
 }
-.active\:bg-lime-600:active{
-  --tw-bg-opacity:1;
-  background-color:rgb(101 163 13 / var(--tw-bg-opacity))
-}
 .active\:bg-green-100:active{
   --tw-bg-opacity:1;
   background-color:rgb(220 252 231 / var(--tw-bg-opacity))
 }
-.active\:bg-green-600:active{
-  --tw-bg-opacity:1;
-  background-color:rgb(22 163 74 / var(--tw-bg-opacity))
-}
 .active\:bg-emerald-100:active{
   --tw-bg-opacity:1;
   background-color:rgb(209 250 229 / var(--tw-bg-opacity))
 }
-.active\:bg-emerald-600:active{
-  --tw-bg-opacity:1;
-  background-color:rgb(5 150 105 / var(--tw-bg-opacity))
-}
 .active\:bg-teal-100:active{
   --tw-bg-opacity:1;
   background-color:rgb(204 251 241 / var(--tw-bg-opacity))
 }
-.active\:bg-teal-600:active{
-  --tw-bg-opacity:1;
-  background-color:rgb(13 148 136 / var(--tw-bg-opacity))
-}
 .active\:bg-cyan-100:active{
   --tw-bg-opacity:1;
   background-color:rgb(207 250 254 / var(--tw-bg-opacity))
 }
-.active\:bg-cyan-600:active{
-  --tw-bg-opacity:1;
-  background-color:rgb(8 145 178 / var(--tw-bg-opacity))
-}
 .active\:bg-sky-100:active{
   --tw-bg-opacity:1;
   background-color:rgb(224 242 254 / var(--tw-bg-opacity))
 }
-.active\:bg-sky-600:active{
-  --tw-bg-opacity:1;
-  background-color:rgb(2 132 199 / var(--tw-bg-opacity))
-}
 .active\:bg-blue-100:active{
   --tw-bg-opacity:1;
   background-color:rgb(206 231 248 / var(--tw-bg-opacity))
 }
-.active\:bg-blue-600:active{
-  --tw-bg-opacity:1;
-  background-color:rgb(6 107 178 / var(--tw-bg-opacity))
-}
 .active\:bg-indigo-100:active{
   --tw-bg-opacity:1;
   background-color:rgb(224 231 255 / var(--tw-bg-opacity))
 }
-.active\:bg-indigo-600:active{
-  --tw-bg-opacity:1;
-  background-color:rgb(79 70 229 / var(--tw-bg-opacity))
-}
 .active\:bg-violet-100:active{
   --tw-bg-opacity:1;
   background-color:rgb(237 233 254 / var(--tw-bg-opacity))
 }
-.active\:bg-violet-600:active{
-  --tw-bg-opacity:1;
-  background-color:rgb(124 58 237 / var(--tw-bg-opacity))
-}
 .active\:bg-purple-100:active{
   --tw-bg-opacity:1;
   background-color:rgb(243 232 255 / var(--tw-bg-opacity))
 }
-.active\:bg-purple-600:active{
-  --tw-bg-opacity:1;
-  background-color:rgb(147 51 234 / var(--tw-bg-opacity))
-}
 .active\:bg-fuchsia-100:active{
   --tw-bg-opacity:1;
   background-color:rgb(250 232 255 / var(--tw-bg-opacity))
 }
-.active\:bg-fuchsia-600:active{
-  --tw-bg-opacity:1;
-  background-color:rgb(192 38 211 / var(--tw-bg-opacity))
-}
 .active\:bg-pink-100:active{
   --tw-bg-opacity:1;
   background-color:rgb(252 231 243 / var(--tw-bg-opacity))
 }
-.active\:bg-pink-600:active{
-  --tw-bg-opacity:1;
-  background-color:rgb(219 39 119 / var(--tw-bg-opacity))
-}
 .active\:bg-rose-100:active{
   --tw-bg-opacity:1;
   background-color:rgb(255 228 230 / var(--tw-bg-opacity))
 }
-.active\:bg-rose-600:active{
-  --tw-bg-opacity:1;
-  background-color:rgb(225 29 72 / var(--tw-bg-opacity))
-}
 .active\:bg-primary-100:active{
   --tw-bg-opacity:1;
   background-color:rgb(206 231 248 / var(--tw-bg-opacity))
@@ -9273,6 +8801,10 @@ trix-editor {
   outline-color:#0886DE
 }
+.active\:outline-primary-700:active{
+  outline-color:#055085
+}
 .disabled\:cursor-not-allowed:disabled{
   cursor:not-allowed
 }
@@ -9372,6 +8904,30 @@ trix-editor {
     grid-column:span 6 / span 6
   }
+  .sm\:row-span-1{
+    grid-row:span 1 / span 1
+  }
+  .sm\:row-span-2{
+    grid-row:span 2 / span 2
+  }
+  .sm\:row-span-3{
+    grid-row:span 3 / span 3
+  }
+  .sm\:row-span-4{
+    grid-row:span 4 / span 4
+  }
+  .sm\:row-span-5{
+    grid-row:span 5 / span 5
+  }
+  .sm\:row-span-6{
+    grid-row:span 6 / span 6
+  }
   .sm\:block{
     display:block
   }