RubyGems - avo - Versions diffs - 2.13.0 → 2.13.2.pre.2 - Mend

avo 2.13.0 → 2.13.2.pre.2

Potentially problematic release.

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

Files changed (67) hide show

checksums.yaml +4 -4
data/Gemfile.lock +3 -1
data/app/assets/stylesheets/avo.css +1 -1
data/app/assets/stylesheets/css/fields/progress.css +3 -3
data/app/assets/stylesheets/css/pagination.css +0 -4
data/app/assets/stylesheets/css/search.css +1 -1
data/app/assets/stylesheets/css/sidebar.css +1 -1
data/app/assets/stylesheets/css/tags.css +7 -0
data/app/assets/svgs/failed_to_load.svg +4 -5
data/app/assets/svgs/grid-empty-state.svg +10 -11
data/app/assets/svgs/table-empty-state.svg +11 -12
data/app/components/avo/actions_component.html.erb +2 -2
data/app/components/avo/actions_component.rb +1 -1
data/app/components/avo/button_component.rb +3 -3
data/app/components/avo/fields/boolean_field/edit_component.html.erb +1 -1
data/app/components/avo/fields/progress_bar_field/index_component.html.erb +1 -1
data/app/components/avo/fields/progress_bar_field/show_component.html.erb +1 -1
data/app/components/avo/fields/tags_field/edit_component.html.erb +1 -1
data/app/components/avo/fields/tags_field/show_component.rb +2 -0
data/app/components/avo/profile_item_component.html.erb +1 -1
data/app/components/avo/tab_group_component.html.erb +1 -1
data/app/components/avo/tab_switcher_component.rb +2 -2
data/app/components/avo/views/resource_edit_component.rb +1 -1
data/app/components/avo/views/resource_index_component.html.erb +2 -2
data/app/components/avo/views/resource_index_component.rb +0 -17
data/app/components/avo/views/resource_show_component.html.erb +1 -2
data/app/controllers/avo/base_controller.rb +11 -8
data/app/controllers/avo/search_controller.rb +20 -57
data/app/helpers/avo/resources_helper.rb +2 -2
data/app/javascript/avo.js +0 -1
data/app/javascript/js/controllers/fields/trix_field_controller.js +4 -3
data/app/javascript/js/controllers/item_selector_controller.js +1 -1
data/app/javascript/js/controllers/menu_controller.js +2 -2
data/app/javascript/js/controllers/search_controller.js +15 -42
data/app/views/avo/associations/new.html.erb +2 -3
data/app/views/avo/base/_multiple_select_filter.html.erb +1 -1
data/app/views/avo/base/_text_filter.html.erb +1 -1
data/app/views/avo/partials/_branding.html.erb +5 -0
data/app/views/avo/partials/_header.html.erb +1 -1
data/app/views/avo/partials/_logo.html.erb +2 -2
data/app/views/avo/partials/_resource_search.html.erb +0 -6
data/app/views/avo/private/_links_and_buttons.html.erb +1 -1
data/app/views/avo/private/design.html.erb +3 -3
data/app/views/layouts/avo/application.html.erb +1 -0
data/lib/avo/concerns/has_editable_controls.rb +1 -1
data/lib/avo/configuration/branding.rb +65 -0
data/lib/avo/configuration.rb +5 -0
data/lib/avo/dashboards/chartkick_card.rb +1 -1
data/lib/avo/fields/base_field.rb +1 -1
data/lib/avo/fields/has_base_field.rb +0 -2
data/lib/avo/licensing/pro_license.rb +1 -0
data/lib/avo/version.rb +1 -1
data/lib/generators/avo/templates/initializer/avo.tt +14 -0
data/lib/generators/avo/templates/resource/resource.tt +1 -1
data/public/avo-assets/avo.css +286 -248
data/public/avo-assets/avo.js +47 -47
data/public/avo-assets/avo.js.map +2 -2
metadata +6 -13
data/app/components/avo/button_component.html.erb +0 -1
data/app/helpers/avo/actions_helper.rb +0 -4
data/app/helpers/avo/attachments_helper.rb +0 -4
data/app/views/kaminari/_first_page.html.erb +0 -3
data/app/views/kaminari/_last_page.html.erb +0 -3
data/app/views/kaminari/_next_page.html.erb +0 -9
data/app/views/kaminari/_page.html.erb +0 -12
data/app/views/kaminari/_prev_page.html.erb +0 -9
data/lib/avo/hosts/search_scope_host.rb +0 -7

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

@@ -3832,8 +3832,7 @@ select{
 }
 a{
-  --tw-text-opacity:1;
-  color:rgb(8 134 222 / var(--tw-text-opacity))
+  color:rgb(var(--color-primary-500))
 }
 *, ::before, ::after{
@@ -4230,11 +4229,6 @@ svg.tea #steamR {
   box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-.pagy-nav .page a:focus,.pagy-nav .page.active:focus,.pagy-nav .page.prev.disabled:focus,.pagy-nav .page.next.disabled:focus,.pagy-nav-js .page a:focus,.pagy-combo-nav-js .page a:focus,.pagy-combo-nav-js .pagy-combo-input a:focus{
-    --tw-border-opacity:1;
-    border-color:rgb(107 182 235 / var(--tw-border-opacity))
-  }
 .pagy-nav .page a:hover,.pagy-nav .page.active:hover,.pagy-nav .page.prev.disabled:hover,.pagy-nav .page.next.disabled:hover,.pagy-nav-js .page a:hover,.pagy-combo-nav-js .page a:hover,.pagy-combo-nav-js .pagy-combo-input a:hover{
     --tw-bg-opacity:1;
     background-color:rgb(214 216 220 / var(--tw-bg-opacity))
@@ -4484,8 +4478,7 @@ button.aa-DetachedCancelButton {
         }
 .aa-DetachedContainer .aa-Source .aa-List .aa-Item[aria-selected=true]{
-          --tw-bg-opacity:1;
-          background-color:rgb(8 134 222 / var(--tw-bg-opacity))
+          background-color:rgb(var(--color-primary-500))
         }
 .aa-DetachedContainer .aa-Source .aa-List .aa-Item[aria-selected=true]{
@@ -4576,10 +4569,8 @@ body.os-pc .mac-styled-scrollbar:hover::-webkit-scrollbar-thumb {
 }
 .application-sidebar .active:hover, .application-sidebar .active{
-  --tw-bg-opacity:1;
-  background-color:rgb(206 231 248 / var(--tw-bg-opacity));
-  --tw-text-opacity:1;
-  color:rgb(8 134 222 / var(--tw-text-opacity))
+  background-color:rgb(var(--color-primary-100));
+  color:rgb(var(--color-primary-500))
 }
 /* remove the left padding. */
@@ -4637,6 +4628,15 @@ body.os-pc .mac-styled-scrollbar:hover::-webkit-scrollbar-thumb {
 tags.tagify {
   --tag-inset-shadow-size: 3em;
+  --tags-border-color: rgb(var(--color-primary-500));
+  --tags-hover-border-color: rgb(var(--color-primary-500));
+}
+.tagify__dropdown {
+  --tagify-dd-color-primary: rgb(var(--color-primary-500));
+}
+tags.tagify{
   padding:0px !important;
 }
@@ -5574,7 +5574,7 @@ progress{
   border-radius:0.25rem;
   border-width:1px;
   --tw-border-opacity:1;
-  border-color:rgb(145 151 161 / var(--tw-border-opacity));
+  border-color:rgb(148 163 184 / var(--tw-border-opacity));
   --tw-bg-opacity:1;
   background-color:rgb(255 255 255 / var(--tw-bg-opacity));
   --tw-shadow:inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
@@ -5596,15 +5596,13 @@ progress[value]::-webkit-progress-bar{
 progress[value]::-webkit-progress-value{
   border-radius:0.25rem;
-  --tw-bg-opacity:1;
-  background-color:rgb(22 163 74 / var(--tw-bg-opacity))
+  background-color:rgb(var(--color-primary-500))
 }
 progress[value]::-moz-progress-bar{
   appearance:none;
   border-radius:0.25rem;
-  --tw-bg-opacity:1;
-  background-color:rgb(22 163 74 / var(--tw-bg-opacity))
+  background-color:rgb(var(--color-primary-500))
 }
 /*
@@ -6435,14 +6433,6 @@ trix-editor .attachment__metadata .attachment__size {
   margin-top:0.5rem
 }
-.ml-3{
-  margin-left:0.75rem
-}
-.-ml-px{
-  margin-left:-1px
-}
 .mt-4{
   margin-top:1rem
 }
@@ -6515,6 +6505,10 @@ trix-editor .attachment__metadata .attachment__size {
   margin-left:8.333333%
 }
+.ml-3{
+  margin-left:0.75rem
+}
 .ml-4{
   margin-left:1rem
 }
@@ -7117,16 +7111,6 @@ trix-editor .attachment__metadata .attachment__size {
   border-radius:1rem
 }
-.rounded-r-md{
-  border-top-right-radius:0.375rem;
-  border-bottom-right-radius:0.375rem
-}
-.rounded-l-md{
-  border-top-left-radius:0.375rem;
-  border-bottom-left-radius:0.375rem
-}
 .rounded-l{
   border-top-left-radius:0.25rem;
   border-bottom-left-radius:0.25rem
@@ -7292,8 +7276,7 @@ trix-editor .attachment__metadata .attachment__size {
 }
 .border-primary-500{
-  --tw-border-opacity:1;
-  border-color:rgb(8 134 222 / var(--tw-border-opacity))
+  border-color:rgb(var(--color-primary-500))
 }
 .border-red-600{
@@ -7311,11 +7294,6 @@ trix-editor .attachment__metadata .attachment__size {
   border-color:rgb(172 177 185 / var(--tw-border-opacity))
 }
-.border-primary-300{
-  --tw-border-opacity:1;
-  border-color:rgb(107 182 235 / var(--tw-border-opacity))
-}
 .border-gray-600{
   --tw-border-opacity:1;
   border-color:rgb(94 100 110 / var(--tw-border-opacity))
@@ -7456,8 +7434,7 @@ trix-editor .attachment__metadata .attachment__size {
 }
 .bg-primary-500{
-  --tw-bg-opacity:1;
-  background-color:rgb(8 134 222 / var(--tw-bg-opacity))
+  background-color:rgb(var(--color-primary-500))
 }
 .bg-red-600{
@@ -7475,14 +7452,14 @@ trix-editor .attachment__metadata .attachment__size {
   background-color:rgb(246 246 247 / var(--tw-bg-opacity))
 }
-.bg-gray-100{
+.bg-orange-700{
   --tw-bg-opacity:1;
-  background-color:rgb(227 229 232 / var(--tw-bg-opacity))
+  background-color:rgb(194 65 12 / var(--tw-bg-opacity))
 }
-.bg-orange-700{
+.bg-gray-100{
   --tw-bg-opacity:1;
-  background-color:rgb(194 65 12 / var(--tw-bg-opacity))
+  background-color:rgb(227 229 232 / var(--tw-bg-opacity))
 }
 .bg-green-700{
@@ -7795,10 +7772,6 @@ trix-editor .attachment__metadata .attachment__size {
   font-weight:600
 }
-.font-medium{
-  font-weight:500
-}
 .font-normal{
   font-weight:400
 }
@@ -7807,6 +7780,10 @@ trix-editor .attachment__metadata .attachment__size {
   font-weight:700
 }
+.font-medium{
+  font-weight:500
+}
 .uppercase{
   text-transform:uppercase
 }
@@ -7954,8 +7931,7 @@ trix-editor .attachment__metadata .attachment__size {
 }
 .text-primary-500{
-  --tw-text-opacity:1;
-  color:rgb(8 134 222 / var(--tw-text-opacity))
+  color:rgb(var(--color-primary-500))
 }
 .text-white{
@@ -7998,11 +7974,6 @@ trix-editor .attachment__metadata .attachment__size {
   color:rgb(0 0 0 / var(--tw-text-opacity))
 }
-.\!text-blue-700{
-  --tw-text-opacity:1 !important;
-  color:rgb(5 80 133 / var(--tw-text-opacity)) !important
-}
 .text-slate-600{
   --tw-text-opacity:1;
   color:rgb(71 85 105 / var(--tw-text-opacity))
@@ -8196,8 +8167,7 @@ html, body{
 }
 .turbo-progress-bar{
-  --tw-bg-opacity:1;
-  background-color:rgb(57 158 229 / var(--tw-bg-opacity))
+  background-color:rgb(var(--color-primary-400))
 }
 body.os-mac .mac\:hidden {
@@ -8249,6 +8219,14 @@ trix-editor {
   display:block
 }
+.checked\:bg-primary-400:checked{
+  background-color:rgb(var(--color-primary-400))
+}
+.focus-within\:border-primary-500:focus-within{
+  border-color:rgb(var(--color-primary-500))
+}
 .hover\:z-\[21\]:hover{
   z-index:21
 }
@@ -8364,13 +8342,7 @@ trix-editor {
 }
 .hover\:border-primary-600:hover{
-  --tw-border-opacity:1;
-  border-color:rgb(6 107 178 / var(--tw-border-opacity))
-}
-.hover\:bg-slate-100:hover{
-  --tw-bg-opacity:1;
-  background-color:rgb(241 245 249 / var(--tw-bg-opacity))
+  border-color:rgb(var(--color-primary-600))
 }
 .hover\:bg-slate-600:hover{
@@ -8378,9 +8350,9 @@ trix-editor {
   background-color:rgb(71 85 105 / var(--tw-bg-opacity))
 }
-.hover\:bg-gray-100:hover{
+.hover\:bg-slate-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(227 229 232 / var(--tw-bg-opacity))
+  background-color:rgb(241 245 249 / var(--tw-bg-opacity))
 }
 .hover\:bg-gray-600:hover{
@@ -8388,9 +8360,9 @@ trix-editor {
   background-color:rgb(94 100 110 / var(--tw-bg-opacity))
 }
-.hover\:bg-zinc-100:hover{
+.hover\:bg-gray-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(244 244 245 / var(--tw-bg-opacity))
+  background-color:rgb(227 229 232 / var(--tw-bg-opacity))
 }
 .hover\:bg-zinc-600:hover{
@@ -8398,9 +8370,9 @@ trix-editor {
   background-color:rgb(82 82 91 / var(--tw-bg-opacity))
 }
-.hover\:bg-neutral-100:hover{
+.hover\:bg-zinc-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(245 245 245 / var(--tw-bg-opacity))
+  background-color:rgb(244 244 245 / var(--tw-bg-opacity))
 }
 .hover\:bg-neutral-600:hover{
@@ -8408,9 +8380,9 @@ trix-editor {
   background-color:rgb(82 82 82 / var(--tw-bg-opacity))
 }
-.hover\:bg-stone-100:hover{
+.hover\:bg-neutral-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(245 245 244 / var(--tw-bg-opacity))
+  background-color:rgb(245 245 245 / var(--tw-bg-opacity))
 }
 .hover\:bg-stone-600:hover{
@@ -8418,9 +8390,9 @@ trix-editor {
   background-color:rgb(87 83 78 / var(--tw-bg-opacity))
 }
-.hover\:bg-red-100:hover{
+.hover\:bg-stone-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(254 226 226 / var(--tw-bg-opacity))
+  background-color:rgb(245 245 244 / var(--tw-bg-opacity))
 }
 .hover\:bg-red-600:hover{
@@ -8428,9 +8400,9 @@ trix-editor {
   background-color:rgb(220 38 38 / var(--tw-bg-opacity))
 }
-.hover\:bg-orange-100:hover{
+.hover\:bg-red-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(255 237 213 / var(--tw-bg-opacity))
+  background-color:rgb(254 226 226 / var(--tw-bg-opacity))
 }
 .hover\:bg-orange-600:hover{
@@ -8438,9 +8410,9 @@ trix-editor {
   background-color:rgb(234 88 12 / var(--tw-bg-opacity))
 }
-.hover\:bg-amber-100:hover{
+.hover\:bg-orange-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(254 243 199 / var(--tw-bg-opacity))
+  background-color:rgb(255 237 213 / var(--tw-bg-opacity))
 }
 .hover\:bg-amber-600:hover{
@@ -8448,9 +8420,9 @@ trix-editor {
   background-color:rgb(217 119 6 / var(--tw-bg-opacity))
 }
-.hover\:bg-yellow-100:hover{
+.hover\:bg-amber-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(254 249 195 / var(--tw-bg-opacity))
+  background-color:rgb(254 243 199 / var(--tw-bg-opacity))
 }
 .hover\:bg-yellow-600:hover{
@@ -8458,9 +8430,9 @@ trix-editor {
   background-color:rgb(202 138 4 / var(--tw-bg-opacity))
 }
-.hover\:bg-lime-100:hover{
+.hover\:bg-yellow-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(236 252 203 / var(--tw-bg-opacity))
+  background-color:rgb(254 249 195 / var(--tw-bg-opacity))
 }
 .hover\:bg-lime-600:hover{
@@ -8468,9 +8440,9 @@ trix-editor {
   background-color:rgb(101 163 13 / var(--tw-bg-opacity))
 }
-.hover\:bg-green-100:hover{
+.hover\:bg-lime-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(220 252 231 / var(--tw-bg-opacity))
+  background-color:rgb(236 252 203 / var(--tw-bg-opacity))
 }
 .hover\:bg-green-600:hover{
@@ -8478,9 +8450,9 @@ trix-editor {
   background-color:rgb(22 163 74 / var(--tw-bg-opacity))
 }
-.hover\:bg-emerald-100:hover{
+.hover\:bg-green-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(209 250 229 / var(--tw-bg-opacity))
+  background-color:rgb(220 252 231 / var(--tw-bg-opacity))
 }
 .hover\:bg-emerald-600:hover{
@@ -8488,9 +8460,9 @@ trix-editor {
   background-color:rgb(5 150 105 / var(--tw-bg-opacity))
 }
-.hover\:bg-teal-100:hover{
+.hover\:bg-emerald-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(204 251 241 / var(--tw-bg-opacity))
+  background-color:rgb(209 250 229 / var(--tw-bg-opacity))
 }
 .hover\:bg-teal-600:hover{
@@ -8498,9 +8470,9 @@ trix-editor {
   background-color:rgb(13 148 136 / var(--tw-bg-opacity))
 }
-.hover\:bg-cyan-100:hover{
+.hover\:bg-teal-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(207 250 254 / var(--tw-bg-opacity))
+  background-color:rgb(204 251 241 / var(--tw-bg-opacity))
 }
 .hover\:bg-cyan-600:hover{
@@ -8508,9 +8480,9 @@ trix-editor {
   background-color:rgb(8 145 178 / var(--tw-bg-opacity))
 }
-.hover\:bg-sky-100:hover{
+.hover\:bg-cyan-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(224 242 254 / var(--tw-bg-opacity))
+  background-color:rgb(207 250 254 / var(--tw-bg-opacity))
 }
 .hover\:bg-sky-600:hover{
@@ -8518,9 +8490,9 @@ trix-editor {
   background-color:rgb(2 132 199 / var(--tw-bg-opacity))
 }
-.hover\:bg-blue-100:hover{
+.hover\:bg-sky-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(206 231 248 / var(--tw-bg-opacity))
+  background-color:rgb(224 242 254 / var(--tw-bg-opacity))
 }
 .hover\:bg-blue-600:hover{
@@ -8528,9 +8500,9 @@ trix-editor {
   background-color:rgb(6 107 178 / var(--tw-bg-opacity))
 }
-.hover\:bg-indigo-100:hover{
+.hover\:bg-blue-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(224 231 255 / var(--tw-bg-opacity))
+  background-color:rgb(206 231 248 / var(--tw-bg-opacity))
 }
 .hover\:bg-indigo-600:hover{
@@ -8538,9 +8510,9 @@ trix-editor {
   background-color:rgb(79 70 229 / var(--tw-bg-opacity))
 }
-.hover\:bg-violet-100:hover{
+.hover\:bg-indigo-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(237 233 254 / var(--tw-bg-opacity))
+  background-color:rgb(224 231 255 / var(--tw-bg-opacity))
 }
 .hover\:bg-violet-600:hover{
@@ -8548,9 +8520,9 @@ trix-editor {
   background-color:rgb(124 58 237 / var(--tw-bg-opacity))
 }
-.hover\:bg-purple-100:hover{
+.hover\:bg-violet-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(243 232 255 / var(--tw-bg-opacity))
+  background-color:rgb(237 233 254 / var(--tw-bg-opacity))
 }
 .hover\:bg-purple-600:hover{
@@ -8558,9 +8530,9 @@ trix-editor {
   background-color:rgb(147 51 234 / var(--tw-bg-opacity))
 }
-.hover\:bg-fuchsia-100:hover{
+.hover\:bg-purple-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(250 232 255 / var(--tw-bg-opacity))
+  background-color:rgb(243 232 255 / var(--tw-bg-opacity))
 }
 .hover\:bg-fuchsia-600:hover{
@@ -8568,9 +8540,9 @@ trix-editor {
   background-color:rgb(192 38 211 / var(--tw-bg-opacity))
 }
-.hover\:bg-pink-100:hover{
+.hover\:bg-fuchsia-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(252 231 243 / var(--tw-bg-opacity))
+  background-color:rgb(250 232 255 / var(--tw-bg-opacity))
 }
 .hover\:bg-pink-600:hover{
@@ -8578,9 +8550,9 @@ trix-editor {
   background-color:rgb(219 39 119 / var(--tw-bg-opacity))
 }
-.hover\:bg-rose-100:hover{
+.hover\:bg-pink-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(255 228 230 / var(--tw-bg-opacity))
+  background-color:rgb(252 231 243 / var(--tw-bg-opacity))
 }
 .hover\:bg-rose-600:hover{
@@ -8588,19 +8560,21 @@ trix-editor {
   background-color:rgb(225 29 72 / var(--tw-bg-opacity))
 }
-.hover\:bg-primary-100:hover{
+.hover\:bg-rose-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(206 231 248 / var(--tw-bg-opacity))
+  background-color:rgb(255 228 230 / var(--tw-bg-opacity))
 }
 .hover\:bg-primary-600:hover{
-  --tw-bg-opacity:1;
-  background-color:rgb(6 107 178 / var(--tw-bg-opacity))
+  background-color:rgb(var(--color-primary-600))
 }
-.hover\:bg-blue-500:hover{
-  --tw-bg-opacity:1;
-  background-color:rgb(8 134 222 / var(--tw-bg-opacity))
+.hover\:bg-primary-100:hover{
+  background-color:rgb(var(--color-primary-100))
+}
+.hover\:bg-primary-500:hover{
+  background-color:rgb(var(--color-primary-500))
 }
 .hover\:bg-gray-50:hover{
@@ -8613,11 +8587,6 @@ trix-editor {
   color:rgb(117 125 138 / var(--tw-text-opacity))
 }
-.hover\:text-gray-400:hover{
-  --tw-text-opacity:1;
-  color:rgb(145 151 161 / var(--tw-text-opacity))
-}
 .hover\:text-white:hover{
   --tw-text-opacity:1;
   color:rgb(255 255 255 / var(--tw-text-opacity))
@@ -8638,20 +8607,11 @@ trix-editor {
   box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
 }
-.focus\:z-10:focus{
-  z-index:10
-}
 .focus\:border-gray-600:focus{
   --tw-border-opacity:1;
   border-color:rgb(94 100 110 / var(--tw-border-opacity))
 }
-.focus\:border-blue-300:focus{
-  --tw-border-opacity:1;
-  border-color:rgb(107 182 235 / var(--tw-border-opacity))
-}
 .focus\:border-gray-300:focus{
   --tw-border-opacity:1;
   border-color:rgb(172 177 185 / var(--tw-border-opacity))
@@ -8687,6 +8647,10 @@ trix-editor {
   outline-offset:2px
 }
+.focus\:checked\:\!bg-primary-400:checked:focus{
+  background-color:rgb(var(--color-primary-400)) !important
+}
 .focus-visible\:ring-0:focus-visible{
   --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -8703,14 +8667,19 @@ trix-editor {
   transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 }
+.active\:border-slate-600:active{
+  --tw-border-opacity:1;
+  border-color:rgb(71 85 105 / var(--tw-border-opacity))
+}
 .active\:border-slate-500:active{
   --tw-border-opacity:1;
   border-color:rgb(100 116 139 / var(--tw-border-opacity))
 }
-.active\:border-slate-700:active{
+.active\:border-gray-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(51 65 85 / var(--tw-border-opacity))
+  border-color:rgb(94 100 110 / var(--tw-border-opacity))
 }
 .active\:border-gray-500:active{
@@ -8718,9 +8687,9 @@ trix-editor {
   border-color:rgb(117 125 138 / var(--tw-border-opacity))
 }
-.active\:border-gray-700:active{
+.active\:border-zinc-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(70 75 83 / var(--tw-border-opacity))
+  border-color:rgb(82 82 91 / var(--tw-border-opacity))
 }
 .active\:border-zinc-500:active{
@@ -8728,9 +8697,9 @@ trix-editor {
   border-color:rgb(113 113 122 / var(--tw-border-opacity))
 }
-.active\:border-zinc-700:active{
+.active\:border-neutral-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(63 63 70 / var(--tw-border-opacity))
+  border-color:rgb(82 82 82 / var(--tw-border-opacity))
 }
 .active\:border-neutral-500:active{
@@ -8738,9 +8707,9 @@ trix-editor {
   border-color:rgb(115 115 115 / var(--tw-border-opacity))
 }
-.active\:border-neutral-700:active{
+.active\:border-stone-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(64 64 64 / var(--tw-border-opacity))
+  border-color:rgb(87 83 78 / var(--tw-border-opacity))
 }
 .active\:border-stone-500:active{
@@ -8748,9 +8717,9 @@ trix-editor {
   border-color:rgb(120 113 108 / var(--tw-border-opacity))
 }
-.active\:border-stone-700:active{
+.active\:border-red-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(68 64 60 / var(--tw-border-opacity))
+  border-color:rgb(220 38 38 / var(--tw-border-opacity))
 }
 .active\:border-red-500:active{
@@ -8758,9 +8727,9 @@ trix-editor {
   border-color:rgb(239 68 68 / var(--tw-border-opacity))
 }
-.active\:border-red-700:active{
+.active\:border-orange-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(185 28 28 / var(--tw-border-opacity))
+  border-color:rgb(234 88 12 / var(--tw-border-opacity))
 }
 .active\:border-orange-500:active{
@@ -8768,9 +8737,9 @@ trix-editor {
   border-color:rgb(249 115 22 / var(--tw-border-opacity))
 }
-.active\:border-orange-700:active{
+.active\:border-amber-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(194 65 12 / var(--tw-border-opacity))
+  border-color:rgb(217 119 6 / var(--tw-border-opacity))
 }
 .active\:border-amber-500:active{
@@ -8778,9 +8747,9 @@ trix-editor {
   border-color:rgb(245 158 11 / var(--tw-border-opacity))
 }
-.active\:border-amber-700:active{
+.active\:border-yellow-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(180 83 9 / var(--tw-border-opacity))
+  border-color:rgb(202 138 4 / var(--tw-border-opacity))
 }
 .active\:border-yellow-500:active{
@@ -8788,9 +8757,9 @@ trix-editor {
   border-color:rgb(234 179 8 / var(--tw-border-opacity))
 }
-.active\:border-yellow-700:active{
+.active\:border-lime-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(161 98 7 / var(--tw-border-opacity))
+  border-color:rgb(101 163 13 / var(--tw-border-opacity))
 }
 .active\:border-lime-500:active{
@@ -8798,9 +8767,9 @@ trix-editor {
   border-color:rgb(132 204 22 / var(--tw-border-opacity))
 }
-.active\:border-lime-700:active{
+.active\:border-green-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(77 124 15 / var(--tw-border-opacity))
+  border-color:rgb(22 163 74 / var(--tw-border-opacity))
 }
 .active\:border-green-500:active{
@@ -8808,9 +8777,9 @@ trix-editor {
   border-color:rgb(34 197 94 / var(--tw-border-opacity))
 }
-.active\:border-green-700:active{
+.active\:border-emerald-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(21 128 61 / var(--tw-border-opacity))
+  border-color:rgb(5 150 105 / var(--tw-border-opacity))
 }
 .active\:border-emerald-500:active{
@@ -8818,9 +8787,9 @@ trix-editor {
   border-color:rgb(16 185 129 / var(--tw-border-opacity))
 }
-.active\:border-emerald-700:active{
+.active\:border-teal-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(4 120 87 / var(--tw-border-opacity))
+  border-color:rgb(13 148 136 / var(--tw-border-opacity))
 }
 .active\:border-teal-500:active{
@@ -8828,9 +8797,9 @@ trix-editor {
   border-color:rgb(20 184 166 / var(--tw-border-opacity))
 }
-.active\:border-teal-700:active{
+.active\:border-cyan-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(15 118 110 / var(--tw-border-opacity))
+  border-color:rgb(8 145 178 / var(--tw-border-opacity))
 }
 .active\:border-cyan-500:active{
@@ -8838,9 +8807,9 @@ trix-editor {
   border-color:rgb(6 182 212 / var(--tw-border-opacity))
 }
-.active\:border-cyan-700:active{
+.active\:border-sky-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(14 116 144 / var(--tw-border-opacity))
+  border-color:rgb(2 132 199 / var(--tw-border-opacity))
 }
 .active\:border-sky-500:active{
@@ -8848,9 +8817,9 @@ trix-editor {
   border-color:rgb(14 165 233 / var(--tw-border-opacity))
 }
-.active\:border-sky-700:active{
+.active\:border-blue-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(3 105 161 / var(--tw-border-opacity))
+  border-color:rgb(6 107 178 / var(--tw-border-opacity))
 }
 .active\:border-blue-500:active{
@@ -8858,9 +8827,9 @@ trix-editor {
   border-color:rgb(8 134 222 / var(--tw-border-opacity))
 }
-.active\:border-blue-700:active{
+.active\:border-indigo-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(5 80 133 / var(--tw-border-opacity))
+  border-color:rgb(79 70 229 / var(--tw-border-opacity))
 }
 .active\:border-indigo-500:active{
@@ -8868,9 +8837,9 @@ trix-editor {
   border-color:rgb(99 102 241 / var(--tw-border-opacity))
 }
-.active\:border-indigo-700:active{
+.active\:border-violet-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(67 56 202 / var(--tw-border-opacity))
+  border-color:rgb(124 58 237 / var(--tw-border-opacity))
 }
 .active\:border-violet-500:active{
@@ -8878,9 +8847,9 @@ trix-editor {
   border-color:rgb(139 92 246 / var(--tw-border-opacity))
 }
-.active\:border-violet-700:active{
+.active\:border-purple-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(109 40 217 / var(--tw-border-opacity))
+  border-color:rgb(147 51 234 / var(--tw-border-opacity))
 }
 .active\:border-purple-500:active{
@@ -8888,9 +8857,9 @@ trix-editor {
   border-color:rgb(168 85 247 / var(--tw-border-opacity))
 }
-.active\:border-purple-700:active{
+.active\:border-fuchsia-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(126 34 206 / var(--tw-border-opacity))
+  border-color:rgb(192 38 211 / var(--tw-border-opacity))
 }
 .active\:border-fuchsia-500:active{
@@ -8898,9 +8867,9 @@ trix-editor {
   border-color:rgb(217 70 239 / var(--tw-border-opacity))
 }
-.active\:border-fuchsia-700:active{
+.active\:border-pink-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(162 28 175 / var(--tw-border-opacity))
+  border-color:rgb(219 39 119 / var(--tw-border-opacity))
 }
 .active\:border-pink-500:active{
@@ -8908,9 +8877,9 @@ trix-editor {
   border-color:rgb(236 72 153 / var(--tw-border-opacity))
 }
-.active\:border-pink-700:active{
+.active\:border-rose-600:active{
   --tw-border-opacity:1;
-  border-color:rgb(190 24 93 / var(--tw-border-opacity))
+  border-color:rgb(225 29 72 / var(--tw-border-opacity))
 }
 .active\:border-rose-500:active{
@@ -8918,24 +8887,12 @@ trix-editor {
   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-600:active{
+  border-color:rgb(var(--color-primary-600))
 }
 .active\:border-primary-500:active{
-  --tw-border-opacity:1;
-  border-color:rgb(8 134 222 / var(--tw-border-opacity))
-}
-.active\:border-primary-700:active{
-  --tw-border-opacity:1;
-  border-color:rgb(5 80 133 / var(--tw-border-opacity))
-}
-.active\:bg-slate-100:active{
-  --tw-bg-opacity:1;
-  background-color:rgb(241 245 249 / var(--tw-bg-opacity))
+  border-color:rgb(var(--color-primary-500))
 }
 .active\:bg-slate-600:active{
@@ -8943,9 +8900,9 @@ trix-editor {
   background-color:rgb(71 85 105 / var(--tw-bg-opacity))
 }
-.active\:bg-gray-100:active{
+.active\:bg-slate-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(227 229 232 / var(--tw-bg-opacity))
+  background-color:rgb(241 245 249 / var(--tw-bg-opacity))
 }
 .active\:bg-gray-600:active{
@@ -8953,9 +8910,9 @@ trix-editor {
   background-color:rgb(94 100 110 / var(--tw-bg-opacity))
 }
-.active\:bg-zinc-100:active{
+.active\:bg-gray-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(244 244 245 / var(--tw-bg-opacity))
+  background-color:rgb(227 229 232 / var(--tw-bg-opacity))
 }
 .active\:bg-zinc-600:active{
@@ -8963,9 +8920,9 @@ trix-editor {
   background-color:rgb(82 82 91 / var(--tw-bg-opacity))
 }
-.active\:bg-neutral-100:active{
+.active\:bg-zinc-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(245 245 245 / var(--tw-bg-opacity))
+  background-color:rgb(244 244 245 / var(--tw-bg-opacity))
 }
 .active\:bg-neutral-600:active{
@@ -8973,9 +8930,9 @@ trix-editor {
   background-color:rgb(82 82 82 / var(--tw-bg-opacity))
 }
-.active\:bg-stone-100:active{
+.active\:bg-neutral-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(245 245 244 / var(--tw-bg-opacity))
+  background-color:rgb(245 245 245 / var(--tw-bg-opacity))
 }
 .active\:bg-stone-600:active{
@@ -8983,9 +8940,9 @@ trix-editor {
   background-color:rgb(87 83 78 / var(--tw-bg-opacity))
 }
-.active\:bg-red-100:active{
+.active\:bg-stone-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(254 226 226 / var(--tw-bg-opacity))
+  background-color:rgb(245 245 244 / var(--tw-bg-opacity))
 }
 .active\:bg-red-600:active{
@@ -8993,9 +8950,9 @@ trix-editor {
   background-color:rgb(220 38 38 / var(--tw-bg-opacity))
 }
-.active\:bg-orange-100:active{
+.active\:bg-red-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(255 237 213 / var(--tw-bg-opacity))
+  background-color:rgb(254 226 226 / var(--tw-bg-opacity))
 }
 .active\:bg-orange-600:active{
@@ -9003,9 +8960,9 @@ trix-editor {
   background-color:rgb(234 88 12 / var(--tw-bg-opacity))
 }
-.active\:bg-amber-100:active{
+.active\:bg-orange-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(254 243 199 / var(--tw-bg-opacity))
+  background-color:rgb(255 237 213 / var(--tw-bg-opacity))
 }
 .active\:bg-amber-600:active{
@@ -9013,9 +8970,9 @@ trix-editor {
   background-color:rgb(217 119 6 / var(--tw-bg-opacity))
 }
-.active\:bg-yellow-100:active{
+.active\:bg-amber-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(254 249 195 / var(--tw-bg-opacity))
+  background-color:rgb(254 243 199 / var(--tw-bg-opacity))
 }
 .active\:bg-yellow-600:active{
@@ -9023,9 +8980,9 @@ trix-editor {
   background-color:rgb(202 138 4 / var(--tw-bg-opacity))
 }
-.active\:bg-lime-100:active{
+.active\:bg-yellow-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(236 252 203 / var(--tw-bg-opacity))
+  background-color:rgb(254 249 195 / var(--tw-bg-opacity))
 }
 .active\:bg-lime-600:active{
@@ -9033,9 +8990,9 @@ trix-editor {
   background-color:rgb(101 163 13 / var(--tw-bg-opacity))
 }
-.active\:bg-green-100:active{
+.active\:bg-lime-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(220 252 231 / var(--tw-bg-opacity))
+  background-color:rgb(236 252 203 / var(--tw-bg-opacity))
 }
 .active\:bg-green-600:active{
@@ -9043,9 +9000,9 @@ trix-editor {
   background-color:rgb(22 163 74 / var(--tw-bg-opacity))
 }
-.active\:bg-emerald-100:active{
+.active\:bg-green-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(209 250 229 / var(--tw-bg-opacity))
+  background-color:rgb(220 252 231 / var(--tw-bg-opacity))
 }
 .active\:bg-emerald-600:active{
@@ -9053,9 +9010,9 @@ trix-editor {
   background-color:rgb(5 150 105 / var(--tw-bg-opacity))
 }
-.active\:bg-teal-100:active{
+.active\:bg-emerald-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(204 251 241 / var(--tw-bg-opacity))
+  background-color:rgb(209 250 229 / var(--tw-bg-opacity))
 }
 .active\:bg-teal-600:active{
@@ -9063,9 +9020,9 @@ trix-editor {
   background-color:rgb(13 148 136 / var(--tw-bg-opacity))
 }
-.active\:bg-cyan-100:active{
+.active\:bg-teal-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(207 250 254 / var(--tw-bg-opacity))
+  background-color:rgb(204 251 241 / var(--tw-bg-opacity))
 }
 .active\:bg-cyan-600:active{
@@ -9073,9 +9030,9 @@ trix-editor {
   background-color:rgb(8 145 178 / var(--tw-bg-opacity))
 }
-.active\:bg-sky-100:active{
+.active\:bg-cyan-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(224 242 254 / var(--tw-bg-opacity))
+  background-color:rgb(207 250 254 / var(--tw-bg-opacity))
 }
 .active\:bg-sky-600:active{
@@ -9083,9 +9040,9 @@ trix-editor {
   background-color:rgb(2 132 199 / var(--tw-bg-opacity))
 }
-.active\:bg-blue-100:active{
+.active\:bg-sky-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(206 231 248 / var(--tw-bg-opacity))
+  background-color:rgb(224 242 254 / var(--tw-bg-opacity))
 }
 .active\:bg-blue-600:active{
@@ -9093,9 +9050,9 @@ trix-editor {
   background-color:rgb(6 107 178 / var(--tw-bg-opacity))
 }
-.active\:bg-indigo-100:active{
+.active\:bg-blue-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(224 231 255 / var(--tw-bg-opacity))
+  background-color:rgb(206 231 248 / var(--tw-bg-opacity))
 }
 .active\:bg-indigo-600:active{
@@ -9103,9 +9060,9 @@ trix-editor {
   background-color:rgb(79 70 229 / var(--tw-bg-opacity))
 }
-.active\:bg-violet-100:active{
+.active\:bg-indigo-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(237 233 254 / var(--tw-bg-opacity))
+  background-color:rgb(224 231 255 / var(--tw-bg-opacity))
 }
 .active\:bg-violet-600:active{
@@ -9113,9 +9070,9 @@ trix-editor {
   background-color:rgb(124 58 237 / var(--tw-bg-opacity))
 }
-.active\:bg-purple-100:active{
+.active\:bg-violet-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(243 232 255 / var(--tw-bg-opacity))
+  background-color:rgb(237 233 254 / var(--tw-bg-opacity))
 }
 .active\:bg-purple-600:active{
@@ -9123,9 +9080,9 @@ trix-editor {
   background-color:rgb(147 51 234 / var(--tw-bg-opacity))
 }
-.active\:bg-fuchsia-100:active{
+.active\:bg-purple-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(250 232 255 / var(--tw-bg-opacity))
+  background-color:rgb(243 232 255 / var(--tw-bg-opacity))
 }
 .active\:bg-fuchsia-600:active{
@@ -9133,9 +9090,9 @@ trix-editor {
   background-color:rgb(192 38 211 / var(--tw-bg-opacity))
 }
-.active\:bg-pink-100:active{
+.active\:bg-fuchsia-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(252 231 243 / var(--tw-bg-opacity))
+  background-color:rgb(250 232 255 / var(--tw-bg-opacity))
 }
 .active\:bg-pink-600:active{
@@ -9143,9 +9100,9 @@ trix-editor {
   background-color:rgb(219 39 119 / var(--tw-bg-opacity))
 }
-.active\:bg-rose-100:active{
+.active\:bg-pink-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(255 228 230 / var(--tw-bg-opacity))
+  background-color:rgb(252 231 243 / var(--tw-bg-opacity))
 }
 .active\:bg-rose-600:active{
@@ -9153,24 +9110,17 @@ trix-editor {
   background-color:rgb(225 29 72 / var(--tw-bg-opacity))
 }
-.active\:bg-primary-100:active{
+.active\:bg-rose-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(206 231 248 / var(--tw-bg-opacity))
+  background-color:rgb(255 228 230 / var(--tw-bg-opacity))
 }
 .active\:bg-primary-600:active{
-  --tw-bg-opacity:1;
-  background-color:rgb(6 107 178 / var(--tw-bg-opacity))
-}
-.active\:text-gray-700:active{
-  --tw-text-opacity:1;
-  color:rgb(70 75 83 / var(--tw-text-opacity))
+  background-color:rgb(var(--color-primary-600))
 }
-.active\:text-gray-500:active{
-  --tw-text-opacity:1;
-  color:rgb(117 125 138 / var(--tw-text-opacity))
+.active\:bg-primary-100:active{
+  background-color:rgb(var(--color-primary-100))
 }
 .active\:outline:active{
@@ -9181,96 +9131,188 @@ trix-editor {
   outline-width:1px
 }
+.active\:outline-slate-600:active{
+  outline-color:#475569
+}
 .active\:outline-slate-500:active{
   outline-color:#64748b
 }
+.active\:outline-gray-600:active{
+  outline-color:#5E646E
+}
 .active\:outline-gray-500:active{
   outline-color:#757D8A
 }
+.active\:outline-zinc-600:active{
+  outline-color:#52525b
+}
 .active\:outline-zinc-500:active{
   outline-color:#71717a
 }
+.active\:outline-neutral-600:active{
+  outline-color:#525252
+}
 .active\:outline-neutral-500:active{
   outline-color:#737373
 }
+.active\:outline-stone-600:active{
+  outline-color:#57534e
+}
 .active\:outline-stone-500:active{
   outline-color:#78716c
 }
+.active\:outline-red-600:active{
+  outline-color:#dc2626
+}
 .active\:outline-red-500:active{
   outline-color:#ef4444
 }
+.active\:outline-orange-600:active{
+  outline-color:#ea580c
+}
 .active\:outline-orange-500:active{
   outline-color:#f97316
 }
+.active\:outline-amber-600:active{
+  outline-color:#d97706
+}
 .active\:outline-amber-500:active{
   outline-color:#f59e0b
 }
+.active\:outline-yellow-600:active{
+  outline-color:#ca8a04
+}
 .active\:outline-yellow-500:active{
   outline-color:#eab308
 }
+.active\:outline-lime-600:active{
+  outline-color:#65a30d
+}
 .active\:outline-lime-500:active{
   outline-color:#84cc16
 }
+.active\:outline-green-600:active{
+  outline-color:#16a34a
+}
 .active\:outline-green-500:active{
   outline-color:#22c55e
 }
+.active\:outline-emerald-600:active{
+  outline-color:#059669
+}
 .active\:outline-emerald-500:active{
   outline-color:#10b981
 }
+.active\:outline-teal-600:active{
+  outline-color:#0d9488
+}
 .active\:outline-teal-500:active{
   outline-color:#14b8a6
 }
+.active\:outline-cyan-600:active{
+  outline-color:#0891b2
+}
 .active\:outline-cyan-500:active{
   outline-color:#06b6d4
 }
+.active\:outline-sky-600:active{
+  outline-color:#0284c7
+}
 .active\:outline-sky-500:active{
   outline-color:#0ea5e9
 }
+.active\:outline-blue-600:active{
+  outline-color:#066BB2
+}
 .active\:outline-blue-500:active{
   outline-color:#0886DE
 }
+.active\:outline-indigo-600:active{
+  outline-color:#4f46e5
+}
 .active\:outline-indigo-500:active{
   outline-color:#6366f1
 }
+.active\:outline-violet-600:active{
+  outline-color:#7c3aed
+}
 .active\:outline-violet-500:active{
   outline-color:#8b5cf6
 }
+.active\:outline-purple-600:active{
+  outline-color:#9333ea
+}
 .active\:outline-purple-500:active{
   outline-color:#a855f7
 }
+.active\:outline-fuchsia-600:active{
+  outline-color:#c026d3
+}
 .active\:outline-fuchsia-500:active{
   outline-color:#d946ef
 }
+.active\:outline-pink-600:active{
+  outline-color:#db2777
+}
 .active\:outline-pink-500:active{
   outline-color:#ec4899
 }
+.active\:outline-rose-600:active{
+  outline-color:#e11d48
+}
 .active\:outline-rose-500:active{
   outline-color:#f43f5e
 }
+.active\:outline-primary-600:active{
+  outline-color:rgb(var(--color-primary-600))
+}
 .active\:outline-primary-500:active{
-  outline-color:#0886DE
+  outline-color:rgb(var(--color-primary-500))
 }
 .disabled\:cursor-not-allowed:disabled{
@@ -9468,10 +9510,6 @@ trix-editor {
 }
 @media (min-width: 768px){
-  .md\:inline-flex{
-    display:inline-flex
-  }
   .md\:h-14{
     height:3.5rem
   }