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

avo 2.11.2.pre.1 → 2.11.3.pre.1

Potentially problematic release.

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

Files changed (45) hide show

checksums.yaml +4 -4
data/Gemfile.lock +1 -1
data/app/assets/stylesheets/avo.css +1 -0
data/app/assets/stylesheets/css/scrollbar.css +30 -0
data/app/components/avo/actions_component.html.erb +3 -3
data/app/components/avo/actions_component.rb +12 -3
data/app/components/avo/button_component.rb +1 -3
data/app/components/avo/paginator_component.html.erb +35 -33
data/app/components/avo/paginator_component.rb +3 -1
data/app/components/avo/panel_component.html.erb +1 -1
data/app/components/avo/resource_component.rb +6 -4
data/app/components/avo/sidebar_component.html.erb +1 -1
data/app/components/avo/tab_switcher_component.html.erb +1 -1
data/app/components/avo/views/resource_index_component.html.erb +3 -3
data/app/components/avo/views/resource_show_component.html.erb +143 -52
data/app/components/avo/views/resource_show_component.rb +1 -0
data/app/controllers/avo/base_controller.rb +9 -8
data/app/javascript/avo.js +1 -1
data/app/javascript/js/controllers/fields/date_field_controller.js +7 -3
data/app/views/avo/debug/report.html.erb +1 -0
data/app/views/avo/private/design.html.erb +1 -1
data/lib/avo/base_resource.rb +7 -10
data/lib/avo/concerns/has_editable_controls.rb +34 -0
data/lib/avo/fields/date_time_field.rb +2 -2
data/lib/avo/fields/has_base_field.rb +2 -0
data/lib/avo/licensing/pro_license.rb +1 -0
data/lib/avo/resources/controls/action.rb +32 -0
data/lib/avo/resources/controls/actions_list.rb +19 -0
data/lib/avo/resources/controls/back_button.rb +13 -0
data/lib/avo/resources/controls/base_control.rb +59 -0
data/lib/avo/resources/controls/delete_button.rb +13 -0
data/lib/avo/resources/controls/detach_button.rb +13 -0
data/lib/avo/resources/controls/edit_button.rb +13 -0
data/lib/avo/resources/controls/execution_context.rb +59 -0
data/lib/avo/resources/controls/items_holder.rb +19 -0
data/lib/avo/resources/controls/link_to.rb +27 -0
data/lib/avo/version.rb +1 -1
data/lib/generators/avo/templates/action.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 +602 -43
data/public/avo-assets/avo.js +2 -2
data/public/avo-assets/avo.js.map +2 -2
metadata +14 -3
data/lib/avo/concerns/has_model.rb +0 -11

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

@@ -4536,6 +4536,45 @@ input[type=file][data-direct-upload-url][disabled] {
   display: none;
 }
+/* total width */
+body.os-pc .mac-styled-scrollbar::-webkit-scrollbar {
+  background-color: none;
+  width: 0.5rem;
+  height: 0.5rem;
+}
+/* background of the scrollbar except button or resizer */
+body.os-pc .mac-styled-scrollbar::-webkit-scrollbar-track {
+  background-color: none;
+}
+/* scrollbar itself */
+body.os-pc .mac-styled-scrollbar::-webkit-scrollbar-thumb {
+  background-color: #babac0;
+  border-radius: 0.5rem;
+}
+/* set button(top and bottom of the scrollbar) */
+body.os-pc .mac-styled-scrollbar::-webkit-scrollbar-button {
+  display:none;
+}
+/* hide by default */
+body.os-pc .mac-styled-scrollbar::-webkit-scrollbar-thumb {
+  display:none
+}
+/* show on hover */
+body.os-pc .mac-styled-scrollbar:hover::-webkit-scrollbar-thumb {
+  display:block
+}
 .application-sidebar .active:hover, .application-sidebar .active{
   --tw-bg-opacity:1;
   background-color:rgb(206 231 248 / var(--tw-bg-opacity));
@@ -6907,6 +6946,10 @@ trix-editor .attachment__metadata .attachment__size {
   gap:1rem
 }
+.gap-2{
+  gap:0.5rem
+}
 .gap-0{
   gap:0px
 }
@@ -7302,6 +7345,121 @@ 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{
+  --tw-bg-opacity:1;
+  background-color:rgb(34 197 94 / var(--tw-bg-opacity))
+}
+.bg-emerald-500{
+  --tw-bg-opacity:1;
+  background-color:rgb(16 185 129 / var(--tw-bg-opacity))
+}
+.bg-teal-500{
+  --tw-bg-opacity:1;
+  background-color:rgb(20 184 166 / var(--tw-bg-opacity))
+}
+.bg-cyan-500{
+  --tw-bg-opacity:1;
+  background-color:rgb(6 182 212 / var(--tw-bg-opacity))
+}
+.bg-sky-500{
+  --tw-bg-opacity:1;
+  background-color:rgb(14 165 233 / var(--tw-bg-opacity))
+}
+.bg-blue-500{
+  --tw-bg-opacity:1;
+  background-color:rgb(8 134 222 / var(--tw-bg-opacity))
+}
+.bg-indigo-500{
+  --tw-bg-opacity:1;
+  background-color:rgb(99 102 241 / var(--tw-bg-opacity))
+}
+.bg-violet-500{
+  --tw-bg-opacity:1;
+  background-color:rgb(139 92 246 / var(--tw-bg-opacity))
+}
+.bg-purple-500{
+  --tw-bg-opacity:1;
+  background-color:rgb(168 85 247 / var(--tw-bg-opacity))
+}
+.bg-fuchsia-500{
+  --tw-bg-opacity:1;
+  background-color:rgb(217 70 239 / var(--tw-bg-opacity))
+}
+.bg-pink-500{
+  --tw-bg-opacity:1;
+  background-color:rgb(236 72 153 / var(--tw-bg-opacity))
+}
+.bg-rose-500{
+  --tw-bg-opacity:1;
+  background-color:rgb(244 63 94 / var(--tw-bg-opacity))
+}
+.bg-primary-500{
+  --tw-bg-opacity:1;
+  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))
@@ -7322,11 +7480,6 @@ trix-editor .attachment__metadata .attachment__size {
   background-color:rgb(227 229 232 / var(--tw-bg-opacity))
 }
-.bg-sky-500{
-  --tw-bg-opacity:1;
-  background-color:rgb(14 165 233 / var(--tw-bg-opacity))
-}
 .bg-orange-700{
   --tw-bg-opacity:1;
   background-color:rgb(194 65 12 / var(--tw-bg-opacity))
@@ -7342,11 +7495,6 @@ trix-editor .attachment__metadata .attachment__size {
   background-color:rgb(248 113 113 / var(--tw-bg-opacity))
 }
-.bg-green-500{
-  --tw-bg-opacity:1;
-  background-color:rgb(34 197 94 / var(--tw-bg-opacity))
-}
 .bg-orange-400{
   --tw-bg-opacity:1;
   background-color:rgb(251 146 60 / var(--tw-bg-opacity))
@@ -7357,11 +7505,6 @@ trix-editor .attachment__metadata .attachment__size {
   background-color:rgb(57 158 229 / var(--tw-bg-opacity))
 }
-.bg-primary-500{
-  --tw-bg-opacity:1;
-  background-color:rgb(8 134 222 / var(--tw-bg-opacity))
-}
 .bg-gray-800{
   --tw-bg-opacity:1;
   background-color:rgb(47 50 55 / var(--tw-bg-opacity))
@@ -7377,21 +7520,6 @@ trix-editor .attachment__metadata .attachment__size {
   background-color:rgb(241 242 243 / var(--tw-bg-opacity))
 }
-.bg-blue-500{
-  --tw-bg-opacity:1;
-  background-color:rgb(8 134 222 / var(--tw-bg-opacity))
-}
-.bg-red-500{
-  --tw-bg-opacity:1;
-  background-color:rgb(239 68 68 / var(--tw-bg-opacity))
-}
-.bg-yellow-500{
-  --tw-bg-opacity:1;
-  background-color:rgb(234 179 8 / var(--tw-bg-opacity))
-}
 .bg-gray-700{
   --tw-bg-opacity:1;
   background-color:rgb(70 75 83 / var(--tw-bg-opacity))
@@ -7402,11 +7530,6 @@ 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
 }
@@ -8130,6 +8253,116 @@ 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))
@@ -8140,119 +8373,224 @@ 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-primary-100:hover{
+.hover\:bg-rose-600:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(206 231 248 / var(--tw-bg-opacity))
+  background-color:rgb(225 29 72 / var(--tw-bg-opacity))
 }
-.hover\:bg-blue-500:hover{
+.hover\:bg-primary-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(8 134 222 / var(--tw-bg-opacity))
+  background-color:rgb(206 231 248 / var(--tw-bg-opacity))
 }
 .hover\:bg-primary-600:hover{
@@ -8260,6 +8598,11 @@ trix-editor {
   background-color:rgb(6 107 178 / var(--tw-bg-opacity))
 }
+.hover\:bg-blue-500:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(8 134 222 / var(--tw-bg-opacity))
+}
 .hover\:bg-gray-50:hover{
   --tw-bg-opacity:1;
   background-color:rgb(241 242 243 / var(--tw-bg-opacity))
@@ -8365,111 +8708,221 @@ 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))
@@ -8485,111 +8938,221 @@ 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))
@@ -8710,10 +9273,6 @@ trix-editor {
   outline-color:#0886DE
 }
-.active\:outline-primary-700:active{
-  outline-color:#055085
-}
 .disabled\:cursor-not-allowed:disabled{
   cursor:not-allowed
 }