tinacms 0.65.2 → 0.66.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 (13) hide show
  1. package/CHANGELOG.md +41 -0
  2. package/dist/admin/api.d.ts +2 -4
  3. package/dist/admin/components/GetCollections.d.ts +5 -1
  4. package/dist/admin/components/Page.d.ts +26 -0
  5. package/dist/admin/components/Sidebar.d.ts +1 -0
  6. package/dist/admin/pages/ScreenPage.d.ts +14 -0
  7. package/dist/index.es.js +649 -528
  8. package/dist/index.js +646 -525
  9. package/dist/rich-text.d.ts +3 -0
  10. package/dist/rich-text.es.js +4 -1
  11. package/dist/rich-text.js +4 -1
  12. package/dist/style.css +191 -202
  13. package/package.json +3 -3
package/dist/style.css CHANGED
@@ -620,40 +620,49 @@ Document
620
620
  position: relative !important;
621
621
  }
622
622
 
623
- .tina-tailwind .bottom-3 {
624
- bottom: 12px !important;
625
- }
626
-
627
- .tina-tailwind .right-5 {
628
- right: 20px !important;
623
+ .tina-tailwind .left-0 {
624
+ left: 0px !important;
629
625
  }
630
626
 
631
627
  .tina-tailwind .right-0 {
632
628
  right: 0px !important;
633
629
  }
634
630
 
631
+ .tina-tailwind .bottom-2 {
632
+ bottom: 8px !important;
633
+ }
634
+
635
+ .tina-tailwind .right-5 {
636
+ right: 20px !important;
637
+ }
638
+
635
639
  .tina-tailwind .z-50 {
636
640
  z-index: 50 !important;
637
641
  }
638
642
 
639
- .tina-tailwind .-ml-1 {
640
- margin-left: -4px !important;
643
+ .tina-tailwind .mx-auto {
644
+ margin-left: auto !important;
645
+ margin-right: auto !important;
641
646
  }
642
647
 
643
- .tina-tailwind .mr-1\.5 {
644
- margin-right: 6px !important;
648
+ .tina-tailwind .mr-2 {
649
+ margin-right: 8px !important;
645
650
  }
646
651
 
647
- .tina-tailwind .mr-1 {
648
- margin-right: 4px !important;
652
+ .tina-tailwind .mb-2 {
653
+ margin-bottom: 8px !important;
649
654
  }
650
655
 
651
- .tina-tailwind .mb-3 {
652
- margin-bottom: 12px !important;
656
+ .tina-tailwind .mb-1 {
657
+ margin-bottom: 4px !important;
653
658
  }
654
659
 
655
- .tina-tailwind .mr-2 {
656
- margin-right: 8px !important;
660
+ .tina-tailwind .-mt-0\.5 {
661
+ margin-top: -2px !important;
662
+ }
663
+
664
+ .tina-tailwind .-mt-0 {
665
+ margin-top: 0px !important;
657
666
  }
658
667
 
659
668
  .tina-tailwind .ml-1 {
@@ -664,16 +673,12 @@ Document
664
673
  margin-top: 8px !important;
665
674
  }
666
675
 
667
- .tina-tailwind .mt-8 {
668
- margin-top: 32px !important;
669
- }
670
-
671
- .tina-tailwind .mb-0\.5 {
672
- margin-bottom: 2px !important;
676
+ .tina-tailwind .mr-1\.5 {
677
+ margin-right: 6px !important;
673
678
  }
674
679
 
675
- .tina-tailwind .mb-0 {
676
- margin-bottom: 0px !important;
680
+ .tina-tailwind .mr-1 {
681
+ margin-right: 4px !important;
677
682
  }
678
683
 
679
684
  .tina-tailwind .block {
@@ -704,10 +709,18 @@ Document
704
709
  height: auto !important;
705
710
  }
706
711
 
712
+ .tina-tailwind .h-full {
713
+ height: 100% !important;
714
+ }
715
+
707
716
  .tina-tailwind .h-6 {
708
717
  height: 24px !important;
709
718
  }
710
719
 
720
+ .tina-tailwind .h-10 {
721
+ height: 40px !important;
722
+ }
723
+
711
724
  .tina-tailwind .h-5 {
712
725
  height: 20px !important;
713
726
  }
@@ -720,48 +733,48 @@ Document
720
733
  width: 40px !important;
721
734
  }
722
735
 
723
- .tina-tailwind .w-80 {
724
- width: 320px !important;
725
- }
726
-
727
- .tina-tailwind .w-2\/3 {
728
- width: 66.666667% !important;
729
- }
730
-
731
- .tina-tailwind .w-6 {
732
- width: 24px !important;
733
- }
734
-
735
736
  .tina-tailwind .w-auto {
736
737
  width: auto !important;
737
738
  }
738
739
 
740
+ .tina-tailwind .w-5 {
741
+ width: 20px !important;
742
+ }
743
+
739
744
  .tina-tailwind .w-56 {
740
745
  width: 224px !important;
741
746
  }
742
747
 
743
- .tina-tailwind .min-w-full {
744
- min-width: 100% !important;
748
+ .tina-tailwind .w-0 {
749
+ width: 0px !important;
750
+ }
751
+
752
+ .tina-tailwind .w-6 {
753
+ width: 24px !important;
745
754
  }
746
755
 
747
756
  .tina-tailwind .max-w-lg {
748
757
  max-width: 32rem !important;
749
758
  }
750
759
 
751
- .tina-tailwind .max-w-screen-md {
752
- max-width: 768px !important;
760
+ .tina-tailwind .max-w-screen-xl {
761
+ max-width: 1280px !important;
753
762
  }
754
763
 
755
- .tina-tailwind .max-w-xs {
756
- max-width: 20rem !important;
764
+ .tina-tailwind .max-w-form {
765
+ max-width: 900px !important;
766
+ }
767
+
768
+ .tina-tailwind .max-w-full {
769
+ max-width: 100% !important;
757
770
  }
758
771
 
759
772
  .tina-tailwind .flex-1 {
760
773
  flex: 1 1 0% !important;
761
774
  }
762
775
 
763
- .tina-tailwind .flex-shrink-0 {
764
- flex-shrink: 0 !important;
776
+ .tina-tailwind .table-auto {
777
+ table-layout: auto !important;
765
778
  }
766
779
 
767
780
  .tina-tailwind .origin-top-right {
@@ -783,16 +796,6 @@ Document
783
796
  transform: var(--tw-transform) !important;
784
797
  }
785
798
 
786
- .tina-tailwind .rotate-90 {
787
- --tw-rotate: 90deg !important;
788
- transform: var(--tw-transform) !important;
789
- }
790
-
791
- .tina-tailwind .rotate-0 {
792
- --tw-rotate: 0deg !important;
793
- transform: var(--tw-transform) !important;
794
- }
795
-
796
799
  .tina-tailwind .scale-95 {
797
800
  --tw-scale-x: .95 !important;
798
801
  --tw-scale-y: .95 !important;
@@ -825,14 +828,6 @@ Document
825
828
  align-items: stretch !important;
826
829
  }
827
830
 
828
- .tina-tailwind .justify-start {
829
- justify-content: flex-start !important;
830
- }
831
-
832
- .tina-tailwind .justify-end {
833
- justify-content: flex-end !important;
834
- }
835
-
836
831
  .tina-tailwind .justify-center {
837
832
  justify-content: center !important;
838
833
  }
@@ -853,18 +848,10 @@ Document
853
848
  gap: 16px !important;
854
849
  }
855
850
 
856
- .tina-tailwind .gap-1 {
857
- gap: 4px !important;
858
- }
859
-
860
851
  .tina-tailwind .gap-3 {
861
852
  gap: 12px !important;
862
853
  }
863
854
 
864
- .tina-tailwind .gap-1\.5 {
865
- gap: 6px !important;
866
- }
867
-
868
855
  .tina-tailwind .divide-y > :not([hidden]) ~ :not([hidden]) {
869
856
  --tw-divide-y-reverse: 0 !important;
870
857
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) !important;
@@ -879,10 +866,6 @@ Document
879
866
  overflow-y: auto !important;
880
867
  }
881
868
 
882
- .tina-tailwind .overflow-ellipsis {
883
- text-overflow: ellipsis !important;
884
- }
885
-
886
869
  .tina-tailwind .whitespace-nowrap {
887
870
  white-space: nowrap !important;
888
871
  }
@@ -907,10 +890,6 @@ Document
907
890
  border-bottom-width: 1px !important;
908
891
  }
909
892
 
910
- .tina-tailwind .border-r {
911
- border-right-width: 1px !important;
912
- }
913
-
914
893
  .tina-tailwind .border-gray-200 {
915
894
  --tw-border-opacity: 1 !important;
916
895
  border-color: rgba(225, 221, 236, var(--tw-border-opacity)) !important;
@@ -930,8 +909,9 @@ Document
930
909
  background-color: rgba(246, 246, 249, var(--tw-bg-opacity)) !important;
931
910
  }
932
911
 
933
- .tina-tailwind .bg-transparent {
934
- background-color: transparent !important;
912
+ .tina-tailwind .bg-blue-500 {
913
+ --tw-bg-opacity: 1 !important;
914
+ background-color: rgba(0, 132, 255, var(--tw-bg-opacity)) !important;
935
915
  }
936
916
 
937
917
  .tina-tailwind .bg-gradient-to-b {
@@ -943,19 +923,10 @@ Document
943
923
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 44, 108, 0)) !important;
944
924
  }
945
925
 
946
- .tina-tailwind .from-white {
947
- --tw-gradient-from: #fff !important;
948
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)) !important;
949
- }
950
-
951
926
  .tina-tailwind .to-gray-900 {
952
927
  --tw-gradient-to: #252336 !important;
953
928
  }
954
929
 
955
- .tina-tailwind .to-gray-50 {
956
- --tw-gradient-to: #F6F6F9 !important;
957
- }
958
-
959
930
  .tina-tailwind .px-4 {
960
931
  padding-left: 16px !important;
961
932
  padding-right: 16px !important;
@@ -976,6 +947,21 @@ Document
976
947
  padding-bottom: 16px !important;
977
948
  }
978
949
 
950
+ .tina-tailwind .px-12 {
951
+ padding-left: 48px !important;
952
+ padding-right: 48px !important;
953
+ }
954
+
955
+ .tina-tailwind .py-10 {
956
+ padding-top: 40px !important;
957
+ padding-bottom: 40px !important;
958
+ }
959
+
960
+ .tina-tailwind .px-20 {
961
+ padding-left: 80px !important;
962
+ padding-right: 80px !important;
963
+ }
964
+
979
965
  .tina-tailwind .px-6 {
980
966
  padding-left: 24px !important;
981
967
  padding-right: 24px !important;
@@ -991,47 +977,22 @@ Document
991
977
  padding-bottom: 8px !important;
992
978
  }
993
979
 
994
- .tina-tailwind .py-7 {
995
- padding-top: 28px !important;
996
- padding-bottom: 28px !important;
997
- }
998
-
999
- .tina-tailwind .px-8 {
1000
- padding-left: 32px !important;
1001
- padding-right: 32px !important;
1002
- }
1003
-
1004
- .tina-tailwind .py-2\.5 {
1005
- padding-top: 10px !important;
1006
- padding-bottom: 10px !important;
1007
- }
1008
-
1009
- .tina-tailwind .py-14 {
1010
- padding-top: 56px !important;
1011
- padding-bottom: 56px !important;
1012
- }
1013
-
1014
980
  .tina-tailwind .py-3 {
1015
981
  padding-top: 12px !important;
1016
982
  padding-bottom: 12px !important;
1017
983
  }
1018
984
 
1019
- .tina-tailwind .py-1\.5 {
1020
- padding-top: 6px !important;
1021
- padding-bottom: 6px !important;
1022
- }
1023
-
1024
- .tina-tailwind .py-10 {
1025
- padding-top: 40px !important;
1026
- padding-bottom: 40px !important;
985
+ .tina-tailwind .px-8 {
986
+ padding-left: 32px !important;
987
+ padding-right: 32px !important;
1027
988
  }
1028
989
 
1029
- .tina-tailwind .pt-16 {
1030
- padding-top: 64px !important;
990
+ .tina-tailwind .pb-4 {
991
+ padding-bottom: 16px !important;
1031
992
  }
1032
993
 
1033
- .tina-tailwind .pb-10 {
1034
- padding-bottom: 40px !important;
994
+ .tina-tailwind .pt-18 {
995
+ padding-top: 72px !important;
1035
996
  }
1036
997
 
1037
998
  .tina-tailwind .text-left {
@@ -1056,40 +1017,26 @@ Document
1056
1017
  line-height: 1.5 !important;
1057
1018
  }
1058
1019
 
1059
- .tina-tailwind .text-lg {
1060
- font-size: 18px !important;
1061
- line-height: 1.55 !important;
1062
- }
1063
-
1064
1020
  .tina-tailwind .text-sm {
1065
1021
  font-size: 14px !important;
1066
1022
  line-height: 1.43 !important;
1067
1023
  }
1068
1024
 
1025
+ .tina-tailwind .text-xl {
1026
+ font-size: 20px !important;
1027
+ line-height: 1.4 !important;
1028
+ }
1029
+
1069
1030
  .tina-tailwind .text-md {
1070
1031
  font-size: 16px !important;
1071
1032
  line-height: 1.5 !important;
1072
1033
  }
1073
1034
 
1074
- .tina-tailwind .text-3xl {
1075
- font-size: 30px !important;
1076
- line-height: 1.2 !important;
1077
- }
1078
-
1079
1035
  .tina-tailwind .text-xs {
1080
1036
  font-size: 13px !important;
1081
1037
  line-height: 1.33 !important;
1082
1038
  }
1083
1039
 
1084
- .tina-tailwind .text-4xl {
1085
- font-size: 36px !important;
1086
- line-height: 1.1 !important;
1087
- }
1088
-
1089
- .tina-tailwind .font-bold {
1090
- font-weight: 700 !important;
1091
- }
1092
-
1093
1040
  .tina-tailwind .font-medium {
1094
1041
  font-weight: 500 !important;
1095
1042
  }
@@ -1106,14 +1053,18 @@ Document
1106
1053
  line-height: 1.5 !important;
1107
1054
  }
1108
1055
 
1109
- .tina-tailwind .leading-4 {
1110
- line-height: 16px !important;
1056
+ .tina-tailwind .leading-tight {
1057
+ line-height: 1.25 !important;
1111
1058
  }
1112
1059
 
1113
1060
  .tina-tailwind .leading-5 {
1114
1061
  line-height: 20px !important;
1115
1062
  }
1116
1063
 
1064
+ .tina-tailwind .leading-4 {
1065
+ line-height: 16px !important;
1066
+ }
1067
+
1117
1068
  .tina-tailwind .tracking-wide {
1118
1069
  letter-spacing: 0.025em !important;
1119
1070
  }
@@ -1123,24 +1074,23 @@ Document
1123
1074
  color: rgba(67, 62, 82, var(--tw-text-opacity)) !important;
1124
1075
  }
1125
1076
 
1126
- .tina-tailwind .text-gray-800 {
1077
+ .tina-tailwind .text-blue-600 {
1127
1078
  --tw-text-opacity: 1 !important;
1128
- color: rgba(54, 49, 69, var(--tw-text-opacity)) !important;
1079
+ color: rgba(5, 116, 228, var(--tw-text-opacity)) !important;
1129
1080
  }
1130
1081
 
1131
- .tina-tailwind .text-gray-600 {
1082
+ .tina-tailwind .text-gray-500 {
1132
1083
  --tw-text-opacity: 1 !important;
1133
- color: rgba(86, 81, 101, var(--tw-text-opacity)) !important;
1084
+ color: rgba(113, 108, 127, var(--tw-text-opacity)) !important;
1134
1085
  }
1135
1086
 
1136
- .tina-tailwind .text-blue-400 {
1087
+ .tina-tailwind .text-gray-400 {
1137
1088
  --tw-text-opacity: 1 !important;
1138
- color: rgba(34, 150, 254, var(--tw-text-opacity)) !important;
1089
+ color: rgba(145, 140, 158, var(--tw-text-opacity)) !important;
1139
1090
  }
1140
1091
 
1141
- .tina-tailwind .text-blue-600 {
1142
- --tw-text-opacity: 1 !important;
1143
- color: rgba(5, 116, 228, var(--tw-text-opacity)) !important;
1092
+ .tina-tailwind .text-current {
1093
+ color: currentColor !important;
1144
1094
  }
1145
1095
 
1146
1096
  .tina-tailwind .text-white {
@@ -1148,56 +1098,66 @@ Document
1148
1098
  color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
1149
1099
  }
1150
1100
 
1151
- .tina-tailwind .text-gray-400 {
1101
+ .tina-tailwind .text-gray-600 {
1152
1102
  --tw-text-opacity: 1 !important;
1153
- color: rgba(145, 140, 158, var(--tw-text-opacity)) !important;
1103
+ color: rgba(86, 81, 101, var(--tw-text-opacity)) !important;
1154
1104
  }
1155
1105
 
1156
- .tina-tailwind .text-gray-300 {
1106
+ .tina-tailwind .text-gray-800 {
1157
1107
  --tw-text-opacity: 1 !important;
1158
- color: rgba(178, 173, 190, var(--tw-text-opacity)) !important;
1108
+ color: rgba(54, 49, 69, var(--tw-text-opacity)) !important;
1159
1109
  }
1160
1110
 
1161
- .tina-tailwind .text-gray-500 {
1111
+ .tina-tailwind .text-gray-900 {
1162
1112
  --tw-text-opacity: 1 !important;
1163
- color: rgba(113, 108, 127, var(--tw-text-opacity)) !important;
1113
+ color: rgba(37, 35, 54, var(--tw-text-opacity)) !important;
1164
1114
  }
1165
1115
 
1166
- .tina-tailwind .underline {
1167
- text-decoration: underline !important;
1116
+ .tina-tailwind .text-blue-500 {
1117
+ --tw-text-opacity: 1 !important;
1118
+ color: rgba(0, 132, 255, var(--tw-text-opacity)) !important;
1168
1119
  }
1169
1120
 
1170
- .tina-tailwind .opacity-80 {
1171
- opacity: .8 !important;
1121
+ .tina-tailwind .text-blue-400 {
1122
+ --tw-text-opacity: 1 !important;
1123
+ color: rgba(34, 150, 254, var(--tw-text-opacity)) !important;
1172
1124
  }
1173
1125
 
1174
- .tina-tailwind .opacity-50 {
1175
- opacity: .5 !important;
1126
+ .tina-tailwind .underline {
1127
+ text-decoration: underline !important;
1176
1128
  }
1177
1129
 
1178
1130
  .tina-tailwind .opacity-100 {
1179
1131
  opacity: 1 !important;
1180
1132
  }
1181
1133
 
1182
- .tina-tailwind .opacity-0 {
1183
- opacity: 0 !important;
1184
- }
1185
-
1186
1134
  .tina-tailwind .opacity-90 {
1187
1135
  opacity: .9 !important;
1188
1136
  }
1189
1137
 
1138
+ .tina-tailwind .opacity-80 {
1139
+ opacity: .8 !important;
1140
+ }
1141
+
1142
+ .tina-tailwind .opacity-50 {
1143
+ opacity: .5 !important;
1144
+ }
1145
+
1190
1146
  .tina-tailwind .opacity-70 {
1191
1147
  opacity: .7 !important;
1192
1148
  }
1193
1149
 
1150
+ .tina-tailwind .opacity-0 {
1151
+ opacity: 0 !important;
1152
+ }
1153
+
1194
1154
  .tina-tailwind .shadow-lg {
1195
1155
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
1196
1156
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
1197
1157
  }
1198
1158
 
1199
- .tina-tailwind .shadow-sm {
1200
- --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
1159
+ .tina-tailwind .shadow-2xl {
1160
+ --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
1201
1161
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
1202
1162
  }
1203
1163
 
@@ -1206,6 +1166,11 @@ Document
1206
1166
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
1207
1167
  }
1208
1168
 
1169
+ .tina-tailwind .shadow-sm {
1170
+ --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
1171
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
1172
+ }
1173
+
1209
1174
  .tina-tailwind .ring-1 {
1210
1175
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
1211
1176
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
@@ -1225,14 +1190,14 @@ Document
1225
1190
  filter: var(--tw-filter) !important;
1226
1191
  }
1227
1192
 
1228
- .tina-tailwind .transition-colors {
1229
- transition-property: background-color, border-color, color, fill, stroke !important;
1193
+ .tina-tailwind .transition-opacity {
1194
+ transition-property: opacity !important;
1230
1195
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
1231
1196
  transition-duration: 150ms !important;
1232
1197
  }
1233
1198
 
1234
- .tina-tailwind .transition-opacity {
1235
- transition-property: opacity !important;
1199
+ .tina-tailwind .transition-colors {
1200
+ transition-property: background-color, border-color, color, fill, stroke !important;
1236
1201
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
1237
1202
  transition-duration: 150ms !important;
1238
1203
  }
@@ -1249,38 +1214,55 @@ Document
1249
1214
  transition-duration: 150ms !important;
1250
1215
  }
1251
1216
 
1252
- .tina-tailwind .duration-150 {
1253
- transition-duration: 150ms !important;
1254
- }
1255
-
1256
1217
  .tina-tailwind .duration-300 {
1257
1218
  transition-duration: 300ms !important;
1258
1219
  }
1259
1220
 
1260
- .tina-tailwind .duration-75 {
1261
- transition-duration: 75ms !important;
1221
+ .tina-tailwind .duration-150 {
1222
+ transition-duration: 150ms !important;
1262
1223
  }
1263
1224
 
1264
1225
  .tina-tailwind .duration-100 {
1265
1226
  transition-duration: 100ms !important;
1266
1227
  }
1267
1228
 
1229
+ .tina-tailwind .duration-75 {
1230
+ transition-duration: 75ms !important;
1231
+ }
1232
+
1268
1233
  .tina-tailwind .ease-out {
1269
1234
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
1270
1235
  }
1271
1236
 
1237
+ .tina-tailwind .ease-in {
1238
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
1239
+ }
1240
+
1272
1241
  .tina-tailwind .ease-in-out {
1273
1242
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
1274
1243
  }
1275
1244
 
1276
- .tina-tailwind .ease-in {
1277
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
1278
- }
1245
+ .tina-tailwind .icon-parent svg {
1246
+ fill: currentColor !important;
1247
+ }
1279
1248
 
1280
1249
  .tina-tailwind {
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));
1250
+ 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";
1251
+ --tw-text-opacity: 1;
1252
+ color: rgba(86, 81, 101, var(--tw-text-opacity));
1253
+ }
1254
+
1255
+ .first\:pt-3:first-child {
1256
+ padding-top: 12px !important;
1257
+ }
1258
+
1259
+ .last\:pb-3:last-child {
1260
+ padding-bottom: 12px !important;
1261
+ }
1262
+
1263
+ .hover\:bg-blue-600:hover {
1264
+ --tw-bg-opacity: 1 !important;
1265
+ background-color: rgba(5, 116, 228, var(--tw-bg-opacity)) !important;
1284
1266
  }
1285
1267
 
1286
1268
  .hover\:bg-gray-50:hover {
@@ -1293,9 +1275,9 @@ Document
1293
1275
  color: rgba(5, 116, 228, var(--tw-text-opacity)) !important;
1294
1276
  }
1295
1277
 
1296
- .hover\:text-blue-500:hover {
1278
+ .hover\:text-blue-400:hover {
1297
1279
  --tw-text-opacity: 1 !important;
1298
- color: rgba(0, 132, 255, var(--tw-text-opacity)) !important;
1280
+ color: rgba(34, 150, 254, var(--tw-text-opacity)) !important;
1299
1281
  }
1300
1282
 
1301
1283
  .hover\:opacity-100:hover {
@@ -1306,29 +1288,36 @@ Document
1306
1288
  opacity: .8 !important;
1307
1289
  }
1308
1290
 
1309
- .focus\:outline-none:focus {
1310
- outline: 2px solid transparent !important;
1311
- outline-offset: 2px !important;
1291
+ .focus\:text-blue-400:focus {
1292
+ --tw-text-opacity: 1 !important;
1293
+ color: rgba(34, 150, 254, var(--tw-text-opacity)) !important;
1312
1294
  }
1313
1295
 
1314
- .group:hover .group-hover\:opacity-100 {
1315
- opacity: 1 !important;
1296
+ .focus\:underline:focus {
1297
+ text-decoration: underline !important;
1316
1298
  }
1317
1299
 
1318
- .group:hover .group-hover\:opacity-80 {
1319
- opacity: .8 !important;
1300
+ .focus\:shadow-outline:focus {
1301
+ --tw-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important;
1302
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
1320
1303
  }
1321
1304
 
1322
- @media (min-width: 640px) {
1305
+ .focus\:outline-none:focus {
1306
+ outline: 2px solid transparent !important;
1307
+ outline-offset: 2px !important;
1308
+ }
1323
1309
 
1324
- .sm\:rounded-lg {
1325
- border-radius: 8px !important;
1326
- }
1310
+ .focus\:ring-2:focus {
1311
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
1312
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
1313
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
1327
1314
  }
1328
1315
 
1329
- @media (min-width: 1024px) {
1316
+ .focus\:ring-blue-500:focus {
1317
+ --tw-ring-opacity: 1 !important;
1318
+ --tw-ring-color: rgba(0, 132, 255, var(--tw-ring-opacity)) !important;
1319
+ }
1330
1320
 
1331
- .lg\:w-96 {
1332
- width: 384px !important;
1333
- }
1321
+ .group:hover .group-hover\:opacity-100 {
1322
+ opacity: 1 !important;
1334
1323
  }