avo 2.5.2.pre.1 → 2.5.2.pre.2

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 (42) hide show
  1. checksums.yaml +4 -4
  2. data/Gemfile +2 -0
  3. data/Gemfile.lock +4 -1
  4. data/app/assets/builds/avo.css +727 -21
  5. data/app/assets/builds/avo.js +211 -122
  6. data/app/assets/builds/avo.js.map +3 -3
  7. data/app/assets/stylesheets/avo.css +2 -0
  8. data/app/assets/stylesheets/css/tags.css +16 -0
  9. data/app/components/avo/card_component.rb +0 -12
  10. data/app/components/avo/fields/tags_field/edit_component.html.erb +27 -0
  11. data/app/components/avo/fields/tags_field/edit_component.rb +4 -0
  12. data/app/components/avo/fields/tags_field/index_component.html.erb +14 -0
  13. data/app/components/avo/fields/tags_field/index_component.rb +7 -0
  14. data/app/components/avo/fields/tags_field/show_component.html.erb +7 -0
  15. data/app/components/avo/fields/tags_field/show_component.rb +11 -0
  16. data/app/components/avo/fields/tags_field/tag_component.html.erb +9 -0
  17. data/app/components/avo/fields/tags_field/tag_component.rb +11 -0
  18. data/app/components/avo/index/resource_table_component.html.erb +1 -1
  19. data/app/javascript/js/application.js +1 -1
  20. data/app/javascript/js/controllers/base_controller.js +22 -0
  21. data/app/javascript/js/controllers/fields/tags_field_controller.js +86 -0
  22. data/app/javascript/js/controllers/fields/tags_field_helpers.js +47 -0
  23. data/app/javascript/js/controllers.js +2 -0
  24. data/app/views/avo/dashboards/_chartkick_card.html.erb +1 -1
  25. data/app/views/avo/dashboards/_metric_card.html.erb +1 -1
  26. data/db/factories.rb +2 -0
  27. data/lib/avo/base_resource.rb +6 -0
  28. data/lib/avo/concerns/handles_field_args.rb +36 -0
  29. data/lib/avo/fields/base_field.rb +2 -1
  30. data/lib/avo/fields/tags_field.rb +82 -0
  31. data/lib/avo/hosts/record_host.rb +7 -0
  32. data/lib/avo/licensing/pro_license.rb +2 -1
  33. data/lib/avo/version.rb +1 -1
  34. data/lib/generators/avo/templates/cards/chartkick_card.tt +1 -1
  35. data/lib/generators/avo/templates/cards/chartkick_card_sample.tt +1 -1
  36. data/lib/generators/avo/templates/cards/metric_card.tt +1 -1
  37. data/lib/generators/avo/templates/cards/metric_card_sample.tt +1 -1
  38. data/lib/generators/avo/templates/locales/avo.en.yml +4 -0
  39. data/public/avo-assets/avo.css +727 -21
  40. data/public/avo-assets/avo.js +211 -122
  41. data/public/avo-assets/avo.js.map +3 -3
  42. metadata +17 -2
@@ -3221,6 +3221,602 @@ body.dark,body[data-theme=dark]{
3221
3221
  }
3222
3222
  }
3223
3223
 
3224
+ :root{
3225
+ --tagify-dd-color-primary:rgb(53,149,246);
3226
+ --tagify-dd-bg-color:white
3227
+ }
3228
+
3229
+ .tagify{
3230
+ --tags-disabled-bg:#F1F1F1;
3231
+ --tags-border-color:#DDD;
3232
+ --tags-hover-border-color:#CCC;
3233
+ --tags-focus-border-color:#3595f6;
3234
+ --tag-bg:#E5E5E5;
3235
+ --tag-hover:#D3E2E2;
3236
+ --tag-text-color:black;
3237
+ --tag-text-color--edit:black;
3238
+ --tag-pad:0.3em 0.5em;
3239
+ --tag-inset-shadow-size:1.1em;
3240
+ --tag-invalid-color:#D39494;
3241
+ --tag-invalid-bg:rgba(211, 148, 148, 0.5);
3242
+ --tag-remove-bg:rgba(211, 148, 148, 0.3);
3243
+ --tag-remove-btn-color:black;
3244
+ --tag-remove-btn-bg:none;
3245
+ --tag-remove-btn-bg--hover:#c77777;
3246
+ --input-color:inherit;
3247
+ --tag--min-width:1ch;
3248
+ --tag--max-width:auto;
3249
+ --tag-hide-transition:0.3s;
3250
+ --placeholder-color:rgba(0, 0, 0, 0.4);
3251
+ --placeholder-color-focus:rgba(0, 0, 0, 0.25);
3252
+ --loader-size:.8em;
3253
+ --readonly-striped:1;
3254
+ display:flex;
3255
+ align-items:flex-start;
3256
+ flex-wrap:wrap;
3257
+ border:1px solid #ddd;
3258
+ border:1px solid var(--tags-border-color);
3259
+ padding:0;
3260
+ line-height:0;
3261
+ cursor:text;
3262
+ outline:0;
3263
+ position:relative;
3264
+ box-sizing:border-box;
3265
+ transition:.1s
3266
+ }
3267
+
3268
+ @keyframes tags--bump{
3269
+ 30%{
3270
+ transform:scale(1.2)
3271
+ }
3272
+ }
3273
+
3274
+ @keyframes rotateLoader{
3275
+ to{
3276
+ transform:rotate(1turn)
3277
+ }
3278
+ }
3279
+
3280
+ .tagify:hover{
3281
+ border-color:#ccc;
3282
+ border-color:var(--tags-hover-border-color)
3283
+ }
3284
+
3285
+ .tagify.tagify--focus{
3286
+ transition:0s;
3287
+ border-color:#3595f6;
3288
+ border-color:var(--tags-focus-border-color)
3289
+ }
3290
+
3291
+ .tagify[disabled]{
3292
+ background:var(--tags-disabled-bg);
3293
+ filter:saturate(0);
3294
+ opacity:.5;
3295
+ pointer-events:none
3296
+ }
3297
+
3298
+ .tagify[disabled].tagify--select,.tagify[readonly].tagify--select{
3299
+ pointer-events:none
3300
+ }
3301
+
3302
+ .tagify[disabled]:not(.tagify--mix):not(.tagify--select),.tagify[readonly]:not(.tagify--mix):not(.tagify--select){
3303
+ cursor:default
3304
+ }
3305
+
3306
+ .tagify[disabled]:not(.tagify--mix):not(.tagify--select)>.tagify__input,.tagify[readonly]:not(.tagify--mix):not(.tagify--select)>.tagify__input{
3307
+ visibility:hidden;
3308
+ width:0;
3309
+ margin:5px 0
3310
+ }
3311
+
3312
+ .tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div,.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div{
3313
+ padding:.3em .5em;
3314
+ padding:var(--tag-pad)
3315
+ }
3316
+
3317
+ .tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div::before,.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div::before{
3318
+ animation:readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused
3319
+ }
3320
+
3321
+ @keyframes readonlyStyles{
3322
+ 0%{
3323
+ background:linear-gradient(45deg,var(--tag-bg) 25%,transparent 25%,transparent 50%,var(--tag-bg) 50%,var(--tag-bg) 75%,transparent 75%,transparent) 0/5px 5px;
3324
+ box-shadow:none;
3325
+ filter:brightness(.95)
3326
+ }
3327
+ }
3328
+
3329
+ .tagify[disabled] .tagify__tag__removeBtn,.tagify[readonly] .tagify__tag__removeBtn{
3330
+ display:none
3331
+ }
3332
+
3333
+ .tagify--loading .tagify__input>br:last-child{
3334
+ display:none
3335
+ }
3336
+
3337
+ .tagify--loading .tagify__input::before{
3338
+ content:none
3339
+ }
3340
+
3341
+ .tagify--loading .tagify__input::after{
3342
+ vertical-align:middle;
3343
+ opacity:1;
3344
+ width:.7em;
3345
+ height:.7em;
3346
+ width:var(--loader-size);
3347
+ height:var(--loader-size);
3348
+ border:3px solid;
3349
+ border-color:#eee #bbb #888 transparent;
3350
+ border-radius:50%;
3351
+ animation:rotateLoader .4s infinite linear;
3352
+ content:""!important;
3353
+ margin:-2px 0 -2px .5em
3354
+ }
3355
+
3356
+ .tagify--loading .tagify__input:empty::after{
3357
+ margin-left:0
3358
+ }
3359
+
3360
+ .tagify+input,.tagify+textarea{
3361
+ position:absolute!important;
3362
+ left:-9999em!important;
3363
+ transform:scale(0)!important
3364
+ }
3365
+
3366
+ .tagify__tag{
3367
+ display:inline-flex;
3368
+ align-items:center;
3369
+ margin:5px 0 5px 5px;
3370
+ position:relative;
3371
+ z-index:1;
3372
+ outline:0;
3373
+ line-height:normal;
3374
+ cursor:default;
3375
+ transition:.13s ease-out
3376
+ }
3377
+
3378
+ .tagify__tag>div{
3379
+ vertical-align:top;
3380
+ box-sizing:border-box;
3381
+ max-width:100%;
3382
+ padding:.3em .5em;
3383
+ padding:var(--tag-pad,.3em .5em);
3384
+ color:#000;
3385
+ color:var(--tag-text-color,#000);
3386
+ line-height:inherit;
3387
+ border-radius:3px;
3388
+ white-space:nowrap;
3389
+ transition:.13s ease-out
3390
+ }
3391
+
3392
+ .tagify__tag>div>*{
3393
+ white-space:pre-wrap;
3394
+ overflow:hidden;
3395
+ text-overflow:ellipsis;
3396
+ display:inline-block;
3397
+ vertical-align:top;
3398
+ min-width:1ch;
3399
+ max-width:auto;
3400
+ min-width:var(--tag--min-width,1ch);
3401
+ max-width:var(--tag--max-width,auto);
3402
+ transition:.8s ease,.1s color
3403
+ }
3404
+
3405
+ .tagify__tag>div>[contenteditable]{
3406
+ outline:0;
3407
+ -webkit-user-select:text;
3408
+ user-select:text;
3409
+ cursor:text;
3410
+ margin:-2px;
3411
+ padding:2px;
3412
+ max-width:350px
3413
+ }
3414
+
3415
+ .tagify__tag>div::before{
3416
+ content:"";
3417
+ position:absolute;
3418
+ border-radius:inherit;
3419
+ left:0;
3420
+ top:0;
3421
+ right:0;
3422
+ bottom:0;
3423
+ z-index:-1;
3424
+ pointer-events:none;
3425
+ transition:120ms ease;
3426
+ animation:tags--bump .3s ease-out 1;
3427
+ box-shadow:0 0 0 1.1em #e5e5e5 inset;
3428
+ box-shadow:0 0 0 var(--tag-inset-shadow-size,1.1em) var(--tag-bg,#e5e5e5) inset
3429
+ }
3430
+
3431
+ .tagify__tag:focus div::before,.tagify__tag:hover:not([readonly]) div::before{
3432
+ top:-2px;
3433
+ right:-2px;
3434
+ bottom:-2px;
3435
+ left:-2px;
3436
+ box-shadow:0 0 0 1.1em #d3e2e2 inset;
3437
+ box-shadow:0 0 0 var(--tag-inset-shadow-size,1.1em) var(--tag-hover,#d3e2e2) inset
3438
+ }
3439
+
3440
+ .tagify__tag--loading{
3441
+ pointer-events:none
3442
+ }
3443
+
3444
+ .tagify__tag--loading .tagify__tag__removeBtn{
3445
+ display:none
3446
+ }
3447
+
3448
+ .tagify__tag--loading::after{
3449
+ --loader-size:.4em;
3450
+ content:"";
3451
+ vertical-align:middle;
3452
+ opacity:1;
3453
+ width:.7em;
3454
+ height:.7em;
3455
+ width:var(--loader-size);
3456
+ height:var(--loader-size);
3457
+ border:3px solid;
3458
+ border-color:#eee #bbb #888 transparent;
3459
+ border-radius:50%;
3460
+ animation:rotateLoader .4s infinite linear;
3461
+ margin:0 .5em 0 -.1em
3462
+ }
3463
+
3464
+ .tagify__tag--flash div::before{
3465
+ animation:none
3466
+ }
3467
+
3468
+ .tagify__tag--hide{
3469
+ width:0!important;
3470
+ padding-left:0;
3471
+ padding-right:0;
3472
+ margin-left:0;
3473
+ margin-right:0;
3474
+ opacity:0;
3475
+ transform:scale(0);
3476
+ transition:.3s;
3477
+ transition:var(--tag-hide-transition,.3s);
3478
+ pointer-events:none
3479
+ }
3480
+
3481
+ .tagify__tag--hide>div>*{
3482
+ white-space:nowrap
3483
+ }
3484
+
3485
+ .tagify__tag.tagify--noAnim>div::before{
3486
+ animation:none
3487
+ }
3488
+
3489
+ .tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div>span{
3490
+ opacity:.5
3491
+ }
3492
+
3493
+ .tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div::before{
3494
+ box-shadow:0 0 0 1.1em rgba(211,148,148,.5) inset!important;
3495
+ box-shadow:0 0 0 var(--tag-inset-shadow-size,1.1em) var(--tag-invalid-bg,rgba(211,148,148,.5)) inset!important;
3496
+ transition:.2s
3497
+ }
3498
+
3499
+ .tagify__tag[readonly] .tagify__tag__removeBtn{
3500
+ display:none
3501
+ }
3502
+
3503
+ .tagify__tag[readonly]>div::before{
3504
+ animation:readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused
3505
+ }
3506
+
3507
+ @keyframes readonlyStyles{
3508
+ 0%{
3509
+ background:linear-gradient(45deg,var(--tag-bg) 25%,transparent 25%,transparent 50%,var(--tag-bg) 50%,var(--tag-bg) 75%,transparent 75%,transparent) 0/5px 5px;
3510
+ box-shadow:none;
3511
+ filter:brightness(.95)
3512
+ }
3513
+ }
3514
+
3515
+ .tagify__tag--editable>div{
3516
+ color:#000;
3517
+ color:var(--tag-text-color--edit,#000)
3518
+ }
3519
+
3520
+ .tagify__tag--editable>div::before{
3521
+ box-shadow:0 0 0 2px #d3e2e2 inset!important;
3522
+ box-shadow:0 0 0 2px var(--tag-hover,#d3e2e2) inset!important
3523
+ }
3524
+
3525
+ .tagify__tag--editable>.tagify__tag__removeBtn{
3526
+ pointer-events:none
3527
+ }
3528
+
3529
+ .tagify__tag--editable>.tagify__tag__removeBtn::after{
3530
+ opacity:0;
3531
+ transform:translateX(100%) translateX(5px)
3532
+ }
3533
+
3534
+ .tagify__tag--editable.tagify--invalid>div::before{
3535
+ box-shadow:0 0 0 2px #d39494 inset!important;
3536
+ box-shadow:0 0 0 2px var(--tag-invalid-color,#d39494) inset!important
3537
+ }
3538
+
3539
+ .tagify__tag__removeBtn{
3540
+ order:5;
3541
+ display:inline-flex;
3542
+ align-items:center;
3543
+ justify-content:center;
3544
+ border-radius:50px;
3545
+ cursor:pointer;
3546
+ font:14px/1 Arial;
3547
+ background:0 0;
3548
+ background:var(--tag-remove-btn-bg,none);
3549
+ color:#000;
3550
+ color:var(--tag-remove-btn-color,#000);
3551
+ width:14px;
3552
+ height:14px;
3553
+ margin-right:4.6666666667px;
3554
+ margin-left:auto;
3555
+ overflow:hidden;
3556
+ transition:.2s ease-out
3557
+ }
3558
+
3559
+ .tagify__tag__removeBtn::after{
3560
+ content:"×";
3561
+ transition:.3s,color 0s
3562
+ }
3563
+
3564
+ .tagify__tag__removeBtn:hover{
3565
+ color:#fff;
3566
+ background:#c77777;
3567
+ background:var(--tag-remove-btn-bg--hover,#c77777)
3568
+ }
3569
+
3570
+ .tagify__tag__removeBtn:hover+div>span{
3571
+ opacity:.5
3572
+ }
3573
+
3574
+ .tagify__tag__removeBtn:hover+div::before{
3575
+ box-shadow:0 0 0 1.1em rgba(211,148,148,.3) inset!important;
3576
+ box-shadow:0 0 0 var(--tag-inset-shadow-size,1.1em) var(--tag-remove-bg,rgba(211,148,148,.3)) inset!important;
3577
+ transition:box-shadow .2s
3578
+ }
3579
+
3580
+ .tagify:not(.tagify--mix) .tagify__input br{
3581
+ display:none
3582
+ }
3583
+
3584
+ .tagify:not(.tagify--mix) .tagify__input *{
3585
+ display:inline;
3586
+ white-space:nowrap
3587
+ }
3588
+
3589
+ .tagify__input{
3590
+ flex-grow:1;
3591
+ display:inline-block;
3592
+ min-width:110px;
3593
+ margin:5px;
3594
+ padding:.3em .5em;
3595
+ padding:var(--tag-pad,.3em .5em);
3596
+ line-height:normal;
3597
+ position:relative;
3598
+ white-space:pre-wrap;
3599
+ color:inherit;
3600
+ color:var(--input-color,inherit);
3601
+ box-sizing:inherit
3602
+ }
3603
+
3604
+ .tagify__input:focus{
3605
+ outline:0
3606
+ }
3607
+
3608
+ .tagify__input:focus::before{
3609
+ transition:.2s ease-out;
3610
+ opacity:0;
3611
+ transform:translatex(6px)
3612
+ }
3613
+
3614
+ @supports (-ms-ime-align:auto){
3615
+ .tagify__input:focus::before{
3616
+ display:none
3617
+ }
3618
+ }
3619
+
3620
+ .tagify__input:focus:empty::before{
3621
+ transition:.2s ease-out;
3622
+ opacity:1;
3623
+ transform:none;
3624
+ color:rgba(0,0,0,.25);
3625
+ color:var(--placeholder-color-focus)
3626
+ }
3627
+
3628
+ @-moz-document url-prefix(){
3629
+ .tagify__input:focus:empty::after{
3630
+ display:none
3631
+ }
3632
+ }
3633
+
3634
+ .tagify__input::before{
3635
+ content:attr(data-placeholder);
3636
+ height:1em;
3637
+ line-height:1em;
3638
+ margin:auto 0;
3639
+ z-index:1;
3640
+ color:rgba(0,0,0,.4);
3641
+ color:var(--placeholder-color);
3642
+ white-space:nowrap;
3643
+ pointer-events:none;
3644
+ opacity:0;
3645
+ position:absolute
3646
+ }
3647
+
3648
+ .tagify__input::after{
3649
+ content:attr(data-suggest);
3650
+ display:inline-block;
3651
+ white-space:pre;
3652
+ color:#000;
3653
+ opacity:.3;
3654
+ pointer-events:none;
3655
+ max-width:100px
3656
+ }
3657
+
3658
+ .tagify__input .tagify__tag{
3659
+ margin:0 1px
3660
+ }
3661
+
3662
+ .tagify--mix{
3663
+ display:block
3664
+ }
3665
+
3666
+ .tagify--mix .tagify__input{
3667
+ padding:5px;
3668
+ margin:0;
3669
+ width:100%;
3670
+ height:100%;
3671
+ line-height:1.5;
3672
+ display:block
3673
+ }
3674
+
3675
+ .tagify--mix .tagify__input::before{
3676
+ height:auto;
3677
+ display:none;
3678
+ line-height:inherit
3679
+ }
3680
+
3681
+ .tagify--mix .tagify__input::after{
3682
+ content:none
3683
+ }
3684
+
3685
+ .tagify--select::after{
3686
+ content:">";
3687
+ opacity:.5;
3688
+ position:absolute;
3689
+ top:50%;
3690
+ right:0;
3691
+ bottom:0;
3692
+ font:16px monospace;
3693
+ line-height:8px;
3694
+ height:8px;
3695
+ pointer-events:none;
3696
+ transform:translate(-150%,-50%) scaleX(1.2) rotate(90deg);
3697
+ transition:.2s ease-in-out
3698
+ }
3699
+
3700
+ .tagify--select[aria-expanded=true]::after{
3701
+ transform:translate(-150%,-50%) rotate(270deg) scaleY(1.2)
3702
+ }
3703
+
3704
+ .tagify--select .tagify__tag{
3705
+ position:absolute;
3706
+ top:0;
3707
+ right:1.8em;
3708
+ bottom:0
3709
+ }
3710
+
3711
+ .tagify--select .tagify__tag div{
3712
+ display:none
3713
+ }
3714
+
3715
+ .tagify--select .tagify__input{
3716
+ width:100%
3717
+ }
3718
+
3719
+ .tagify--empty .tagify__input::before{
3720
+ transition:.2s ease-out;
3721
+ opacity:1;
3722
+ transform:none;
3723
+ display:inline-block;
3724
+ width:auto
3725
+ }
3726
+
3727
+ .tagify--mix .tagify--empty .tagify__input::before{
3728
+ display:inline-block
3729
+ }
3730
+
3731
+ .tagify--invalid{
3732
+ --tags-border-color:#D39494
3733
+ }
3734
+
3735
+ .tagify__dropdown{
3736
+ position:absolute;
3737
+ z-index:9999;
3738
+ transform:translateY(1px);
3739
+ overflow:hidden
3740
+ }
3741
+
3742
+ .tagify__dropdown[placement=top]{
3743
+ margin-top:0;
3744
+ transform:translateY(-100%)
3745
+ }
3746
+
3747
+ .tagify__dropdown[placement=top] .tagify__dropdown__wrapper{
3748
+ border-top-width:1.1px;
3749
+ border-bottom-width:0
3750
+ }
3751
+
3752
+ .tagify__dropdown[position=text]{
3753
+ box-shadow:0 0 0 3px rgba(var(--tagify-dd-color-primary),.1);
3754
+ font-size:.9em
3755
+ }
3756
+
3757
+ .tagify__dropdown[position=text] .tagify__dropdown__wrapper{
3758
+ border-width:1px
3759
+ }
3760
+
3761
+ .tagify__dropdown__wrapper{
3762
+ max-height:300px;
3763
+ overflow:auto;
3764
+ background:#fff;
3765
+ background:var(--tagify-dd-bg-color);
3766
+ border:1px solid #3595f6;
3767
+ border-color:var(--tagify-dd-color-primary);
3768
+ border-bottom-width:1.33px;
3769
+ border-top-width:0;
3770
+ box-shadow:0 2px 4px -2px rgba(0,0,0,.2);
3771
+ transition:.25s cubic-bezier(0,1,.5,1)
3772
+ }
3773
+
3774
+ .tagify__dropdown__header:empty{
3775
+ display:none
3776
+ }
3777
+
3778
+ .tagify__dropdown__footer{
3779
+ display:inline-block;
3780
+ margin-top:.5em;
3781
+ padding:.3em .5em;
3782
+ font-size:.7em;
3783
+ font-style:italic;
3784
+ opacity:.5
3785
+ }
3786
+
3787
+ .tagify__dropdown__footer:empty{
3788
+ display:none
3789
+ }
3790
+
3791
+ .tagify__dropdown--initial .tagify__dropdown__wrapper{
3792
+ max-height:20px;
3793
+ transform:translateY(-1em)
3794
+ }
3795
+
3796
+ .tagify__dropdown--initial[placement=top] .tagify__dropdown__wrapper{
3797
+ transform:translateY(2em)
3798
+ }
3799
+
3800
+ .tagify__dropdown__item{
3801
+ box-sizing:inherit;
3802
+ padding:.3em .5em;
3803
+ margin:1px;
3804
+ cursor:pointer;
3805
+ border-radius:2px;
3806
+ position:relative;
3807
+ outline:0
3808
+ }
3809
+
3810
+ .tagify__dropdown__item--active{
3811
+ background:#3595f6;
3812
+ background:var(--tagify-dd-color-primary);
3813
+ color:#fff
3814
+ }
3815
+
3816
+ .tagify__dropdown__item:active{
3817
+ filter:brightness(105%)
3818
+ }
3819
+
3224
3820
  /*! tailwindcss v3.0.18 | MIT License | https://tailwindcss.com
3225
3821
  */
3226
3822
 
@@ -4575,6 +5171,24 @@ input[type=file][data-direct-upload-url][disabled] {
4575
5171
  }
4576
5172
  }
4577
5173
 
5174
+ tags.tagify {
5175
+ --tag-inset-shadow-size: 3em;
5176
+ padding:0px !important;
5177
+ }
5178
+
5179
+ tags.tagify span.tagify__input{
5180
+ margin-top:0.25rem;
5181
+ margin-bottom:0.25rem
5182
+ }
5183
+
5184
+ tag.tagify__tag{
5185
+ margin-top:0.25rem;
5186
+ margin-bottom:0.25rem;
5187
+ margin-bottom:0px;
5188
+ font-size:0.875rem;
5189
+ line-height:1.25rem
5190
+ }
5191
+
4578
5192
  .spinner {
4579
5193
  width: 16px;
4580
5194
  height: 16px;
@@ -5529,6 +6143,46 @@ progress[value]::-moz-progress-bar{
5529
6143
  background-color:rgb(22 163 74 / var(--tw-bg-opacity))
5530
6144
  }
5531
6145
 
6146
+ .container{
6147
+ width:100%
6148
+ }
6149
+
6150
+ @media (min-width: 495px){
6151
+ .container{
6152
+ max-width:495px
6153
+ }
6154
+ }
6155
+
6156
+ @media (min-width: 640px){
6157
+ .container{
6158
+ max-width:640px
6159
+ }
6160
+ }
6161
+
6162
+ @media (min-width: 768px){
6163
+ .container{
6164
+ max-width:768px
6165
+ }
6166
+ }
6167
+
6168
+ @media (min-width: 1024px){
6169
+ .container{
6170
+ max-width:1024px
6171
+ }
6172
+ }
6173
+
6174
+ @media (min-width: 1280px){
6175
+ .container{
6176
+ max-width:1280px
6177
+ }
6178
+ }
6179
+
6180
+ @media (min-width: 1536px){
6181
+ .container{
6182
+ max-width:1536px
6183
+ }
6184
+ }
6185
+
5532
6186
  .prose{
5533
6187
  color:var(--tw-prose-body);
5534
6188
  max-width:65ch;
@@ -6330,6 +6984,11 @@ progress[value]::-moz-progress-bar{
6330
6984
  margin-bottom:1rem
6331
6985
  }
6332
6986
 
6987
+ .my-\[2px\]{
6988
+ margin-top:2px;
6989
+ margin-bottom:2px
6990
+ }
6991
+
6333
6992
  .my-1{
6334
6993
  margin-top:0.25rem;
6335
6994
  margin-bottom:0.25rem
@@ -6642,6 +7301,14 @@ progress[value]::-moz-progress-bar{
6642
7301
  width:83.333333%
6643
7302
  }
6644
7303
 
7304
+ .w-8{
7305
+ width:2rem
7306
+ }
7307
+
7308
+ .w-1\/2{
7309
+ width:50%
7310
+ }
7311
+
6645
7312
  .w-0{
6646
7313
  width:0px
6647
7314
  }
@@ -6666,10 +7333,6 @@ progress[value]::-moz-progress-bar{
6666
7333
  width:2.5rem
6667
7334
  }
6668
7335
 
6669
- .w-1\/2{
6670
- width:50%
6671
- }
6672
-
6673
7336
  .w-\[1\%\]{
6674
7337
  width:1%
6675
7338
  }
@@ -6750,14 +7413,14 @@ progress[value]::-moz-progress-bar{
6750
7413
  cursor:pointer
6751
7414
  }
6752
7415
 
6753
- .cursor-wait{
6754
- cursor:wait
6755
- }
6756
-
6757
7416
  .cursor-not-allowed{
6758
7417
  cursor:not-allowed
6759
7418
  }
6760
7419
 
7420
+ .cursor-wait{
7421
+ cursor:wait
7422
+ }
7423
+
6761
7424
  .appearance-none{
6762
7425
  -webkit-appearance:none;
6763
7426
  appearance:none
@@ -6775,6 +7438,10 @@ progress[value]::-moz-progress-bar{
6775
7438
  flex-direction:column
6776
7439
  }
6777
7440
 
7441
+ .flex-wrap{
7442
+ flex-wrap:wrap
7443
+ }
7444
+
6778
7445
  .flex-nowrap{
6779
7446
  flex-wrap:nowrap
6780
7447
  }
@@ -6843,6 +7510,10 @@ progress[value]::-moz-progress-bar{
6843
7510
  gap:0.75rem
6844
7511
  }
6845
7512
 
7513
+ .gap-1{
7514
+ gap:0.25rem
7515
+ }
7516
+
6846
7517
  .space-y-2 > :not([hidden]) ~ :not([hidden]){
6847
7518
  --tw-space-y-reverse:0;
6848
7519
  margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
@@ -6980,14 +7651,18 @@ progress[value]::-moz-progress-bar{
6980
7651
  border-radius:0.5rem
6981
7652
  }
6982
7653
 
6983
- .rounded-xl{
6984
- border-radius:1rem
6985
- }
6986
-
6987
7654
  .rounded-full{
6988
7655
  border-radius:9999px
6989
7656
  }
6990
7657
 
7658
+ .\!rounded-none{
7659
+ border-radius:0px !important
7660
+ }
7661
+
7662
+ .rounded-xl{
7663
+ border-radius:1rem
7664
+ }
7665
+
6991
7666
  .rounded-r-md{
6992
7667
  border-top-right-radius:0.375rem;
6993
7668
  border-bottom-right-radius:0.375rem
@@ -7020,14 +7695,26 @@ progress[value]::-moz-progress-bar{
7020
7695
  border-bottom-width:1px
7021
7696
  }
7022
7697
 
7023
- .border-t{
7024
- border-top-width:1px
7025
- }
7026
-
7027
7698
  .border-r{
7028
7699
  border-right-width:1px
7029
7700
  }
7030
7701
 
7702
+ .border-l-0{
7703
+ border-left-width:0px
7704
+ }
7705
+
7706
+ .border-b-0{
7707
+ border-bottom-width:0px
7708
+ }
7709
+
7710
+ .border-t-0{
7711
+ border-top-width:0px
7712
+ }
7713
+
7714
+ .border-t{
7715
+ border-top-width:1px
7716
+ }
7717
+
7031
7718
  .border-l{
7032
7719
  border-left-width:1px
7033
7720
  }
@@ -7036,6 +7723,10 @@ progress[value]::-moz-progress-bar{
7036
7723
  border-style:dashed
7037
7724
  }
7038
7725
 
7726
+ .border-none{
7727
+ border-style:none
7728
+ }
7729
+
7039
7730
  .border-slate-500{
7040
7731
  --tw-border-opacity:1;
7041
7732
  border-color:rgb(100 116 139 / var(--tw-border-opacity))
@@ -7171,6 +7862,11 @@ progress[value]::-moz-progress-bar{
7171
7862
  border-color:rgb(103 189 250 / var(--tw-border-opacity))
7172
7863
  }
7173
7864
 
7865
+ .border-gray-600{
7866
+ --tw-border-opacity:1;
7867
+ border-color:rgb(87 93 102 / var(--tw-border-opacity))
7868
+ }
7869
+
7174
7870
  .border-red-700{
7175
7871
  --tw-border-opacity:1;
7176
7872
  border-color:rgb(185 28 28 / var(--tw-border-opacity))
@@ -7186,11 +7882,6 @@ progress[value]::-moz-progress-bar{
7186
7882
  border-color:rgb(203 213 225 / var(--tw-border-opacity))
7187
7883
  }
7188
7884
 
7189
- .border-gray-600{
7190
- --tw-border-opacity:1;
7191
- border-color:rgb(87 93 102 / var(--tw-border-opacity))
7192
- }
7193
-
7194
7885
  .bg-red-600{
7195
7886
  --tw-bg-opacity:1;
7196
7887
  background-color:rgb(220 38 38 / var(--tw-bg-opacity))
@@ -7276,6 +7967,11 @@ progress[value]::-moz-progress-bar{
7276
7967
  background-color:rgb(87 93 102 / var(--tw-bg-opacity))
7277
7968
  }
7278
7969
 
7970
+ .bg-gray-200{
7971
+ --tw-bg-opacity:1;
7972
+ background-color:rgb(216 219 222 / var(--tw-bg-opacity))
7973
+ }
7974
+
7279
7975
  .bg-gray-500{
7280
7976
  --tw-bg-opacity:1;
7281
7977
  background-color:rgb(117 125 138 / var(--tw-bg-opacity))
@@ -7707,6 +8403,11 @@ progress[value]::-moz-progress-bar{
7707
8403
  color:rgb(0 0 0 / var(--tw-text-opacity))
7708
8404
  }
7709
8405
 
8406
+ .\!text-blue-700{
8407
+ --tw-text-opacity:1 !important;
8408
+ color:rgb(3 57 94 / var(--tw-text-opacity)) !important
8409
+ }
8410
+
7710
8411
  .text-slate-600{
7711
8412
  --tw-text-opacity:1;
7712
8413
  color:rgb(71 85 105 / var(--tw-text-opacity))
@@ -8096,6 +8797,11 @@ trix-editor {
8096
8797
  border-color:rgb(103 189 250 / var(--tw-border-opacity))
8097
8798
  }
8098
8799
 
8800
+ .focus\:border-gray-300:focus{
8801
+ --tw-border-opacity:1;
8802
+ border-color:rgb(183 187 194 / var(--tw-border-opacity))
8803
+ }
8804
+
8099
8805
  .focus\:border-slate-400:focus{
8100
8806
  --tw-border-opacity:1;
8101
8807
  border-color:rgb(148 163 184 / var(--tw-border-opacity))