avo 2.14.3.pre.1.branding → 2.14.3.pre.2.tailwindcss

Sign up to get free protection for your applications and to get access to all the features.

Potentially problematic release.


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

Files changed (65) hide show
  1. checksums.yaml +4 -4
  2. data/Gemfile.lock +1 -1
  3. data/app/assets/stylesheets/{avo.css → avo.base.css} +34 -1
  4. data/app/assets/stylesheets/css/fields/progress.css +3 -3
  5. data/app/assets/stylesheets/css/pagination.css +4 -0
  6. data/app/assets/stylesheets/css/search.css +1 -1
  7. data/app/assets/stylesheets/css/sidebar.css +1 -1
  8. data/app/assets/stylesheets/css/tags.css +0 -7
  9. data/app/assets/svgs/failed_to_load.svg +5 -4
  10. data/app/assets/svgs/grid-empty-state.svg +11 -10
  11. data/app/assets/svgs/table-empty-state.svg +12 -11
  12. data/app/components/avo/actions_component.html.erb +2 -2
  13. data/app/components/avo/actions_component.rb +1 -1
  14. data/app/components/avo/button_component.html.erb +1 -0
  15. data/app/components/avo/button_component.rb +2 -2
  16. data/app/components/avo/fields/boolean_field/edit_component.html.erb +1 -1
  17. data/app/components/avo/fields/common/progress_bar_component.html.erb +1 -1
  18. data/app/components/avo/fields/common/progress_bar_component.rb +1 -11
  19. data/app/components/avo/fields/common/single_file_viewer_component.html.erb +1 -1
  20. data/app/components/avo/fields/progress_bar_field/index_component.html.erb +1 -1
  21. data/app/components/avo/fields/progress_bar_field/show_component.html.erb +1 -1
  22. data/app/components/avo/fields/tags_field/edit_component.html.erb +1 -1
  23. data/app/components/avo/index/resource_grid_component.html.erb +1 -2
  24. data/app/components/avo/index/resource_table_component.html.erb +1 -2
  25. data/app/components/avo/profile_item_component.html.erb +1 -1
  26. data/app/components/avo/sidebar_component.html.erb +1 -1
  27. data/app/components/avo/sidebar_profile_component.html.erb +1 -1
  28. data/app/helpers/avo/actions_helper.rb +4 -0
  29. data/app/helpers/avo/attachments_helper.rb +4 -0
  30. data/app/helpers/avo/resources_helper.rb +16 -20
  31. data/app/javascript/{avo.js → avo.base.js} +1 -0
  32. data/app/javascript/js/controllers/fields/trix_field_controller.js +3 -4
  33. data/app/javascript/js/controllers/item_select_all_controller.js +9 -16
  34. data/app/javascript/js/controllers/item_selector_controller.js +1 -1
  35. data/app/views/avo/actions/show.html.erb +2 -2
  36. data/app/views/avo/associations/new.html.erb +2 -2
  37. data/app/views/avo/base/_multiple_select_filter.html.erb +1 -1
  38. data/app/views/avo/base/_text_filter.html.erb +1 -1
  39. data/app/views/avo/partials/_header.html.erb +1 -1
  40. data/app/views/avo/partials/_logo.html.erb +2 -2
  41. data/app/views/avo/private/_links_and_buttons.html.erb +1 -1
  42. data/app/views/avo/private/design.html.erb +3 -3
  43. data/app/views/kaminari/_first_page.html.erb +3 -0
  44. data/app/views/kaminari/_last_page.html.erb +3 -0
  45. data/app/views/kaminari/_next_page.html.erb +9 -0
  46. data/app/views/kaminari/_page.html.erb +12 -0
  47. data/app/views/kaminari/_prev_page.html.erb +9 -0
  48. data/app/views/layouts/avo/application.html.erb +4 -5
  49. data/lib/avo/configuration.rb +0 -5
  50. data/lib/avo/dashboards/chartkick_card.rb +1 -1
  51. data/lib/avo/licensing/pro_license.rb +0 -1
  52. data/lib/avo/version.rb +1 -1
  53. data/lib/generators/avo/base_generator.rb +5 -1
  54. data/lib/generators/avo/tailwindcss/install_generator.rb +54 -0
  55. data/lib/generators/avo/templates/initializer/avo.tt +0 -15
  56. data/lib/generators/avo/templates/tailwindcss/Procfile.dev +2 -0
  57. data/lib/generators/avo/templates/tailwindcss/avo.tailwind.css +13 -0
  58. data/lib/tasks/avo_tasks.rake +8 -8
  59. data/lib/tasks/tailwindcss_rails.rake +24 -0
  60. data/public/avo-assets/{avo.css → avo.base.css} +284 -298
  61. data/public/avo-assets/{avo.js → avo.base.js} +3 -3
  62. data/public/avo-assets/{avo.js.map → avo.base.js.map} +3 -3
  63. metadata +19 -9
  64. data/app/views/avo/partials/_branding.html.erb +0 -5
  65. data/lib/avo/configuration/branding.rb +0 -70
@@ -3832,7 +3832,8 @@ select{
3832
3832
  }
3833
3833
 
3834
3834
  a{
3835
- color:rgb(var(--color-primary-500))
3835
+ --tw-text-opacity:1;
3836
+ color:rgb(8 134 222 / var(--tw-text-opacity))
3836
3837
  }
3837
3838
 
3838
3839
  *, ::before, ::after{
@@ -4229,6 +4230,11 @@ svg.tea #steamR {
4229
4230
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4230
4231
  }
4231
4232
 
4233
+ .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{
4234
+ --tw-border-opacity:1;
4235
+ border-color:rgb(107 182 235 / var(--tw-border-opacity))
4236
+ }
4237
+
4232
4238
  .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{
4233
4239
  --tw-bg-opacity:1;
4234
4240
  background-color:rgb(214 216 220 / var(--tw-bg-opacity))
@@ -4478,7 +4484,8 @@ button.aa-DetachedCancelButton {
4478
4484
  }
4479
4485
 
4480
4486
  .aa-DetachedContainer .aa-Source .aa-List .aa-Item[aria-selected=true]{
4481
- background-color:rgb(var(--color-primary-500))
4487
+ --tw-bg-opacity:1;
4488
+ background-color:rgb(8 134 222 / var(--tw-bg-opacity))
4482
4489
  }
4483
4490
 
4484
4491
  .aa-DetachedContainer .aa-Source .aa-List .aa-Item[aria-selected=true]{
@@ -4569,8 +4576,10 @@ body.os-pc .mac-styled-scrollbar:hover::-webkit-scrollbar-thumb {
4569
4576
  }
4570
4577
 
4571
4578
  .application-sidebar .active:hover, .application-sidebar .active{
4572
- background-color:rgb(var(--color-primary-100));
4573
- color:rgb(var(--color-primary-500))
4579
+ --tw-bg-opacity:1;
4580
+ background-color:rgb(206 231 248 / var(--tw-bg-opacity));
4581
+ --tw-text-opacity:1;
4582
+ color:rgb(8 134 222 / var(--tw-text-opacity))
4574
4583
  }
4575
4584
 
4576
4585
  /* remove the left padding. */
@@ -4628,15 +4637,6 @@ body.os-pc .mac-styled-scrollbar:hover::-webkit-scrollbar-thumb {
4628
4637
 
4629
4638
  tags.tagify {
4630
4639
  --tag-inset-shadow-size: 3em;
4631
- --tags-border-color: rgb(var(--color-primary-500));
4632
- --tags-hover-border-color: rgb(var(--color-primary-500));
4633
- }
4634
-
4635
- .tagify__dropdown {
4636
- --tagify-dd-color-primary: rgb(var(--color-primary-500));
4637
- }
4638
-
4639
- tags.tagify{
4640
4640
  padding:0px !important;
4641
4641
  }
4642
4642
 
@@ -5574,7 +5574,7 @@ progress{
5574
5574
  border-radius:0.25rem;
5575
5575
  border-width:1px;
5576
5576
  --tw-border-opacity:1;
5577
- border-color:rgb(148 163 184 / var(--tw-border-opacity));
5577
+ border-color:rgb(145 151 161 / var(--tw-border-opacity));
5578
5578
  --tw-bg-opacity:1;
5579
5579
  background-color:rgb(255 255 255 / var(--tw-bg-opacity));
5580
5580
  --tw-shadow:inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
@@ -5596,13 +5596,15 @@ progress[value]::-webkit-progress-bar{
5596
5596
 
5597
5597
  progress[value]::-webkit-progress-value{
5598
5598
  border-radius:0.25rem;
5599
- background-color:rgb(var(--color-primary-500))
5599
+ --tw-bg-opacity:1;
5600
+ background-color:rgb(22 163 74 / var(--tw-bg-opacity))
5600
5601
  }
5601
5602
 
5602
5603
  progress[value]::-moz-progress-bar{
5603
5604
  appearance:none;
5604
5605
  border-radius:0.25rem;
5605
- background-color:rgb(var(--color-primary-500))
5606
+ --tw-bg-opacity:1;
5607
+ background-color:rgb(22 163 74 / var(--tw-bg-opacity))
5606
5608
  }
5607
5609
 
5608
5610
  /*
@@ -6433,8 +6435,16 @@ trix-editor .attachment__metadata .attachment__size {
6433
6435
  margin-right:1.5rem
6434
6436
  }
6435
6437
 
6436
- .mt-3{
6437
- margin-top:0.75rem
6438
+ .mt-2{
6439
+ margin-top:0.5rem
6440
+ }
6441
+
6442
+ .ml-3{
6443
+ margin-left:0.75rem
6444
+ }
6445
+
6446
+ .-ml-px{
6447
+ margin-left:-1px
6438
6448
  }
6439
6449
 
6440
6450
  .mt-4{
@@ -6457,10 +6467,6 @@ trix-editor .attachment__metadata .attachment__size {
6457
6467
  margin-bottom:0px
6458
6468
  }
6459
6469
 
6460
- .mt-2{
6461
- margin-top:0.5rem
6462
- }
6463
-
6464
6470
  .mt-1{
6465
6471
  margin-top:0.25rem
6466
6472
  }
@@ -6513,10 +6519,6 @@ trix-editor .attachment__metadata .attachment__size {
6513
6519
  margin-left:8.333333%
6514
6520
  }
6515
6521
 
6516
- .ml-3{
6517
- margin-left:0.75rem
6518
- }
6519
-
6520
6522
  .ml-4{
6521
6523
  margin-left:1rem
6522
6524
  }
@@ -7147,6 +7149,16 @@ trix-editor .attachment__metadata .attachment__size {
7147
7149
  border-radius:1rem
7148
7150
  }
7149
7151
 
7152
+ .rounded-r-md{
7153
+ border-top-right-radius:0.375rem;
7154
+ border-bottom-right-radius:0.375rem
7155
+ }
7156
+
7157
+ .rounded-l-md{
7158
+ border-top-left-radius:0.375rem;
7159
+ border-bottom-left-radius:0.375rem
7160
+ }
7161
+
7150
7162
  .rounded-l{
7151
7163
  border-top-left-radius:0.25rem;
7152
7164
  border-bottom-left-radius:0.25rem
@@ -7312,7 +7324,8 @@ trix-editor .attachment__metadata .attachment__size {
7312
7324
  }
7313
7325
 
7314
7326
  .border-primary-500{
7315
- border-color:rgb(var(--color-primary-500))
7327
+ --tw-border-opacity:1;
7328
+ border-color:rgb(8 134 222 / var(--tw-border-opacity))
7316
7329
  }
7317
7330
 
7318
7331
  .border-red-600{
@@ -7330,6 +7343,11 @@ trix-editor .attachment__metadata .attachment__size {
7330
7343
  border-color:rgb(172 177 185 / var(--tw-border-opacity))
7331
7344
  }
7332
7345
 
7346
+ .border-primary-300{
7347
+ --tw-border-opacity:1;
7348
+ border-color:rgb(107 182 235 / var(--tw-border-opacity))
7349
+ }
7350
+
7333
7351
  .border-gray-600{
7334
7352
  --tw-border-opacity:1;
7335
7353
  border-color:rgb(94 100 110 / var(--tw-border-opacity))
@@ -7359,11 +7377,6 @@ trix-editor .attachment__metadata .attachment__size {
7359
7377
  border-color:rgb(203 213 225 / var(--tw-border-opacity))
7360
7378
  }
7361
7379
 
7362
- .border-gray-150{
7363
- --tw-border-opacity:1;
7364
- border-color:rgb(214 216 220 / var(--tw-border-opacity))
7365
- }
7366
-
7367
7380
  .bg-slate-500{
7368
7381
  --tw-bg-opacity:1;
7369
7382
  background-color:rgb(100 116 139 / var(--tw-bg-opacity))
@@ -7475,7 +7488,8 @@ trix-editor .attachment__metadata .attachment__size {
7475
7488
  }
7476
7489
 
7477
7490
  .bg-primary-500{
7478
- background-color:rgb(var(--color-primary-500))
7491
+ --tw-bg-opacity:1;
7492
+ background-color:rgb(8 134 222 / var(--tw-bg-opacity))
7479
7493
  }
7480
7494
 
7481
7495
  .bg-red-600{
@@ -7493,14 +7507,14 @@ trix-editor .attachment__metadata .attachment__size {
7493
7507
  background-color:rgb(246 246 247 / var(--tw-bg-opacity))
7494
7508
  }
7495
7509
 
7496
- .bg-orange-700{
7510
+ .bg-gray-100{
7497
7511
  --tw-bg-opacity:1;
7498
- background-color:rgb(194 65 12 / var(--tw-bg-opacity))
7512
+ background-color:rgb(227 229 232 / var(--tw-bg-opacity))
7499
7513
  }
7500
7514
 
7501
- .bg-gray-100{
7515
+ .bg-orange-700{
7502
7516
  --tw-bg-opacity:1;
7503
- background-color:rgb(227 229 232 / var(--tw-bg-opacity))
7517
+ background-color:rgb(194 65 12 / var(--tw-bg-opacity))
7504
7518
  }
7505
7519
 
7506
7520
  .bg-green-700{
@@ -7509,7 +7523,8 @@ trix-editor .attachment__metadata .attachment__size {
7509
7523
  }
7510
7524
 
7511
7525
  .bg-application{
7512
- background-color:rgb(var(--color-application-background))
7526
+ --tw-bg-opacity:1;
7527
+ background-color:rgb(246 246 247 / var(--tw-bg-opacity))
7513
7528
  }
7514
7529
 
7515
7530
  .bg-red-400{
@@ -7816,6 +7831,10 @@ trix-editor .attachment__metadata .attachment__size {
7816
7831
  font-weight:600
7817
7832
  }
7818
7833
 
7834
+ .font-medium{
7835
+ font-weight:500
7836
+ }
7837
+
7819
7838
  .font-normal{
7820
7839
  font-weight:400
7821
7840
  }
@@ -7824,10 +7843,6 @@ trix-editor .attachment__metadata .attachment__size {
7824
7843
  font-weight:700
7825
7844
  }
7826
7845
 
7827
- .font-medium{
7828
- font-weight:500
7829
- }
7830
-
7831
7846
  .uppercase{
7832
7847
  text-transform:uppercase
7833
7848
  }
@@ -7975,7 +7990,8 @@ trix-editor .attachment__metadata .attachment__size {
7975
7990
  }
7976
7991
 
7977
7992
  .text-primary-500{
7978
- color:rgb(var(--color-primary-500))
7993
+ --tw-text-opacity:1;
7994
+ color:rgb(8 134 222 / var(--tw-text-opacity))
7979
7995
  }
7980
7996
 
7981
7997
  .text-white{
@@ -8018,6 +8034,11 @@ trix-editor .attachment__metadata .attachment__size {
8018
8034
  color:rgb(0 0 0 / var(--tw-text-opacity))
8019
8035
  }
8020
8036
 
8037
+ .\!text-blue-700{
8038
+ --tw-text-opacity:1 !important;
8039
+ color:rgb(5 80 133 / var(--tw-text-opacity)) !important
8040
+ }
8041
+
8021
8042
  .text-slate-600{
8022
8043
  --tw-text-opacity:1;
8023
8044
  color:rgb(71 85 105 / var(--tw-text-opacity))
@@ -8211,7 +8232,8 @@ html, body{
8211
8232
  }
8212
8233
 
8213
8234
  .turbo-progress-bar{
8214
- background-color:rgb(var(--color-primary-400))
8235
+ --tw-bg-opacity:1;
8236
+ background-color:rgb(57 158 229 / var(--tw-bg-opacity))
8215
8237
  }
8216
8238
 
8217
8239
  body.os-mac .mac\:hidden {
@@ -8227,16 +8249,40 @@ trix-editor {
8227
8249
  overflow-y: auto;
8228
8250
  }
8229
8251
 
8230
- .checked\:block:checked{
8231
- display:block
8232
- }
8233
-
8234
- .checked\:bg-primary-400:checked{
8235
- background-color:rgb(var(--color-primary-400))
8252
+ .scroll-shadows {
8253
+ background:
8254
+ /* Shadow Cover TOP */
8255
+ linear-gradient(
8256
+ #F6F6F7 30%,
8257
+ #F6F6F7
8258
+ ) center top,
8259
+
8260
+ /* Shadow Cover BOTTOM */
8261
+ linear-gradient(
8262
+ #F6F6F7,
8263
+ #F6F6F7 70%
8264
+ ) center bottom,
8265
+
8266
+ /* Shadow TOP */
8267
+ radial-gradient(
8268
+ farthest-side at 50% 0,
8269
+ rgba(0, 0, 0, 0.2),
8270
+ rgba(0, 0, 0, 0)
8271
+ ) center top,
8272
+
8273
+ /* Shadow BOTTOM */
8274
+ radial-gradient(
8275
+ farthest-side at 50% 100%,
8276
+ rgba(0, 0, 0, 0.2),
8277
+ rgba(0, 0, 0, 0)
8278
+ ) center bottom;
8279
+ background-repeat: no-repeat;
8280
+ background-size: 100% 34px, 100% 34px, 100% 14px, 100% 14px;
8281
+ background-attachment: local, local, scroll, scroll;
8236
8282
  }
8237
8283
 
8238
- .focus-within\:border-primary-500:focus-within{
8239
- border-color:rgb(var(--color-primary-500))
8284
+ .checked\:block:checked{
8285
+ display:block
8240
8286
  }
8241
8287
 
8242
8288
  .hover\:z-\[21\]:hover{
@@ -8354,7 +8400,13 @@ trix-editor {
8354
8400
  }
8355
8401
 
8356
8402
  .hover\:border-primary-600:hover{
8357
- border-color:rgb(var(--color-primary-600))
8403
+ --tw-border-opacity:1;
8404
+ border-color:rgb(6 107 178 / var(--tw-border-opacity))
8405
+ }
8406
+
8407
+ .hover\:bg-slate-100:hover{
8408
+ --tw-bg-opacity:1;
8409
+ background-color:rgb(241 245 249 / var(--tw-bg-opacity))
8358
8410
  }
8359
8411
 
8360
8412
  .hover\:bg-slate-600:hover{
@@ -8362,9 +8414,9 @@ trix-editor {
8362
8414
  background-color:rgb(71 85 105 / var(--tw-bg-opacity))
8363
8415
  }
8364
8416
 
8365
- .hover\:bg-slate-100:hover{
8417
+ .hover\:bg-gray-100:hover{
8366
8418
  --tw-bg-opacity:1;
8367
- background-color:rgb(241 245 249 / var(--tw-bg-opacity))
8419
+ background-color:rgb(227 229 232 / var(--tw-bg-opacity))
8368
8420
  }
8369
8421
 
8370
8422
  .hover\:bg-gray-600:hover{
@@ -8372,9 +8424,9 @@ trix-editor {
8372
8424
  background-color:rgb(94 100 110 / var(--tw-bg-opacity))
8373
8425
  }
8374
8426
 
8375
- .hover\:bg-gray-100:hover{
8427
+ .hover\:bg-zinc-100:hover{
8376
8428
  --tw-bg-opacity:1;
8377
- background-color:rgb(227 229 232 / var(--tw-bg-opacity))
8429
+ background-color:rgb(244 244 245 / var(--tw-bg-opacity))
8378
8430
  }
8379
8431
 
8380
8432
  .hover\:bg-zinc-600:hover{
@@ -8382,9 +8434,9 @@ trix-editor {
8382
8434
  background-color:rgb(82 82 91 / var(--tw-bg-opacity))
8383
8435
  }
8384
8436
 
8385
- .hover\:bg-zinc-100:hover{
8437
+ .hover\:bg-neutral-100:hover{
8386
8438
  --tw-bg-opacity:1;
8387
- background-color:rgb(244 244 245 / var(--tw-bg-opacity))
8439
+ background-color:rgb(245 245 245 / var(--tw-bg-opacity))
8388
8440
  }
8389
8441
 
8390
8442
  .hover\:bg-neutral-600:hover{
@@ -8392,9 +8444,9 @@ trix-editor {
8392
8444
  background-color:rgb(82 82 82 / var(--tw-bg-opacity))
8393
8445
  }
8394
8446
 
8395
- .hover\:bg-neutral-100:hover{
8447
+ .hover\:bg-stone-100:hover{
8396
8448
  --tw-bg-opacity:1;
8397
- background-color:rgb(245 245 245 / var(--tw-bg-opacity))
8449
+ background-color:rgb(245 245 244 / var(--tw-bg-opacity))
8398
8450
  }
8399
8451
 
8400
8452
  .hover\:bg-stone-600:hover{
@@ -8402,9 +8454,9 @@ trix-editor {
8402
8454
  background-color:rgb(87 83 78 / var(--tw-bg-opacity))
8403
8455
  }
8404
8456
 
8405
- .hover\:bg-stone-100:hover{
8457
+ .hover\:bg-red-100:hover{
8406
8458
  --tw-bg-opacity:1;
8407
- background-color:rgb(245 245 244 / var(--tw-bg-opacity))
8459
+ background-color:rgb(254 226 226 / var(--tw-bg-opacity))
8408
8460
  }
8409
8461
 
8410
8462
  .hover\:bg-red-600:hover{
@@ -8412,9 +8464,9 @@ trix-editor {
8412
8464
  background-color:rgb(220 38 38 / var(--tw-bg-opacity))
8413
8465
  }
8414
8466
 
8415
- .hover\:bg-red-100:hover{
8467
+ .hover\:bg-orange-100:hover{
8416
8468
  --tw-bg-opacity:1;
8417
- background-color:rgb(254 226 226 / var(--tw-bg-opacity))
8469
+ background-color:rgb(255 237 213 / var(--tw-bg-opacity))
8418
8470
  }
8419
8471
 
8420
8472
  .hover\:bg-orange-600:hover{
@@ -8422,9 +8474,9 @@ trix-editor {
8422
8474
  background-color:rgb(234 88 12 / var(--tw-bg-opacity))
8423
8475
  }
8424
8476
 
8425
- .hover\:bg-orange-100:hover{
8477
+ .hover\:bg-amber-100:hover{
8426
8478
  --tw-bg-opacity:1;
8427
- background-color:rgb(255 237 213 / var(--tw-bg-opacity))
8479
+ background-color:rgb(254 243 199 / var(--tw-bg-opacity))
8428
8480
  }
8429
8481
 
8430
8482
  .hover\:bg-amber-600:hover{
@@ -8432,9 +8484,9 @@ trix-editor {
8432
8484
  background-color:rgb(217 119 6 / var(--tw-bg-opacity))
8433
8485
  }
8434
8486
 
8435
- .hover\:bg-amber-100:hover{
8487
+ .hover\:bg-yellow-100:hover{
8436
8488
  --tw-bg-opacity:1;
8437
- background-color:rgb(254 243 199 / var(--tw-bg-opacity))
8489
+ background-color:rgb(254 249 195 / var(--tw-bg-opacity))
8438
8490
  }
8439
8491
 
8440
8492
  .hover\:bg-yellow-600:hover{
@@ -8442,9 +8494,9 @@ trix-editor {
8442
8494
  background-color:rgb(202 138 4 / var(--tw-bg-opacity))
8443
8495
  }
8444
8496
 
8445
- .hover\:bg-yellow-100:hover{
8497
+ .hover\:bg-lime-100:hover{
8446
8498
  --tw-bg-opacity:1;
8447
- background-color:rgb(254 249 195 / var(--tw-bg-opacity))
8499
+ background-color:rgb(236 252 203 / var(--tw-bg-opacity))
8448
8500
  }
8449
8501
 
8450
8502
  .hover\:bg-lime-600:hover{
@@ -8452,9 +8504,9 @@ trix-editor {
8452
8504
  background-color:rgb(101 163 13 / var(--tw-bg-opacity))
8453
8505
  }
8454
8506
 
8455
- .hover\:bg-lime-100:hover{
8507
+ .hover\:bg-green-100:hover{
8456
8508
  --tw-bg-opacity:1;
8457
- background-color:rgb(236 252 203 / var(--tw-bg-opacity))
8509
+ background-color:rgb(220 252 231 / var(--tw-bg-opacity))
8458
8510
  }
8459
8511
 
8460
8512
  .hover\:bg-green-600:hover{
@@ -8462,9 +8514,9 @@ trix-editor {
8462
8514
  background-color:rgb(22 163 74 / var(--tw-bg-opacity))
8463
8515
  }
8464
8516
 
8465
- .hover\:bg-green-100:hover{
8517
+ .hover\:bg-emerald-100:hover{
8466
8518
  --tw-bg-opacity:1;
8467
- background-color:rgb(220 252 231 / var(--tw-bg-opacity))
8519
+ background-color:rgb(209 250 229 / var(--tw-bg-opacity))
8468
8520
  }
8469
8521
 
8470
8522
  .hover\:bg-emerald-600:hover{
@@ -8472,9 +8524,9 @@ trix-editor {
8472
8524
  background-color:rgb(5 150 105 / var(--tw-bg-opacity))
8473
8525
  }
8474
8526
 
8475
- .hover\:bg-emerald-100:hover{
8527
+ .hover\:bg-teal-100:hover{
8476
8528
  --tw-bg-opacity:1;
8477
- background-color:rgb(209 250 229 / var(--tw-bg-opacity))
8529
+ background-color:rgb(204 251 241 / var(--tw-bg-opacity))
8478
8530
  }
8479
8531
 
8480
8532
  .hover\:bg-teal-600:hover{
@@ -8482,9 +8534,9 @@ trix-editor {
8482
8534
  background-color:rgb(13 148 136 / var(--tw-bg-opacity))
8483
8535
  }
8484
8536
 
8485
- .hover\:bg-teal-100:hover{
8537
+ .hover\:bg-cyan-100:hover{
8486
8538
  --tw-bg-opacity:1;
8487
- background-color:rgb(204 251 241 / var(--tw-bg-opacity))
8539
+ background-color:rgb(207 250 254 / var(--tw-bg-opacity))
8488
8540
  }
8489
8541
 
8490
8542
  .hover\:bg-cyan-600:hover{
@@ -8492,9 +8544,9 @@ trix-editor {
8492
8544
  background-color:rgb(8 145 178 / var(--tw-bg-opacity))
8493
8545
  }
8494
8546
 
8495
- .hover\:bg-cyan-100:hover{
8547
+ .hover\:bg-sky-100:hover{
8496
8548
  --tw-bg-opacity:1;
8497
- background-color:rgb(207 250 254 / var(--tw-bg-opacity))
8549
+ background-color:rgb(224 242 254 / var(--tw-bg-opacity))
8498
8550
  }
8499
8551
 
8500
8552
  .hover\:bg-sky-600:hover{
@@ -8502,9 +8554,9 @@ trix-editor {
8502
8554
  background-color:rgb(2 132 199 / var(--tw-bg-opacity))
8503
8555
  }
8504
8556
 
8505
- .hover\:bg-sky-100:hover{
8557
+ .hover\:bg-blue-100:hover{
8506
8558
  --tw-bg-opacity:1;
8507
- background-color:rgb(224 242 254 / var(--tw-bg-opacity))
8559
+ background-color:rgb(206 231 248 / var(--tw-bg-opacity))
8508
8560
  }
8509
8561
 
8510
8562
  .hover\:bg-blue-600:hover{
@@ -8512,9 +8564,9 @@ trix-editor {
8512
8564
  background-color:rgb(6 107 178 / var(--tw-bg-opacity))
8513
8565
  }
8514
8566
 
8515
- .hover\:bg-blue-100:hover{
8567
+ .hover\:bg-indigo-100:hover{
8516
8568
  --tw-bg-opacity:1;
8517
- background-color:rgb(206 231 248 / var(--tw-bg-opacity))
8569
+ background-color:rgb(224 231 255 / var(--tw-bg-opacity))
8518
8570
  }
8519
8571
 
8520
8572
  .hover\:bg-indigo-600:hover{
@@ -8522,9 +8574,9 @@ trix-editor {
8522
8574
  background-color:rgb(79 70 229 / var(--tw-bg-opacity))
8523
8575
  }
8524
8576
 
8525
- .hover\:bg-indigo-100:hover{
8577
+ .hover\:bg-violet-100:hover{
8526
8578
  --tw-bg-opacity:1;
8527
- background-color:rgb(224 231 255 / var(--tw-bg-opacity))
8579
+ background-color:rgb(237 233 254 / var(--tw-bg-opacity))
8528
8580
  }
8529
8581
 
8530
8582
  .hover\:bg-violet-600:hover{
@@ -8532,9 +8584,9 @@ trix-editor {
8532
8584
  background-color:rgb(124 58 237 / var(--tw-bg-opacity))
8533
8585
  }
8534
8586
 
8535
- .hover\:bg-violet-100:hover{
8587
+ .hover\:bg-purple-100:hover{
8536
8588
  --tw-bg-opacity:1;
8537
- background-color:rgb(237 233 254 / var(--tw-bg-opacity))
8589
+ background-color:rgb(243 232 255 / var(--tw-bg-opacity))
8538
8590
  }
8539
8591
 
8540
8592
  .hover\:bg-purple-600:hover{
@@ -8542,9 +8594,9 @@ trix-editor {
8542
8594
  background-color:rgb(147 51 234 / var(--tw-bg-opacity))
8543
8595
  }
8544
8596
 
8545
- .hover\:bg-purple-100:hover{
8597
+ .hover\:bg-fuchsia-100:hover{
8546
8598
  --tw-bg-opacity:1;
8547
- background-color:rgb(243 232 255 / var(--tw-bg-opacity))
8599
+ background-color:rgb(250 232 255 / var(--tw-bg-opacity))
8548
8600
  }
8549
8601
 
8550
8602
  .hover\:bg-fuchsia-600:hover{
@@ -8552,9 +8604,9 @@ trix-editor {
8552
8604
  background-color:rgb(192 38 211 / var(--tw-bg-opacity))
8553
8605
  }
8554
8606
 
8555
- .hover\:bg-fuchsia-100:hover{
8607
+ .hover\:bg-pink-100:hover{
8556
8608
  --tw-bg-opacity:1;
8557
- background-color:rgb(250 232 255 / var(--tw-bg-opacity))
8609
+ background-color:rgb(252 231 243 / var(--tw-bg-opacity))
8558
8610
  }
8559
8611
 
8560
8612
  .hover\:bg-pink-600:hover{
@@ -8562,9 +8614,9 @@ trix-editor {
8562
8614
  background-color:rgb(219 39 119 / var(--tw-bg-opacity))
8563
8615
  }
8564
8616
 
8565
- .hover\:bg-pink-100:hover{
8617
+ .hover\:bg-rose-100:hover{
8566
8618
  --tw-bg-opacity:1;
8567
- background-color:rgb(252 231 243 / var(--tw-bg-opacity))
8619
+ background-color:rgb(255 228 230 / var(--tw-bg-opacity))
8568
8620
  }
8569
8621
 
8570
8622
  .hover\:bg-rose-600:hover{
@@ -8572,21 +8624,19 @@ trix-editor {
8572
8624
  background-color:rgb(225 29 72 / var(--tw-bg-opacity))
8573
8625
  }
8574
8626
 
8575
- .hover\:bg-rose-100:hover{
8627
+ .hover\:bg-primary-100:hover{
8576
8628
  --tw-bg-opacity:1;
8577
- background-color:rgb(255 228 230 / var(--tw-bg-opacity))
8629
+ background-color:rgb(206 231 248 / var(--tw-bg-opacity))
8578
8630
  }
8579
8631
 
8580
8632
  .hover\:bg-primary-600:hover{
8581
- background-color:rgb(var(--color-primary-600))
8582
- }
8583
-
8584
- .hover\:bg-primary-100:hover{
8585
- background-color:rgb(var(--color-primary-100))
8633
+ --tw-bg-opacity:1;
8634
+ background-color:rgb(6 107 178 / var(--tw-bg-opacity))
8586
8635
  }
8587
8636
 
8588
- .hover\:bg-primary-500:hover{
8589
- background-color:rgb(var(--color-primary-500))
8637
+ .hover\:bg-blue-500:hover{
8638
+ --tw-bg-opacity:1;
8639
+ background-color:rgb(8 134 222 / var(--tw-bg-opacity))
8590
8640
  }
8591
8641
 
8592
8642
  .hover\:bg-gray-50:hover{
@@ -8599,6 +8649,11 @@ trix-editor {
8599
8649
  color:rgb(117 125 138 / var(--tw-text-opacity))
8600
8650
  }
8601
8651
 
8652
+ .hover\:text-gray-400:hover{
8653
+ --tw-text-opacity:1;
8654
+ color:rgb(145 151 161 / var(--tw-text-opacity))
8655
+ }
8656
+
8602
8657
  .hover\:text-white:hover{
8603
8658
  --tw-text-opacity:1;
8604
8659
  color:rgb(255 255 255 / var(--tw-text-opacity))
@@ -8619,11 +8674,20 @@ trix-editor {
8619
8674
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
8620
8675
  }
8621
8676
 
8677
+ .focus\:z-10:focus{
8678
+ z-index:10
8679
+ }
8680
+
8622
8681
  .focus\:border-gray-600:focus{
8623
8682
  --tw-border-opacity:1;
8624
8683
  border-color:rgb(94 100 110 / var(--tw-border-opacity))
8625
8684
  }
8626
8685
 
8686
+ .focus\:border-blue-300:focus{
8687
+ --tw-border-opacity:1;
8688
+ border-color:rgb(107 182 235 / var(--tw-border-opacity))
8689
+ }
8690
+
8627
8691
  .focus\:border-gray-300:focus{
8628
8692
  --tw-border-opacity:1;
8629
8693
  border-color:rgb(172 177 185 / var(--tw-border-opacity))
@@ -8659,10 +8723,6 @@ trix-editor {
8659
8723
  outline-offset:2px
8660
8724
  }
8661
8725
 
8662
- .focus\:checked\:\!bg-primary-400:checked:focus{
8663
- background-color:rgb(var(--color-primary-400)) !important
8664
- }
8665
-
8666
8726
  .focus-visible\:ring-0:focus-visible{
8667
8727
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
8668
8728
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -8679,19 +8739,14 @@ trix-editor {
8679
8739
  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))
8680
8740
  }
8681
8741
 
8682
- .active\:border-slate-600:active{
8683
- --tw-border-opacity:1;
8684
- border-color:rgb(71 85 105 / var(--tw-border-opacity))
8685
- }
8686
-
8687
8742
  .active\:border-slate-500:active{
8688
8743
  --tw-border-opacity:1;
8689
8744
  border-color:rgb(100 116 139 / var(--tw-border-opacity))
8690
8745
  }
8691
8746
 
8692
- .active\:border-gray-600:active{
8747
+ .active\:border-slate-700:active{
8693
8748
  --tw-border-opacity:1;
8694
- border-color:rgb(94 100 110 / var(--tw-border-opacity))
8749
+ border-color:rgb(51 65 85 / var(--tw-border-opacity))
8695
8750
  }
8696
8751
 
8697
8752
  .active\:border-gray-500:active{
@@ -8699,9 +8754,9 @@ trix-editor {
8699
8754
  border-color:rgb(117 125 138 / var(--tw-border-opacity))
8700
8755
  }
8701
8756
 
8702
- .active\:border-zinc-600:active{
8757
+ .active\:border-gray-700:active{
8703
8758
  --tw-border-opacity:1;
8704
- border-color:rgb(82 82 91 / var(--tw-border-opacity))
8759
+ border-color:rgb(70 75 83 / var(--tw-border-opacity))
8705
8760
  }
8706
8761
 
8707
8762
  .active\:border-zinc-500:active{
@@ -8709,9 +8764,9 @@ trix-editor {
8709
8764
  border-color:rgb(113 113 122 / var(--tw-border-opacity))
8710
8765
  }
8711
8766
 
8712
- .active\:border-neutral-600:active{
8767
+ .active\:border-zinc-700:active{
8713
8768
  --tw-border-opacity:1;
8714
- border-color:rgb(82 82 82 / var(--tw-border-opacity))
8769
+ border-color:rgb(63 63 70 / var(--tw-border-opacity))
8715
8770
  }
8716
8771
 
8717
8772
  .active\:border-neutral-500:active{
@@ -8719,9 +8774,9 @@ trix-editor {
8719
8774
  border-color:rgb(115 115 115 / var(--tw-border-opacity))
8720
8775
  }
8721
8776
 
8722
- .active\:border-stone-600:active{
8777
+ .active\:border-neutral-700:active{
8723
8778
  --tw-border-opacity:1;
8724
- border-color:rgb(87 83 78 / var(--tw-border-opacity))
8779
+ border-color:rgb(64 64 64 / var(--tw-border-opacity))
8725
8780
  }
8726
8781
 
8727
8782
  .active\:border-stone-500:active{
@@ -8729,9 +8784,9 @@ trix-editor {
8729
8784
  border-color:rgb(120 113 108 / var(--tw-border-opacity))
8730
8785
  }
8731
8786
 
8732
- .active\:border-red-600:active{
8787
+ .active\:border-stone-700:active{
8733
8788
  --tw-border-opacity:1;
8734
- border-color:rgb(220 38 38 / var(--tw-border-opacity))
8789
+ border-color:rgb(68 64 60 / var(--tw-border-opacity))
8735
8790
  }
8736
8791
 
8737
8792
  .active\:border-red-500:active{
@@ -8739,9 +8794,9 @@ trix-editor {
8739
8794
  border-color:rgb(239 68 68 / var(--tw-border-opacity))
8740
8795
  }
8741
8796
 
8742
- .active\:border-orange-600:active{
8797
+ .active\:border-red-700:active{
8743
8798
  --tw-border-opacity:1;
8744
- border-color:rgb(234 88 12 / var(--tw-border-opacity))
8799
+ border-color:rgb(185 28 28 / var(--tw-border-opacity))
8745
8800
  }
8746
8801
 
8747
8802
  .active\:border-orange-500:active{
@@ -8749,9 +8804,9 @@ trix-editor {
8749
8804
  border-color:rgb(249 115 22 / var(--tw-border-opacity))
8750
8805
  }
8751
8806
 
8752
- .active\:border-amber-600:active{
8807
+ .active\:border-orange-700:active{
8753
8808
  --tw-border-opacity:1;
8754
- border-color:rgb(217 119 6 / var(--tw-border-opacity))
8809
+ border-color:rgb(194 65 12 / var(--tw-border-opacity))
8755
8810
  }
8756
8811
 
8757
8812
  .active\:border-amber-500:active{
@@ -8759,9 +8814,9 @@ trix-editor {
8759
8814
  border-color:rgb(245 158 11 / var(--tw-border-opacity))
8760
8815
  }
8761
8816
 
8762
- .active\:border-yellow-600:active{
8817
+ .active\:border-amber-700:active{
8763
8818
  --tw-border-opacity:1;
8764
- border-color:rgb(202 138 4 / var(--tw-border-opacity))
8819
+ border-color:rgb(180 83 9 / var(--tw-border-opacity))
8765
8820
  }
8766
8821
 
8767
8822
  .active\:border-yellow-500:active{
@@ -8769,9 +8824,9 @@ trix-editor {
8769
8824
  border-color:rgb(234 179 8 / var(--tw-border-opacity))
8770
8825
  }
8771
8826
 
8772
- .active\:border-lime-600:active{
8827
+ .active\:border-yellow-700:active{
8773
8828
  --tw-border-opacity:1;
8774
- border-color:rgb(101 163 13 / var(--tw-border-opacity))
8829
+ border-color:rgb(161 98 7 / var(--tw-border-opacity))
8775
8830
  }
8776
8831
 
8777
8832
  .active\:border-lime-500:active{
@@ -8779,9 +8834,9 @@ trix-editor {
8779
8834
  border-color:rgb(132 204 22 / var(--tw-border-opacity))
8780
8835
  }
8781
8836
 
8782
- .active\:border-green-600:active{
8837
+ .active\:border-lime-700:active{
8783
8838
  --tw-border-opacity:1;
8784
- border-color:rgb(22 163 74 / var(--tw-border-opacity))
8839
+ border-color:rgb(77 124 15 / var(--tw-border-opacity))
8785
8840
  }
8786
8841
 
8787
8842
  .active\:border-green-500:active{
@@ -8789,9 +8844,9 @@ trix-editor {
8789
8844
  border-color:rgb(34 197 94 / var(--tw-border-opacity))
8790
8845
  }
8791
8846
 
8792
- .active\:border-emerald-600:active{
8847
+ .active\:border-green-700:active{
8793
8848
  --tw-border-opacity:1;
8794
- border-color:rgb(5 150 105 / var(--tw-border-opacity))
8849
+ border-color:rgb(21 128 61 / var(--tw-border-opacity))
8795
8850
  }
8796
8851
 
8797
8852
  .active\:border-emerald-500:active{
@@ -8799,9 +8854,9 @@ trix-editor {
8799
8854
  border-color:rgb(16 185 129 / var(--tw-border-opacity))
8800
8855
  }
8801
8856
 
8802
- .active\:border-teal-600:active{
8857
+ .active\:border-emerald-700:active{
8803
8858
  --tw-border-opacity:1;
8804
- border-color:rgb(13 148 136 / var(--tw-border-opacity))
8859
+ border-color:rgb(4 120 87 / var(--tw-border-opacity))
8805
8860
  }
8806
8861
 
8807
8862
  .active\:border-teal-500:active{
@@ -8809,9 +8864,9 @@ trix-editor {
8809
8864
  border-color:rgb(20 184 166 / var(--tw-border-opacity))
8810
8865
  }
8811
8866
 
8812
- .active\:border-cyan-600:active{
8867
+ .active\:border-teal-700:active{
8813
8868
  --tw-border-opacity:1;
8814
- border-color:rgb(8 145 178 / var(--tw-border-opacity))
8869
+ border-color:rgb(15 118 110 / var(--tw-border-opacity))
8815
8870
  }
8816
8871
 
8817
8872
  .active\:border-cyan-500:active{
@@ -8819,9 +8874,9 @@ trix-editor {
8819
8874
  border-color:rgb(6 182 212 / var(--tw-border-opacity))
8820
8875
  }
8821
8876
 
8822
- .active\:border-sky-600:active{
8877
+ .active\:border-cyan-700:active{
8823
8878
  --tw-border-opacity:1;
8824
- border-color:rgb(2 132 199 / var(--tw-border-opacity))
8879
+ border-color:rgb(14 116 144 / var(--tw-border-opacity))
8825
8880
  }
8826
8881
 
8827
8882
  .active\:border-sky-500:active{
@@ -8829,9 +8884,9 @@ trix-editor {
8829
8884
  border-color:rgb(14 165 233 / var(--tw-border-opacity))
8830
8885
  }
8831
8886
 
8832
- .active\:border-blue-600:active{
8887
+ .active\:border-sky-700:active{
8833
8888
  --tw-border-opacity:1;
8834
- border-color:rgb(6 107 178 / var(--tw-border-opacity))
8889
+ border-color:rgb(3 105 161 / var(--tw-border-opacity))
8835
8890
  }
8836
8891
 
8837
8892
  .active\:border-blue-500:active{
@@ -8839,9 +8894,9 @@ trix-editor {
8839
8894
  border-color:rgb(8 134 222 / var(--tw-border-opacity))
8840
8895
  }
8841
8896
 
8842
- .active\:border-indigo-600:active{
8897
+ .active\:border-blue-700:active{
8843
8898
  --tw-border-opacity:1;
8844
- border-color:rgb(79 70 229 / var(--tw-border-opacity))
8899
+ border-color:rgb(5 80 133 / var(--tw-border-opacity))
8845
8900
  }
8846
8901
 
8847
8902
  .active\:border-indigo-500:active{
@@ -8849,9 +8904,9 @@ trix-editor {
8849
8904
  border-color:rgb(99 102 241 / var(--tw-border-opacity))
8850
8905
  }
8851
8906
 
8852
- .active\:border-violet-600:active{
8907
+ .active\:border-indigo-700:active{
8853
8908
  --tw-border-opacity:1;
8854
- border-color:rgb(124 58 237 / var(--tw-border-opacity))
8909
+ border-color:rgb(67 56 202 / var(--tw-border-opacity))
8855
8910
  }
8856
8911
 
8857
8912
  .active\:border-violet-500:active{
@@ -8859,9 +8914,9 @@ trix-editor {
8859
8914
  border-color:rgb(139 92 246 / var(--tw-border-opacity))
8860
8915
  }
8861
8916
 
8862
- .active\:border-purple-600:active{
8917
+ .active\:border-violet-700:active{
8863
8918
  --tw-border-opacity:1;
8864
- border-color:rgb(147 51 234 / var(--tw-border-opacity))
8919
+ border-color:rgb(109 40 217 / var(--tw-border-opacity))
8865
8920
  }
8866
8921
 
8867
8922
  .active\:border-purple-500:active{
@@ -8869,9 +8924,9 @@ trix-editor {
8869
8924
  border-color:rgb(168 85 247 / var(--tw-border-opacity))
8870
8925
  }
8871
8926
 
8872
- .active\:border-fuchsia-600:active{
8927
+ .active\:border-purple-700:active{
8873
8928
  --tw-border-opacity:1;
8874
- border-color:rgb(192 38 211 / var(--tw-border-opacity))
8929
+ border-color:rgb(126 34 206 / var(--tw-border-opacity))
8875
8930
  }
8876
8931
 
8877
8932
  .active\:border-fuchsia-500:active{
@@ -8879,9 +8934,9 @@ trix-editor {
8879
8934
  border-color:rgb(217 70 239 / var(--tw-border-opacity))
8880
8935
  }
8881
8936
 
8882
- .active\:border-pink-600:active{
8937
+ .active\:border-fuchsia-700:active{
8883
8938
  --tw-border-opacity:1;
8884
- border-color:rgb(219 39 119 / var(--tw-border-opacity))
8939
+ border-color:rgb(162 28 175 / var(--tw-border-opacity))
8885
8940
  }
8886
8941
 
8887
8942
  .active\:border-pink-500:active{
@@ -8889,9 +8944,9 @@ trix-editor {
8889
8944
  border-color:rgb(236 72 153 / var(--tw-border-opacity))
8890
8945
  }
8891
8946
 
8892
- .active\:border-rose-600:active{
8947
+ .active\:border-pink-700:active{
8893
8948
  --tw-border-opacity:1;
8894
- border-color:rgb(225 29 72 / var(--tw-border-opacity))
8949
+ border-color:rgb(190 24 93 / var(--tw-border-opacity))
8895
8950
  }
8896
8951
 
8897
8952
  .active\:border-rose-500:active{
@@ -8899,12 +8954,24 @@ trix-editor {
8899
8954
  border-color:rgb(244 63 94 / var(--tw-border-opacity))
8900
8955
  }
8901
8956
 
8902
- .active\:border-primary-600:active{
8903
- border-color:rgb(var(--color-primary-600))
8957
+ .active\:border-rose-700:active{
8958
+ --tw-border-opacity:1;
8959
+ border-color:rgb(190 18 60 / var(--tw-border-opacity))
8904
8960
  }
8905
8961
 
8906
8962
  .active\:border-primary-500:active{
8907
- border-color:rgb(var(--color-primary-500))
8963
+ --tw-border-opacity:1;
8964
+ border-color:rgb(8 134 222 / var(--tw-border-opacity))
8965
+ }
8966
+
8967
+ .active\:border-primary-700:active{
8968
+ --tw-border-opacity:1;
8969
+ border-color:rgb(5 80 133 / var(--tw-border-opacity))
8970
+ }
8971
+
8972
+ .active\:bg-slate-100:active{
8973
+ --tw-bg-opacity:1;
8974
+ background-color:rgb(241 245 249 / var(--tw-bg-opacity))
8908
8975
  }
8909
8976
 
8910
8977
  .active\:bg-slate-600:active{
@@ -8912,9 +8979,9 @@ trix-editor {
8912
8979
  background-color:rgb(71 85 105 / var(--tw-bg-opacity))
8913
8980
  }
8914
8981
 
8915
- .active\:bg-slate-100:active{
8982
+ .active\:bg-gray-100:active{
8916
8983
  --tw-bg-opacity:1;
8917
- background-color:rgb(241 245 249 / var(--tw-bg-opacity))
8984
+ background-color:rgb(227 229 232 / var(--tw-bg-opacity))
8918
8985
  }
8919
8986
 
8920
8987
  .active\:bg-gray-600:active{
@@ -8922,9 +8989,9 @@ trix-editor {
8922
8989
  background-color:rgb(94 100 110 / var(--tw-bg-opacity))
8923
8990
  }
8924
8991
 
8925
- .active\:bg-gray-100:active{
8992
+ .active\:bg-zinc-100:active{
8926
8993
  --tw-bg-opacity:1;
8927
- background-color:rgb(227 229 232 / var(--tw-bg-opacity))
8994
+ background-color:rgb(244 244 245 / var(--tw-bg-opacity))
8928
8995
  }
8929
8996
 
8930
8997
  .active\:bg-zinc-600:active{
@@ -8932,9 +8999,9 @@ trix-editor {
8932
8999
  background-color:rgb(82 82 91 / var(--tw-bg-opacity))
8933
9000
  }
8934
9001
 
8935
- .active\:bg-zinc-100:active{
9002
+ .active\:bg-neutral-100:active{
8936
9003
  --tw-bg-opacity:1;
8937
- background-color:rgb(244 244 245 / var(--tw-bg-opacity))
9004
+ background-color:rgb(245 245 245 / var(--tw-bg-opacity))
8938
9005
  }
8939
9006
 
8940
9007
  .active\:bg-neutral-600:active{
@@ -8942,9 +9009,9 @@ trix-editor {
8942
9009
  background-color:rgb(82 82 82 / var(--tw-bg-opacity))
8943
9010
  }
8944
9011
 
8945
- .active\:bg-neutral-100:active{
9012
+ .active\:bg-stone-100:active{
8946
9013
  --tw-bg-opacity:1;
8947
- background-color:rgb(245 245 245 / var(--tw-bg-opacity))
9014
+ background-color:rgb(245 245 244 / var(--tw-bg-opacity))
8948
9015
  }
8949
9016
 
8950
9017
  .active\:bg-stone-600:active{
@@ -8952,9 +9019,9 @@ trix-editor {
8952
9019
  background-color:rgb(87 83 78 / var(--tw-bg-opacity))
8953
9020
  }
8954
9021
 
8955
- .active\:bg-stone-100:active{
9022
+ .active\:bg-red-100:active{
8956
9023
  --tw-bg-opacity:1;
8957
- background-color:rgb(245 245 244 / var(--tw-bg-opacity))
9024
+ background-color:rgb(254 226 226 / var(--tw-bg-opacity))
8958
9025
  }
8959
9026
 
8960
9027
  .active\:bg-red-600:active{
@@ -8962,9 +9029,9 @@ trix-editor {
8962
9029
  background-color:rgb(220 38 38 / var(--tw-bg-opacity))
8963
9030
  }
8964
9031
 
8965
- .active\:bg-red-100:active{
9032
+ .active\:bg-orange-100:active{
8966
9033
  --tw-bg-opacity:1;
8967
- background-color:rgb(254 226 226 / var(--tw-bg-opacity))
9034
+ background-color:rgb(255 237 213 / var(--tw-bg-opacity))
8968
9035
  }
8969
9036
 
8970
9037
  .active\:bg-orange-600:active{
@@ -8972,9 +9039,9 @@ trix-editor {
8972
9039
  background-color:rgb(234 88 12 / var(--tw-bg-opacity))
8973
9040
  }
8974
9041
 
8975
- .active\:bg-orange-100:active{
9042
+ .active\:bg-amber-100:active{
8976
9043
  --tw-bg-opacity:1;
8977
- background-color:rgb(255 237 213 / var(--tw-bg-opacity))
9044
+ background-color:rgb(254 243 199 / var(--tw-bg-opacity))
8978
9045
  }
8979
9046
 
8980
9047
  .active\:bg-amber-600:active{
@@ -8982,9 +9049,9 @@ trix-editor {
8982
9049
  background-color:rgb(217 119 6 / var(--tw-bg-opacity))
8983
9050
  }
8984
9051
 
8985
- .active\:bg-amber-100:active{
9052
+ .active\:bg-yellow-100:active{
8986
9053
  --tw-bg-opacity:1;
8987
- background-color:rgb(254 243 199 / var(--tw-bg-opacity))
9054
+ background-color:rgb(254 249 195 / var(--tw-bg-opacity))
8988
9055
  }
8989
9056
 
8990
9057
  .active\:bg-yellow-600:active{
@@ -8992,9 +9059,9 @@ trix-editor {
8992
9059
  background-color:rgb(202 138 4 / var(--tw-bg-opacity))
8993
9060
  }
8994
9061
 
8995
- .active\:bg-yellow-100:active{
9062
+ .active\:bg-lime-100:active{
8996
9063
  --tw-bg-opacity:1;
8997
- background-color:rgb(254 249 195 / var(--tw-bg-opacity))
9064
+ background-color:rgb(236 252 203 / var(--tw-bg-opacity))
8998
9065
  }
8999
9066
 
9000
9067
  .active\:bg-lime-600:active{
@@ -9002,9 +9069,9 @@ trix-editor {
9002
9069
  background-color:rgb(101 163 13 / var(--tw-bg-opacity))
9003
9070
  }
9004
9071
 
9005
- .active\:bg-lime-100:active{
9072
+ .active\:bg-green-100:active{
9006
9073
  --tw-bg-opacity:1;
9007
- background-color:rgb(236 252 203 / var(--tw-bg-opacity))
9074
+ background-color:rgb(220 252 231 / var(--tw-bg-opacity))
9008
9075
  }
9009
9076
 
9010
9077
  .active\:bg-green-600:active{
@@ -9012,9 +9079,9 @@ trix-editor {
9012
9079
  background-color:rgb(22 163 74 / var(--tw-bg-opacity))
9013
9080
  }
9014
9081
 
9015
- .active\:bg-green-100:active{
9082
+ .active\:bg-emerald-100:active{
9016
9083
  --tw-bg-opacity:1;
9017
- background-color:rgb(220 252 231 / var(--tw-bg-opacity))
9084
+ background-color:rgb(209 250 229 / var(--tw-bg-opacity))
9018
9085
  }
9019
9086
 
9020
9087
  .active\:bg-emerald-600:active{
@@ -9022,9 +9089,9 @@ trix-editor {
9022
9089
  background-color:rgb(5 150 105 / var(--tw-bg-opacity))
9023
9090
  }
9024
9091
 
9025
- .active\:bg-emerald-100:active{
9092
+ .active\:bg-teal-100:active{
9026
9093
  --tw-bg-opacity:1;
9027
- background-color:rgb(209 250 229 / var(--tw-bg-opacity))
9094
+ background-color:rgb(204 251 241 / var(--tw-bg-opacity))
9028
9095
  }
9029
9096
 
9030
9097
  .active\:bg-teal-600:active{
@@ -9032,9 +9099,9 @@ trix-editor {
9032
9099
  background-color:rgb(13 148 136 / var(--tw-bg-opacity))
9033
9100
  }
9034
9101
 
9035
- .active\:bg-teal-100:active{
9102
+ .active\:bg-cyan-100:active{
9036
9103
  --tw-bg-opacity:1;
9037
- background-color:rgb(204 251 241 / var(--tw-bg-opacity))
9104
+ background-color:rgb(207 250 254 / var(--tw-bg-opacity))
9038
9105
  }
9039
9106
 
9040
9107
  .active\:bg-cyan-600:active{
@@ -9042,9 +9109,9 @@ trix-editor {
9042
9109
  background-color:rgb(8 145 178 / var(--tw-bg-opacity))
9043
9110
  }
9044
9111
 
9045
- .active\:bg-cyan-100:active{
9112
+ .active\:bg-sky-100:active{
9046
9113
  --tw-bg-opacity:1;
9047
- background-color:rgb(207 250 254 / var(--tw-bg-opacity))
9114
+ background-color:rgb(224 242 254 / var(--tw-bg-opacity))
9048
9115
  }
9049
9116
 
9050
9117
  .active\:bg-sky-600:active{
@@ -9052,9 +9119,9 @@ trix-editor {
9052
9119
  background-color:rgb(2 132 199 / var(--tw-bg-opacity))
9053
9120
  }
9054
9121
 
9055
- .active\:bg-sky-100:active{
9122
+ .active\:bg-blue-100:active{
9056
9123
  --tw-bg-opacity:1;
9057
- background-color:rgb(224 242 254 / var(--tw-bg-opacity))
9124
+ background-color:rgb(206 231 248 / var(--tw-bg-opacity))
9058
9125
  }
9059
9126
 
9060
9127
  .active\:bg-blue-600:active{
@@ -9062,9 +9129,9 @@ trix-editor {
9062
9129
  background-color:rgb(6 107 178 / var(--tw-bg-opacity))
9063
9130
  }
9064
9131
 
9065
- .active\:bg-blue-100:active{
9132
+ .active\:bg-indigo-100:active{
9066
9133
  --tw-bg-opacity:1;
9067
- background-color:rgb(206 231 248 / var(--tw-bg-opacity))
9134
+ background-color:rgb(224 231 255 / var(--tw-bg-opacity))
9068
9135
  }
9069
9136
 
9070
9137
  .active\:bg-indigo-600:active{
@@ -9072,9 +9139,9 @@ trix-editor {
9072
9139
  background-color:rgb(79 70 229 / var(--tw-bg-opacity))
9073
9140
  }
9074
9141
 
9075
- .active\:bg-indigo-100:active{
9142
+ .active\:bg-violet-100:active{
9076
9143
  --tw-bg-opacity:1;
9077
- background-color:rgb(224 231 255 / var(--tw-bg-opacity))
9144
+ background-color:rgb(237 233 254 / var(--tw-bg-opacity))
9078
9145
  }
9079
9146
 
9080
9147
  .active\:bg-violet-600:active{
@@ -9082,9 +9149,9 @@ trix-editor {
9082
9149
  background-color:rgb(124 58 237 / var(--tw-bg-opacity))
9083
9150
  }
9084
9151
 
9085
- .active\:bg-violet-100:active{
9152
+ .active\:bg-purple-100:active{
9086
9153
  --tw-bg-opacity:1;
9087
- background-color:rgb(237 233 254 / var(--tw-bg-opacity))
9154
+ background-color:rgb(243 232 255 / var(--tw-bg-opacity))
9088
9155
  }
9089
9156
 
9090
9157
  .active\:bg-purple-600:active{
@@ -9092,9 +9159,9 @@ trix-editor {
9092
9159
  background-color:rgb(147 51 234 / var(--tw-bg-opacity))
9093
9160
  }
9094
9161
 
9095
- .active\:bg-purple-100:active{
9162
+ .active\:bg-fuchsia-100:active{
9096
9163
  --tw-bg-opacity:1;
9097
- background-color:rgb(243 232 255 / var(--tw-bg-opacity))
9164
+ background-color:rgb(250 232 255 / var(--tw-bg-opacity))
9098
9165
  }
9099
9166
 
9100
9167
  .active\:bg-fuchsia-600:active{
@@ -9102,9 +9169,9 @@ trix-editor {
9102
9169
  background-color:rgb(192 38 211 / var(--tw-bg-opacity))
9103
9170
  }
9104
9171
 
9105
- .active\:bg-fuchsia-100:active{
9172
+ .active\:bg-pink-100:active{
9106
9173
  --tw-bg-opacity:1;
9107
- background-color:rgb(250 232 255 / var(--tw-bg-opacity))
9174
+ background-color:rgb(252 231 243 / var(--tw-bg-opacity))
9108
9175
  }
9109
9176
 
9110
9177
  .active\:bg-pink-600:active{
@@ -9112,9 +9179,9 @@ trix-editor {
9112
9179
  background-color:rgb(219 39 119 / var(--tw-bg-opacity))
9113
9180
  }
9114
9181
 
9115
- .active\:bg-pink-100:active{
9182
+ .active\:bg-rose-100:active{
9116
9183
  --tw-bg-opacity:1;
9117
- background-color:rgb(252 231 243 / var(--tw-bg-opacity))
9184
+ background-color:rgb(255 228 230 / var(--tw-bg-opacity))
9118
9185
  }
9119
9186
 
9120
9187
  .active\:bg-rose-600:active{
@@ -9122,17 +9189,24 @@ trix-editor {
9122
9189
  background-color:rgb(225 29 72 / var(--tw-bg-opacity))
9123
9190
  }
9124
9191
 
9125
- .active\:bg-rose-100:active{
9192
+ .active\:bg-primary-100:active{
9126
9193
  --tw-bg-opacity:1;
9127
- background-color:rgb(255 228 230 / var(--tw-bg-opacity))
9194
+ background-color:rgb(206 231 248 / var(--tw-bg-opacity))
9128
9195
  }
9129
9196
 
9130
9197
  .active\:bg-primary-600:active{
9131
- background-color:rgb(var(--color-primary-600))
9198
+ --tw-bg-opacity:1;
9199
+ background-color:rgb(6 107 178 / var(--tw-bg-opacity))
9132
9200
  }
9133
9201
 
9134
- .active\:bg-primary-100:active{
9135
- background-color:rgb(var(--color-primary-100))
9202
+ .active\:text-gray-700:active{
9203
+ --tw-text-opacity:1;
9204
+ color:rgb(70 75 83 / var(--tw-text-opacity))
9205
+ }
9206
+
9207
+ .active\:text-gray-500:active{
9208
+ --tw-text-opacity:1;
9209
+ color:rgb(117 125 138 / var(--tw-text-opacity))
9136
9210
  }
9137
9211
 
9138
9212
  .active\:outline:active{
@@ -9147,188 +9221,96 @@ trix-editor {
9147
9221
  outline-width:0px
9148
9222
  }
9149
9223
 
9150
- .active\:outline-slate-600:active{
9151
- outline-color:#475569
9152
- }
9153
-
9154
9224
  .active\:outline-slate-500:active{
9155
9225
  outline-color:#64748b
9156
9226
  }
9157
9227
 
9158
- .active\:outline-gray-600:active{
9159
- outline-color:#5E646E
9160
- }
9161
-
9162
9228
  .active\:outline-gray-500:active{
9163
9229
  outline-color:#757D8A
9164
9230
  }
9165
9231
 
9166
- .active\:outline-zinc-600:active{
9167
- outline-color:#52525b
9168
- }
9169
-
9170
9232
  .active\:outline-zinc-500:active{
9171
9233
  outline-color:#71717a
9172
9234
  }
9173
9235
 
9174
- .active\:outline-neutral-600:active{
9175
- outline-color:#525252
9176
- }
9177
-
9178
9236
  .active\:outline-neutral-500:active{
9179
9237
  outline-color:#737373
9180
9238
  }
9181
9239
 
9182
- .active\:outline-stone-600:active{
9183
- outline-color:#57534e
9184
- }
9185
-
9186
9240
  .active\:outline-stone-500:active{
9187
9241
  outline-color:#78716c
9188
9242
  }
9189
9243
 
9190
- .active\:outline-red-600:active{
9191
- outline-color:#dc2626
9192
- }
9193
-
9194
9244
  .active\:outline-red-500:active{
9195
9245
  outline-color:#ef4444
9196
9246
  }
9197
9247
 
9198
- .active\:outline-orange-600:active{
9199
- outline-color:#ea580c
9200
- }
9201
-
9202
9248
  .active\:outline-orange-500:active{
9203
9249
  outline-color:#f97316
9204
9250
  }
9205
9251
 
9206
- .active\:outline-amber-600:active{
9207
- outline-color:#d97706
9208
- }
9209
-
9210
9252
  .active\:outline-amber-500:active{
9211
9253
  outline-color:#f59e0b
9212
9254
  }
9213
9255
 
9214
- .active\:outline-yellow-600:active{
9215
- outline-color:#ca8a04
9216
- }
9217
-
9218
9256
  .active\:outline-yellow-500:active{
9219
9257
  outline-color:#eab308
9220
9258
  }
9221
9259
 
9222
- .active\:outline-lime-600:active{
9223
- outline-color:#65a30d
9224
- }
9225
-
9226
9260
  .active\:outline-lime-500:active{
9227
9261
  outline-color:#84cc16
9228
9262
  }
9229
9263
 
9230
- .active\:outline-green-600:active{
9231
- outline-color:#16a34a
9232
- }
9233
-
9234
9264
  .active\:outline-green-500:active{
9235
9265
  outline-color:#22c55e
9236
9266
  }
9237
9267
 
9238
- .active\:outline-emerald-600:active{
9239
- outline-color:#059669
9240
- }
9241
-
9242
9268
  .active\:outline-emerald-500:active{
9243
9269
  outline-color:#10b981
9244
9270
  }
9245
9271
 
9246
- .active\:outline-teal-600:active{
9247
- outline-color:#0d9488
9248
- }
9249
-
9250
9272
  .active\:outline-teal-500:active{
9251
9273
  outline-color:#14b8a6
9252
9274
  }
9253
9275
 
9254
- .active\:outline-cyan-600:active{
9255
- outline-color:#0891b2
9256
- }
9257
-
9258
9276
  .active\:outline-cyan-500:active{
9259
9277
  outline-color:#06b6d4
9260
9278
  }
9261
9279
 
9262
- .active\:outline-sky-600:active{
9263
- outline-color:#0284c7
9264
- }
9265
-
9266
9280
  .active\:outline-sky-500:active{
9267
9281
  outline-color:#0ea5e9
9268
9282
  }
9269
9283
 
9270
- .active\:outline-blue-600:active{
9271
- outline-color:#066BB2
9272
- }
9273
-
9274
9284
  .active\:outline-blue-500:active{
9275
9285
  outline-color:#0886DE
9276
9286
  }
9277
9287
 
9278
- .active\:outline-indigo-600:active{
9279
- outline-color:#4f46e5
9280
- }
9281
-
9282
9288
  .active\:outline-indigo-500:active{
9283
9289
  outline-color:#6366f1
9284
9290
  }
9285
9291
 
9286
- .active\:outline-violet-600:active{
9287
- outline-color:#7c3aed
9288
- }
9289
-
9290
9292
  .active\:outline-violet-500:active{
9291
9293
  outline-color:#8b5cf6
9292
9294
  }
9293
9295
 
9294
- .active\:outline-purple-600:active{
9295
- outline-color:#9333ea
9296
- }
9297
-
9298
9296
  .active\:outline-purple-500:active{
9299
9297
  outline-color:#a855f7
9300
9298
  }
9301
9299
 
9302
- .active\:outline-fuchsia-600:active{
9303
- outline-color:#c026d3
9304
- }
9305
-
9306
9300
  .active\:outline-fuchsia-500:active{
9307
9301
  outline-color:#d946ef
9308
9302
  }
9309
9303
 
9310
- .active\:outline-pink-600:active{
9311
- outline-color:#db2777
9312
- }
9313
-
9314
9304
  .active\:outline-pink-500:active{
9315
9305
  outline-color:#ec4899
9316
9306
  }
9317
9307
 
9318
- .active\:outline-rose-600:active{
9319
- outline-color:#e11d48
9320
- }
9321
-
9322
9308
  .active\:outline-rose-500:active{
9323
9309
  outline-color:#f43f5e
9324
9310
  }
9325
9311
 
9326
- .active\:outline-primary-600:active{
9327
- outline-color:rgb(var(--color-primary-600))
9328
- }
9329
-
9330
9312
  .active\:outline-primary-500:active{
9331
- outline-color:rgb(var(--color-primary-500))
9313
+ outline-color:#0886DE
9332
9314
  }
9333
9315
 
9334
9316
  .disabled\:cursor-not-allowed:disabled{
@@ -9526,6 +9508,10 @@ trix-editor {
9526
9508
  }
9527
9509
 
9528
9510
  @media (min-width: 768px){
9511
+ .md\:inline-flex{
9512
+ display:inline-flex
9513
+ }
9514
+
9529
9515
  .md\:h-14{
9530
9516
  height:3.5rem
9531
9517
  }