tinacms 0.64.1 → 0.65.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (20) hide show
  1. package/CHANGELOG.md +37 -0
  2. package/dist/admin/api.d.ts +36 -0
  3. package/dist/admin/components/GetCollection.d.ts +1 -28
  4. package/dist/admin/components/GetCollections.d.ts +1 -4
  5. package/dist/admin/components/GetDocument.d.ts +2 -15
  6. package/dist/admin/components/GetDocumentFields.d.ts +0 -7
  7. package/dist/admin/plugins/route-mapping.d.ts +3 -15
  8. package/dist/admin/types.d.ts +72 -0
  9. package/dist/edit-state.d.ts +8 -0
  10. package/dist/edit-state.es.js +32 -3
  11. package/dist/edit-state.js +30 -0
  12. package/dist/hooks/use-graphql-forms.d.ts +2 -4
  13. package/dist/index.d.ts +1 -0
  14. package/dist/index.es.js +1658 -214
  15. package/dist/index.js +1658 -212
  16. package/dist/rich-text.d.ts +1 -1
  17. package/dist/style.css +296 -306
  18. package/dist/tina-cms.d.ts +54 -13
  19. package/package.json +7 -5
  20. package/dist/admin/hooks/useEmbedTailwind.d.ts +0 -14
package/dist/style.css CHANGED
@@ -1,8 +1,3 @@
1
- .tina-tailwind {
2
-
3
- /* gray-600 from tailwind config */
4
- }
5
-
6
1
  /**
7
2
  Use a better box model (opinionated).
8
3
  */
@@ -336,7 +331,7 @@ Forms
336
331
  */
337
332
 
338
333
  .tina-tailwind html {
339
- font-family: Inter var, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */
334
+ font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */
340
335
  line-height: 1.5; /* 2 */
341
336
  }
342
337
 
@@ -561,784 +556,779 @@ Document
561
556
  display: none;
562
557
  }
563
558
 
564
- /* ! tailwindcss v2.2.19 | MIT License | https://tailwindcss.com */
559
+ /*! tailwindcss v2.2.19 | MIT License | https://tailwindcss.com
560
+ */
565
561
 
566
562
  .tina-tailwind *, .tina-tailwind ::before, .tina-tailwind ::after {
567
- --tw-translate-x: 0;
568
- --tw-translate-y: 0;
569
- --tw-rotate: 0;
570
- --tw-skew-x: 0;
571
- --tw-skew-y: 0;
572
- --tw-scale-x: 1;
573
- --tw-scale-y: 1;
574
- --tw-transform: translateX(var(--tw-translate-x)) translateY(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));
563
+ --tw-translate-x: 0;
564
+ --tw-translate-y: 0;
565
+ --tw-rotate: 0;
566
+ --tw-skew-x: 0;
567
+ --tw-skew-y: 0;
568
+ --tw-scale-x: 1;
569
+ --tw-scale-y: 1;
570
+ --tw-transform: translateX(var(--tw-translate-x)) translateY(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));
575
571
  }
576
572
 
577
573
  .tina-tailwind *, .tina-tailwind ::before, .tina-tailwind ::after {
578
- --tw-border-opacity: 1;
579
- border-color: rgba(225, 221, 236, var(--tw-border-opacity));
574
+ --tw-border-opacity: 1;
575
+ border-color: rgba(225, 221, 236, var(--tw-border-opacity));
580
576
  }
581
577
 
582
578
  .tina-tailwind *, .tina-tailwind ::before, .tina-tailwind ::after {
583
- --tw-ring-offset-shadow: 0 0 #0000;
584
- --tw-ring-shadow: 0 0 #0000;
585
- --tw-shadow: 0 0 #0000;
579
+ --tw-ring-offset-shadow: 0 0 #0000;
580
+ --tw-ring-shadow: 0 0 #0000;
581
+ --tw-shadow: 0 0 #0000;
586
582
  }
587
583
 
588
584
  .tina-tailwind *, .tina-tailwind ::before, .tina-tailwind ::after {
589
- --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
590
- --tw-ring-offset-width: 0px;
591
- --tw-ring-offset-color: #fff;
592
- --tw-ring-color: rgba(0, 132, 255, 0.5);
593
- --tw-ring-offset-shadow: 0 0 #0000;
594
- --tw-ring-shadow: 0 0 #0000;
595
- --tw-shadow: 0 0 #0000;
585
+ --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
586
+ --tw-ring-offset-width: 0px;
587
+ --tw-ring-offset-color: #fff;
588
+ --tw-ring-color: rgba(0, 132, 255, 0.5);
589
+ --tw-ring-offset-shadow: 0 0 #0000;
590
+ --tw-ring-shadow: 0 0 #0000;
591
+ --tw-shadow: 0 0 #0000;
596
592
  }
597
593
 
598
594
  .tina-tailwind *, .tina-tailwind ::before, .tina-tailwind ::after {
599
- --tw-blur: var(--tw-empty,/*!*/ /*!*/);
600
- --tw-brightness: var(--tw-empty,/*!*/ /*!*/);
601
- --tw-contrast: var(--tw-empty,/*!*/ /*!*/);
602
- --tw-grayscale: var(--tw-empty,/*!*/ /*!*/);
603
- --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/);
604
- --tw-invert: var(--tw-empty,/*!*/ /*!*/);
605
- --tw-saturate: var(--tw-empty,/*!*/ /*!*/);
606
- --tw-sepia: var(--tw-empty,/*!*/ /*!*/);
607
- --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/);
608
- --tw-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
595
+ --tw-blur: var(--tw-empty,/*!*/ /*!*/);
596
+ --tw-brightness: var(--tw-empty,/*!*/ /*!*/);
597
+ --tw-contrast: var(--tw-empty,/*!*/ /*!*/);
598
+ --tw-grayscale: var(--tw-empty,/*!*/ /*!*/);
599
+ --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/);
600
+ --tw-invert: var(--tw-empty,/*!*/ /*!*/);
601
+ --tw-saturate: var(--tw-empty,/*!*/ /*!*/);
602
+ --tw-sepia: var(--tw-empty,/*!*/ /*!*/);
603
+ --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/);
604
+ --tw-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
609
605
  }
610
606
 
611
607
  .tina-tailwind .static {
612
- position: static !important;
608
+ position: static !important;
613
609
  }
614
610
 
615
611
  .tina-tailwind .fixed {
616
- position: fixed !important;
612
+ position: fixed !important;
617
613
  }
618
614
 
619
615
  .tina-tailwind .absolute {
620
- position: absolute !important;
616
+ position: absolute !important;
621
617
  }
622
618
 
623
619
  .tina-tailwind .relative {
624
- position: relative !important;
620
+ position: relative !important;
625
621
  }
626
622
 
627
623
  .tina-tailwind .bottom-3 {
628
- bottom: 12px !important;
624
+ bottom: 12px !important;
629
625
  }
630
626
 
631
627
  .tina-tailwind .right-5 {
632
- right: 20px !important;
628
+ right: 20px !important;
633
629
  }
634
630
 
635
631
  .tina-tailwind .right-0 {
636
- right: 0px !important;
632
+ right: 0px !important;
637
633
  }
638
634
 
639
635
  .tina-tailwind .z-50 {
640
- z-index: 50 !important;
641
- }
642
-
643
- .tina-tailwind .mr-2 {
644
- margin-right: 8px !important;
636
+ z-index: 50 !important;
645
637
  }
646
638
 
647
639
  .tina-tailwind .-ml-1 {
648
- margin-left: -4px !important;
640
+ margin-left: -4px !important;
649
641
  }
650
642
 
651
643
  .tina-tailwind .mr-1\.5 {
652
- margin-right: 6px !important;
644
+ margin-right: 6px !important;
653
645
  }
654
646
 
655
647
  .tina-tailwind .mr-1 {
656
- margin-right: 4px !important;
648
+ margin-right: 4px !important;
657
649
  }
658
650
 
659
651
  .tina-tailwind .mb-3 {
660
- margin-bottom: 12px !important;
652
+ margin-bottom: 12px !important;
653
+ }
654
+
655
+ .tina-tailwind .mr-2 {
656
+ margin-right: 8px !important;
661
657
  }
662
658
 
663
659
  .tina-tailwind .ml-1 {
664
- margin-left: 4px !important;
660
+ margin-left: 4px !important;
665
661
  }
666
662
 
667
663
  .tina-tailwind .mt-2 {
668
- margin-top: 8px !important;
664
+ margin-top: 8px !important;
669
665
  }
670
666
 
671
667
  .tina-tailwind .mt-8 {
672
- margin-top: 32px !important;
668
+ margin-top: 32px !important;
673
669
  }
674
670
 
675
671
  .tina-tailwind .mb-0\.5 {
676
- margin-bottom: 2px !important;
672
+ margin-bottom: 2px !important;
677
673
  }
678
674
 
679
675
  .tina-tailwind .mb-0 {
680
- margin-bottom: 0px !important;
676
+ margin-bottom: 0px !important;
681
677
  }
682
678
 
683
679
  .tina-tailwind .block {
684
- display: block !important;
680
+ display: block !important;
685
681
  }
686
682
 
687
683
  .tina-tailwind .inline-block {
688
- display: inline-block !important;
684
+ display: inline-block !important;
689
685
  }
690
686
 
691
687
  .tina-tailwind .flex {
692
- display: flex !important;
688
+ display: flex !important;
693
689
  }
694
690
 
695
691
  .tina-tailwind .inline-flex {
696
- display: inline-flex !important;
692
+ display: inline-flex !important;
697
693
  }
698
694
 
699
695
  .tina-tailwind .table {
700
- display: table !important;
696
+ display: table !important;
701
697
  }
702
698
 
703
699
  .tina-tailwind .h-screen {
704
- height: 100vh !important;
705
- }
706
-
707
- .tina-tailwind .h-4 {
708
- height: 16px !important;
700
+ height: 100vh !important;
709
701
  }
710
702
 
711
703
  .tina-tailwind .h-auto {
712
- height: auto !important;
704
+ height: auto !important;
713
705
  }
714
706
 
715
707
  .tina-tailwind .h-6 {
716
- height: 24px !important;
708
+ height: 24px !important;
717
709
  }
718
710
 
719
711
  .tina-tailwind .h-5 {
720
- height: 20px !important;
721
- }
722
-
723
- .tina-tailwind .w-auto {
724
- width: auto !important;
712
+ height: 20px !important;
725
713
  }
726
714
 
727
715
  .tina-tailwind .w-full {
728
- width: 100% !important;
716
+ width: 100% !important;
729
717
  }
730
718
 
731
719
  .tina-tailwind .w-10 {
732
- width: 40px !important;
720
+ width: 40px !important;
733
721
  }
734
722
 
735
723
  .tina-tailwind .w-80 {
736
- width: 320px !important;
724
+ width: 320px !important;
737
725
  }
738
726
 
739
727
  .tina-tailwind .w-2\/3 {
740
- width: 66.666667% !important;
728
+ width: 66.666667% !important;
741
729
  }
742
730
 
743
731
  .tina-tailwind .w-6 {
744
- width: 24px !important;
732
+ width: 24px !important;
733
+ }
734
+
735
+ .tina-tailwind .w-auto {
736
+ width: auto !important;
745
737
  }
746
738
 
747
739
  .tina-tailwind .w-56 {
748
- width: 224px !important;
740
+ width: 224px !important;
749
741
  }
750
742
 
751
743
  .tina-tailwind .min-w-full {
752
- min-width: 100% !important;
744
+ min-width: 100% !important;
753
745
  }
754
746
 
755
747
  .tina-tailwind .max-w-lg {
756
- max-width: 32rem !important;
748
+ max-width: 32rem !important;
757
749
  }
758
750
 
759
751
  .tina-tailwind .max-w-screen-md {
760
- max-width: 768px !important;
752
+ max-width: 768px !important;
761
753
  }
762
754
 
763
755
  .tina-tailwind .max-w-xs {
764
- max-width: 20rem !important;
756
+ max-width: 20rem !important;
765
757
  }
766
758
 
767
759
  .tina-tailwind .flex-1 {
768
- flex: 1 1 0% !important;
760
+ flex: 1 1 0% !important;
769
761
  }
770
762
 
771
763
  .tina-tailwind .flex-shrink-0 {
772
- flex-shrink: 0 !important;
764
+ flex-shrink: 0 !important;
773
765
  }
774
766
 
775
767
  .tina-tailwind .origin-top-right {
776
- transform-origin: top right !important;
768
+ transform-origin: top right !important;
777
769
  }
778
770
 
779
771
  .tina-tailwind .translate-y-full {
780
- --tw-translate-y: 100% !important;
781
- transform: var(--tw-transform) !important;
772
+ --tw-translate-y: 100% !important;
773
+ transform: var(--tw-transform) !important;
782
774
  }
783
775
 
784
776
  .tina-tailwind .-translate-y-2 {
785
- --tw-translate-y: -8px !important;
786
- transform: var(--tw-transform) !important;
777
+ --tw-translate-y: -8px !important;
778
+ transform: var(--tw-transform) !important;
787
779
  }
788
780
 
789
781
  .tina-tailwind .translate-y-0 {
790
- --tw-translate-y: 0px !important;
791
- transform: var(--tw-transform) !important;
782
+ --tw-translate-y: 0px !important;
783
+ transform: var(--tw-transform) !important;
792
784
  }
793
785
 
794
786
  .tina-tailwind .rotate-90 {
795
- --tw-rotate: 90deg !important;
796
- transform: var(--tw-transform) !important;
787
+ --tw-rotate: 90deg !important;
788
+ transform: var(--tw-transform) !important;
797
789
  }
798
790
 
799
791
  .tina-tailwind .rotate-0 {
800
- --tw-rotate: 0deg !important;
801
- transform: var(--tw-transform) !important;
792
+ --tw-rotate: 0deg !important;
793
+ transform: var(--tw-transform) !important;
802
794
  }
803
795
 
804
796
  .tina-tailwind .scale-95 {
805
- --tw-scale-x: .95 !important;
806
- --tw-scale-y: .95 !important;
807
- transform: var(--tw-transform) !important;
797
+ --tw-scale-x: .95 !important;
798
+ --tw-scale-y: .95 !important;
799
+ transform: var(--tw-transform) !important;
808
800
  }
809
801
 
810
802
  .tina-tailwind .scale-100 {
811
- --tw-scale-x: 1 !important;
812
- --tw-scale-y: 1 !important;
813
- transform: var(--tw-transform) !important;
803
+ --tw-scale-x: 1 !important;
804
+ --tw-scale-y: 1 !important;
805
+ transform: var(--tw-transform) !important;
814
806
  }
815
807
 
816
808
  .tina-tailwind .transform {
817
- transform: var(--tw-transform) !important;
809
+ transform: var(--tw-transform) !important;
818
810
  }
819
811
 
820
812
  .tina-tailwind .flex-col {
821
- flex-direction: column !important;
813
+ flex-direction: column !important;
822
814
  }
823
815
 
824
816
  .tina-tailwind .items-end {
825
- align-items: flex-end !important;
817
+ align-items: flex-end !important;
826
818
  }
827
819
 
828
820
  .tina-tailwind .items-center {
829
- align-items: center !important;
821
+ align-items: center !important;
830
822
  }
831
823
 
832
824
  .tina-tailwind .items-stretch {
833
- align-items: stretch !important;
825
+ align-items: stretch !important;
834
826
  }
835
827
 
836
828
  .tina-tailwind .justify-start {
837
- justify-content: flex-start !important;
829
+ justify-content: flex-start !important;
838
830
  }
839
831
 
840
832
  .tina-tailwind .justify-end {
841
- justify-content: flex-end !important;
833
+ justify-content: flex-end !important;
842
834
  }
843
835
 
844
836
  .tina-tailwind .justify-center {
845
- justify-content: center !important;
837
+ justify-content: center !important;
846
838
  }
847
839
 
848
840
  .tina-tailwind .justify-between {
849
- justify-content: space-between !important;
841
+ justify-content: space-between !important;
850
842
  }
851
843
 
852
844
  .tina-tailwind .gap-0\.5 {
853
- gap: 2px !important;
845
+ gap: 2px !important;
854
846
  }
855
847
 
856
848
  .tina-tailwind .gap-0 {
857
- gap: 0px !important;
849
+ gap: 0px !important;
858
850
  }
859
851
 
860
852
  .tina-tailwind .gap-4 {
861
- gap: 16px !important;
853
+ gap: 16px !important;
862
854
  }
863
855
 
864
856
  .tina-tailwind .gap-1 {
865
- gap: 4px !important;
857
+ gap: 4px !important;
866
858
  }
867
859
 
868
860
  .tina-tailwind .gap-3 {
869
- gap: 12px !important;
861
+ gap: 12px !important;
870
862
  }
871
863
 
872
864
  .tina-tailwind .gap-1\.5 {
873
- gap: 6px !important;
865
+ gap: 6px !important;
874
866
  }
875
867
 
876
868
  .tina-tailwind .divide-y > :not([hidden]) ~ :not([hidden]) {
877
- --tw-divide-y-reverse: 0 !important;
878
- border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) !important;
879
- border-bottom-width: calc(1px * var(--tw-divide-y-reverse)) !important;
869
+ --tw-divide-y-reverse: 0 !important;
870
+ border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) !important;
871
+ border-bottom-width: calc(1px * var(--tw-divide-y-reverse)) !important;
880
872
  }
881
873
 
882
874
  .tina-tailwind .overflow-hidden {
883
- overflow: hidden !important;
875
+ overflow: hidden !important;
884
876
  }
885
877
 
886
878
  .tina-tailwind .overflow-y-auto {
887
- overflow-y: auto !important;
879
+ overflow-y: auto !important;
888
880
  }
889
881
 
890
882
  .tina-tailwind .overflow-ellipsis {
891
- text-overflow: ellipsis !important;
883
+ text-overflow: ellipsis !important;
892
884
  }
893
885
 
894
886
  .tina-tailwind .whitespace-nowrap {
895
- white-space: nowrap !important;
887
+ white-space: nowrap !important;
896
888
  }
897
889
 
898
890
  .tina-tailwind .rounded-lg {
899
- border-radius: 8px !important;
891
+ border-radius: 8px !important;
900
892
  }
901
893
 
902
894
  .tina-tailwind .rounded-full {
903
- border-radius: 9999px !important;
895
+ border-radius: 9999px !important;
904
896
  }
905
897
 
906
898
  .tina-tailwind .rounded-md {
907
- border-radius: 6px !important;
899
+ border-radius: 6px !important;
908
900
  }
909
901
 
910
902
  .tina-tailwind .border {
911
- border-width: 1px !important;
912
- }
913
-
914
- .tina-tailwind .border-t {
915
- border-top-width: 1px !important;
903
+ border-width: 1px !important;
916
904
  }
917
905
 
918
906
  .tina-tailwind .border-b {
919
- border-bottom-width: 1px !important;
907
+ border-bottom-width: 1px !important;
920
908
  }
921
909
 
922
910
  .tina-tailwind .border-r {
923
- border-right-width: 1px !important;
924
- }
925
-
926
- .tina-tailwind .border-gray-100 {
927
- --tw-border-opacity: 1 !important;
928
- border-color: rgba(237, 236, 243, var(--tw-border-opacity)) !important;
911
+ border-right-width: 1px !important;
929
912
  }
930
913
 
931
914
  .tina-tailwind .border-gray-200 {
932
- --tw-border-opacity: 1 !important;
933
- border-color: rgba(225, 221, 236, var(--tw-border-opacity)) !important;
915
+ --tw-border-opacity: 1 !important;
916
+ border-color: rgba(225, 221, 236, var(--tw-border-opacity)) !important;
934
917
  }
935
918
 
936
919
  .tina-tailwind .border-transparent {
937
- border-color: transparent !important;
920
+ border-color: transparent !important;
938
921
  }
939
922
 
940
923
  .tina-tailwind .bg-white {
941
- --tw-bg-opacity: 1 !important;
942
- background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) !important;
924
+ --tw-bg-opacity: 1 !important;
925
+ background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) !important;
943
926
  }
944
927
 
945
928
  .tina-tailwind .bg-gray-50 {
946
- --tw-bg-opacity: 1 !important;
947
- background-color: rgba(246, 246, 249, var(--tw-bg-opacity)) !important;
929
+ --tw-bg-opacity: 1 !important;
930
+ background-color: rgba(246, 246, 249, var(--tw-bg-opacity)) !important;
948
931
  }
949
932
 
950
933
  .tina-tailwind .bg-transparent {
951
- background-color: transparent !important;
934
+ background-color: transparent !important;
952
935
  }
953
936
 
954
937
  .tina-tailwind .bg-gradient-to-b {
955
- background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important;
938
+ background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important;
956
939
  }
957
940
 
958
941
  .tina-tailwind .from-blue-900 {
959
- --tw-gradient-from: #1D2C6C !important;
960
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 44, 108, 0)) !important;
942
+ --tw-gradient-from: #1D2C6C !important;
943
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 44, 108, 0)) !important;
961
944
  }
962
945
 
963
946
  .tina-tailwind .from-white {
964
- --tw-gradient-from: #fff !important;
965
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)) !important;
947
+ --tw-gradient-from: #fff !important;
948
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)) !important;
966
949
  }
967
950
 
968
951
  .tina-tailwind .to-gray-900 {
969
- --tw-gradient-to: #252336 !important;
952
+ --tw-gradient-to: #252336 !important;
970
953
  }
971
954
 
972
955
  .tina-tailwind .to-gray-50 {
973
- --tw-gradient-to: #F6F6F9 !important;
974
- }
975
-
976
- .tina-tailwind .px-5 {
977
- padding-left: 20px !important;
978
- padding-right: 20px !important;
979
- }
980
-
981
- .tina-tailwind .py-2 {
982
- padding-top: 8px !important;
983
- padding-bottom: 8px !important;
956
+ --tw-gradient-to: #F6F6F9 !important;
984
957
  }
985
958
 
986
959
  .tina-tailwind .px-4 {
987
- padding-left: 16px !important;
988
- padding-right: 16px !important;
960
+ padding-left: 16px !important;
961
+ padding-right: 16px !important;
989
962
  }
990
963
 
991
964
  .tina-tailwind .py-6 {
992
- padding-top: 24px !important;
993
- padding-bottom: 24px !important;
965
+ padding-top: 24px !important;
966
+ padding-bottom: 24px !important;
967
+ }
968
+
969
+ .tina-tailwind .px-5 {
970
+ padding-left: 20px !important;
971
+ padding-right: 20px !important;
994
972
  }
995
973
 
996
974
  .tina-tailwind .py-4 {
997
- padding-top: 16px !important;
998
- padding-bottom: 16px !important;
975
+ padding-top: 16px !important;
976
+ padding-bottom: 16px !important;
999
977
  }
1000
978
 
1001
979
  .tina-tailwind .px-6 {
1002
- padding-left: 24px !important;
1003
- padding-right: 24px !important;
980
+ padding-left: 24px !important;
981
+ padding-right: 24px !important;
1004
982
  }
1005
983
 
1006
984
  .tina-tailwind .py-1 {
1007
- padding-top: 4px !important;
1008
- padding-bottom: 4px !important;
985
+ padding-top: 4px !important;
986
+ padding-bottom: 4px !important;
987
+ }
988
+
989
+ .tina-tailwind .py-2 {
990
+ padding-top: 8px !important;
991
+ padding-bottom: 8px !important;
1009
992
  }
1010
993
 
1011
994
  .tina-tailwind .py-7 {
1012
- padding-top: 28px !important;
1013
- padding-bottom: 28px !important;
995
+ padding-top: 28px !important;
996
+ padding-bottom: 28px !important;
1014
997
  }
1015
998
 
1016
999
  .tina-tailwind .px-8 {
1017
- padding-left: 32px !important;
1018
- padding-right: 32px !important;
1000
+ padding-left: 32px !important;
1001
+ padding-right: 32px !important;
1019
1002
  }
1020
1003
 
1021
1004
  .tina-tailwind .py-2\.5 {
1022
- padding-top: 10px !important;
1023
- padding-bottom: 10px !important;
1005
+ padding-top: 10px !important;
1006
+ padding-bottom: 10px !important;
1024
1007
  }
1025
1008
 
1026
1009
  .tina-tailwind .py-14 {
1027
- padding-top: 56px !important;
1028
- padding-bottom: 56px !important;
1010
+ padding-top: 56px !important;
1011
+ padding-bottom: 56px !important;
1029
1012
  }
1030
1013
 
1031
1014
  .tina-tailwind .py-3 {
1032
- padding-top: 12px !important;
1033
- padding-bottom: 12px !important;
1015
+ padding-top: 12px !important;
1016
+ padding-bottom: 12px !important;
1034
1017
  }
1035
1018
 
1036
1019
  .tina-tailwind .py-1\.5 {
1037
- padding-top: 6px !important;
1038
- padding-bottom: 6px !important;
1020
+ padding-top: 6px !important;
1021
+ padding-bottom: 6px !important;
1039
1022
  }
1040
1023
 
1041
1024
  .tina-tailwind .py-10 {
1042
- padding-top: 40px !important;
1043
- padding-bottom: 40px !important;
1025
+ padding-top: 40px !important;
1026
+ padding-bottom: 40px !important;
1044
1027
  }
1045
1028
 
1046
1029
  .tina-tailwind .pt-16 {
1047
- padding-top: 64px !important;
1030
+ padding-top: 64px !important;
1048
1031
  }
1049
1032
 
1050
1033
  .tina-tailwind .pb-10 {
1051
- padding-bottom: 40px !important;
1034
+ padding-bottom: 40px !important;
1052
1035
  }
1053
1036
 
1054
1037
  .tina-tailwind .text-left {
1055
- text-align: left !important;
1038
+ text-align: left !important;
1056
1039
  }
1057
1040
 
1058
1041
  .tina-tailwind .text-center {
1059
- text-align: center !important;
1042
+ text-align: center !important;
1060
1043
  }
1061
1044
 
1062
1045
  .tina-tailwind .font-sans {
1063
- font-family: Inter var, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
1064
- }
1065
-
1066
- .tina-tailwind .text-xs {
1067
- font-size: 13px !important;
1068
- line-height: 1.33 !important;
1046
+ font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
1069
1047
  }
1070
1048
 
1071
1049
  .tina-tailwind .text-2xl {
1072
- font-size: 24px !important;
1073
- line-height: 1.33 !important;
1050
+ font-size: 24px !important;
1051
+ line-height: 1.33 !important;
1074
1052
  }
1075
1053
 
1076
1054
  .tina-tailwind .text-base {
1077
- font-size: 16px !important;
1078
- line-height: 1.5 !important;
1055
+ font-size: 16px !important;
1056
+ line-height: 1.5 !important;
1079
1057
  }
1080
1058
 
1081
1059
  .tina-tailwind .text-lg {
1082
- font-size: 18px !important;
1083
- line-height: 1.55 !important;
1060
+ font-size: 18px !important;
1061
+ line-height: 1.55 !important;
1084
1062
  }
1085
1063
 
1086
1064
  .tina-tailwind .text-sm {
1087
- font-size: 14px !important;
1088
- line-height: 1.43 !important;
1065
+ font-size: 14px !important;
1066
+ line-height: 1.43 !important;
1067
+ }
1068
+
1069
+ .tina-tailwind .text-md {
1070
+ font-size: 16px !important;
1071
+ line-height: 1.5 !important;
1089
1072
  }
1090
1073
 
1091
1074
  .tina-tailwind .text-3xl {
1092
- font-size: 30px !important;
1093
- line-height: 1.2 !important;
1075
+ font-size: 30px !important;
1076
+ line-height: 1.2 !important;
1094
1077
  }
1095
1078
 
1096
- .tina-tailwind .text-4xl {
1097
- font-size: 36px !important;
1098
- line-height: 1.1 !important;
1079
+ .tina-tailwind .text-xs {
1080
+ font-size: 13px !important;
1081
+ line-height: 1.33 !important;
1099
1082
  }
1100
1083
 
1101
- .tina-tailwind .font-medium {
1102
- font-weight: 500 !important;
1084
+ .tina-tailwind .text-4xl {
1085
+ font-size: 36px !important;
1086
+ line-height: 1.1 !important;
1103
1087
  }
1104
1088
 
1105
1089
  .tina-tailwind .font-bold {
1106
- font-weight: 700 !important;
1090
+ font-weight: 700 !important;
1091
+ }
1092
+
1093
+ .tina-tailwind .font-medium {
1094
+ font-weight: 500 !important;
1107
1095
  }
1108
1096
 
1109
1097
  .tina-tailwind .uppercase {
1110
- text-transform: uppercase !important;
1098
+ text-transform: uppercase !important;
1111
1099
  }
1112
1100
 
1113
1101
  .tina-tailwind .italic {
1114
- font-style: italic !important;
1102
+ font-style: italic !important;
1115
1103
  }
1116
1104
 
1117
1105
  .tina-tailwind .leading-normal {
1118
- line-height: 1.5 !important;
1106
+ line-height: 1.5 !important;
1119
1107
  }
1120
1108
 
1121
1109
  .tina-tailwind .leading-4 {
1122
- line-height: 16px !important;
1110
+ line-height: 16px !important;
1123
1111
  }
1124
1112
 
1125
1113
  .tina-tailwind .leading-5 {
1126
- line-height: 20px !important;
1114
+ line-height: 20px !important;
1127
1115
  }
1128
1116
 
1129
1117
  .tina-tailwind .tracking-wide {
1130
- letter-spacing: 0.025em !important;
1118
+ letter-spacing: 0.025em !important;
1131
1119
  }
1132
1120
 
1133
1121
  .tina-tailwind .text-gray-700 {
1134
- --tw-text-opacity: 1 !important;
1135
- color: rgba(67, 62, 82, var(--tw-text-opacity)) !important;
1122
+ --tw-text-opacity: 1 !important;
1123
+ color: rgba(67, 62, 82, var(--tw-text-opacity)) !important;
1136
1124
  }
1137
1125
 
1138
1126
  .tina-tailwind .text-gray-800 {
1139
- --tw-text-opacity: 1 !important;
1140
- color: rgba(54, 49, 69, var(--tw-text-opacity)) !important;
1127
+ --tw-text-opacity: 1 !important;
1128
+ color: rgba(54, 49, 69, var(--tw-text-opacity)) !important;
1141
1129
  }
1142
1130
 
1143
1131
  .tina-tailwind .text-gray-600 {
1144
- --tw-text-opacity: 1 !important;
1145
- color: rgba(86, 81, 101, var(--tw-text-opacity)) !important;
1132
+ --tw-text-opacity: 1 !important;
1133
+ color: rgba(86, 81, 101, var(--tw-text-opacity)) !important;
1146
1134
  }
1147
1135
 
1148
1136
  .tina-tailwind .text-blue-400 {
1149
- --tw-text-opacity: 1 !important;
1150
- color: rgba(34, 150, 254, var(--tw-text-opacity)) !important;
1137
+ --tw-text-opacity: 1 !important;
1138
+ color: rgba(34, 150, 254, var(--tw-text-opacity)) !important;
1151
1139
  }
1152
1140
 
1153
1141
  .tina-tailwind .text-blue-600 {
1154
- --tw-text-opacity: 1 !important;
1155
- color: rgba(5, 116, 228, var(--tw-text-opacity)) !important;
1142
+ --tw-text-opacity: 1 !important;
1143
+ color: rgba(5, 116, 228, var(--tw-text-opacity)) !important;
1156
1144
  }
1157
1145
 
1158
1146
  .tina-tailwind .text-white {
1159
- --tw-text-opacity: 1 !important;
1160
- color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
1147
+ --tw-text-opacity: 1 !important;
1148
+ color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
1161
1149
  }
1162
1150
 
1163
1151
  .tina-tailwind .text-gray-400 {
1164
- --tw-text-opacity: 1 !important;
1165
- color: rgba(145, 140, 158, var(--tw-text-opacity)) !important;
1152
+ --tw-text-opacity: 1 !important;
1153
+ color: rgba(145, 140, 158, var(--tw-text-opacity)) !important;
1166
1154
  }
1167
1155
 
1168
1156
  .tina-tailwind .text-gray-300 {
1169
- --tw-text-opacity: 1 !important;
1170
- color: rgba(178, 173, 190, var(--tw-text-opacity)) !important;
1157
+ --tw-text-opacity: 1 !important;
1158
+ color: rgba(178, 173, 190, var(--tw-text-opacity)) !important;
1171
1159
  }
1172
1160
 
1173
1161
  .tina-tailwind .text-gray-500 {
1174
- --tw-text-opacity: 1 !important;
1175
- color: rgba(113, 108, 127, var(--tw-text-opacity)) !important;
1162
+ --tw-text-opacity: 1 !important;
1163
+ color: rgba(113, 108, 127, var(--tw-text-opacity)) !important;
1176
1164
  }
1177
1165
 
1178
1166
  .tina-tailwind .underline {
1179
- text-decoration: underline !important;
1167
+ text-decoration: underline !important;
1180
1168
  }
1181
1169
 
1182
1170
  .tina-tailwind .opacity-80 {
1183
- opacity: .8 !important;
1171
+ opacity: .8 !important;
1184
1172
  }
1185
1173
 
1186
1174
  .tina-tailwind .opacity-50 {
1187
- opacity: .5 !important;
1175
+ opacity: .5 !important;
1188
1176
  }
1189
1177
 
1190
1178
  .tina-tailwind .opacity-100 {
1191
- opacity: 1 !important;
1179
+ opacity: 1 !important;
1192
1180
  }
1193
1181
 
1194
1182
  .tina-tailwind .opacity-0 {
1195
- opacity: 0 !important;
1183
+ opacity: 0 !important;
1196
1184
  }
1197
1185
 
1198
1186
  .tina-tailwind .opacity-90 {
1199
- opacity: .9 !important;
1187
+ opacity: .9 !important;
1200
1188
  }
1201
1189
 
1202
1190
  .tina-tailwind .opacity-70 {
1203
- opacity: .7 !important;
1204
- }
1205
-
1206
- .tina-tailwind .shadow {
1207
- --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
1208
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
1191
+ opacity: .7 !important;
1209
1192
  }
1210
1193
 
1211
1194
  .tina-tailwind .shadow-lg {
1212
- --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
1213
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
1195
+ --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
1196
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
1214
1197
  }
1215
1198
 
1216
1199
  .tina-tailwind .shadow-sm {
1217
- --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
1218
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
1200
+ --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
1201
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
1202
+ }
1203
+
1204
+ .tina-tailwind .shadow {
1205
+ --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
1206
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
1219
1207
  }
1220
1208
 
1221
1209
  .tina-tailwind .ring-1 {
1222
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
1223
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
1224
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
1210
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
1211
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
1212
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
1225
1213
  }
1226
1214
 
1227
1215
  .tina-tailwind .ring-black {
1228
- --tw-ring-opacity: 1 !important;
1229
- --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity)) !important;
1216
+ --tw-ring-opacity: 1 !important;
1217
+ --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity)) !important;
1230
1218
  }
1231
1219
 
1232
1220
  .tina-tailwind .ring-opacity-5 {
1233
- --tw-ring-opacity: .05 !important;
1221
+ --tw-ring-opacity: .05 !important;
1234
1222
  }
1235
1223
 
1236
1224
  .tina-tailwind .filter {
1237
- filter: var(--tw-filter) !important;
1225
+ filter: var(--tw-filter) !important;
1238
1226
  }
1239
1227
 
1240
1228
  .tina-tailwind .transition-colors {
1241
- transition-property: background-color, border-color, color, fill, stroke !important;
1242
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
1243
- transition-duration: 150ms !important;
1229
+ transition-property: background-color, border-color, color, fill, stroke !important;
1230
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
1231
+ transition-duration: 150ms !important;
1244
1232
  }
1245
1233
 
1246
1234
  .tina-tailwind .transition-opacity {
1247
- transition-property: opacity !important;
1248
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
1249
- transition-duration: 150ms !important;
1235
+ transition-property: opacity !important;
1236
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
1237
+ transition-duration: 150ms !important;
1250
1238
  }
1251
1239
 
1252
1240
  .tina-tailwind .transition-all {
1253
- transition-property: all !important;
1254
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
1255
- transition-duration: 150ms !important;
1241
+ transition-property: all !important;
1242
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
1243
+ transition-duration: 150ms !important;
1256
1244
  }
1257
1245
 
1258
1246
  .tina-tailwind .transition {
1259
- transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
1260
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
1261
- transition-duration: 150ms !important;
1262
- }
1263
-
1264
- .tina-tailwind .duration-100 {
1265
- transition-duration: 100ms !important;
1247
+ transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
1248
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
1249
+ transition-duration: 150ms !important;
1266
1250
  }
1267
1251
 
1268
1252
  .tina-tailwind .duration-150 {
1269
- transition-duration: 150ms !important;
1253
+ transition-duration: 150ms !important;
1270
1254
  }
1271
1255
 
1272
1256
  .tina-tailwind .duration-300 {
1273
- transition-duration: 300ms !important;
1257
+ transition-duration: 300ms !important;
1274
1258
  }
1275
1259
 
1276
1260
  .tina-tailwind .duration-75 {
1277
- transition-duration: 75ms !important;
1261
+ transition-duration: 75ms !important;
1262
+ }
1263
+
1264
+ .tina-tailwind .duration-100 {
1265
+ transition-duration: 100ms !important;
1278
1266
  }
1279
1267
 
1280
1268
  .tina-tailwind .ease-out {
1281
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
1269
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
1282
1270
  }
1283
1271
 
1284
1272
  .tina-tailwind .ease-in-out {
1285
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
1273
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
1286
1274
  }
1287
1275
 
1288
1276
  .tina-tailwind .ease-in {
1289
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
1277
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
1290
1278
  }
1291
1279
 
1292
1280
  .tina-tailwind {
1293
- color: #565165;
1281
+ font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
1282
+ --tw-text-opacity: 1;
1283
+ color: rgba(86, 81, 101, var(--tw-text-opacity));
1294
1284
  }
1295
1285
 
1296
1286
  .hover\:bg-gray-50:hover {
1297
- --tw-bg-opacity: 1 !important;
1298
- background-color: rgba(246, 246, 249, var(--tw-bg-opacity)) !important;
1287
+ --tw-bg-opacity: 1 !important;
1288
+ background-color: rgba(246, 246, 249, var(--tw-bg-opacity)) !important;
1299
1289
  }
1300
1290
 
1301
- .hover\:text-blue-500:hover {
1302
- --tw-text-opacity: 1 !important;
1303
- color: rgba(0, 132, 255, var(--tw-text-opacity)) !important;
1291
+ .hover\:text-blue-600:hover {
1292
+ --tw-text-opacity: 1 !important;
1293
+ color: rgba(5, 116, 228, var(--tw-text-opacity)) !important;
1304
1294
  }
1305
1295
 
1306
- .hover\:text-blue-600:hover {
1307
- --tw-text-opacity: 1 !important;
1308
- color: rgba(5, 116, 228, var(--tw-text-opacity)) !important;
1296
+ .hover\:text-blue-500:hover {
1297
+ --tw-text-opacity: 1 !important;
1298
+ color: rgba(0, 132, 255, var(--tw-text-opacity)) !important;
1309
1299
  }
1310
1300
 
1311
1301
  .hover\:opacity-100:hover {
1312
- opacity: 1 !important;
1302
+ opacity: 1 !important;
1313
1303
  }
1314
1304
 
1315
1305
  .hover\:opacity-80:hover {
1316
- opacity: .8 !important;
1306
+ opacity: .8 !important;
1317
1307
  }
1318
1308
 
1319
1309
  .focus\:outline-none:focus {
1320
- outline: 2px solid transparent !important;
1321
- outline-offset: 2px !important;
1310
+ outline: 2px solid transparent !important;
1311
+ outline-offset: 2px !important;
1322
1312
  }
1323
1313
 
1324
1314
  .group:hover .group-hover\:opacity-100 {
1325
- opacity: 1 !important;
1315
+ opacity: 1 !important;
1326
1316
  }
1327
1317
 
1328
1318
  .group:hover .group-hover\:opacity-80 {
1329
- opacity: .8 !important;
1319
+ opacity: .8 !important;
1330
1320
  }
1331
1321
 
1332
1322
  @media (min-width: 640px) {
1333
1323
 
1334
- .sm\:rounded-lg {
1335
- border-radius: 8px !important;
1336
- }
1324
+ .sm\:rounded-lg {
1325
+ border-radius: 8px !important;
1326
+ }
1337
1327
  }
1338
1328
 
1339
1329
  @media (min-width: 1024px) {
1340
1330
 
1341
- .lg\:w-96 {
1342
- width: 384px !important;
1343
- }
1331
+ .lg\:w-96 {
1332
+ width: 384px !important;
1333
+ }
1344
1334
  }