tinacms 0.64.2 → 0.65.3

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.
@@ -61,7 +61,7 @@ declare type BaseComponents = {
61
61
  children: JSX.Element;
62
62
  };
63
63
  code_block?: {
64
- language?: string;
64
+ lang?: string;
65
65
  children: JSX.Element;
66
66
  };
67
67
  img?: {
package/dist/style.css CHANGED
@@ -636,10 +636,6 @@ Document
636
636
  z-index: 50 !important;
637
637
  }
638
638
 
639
- .tina-tailwind .mr-2 {
640
- margin-right: 8px !important;
641
- }
642
-
643
639
  .tina-tailwind .-ml-1 {
644
640
  margin-left: -4px !important;
645
641
  }
@@ -656,6 +652,10 @@ Document
656
652
  margin-bottom: 12px !important;
657
653
  }
658
654
 
655
+ .tina-tailwind .mr-2 {
656
+ margin-right: 8px !important;
657
+ }
658
+
659
659
  .tina-tailwind .ml-1 {
660
660
  margin-left: 4px !important;
661
661
  }
@@ -700,10 +700,6 @@ Document
700
700
  height: 100vh !important;
701
701
  }
702
702
 
703
- .tina-tailwind .h-4 {
704
- height: 16px !important;
705
- }
706
-
707
703
  .tina-tailwind .h-auto {
708
704
  height: auto !important;
709
705
  }
@@ -716,10 +712,6 @@ Document
716
712
  height: 20px !important;
717
713
  }
718
714
 
719
- .tina-tailwind .w-auto {
720
- width: auto !important;
721
- }
722
-
723
715
  .tina-tailwind .w-full {
724
716
  width: 100% !important;
725
717
  }
@@ -740,6 +732,10 @@ Document
740
732
  width: 24px !important;
741
733
  }
742
734
 
735
+ .tina-tailwind .w-auto {
736
+ width: auto !important;
737
+ }
738
+
743
739
  .tina-tailwind .w-56 {
744
740
  width: 224px !important;
745
741
  }
@@ -907,10 +903,6 @@ Document
907
903
  border-width: 1px !important;
908
904
  }
909
905
 
910
- .tina-tailwind .border-t {
911
- border-top-width: 1px !important;
912
- }
913
-
914
906
  .tina-tailwind .border-b {
915
907
  border-bottom-width: 1px !important;
916
908
  }
@@ -919,11 +911,6 @@ Document
919
911
  border-right-width: 1px !important;
920
912
  }
921
913
 
922
- .tina-tailwind .border-gray-100 {
923
- --tw-border-opacity: 1 !important;
924
- border-color: rgba(237, 236, 243, var(--tw-border-opacity)) !important;
925
- }
926
-
927
914
  .tina-tailwind .border-gray-200 {
928
915
  --tw-border-opacity: 1 !important;
929
916
  border-color: rgba(225, 221, 236, var(--tw-border-opacity)) !important;
@@ -969,16 +956,6 @@ Document
969
956
  --tw-gradient-to: #F6F6F9 !important;
970
957
  }
971
958
 
972
- .tina-tailwind .px-5 {
973
- padding-left: 20px !important;
974
- padding-right: 20px !important;
975
- }
976
-
977
- .tina-tailwind .py-2 {
978
- padding-top: 8px !important;
979
- padding-bottom: 8px !important;
980
- }
981
-
982
959
  .tina-tailwind .px-4 {
983
960
  padding-left: 16px !important;
984
961
  padding-right: 16px !important;
@@ -989,6 +966,11 @@ Document
989
966
  padding-bottom: 24px !important;
990
967
  }
991
968
 
969
+ .tina-tailwind .px-5 {
970
+ padding-left: 20px !important;
971
+ padding-right: 20px !important;
972
+ }
973
+
992
974
  .tina-tailwind .py-4 {
993
975
  padding-top: 16px !important;
994
976
  padding-bottom: 16px !important;
@@ -1004,6 +986,11 @@ Document
1004
986
  padding-bottom: 4px !important;
1005
987
  }
1006
988
 
989
+ .tina-tailwind .py-2 {
990
+ padding-top: 8px !important;
991
+ padding-bottom: 8px !important;
992
+ }
993
+
1007
994
  .tina-tailwind .py-7 {
1008
995
  padding-top: 28px !important;
1009
996
  padding-bottom: 28px !important;
@@ -1059,11 +1046,6 @@ Document
1059
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;
1060
1047
  }
1061
1048
 
1062
- .tina-tailwind .text-xs {
1063
- font-size: 13px !important;
1064
- line-height: 1.33 !important;
1065
- }
1066
-
1067
1049
  .tina-tailwind .text-2xl {
1068
1050
  font-size: 24px !important;
1069
1051
  line-height: 1.33 !important;
@@ -1084,24 +1066,34 @@ Document
1084
1066
  line-height: 1.43 !important;
1085
1067
  }
1086
1068
 
1069
+ .tina-tailwind .text-md {
1070
+ font-size: 16px !important;
1071
+ line-height: 1.5 !important;
1072
+ }
1073
+
1087
1074
  .tina-tailwind .text-3xl {
1088
1075
  font-size: 30px !important;
1089
1076
  line-height: 1.2 !important;
1090
1077
  }
1091
1078
 
1079
+ .tina-tailwind .text-xs {
1080
+ font-size: 13px !important;
1081
+ line-height: 1.33 !important;
1082
+ }
1083
+
1092
1084
  .tina-tailwind .text-4xl {
1093
1085
  font-size: 36px !important;
1094
1086
  line-height: 1.1 !important;
1095
1087
  }
1096
1088
 
1097
- .tina-tailwind .font-medium {
1098
- font-weight: 500 !important;
1099
- }
1100
-
1101
1089
  .tina-tailwind .font-bold {
1102
1090
  font-weight: 700 !important;
1103
1091
  }
1104
1092
 
1093
+ .tina-tailwind .font-medium {
1094
+ font-weight: 500 !important;
1095
+ }
1096
+
1105
1097
  .tina-tailwind .uppercase {
1106
1098
  text-transform: uppercase !important;
1107
1099
  }
@@ -1199,11 +1191,6 @@ Document
1199
1191
  opacity: .7 !important;
1200
1192
  }
1201
1193
 
1202
- .tina-tailwind .shadow {
1203
- --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
1204
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
1205
- }
1206
-
1207
1194
  .tina-tailwind .shadow-lg {
1208
1195
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
1209
1196
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
@@ -1214,6 +1201,11 @@ Document
1214
1201
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
1215
1202
  }
1216
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;
1207
+ }
1208
+
1217
1209
  .tina-tailwind .ring-1 {
1218
1210
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
1219
1211
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
@@ -1257,10 +1249,6 @@ Document
1257
1249
  transition-duration: 150ms !important;
1258
1250
  }
1259
1251
 
1260
- .tina-tailwind .duration-100 {
1261
- transition-duration: 100ms !important;
1262
- }
1263
-
1264
1252
  .tina-tailwind .duration-150 {
1265
1253
  transition-duration: 150ms !important;
1266
1254
  }
@@ -1273,6 +1261,10 @@ Document
1273
1261
  transition-duration: 75ms !important;
1274
1262
  }
1275
1263
 
1264
+ .tina-tailwind .duration-100 {
1265
+ transition-duration: 100ms !important;
1266
+ }
1267
+
1276
1268
  .tina-tailwind .ease-out {
1277
1269
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
1278
1270
  }
@@ -1296,14 +1288,14 @@ Document
1296
1288
  background-color: rgba(246, 246, 249, var(--tw-bg-opacity)) !important;
1297
1289
  }
1298
1290
 
1299
- .hover\:text-blue-500:hover {
1291
+ .hover\:text-blue-600:hover {
1300
1292
  --tw-text-opacity: 1 !important;
1301
- color: rgba(0, 132, 255, var(--tw-text-opacity)) !important;
1293
+ color: rgba(5, 116, 228, var(--tw-text-opacity)) !important;
1302
1294
  }
1303
1295
 
1304
- .hover\:text-blue-600:hover {
1296
+ .hover\:text-blue-500:hover {
1305
1297
  --tw-text-opacity: 1 !important;
1306
- color: rgba(5, 116, 228, var(--tw-text-opacity)) !important;
1298
+ color: rgba(0, 132, 255, var(--tw-text-opacity)) !important;
1307
1299
  }
1308
1300
 
1309
1301
  .hover\:opacity-100:hover {
@@ -16,23 +16,37 @@ import { TinaCloudMediaStoreClass } from './auth';
16
16
  import type { TinaIOConfig } from './client/index';
17
17
  import type { TinaCMS } from '@tinacms/toolkit';
18
18
  import type { formifyCallback } from './hooks/use-graphql-forms';
19
- export declare const TinaCMSProvider2: ({ children, cmsCallback, mediaStore, tinaioConfig, ...props }: {
20
- /** The query from getStaticProps */
21
- query?: string;
22
- /** Any variables from getStaticProps */
23
- variables?: object;
24
- /** The `data` from getStaticProps */
25
- data: object;
26
- /** Your React page component */
27
- children: () => React.ReactNode;
19
+ declare type APIProviderProps = {
28
20
  /**
29
- * The URL for the GraphQL API.
30
- *
31
- * When working locally, this should be http://localhost:4001/graphql.
21
+ * Content API URL
32
22
  *
33
- * For Tina Cloud, use https://content.tinajs.io/content/my-client-id/github/my-branch
34
23
  */
35
24
  apiURL: string;
25
+ /**
26
+ * Point to the local version of GraphQL instead of tina.io
27
+ * https://tina.io/docs/tinacms-context/#adding-tina-to-the-sites-frontend
28
+ *
29
+ * @deprecated use apiURL instead
30
+ */
31
+ isLocalClient?: never;
32
+ /**
33
+ * The base branch to pull content from. Note that this is ignored for local development
34
+ *
35
+ * @deprecated use apiURL instead
36
+ */
37
+ branch?: never;
38
+ /**
39
+ * Your clientID from tina.aio
40
+ *
41
+ * @deprecated use apiURL instead
42
+ */
43
+ clientId?: never;
44
+ } | {
45
+ /**
46
+ * Content API URL
47
+ *
48
+ */
49
+ apiURL?: never;
36
50
  /**
37
51
  * Point to the local version of GraphQL instead of tina.io
38
52
  * https://tina.io/docs/tinacms-context/#adding-tina-to-the-sites-frontend
@@ -52,6 +66,8 @@ export declare const TinaCMSProvider2: ({ children, cmsCallback, mediaStore, tin
52
66
  * @deprecated use apiURL instead
53
67
  */
54
68
  clientId?: string;
69
+ };
70
+ interface BaseProviderProps {
55
71
  /** Callback if you need access to the TinaCMS instance */
56
72
  cmsCallback?: (cms: TinaCMS) => TinaCMS;
57
73
  /** Callback if you need access to the "formify" API */
@@ -61,6 +77,30 @@ export declare const TinaCMSProvider2: ({ children, cmsCallback, mediaStore, tin
61
77
  /** TinaCMS media store instance */
62
78
  mediaStore?: TinaCloudMediaStoreClass | (() => Promise<TinaCloudMediaStoreClass>);
63
79
  tinaioConfig?: TinaIOConfig;
80
+ }
81
+ declare type QueryProviderProps = {
82
+ /** Your React page component */
83
+ children: (props?: any) => React.ReactNode;
84
+ /** The query from getStaticProps */
85
+ query: string | undefined;
86
+ /** Any variables from getStaticProps */
87
+ variables: object | undefined;
88
+ /** The `data` from getStaticProps */
89
+ data: object;
90
+ } | {
91
+ /** Your React page component */
92
+ children: React.ReactNode;
93
+ /** The query from getStaticProps */
94
+ query?: never;
95
+ /** Any variables from getStaticProps */
96
+ variables?: never;
97
+ /** The `data` from getStaticProps */
98
+ data?: never;
99
+ };
100
+ export declare const TinaCMSProvider2: ({ query, documentCreatorCallback, formifyCallback, ...props }: QueryProviderProps & APIProviderProps & BaseProviderProps) => JSX.Element;
101
+ export declare const TinaDataProvider: ({ children, formifyCallback, }: {
102
+ children: any;
103
+ formifyCallback: formifyCallback;
64
104
  }) => JSX.Element;
65
105
  /**
66
106
  * @deprecated v0.62.0: Use `staticRequest` and a "try catch" block instead. see https://tina.io/docs/features/data-fetching/#querying-tina-content-in-nextjs for more details
@@ -90,3 +130,4 @@ export declare const staticRequest: ({ query, variables, }: {
90
130
  * query or muation
91
131
  */
92
132
  export declare function gql(strings: TemplateStringsArray, ...args: string[]): string;
133
+ export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tinacms",
3
- "version": "0.64.2",
3
+ "version": "0.65.3",
4
4
  "main": "dist/index.js",
5
5
  "files": [
6
6
  "dist"
@@ -17,13 +17,14 @@
17
17
  "scripts": {
18
18
  "types": "yarn tsc",
19
19
  "build": "echo \"Run `yarn build` from the root of the repository instead\"",
20
- "test": "jest --env=jsdom --passWithNoTests"
20
+ "test": "jest --env=jsdom --passWithNoTests",
21
+ "test-watch": "jest --env=jsdom --passWithNoTests --watch"
21
22
  },
22
23
  "dependencies": {
23
24
  "@headlessui/react": "^1.4.1",
24
25
  "@heroicons/react": "^1.0.4",
25
- "@tinacms/sharedctx": "0.0.1",
26
- "@tinacms/toolkit": "0.56.8",
26
+ "@tinacms/sharedctx": "0.1.0",
27
+ "@tinacms/toolkit": "0.56.9",
27
28
  "crypto-js": "^4.0.0",
28
29
  "final-form": "4.20.1",
29
30
  "graphql": "^15.1.0",
@@ -38,12 +39,13 @@
38
39
  "@testing-library/jest-dom": "^5.11.9",
39
40
  "@testing-library/react": "^12.0.0",
40
41
  "@testing-library/user-event": "^12.7.0",
41
- "@tinacms/scripts": "0.50.4",
42
+ "@tinacms/scripts": "0.50.5",
42
43
  "@types/jest": "^27.0.1",
43
44
  "@types/lodash": "^4.14.169",
44
45
  "@types/node": "^14.0.13",
45
46
  "@types/react": "^16.9.38",
46
47
  "@types/yup": "^0.29.10",
48
+ "identity-obj-proxy": "^3.0.0",
47
49
  "jest": "^27.0.6",
48
50
  "next": "9.4.2",
49
51
  "react": "16.14.0",
@@ -1,14 +0,0 @@
1
- /**
2
- Copyright 2021 Forestry.io Holdings, Inc.
3
- Licensed under the Apache License, Version 2.0 (the "License");
4
- you may not use this file except in compliance with the License.
5
- You may obtain a copy of the License at
6
- http://www.apache.org/licenses/LICENSE-2.0
7
- Unless required by applicable law or agreed to in writing, software
8
- distributed under the License is distributed on an "AS IS" BASIS,
9
- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10
- See the License for the specific language governing permissions and
11
- limitations under the License.
12
- */
13
- declare const useEmbedTailwind: () => void;
14
- export default useEmbedTailwind;