react-datocms 4.1.3 → 4.2.0

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 (115) hide show
  1. package/README.md +34 -6
  2. package/dist/cjs/Image/index.js +68 -74
  3. package/dist/cjs/Image/index.js.map +1 -1
  4. package/dist/cjs/Image/useInView.js +3 -14
  5. package/dist/cjs/Image/useInView.js.map +1 -1
  6. package/dist/cjs/Seo/index.js +1 -1
  7. package/dist/cjs/Seo/nextUtils.js +28 -49
  8. package/dist/cjs/Seo/nextUtils.js.map +1 -1
  9. package/dist/cjs/Seo/remixUtils.js +6 -18
  10. package/dist/cjs/Seo/remixUtils.js.map +1 -1
  11. package/dist/cjs/Seo/renderMetaTags.js +6 -18
  12. package/dist/cjs/Seo/renderMetaTags.js.map +1 -1
  13. package/dist/cjs/Seo/renderMetaTagsToString.js +7 -7
  14. package/dist/cjs/Seo/renderMetaTagsToString.js.map +1 -1
  15. package/dist/cjs/Seo/types.js +31 -51
  16. package/dist/cjs/Seo/types.js.map +1 -1
  17. package/dist/cjs/StructuredText/index.js +40 -52
  18. package/dist/cjs/StructuredText/index.js.map +1 -1
  19. package/dist/cjs/VideoPlayer/index.js +67 -0
  20. package/dist/cjs/VideoPlayer/index.js.map +1 -0
  21. package/dist/cjs/index.js +4 -2
  22. package/dist/cjs/index.js.map +1 -1
  23. package/dist/cjs/useQuerySubscription/index.js +25 -70
  24. package/dist/cjs/useQuerySubscription/index.js.map +1 -1
  25. package/dist/cjs/useSiteSearch/index.js +71 -123
  26. package/dist/cjs/useSiteSearch/index.js.map +1 -1
  27. package/dist/cjs/useVideoPlayer/index.js +31 -0
  28. package/dist/cjs/useVideoPlayer/index.js.map +1 -0
  29. package/dist/esm/Image/index.js +62 -68
  30. package/dist/esm/Image/index.js.map +1 -1
  31. package/dist/esm/Seo/nextUtils.js +26 -47
  32. package/dist/esm/Seo/nextUtils.js.map +1 -1
  33. package/dist/esm/Seo/remixUtils.js +5 -17
  34. package/dist/esm/Seo/remixUtils.js.map +1 -1
  35. package/dist/esm/Seo/renderMetaTags.js +4 -16
  36. package/dist/esm/Seo/renderMetaTags.js.map +1 -1
  37. package/dist/esm/Seo/renderMetaTagsToString.js +6 -6
  38. package/dist/esm/Seo/renderMetaTagsToString.js.map +1 -1
  39. package/dist/esm/Seo/types.js +30 -50
  40. package/dist/esm/Seo/types.js.map +1 -1
  41. package/dist/esm/StructuredText/index.js +33 -45
  42. package/dist/esm/StructuredText/index.js.map +1 -1
  43. package/dist/esm/VideoPlayer/index.js +38 -0
  44. package/dist/esm/VideoPlayer/index.js.map +1 -0
  45. package/dist/esm/index.js +3 -1
  46. package/dist/esm/index.js.map +1 -1
  47. package/dist/esm/useQuerySubscription/index.js +22 -67
  48. package/dist/esm/useQuerySubscription/index.js.map +1 -1
  49. package/dist/esm/useSiteSearch/index.js +65 -117
  50. package/dist/esm/useSiteSearch/index.js.map +1 -1
  51. package/dist/esm/useVideoPlayer/index.js +27 -0
  52. package/dist/esm/useVideoPlayer/index.js.map +1 -0
  53. package/dist/types/Seo/nextUtils.d.ts +1 -1
  54. package/dist/types/Seo/remixUtils.d.ts +1 -1
  55. package/dist/types/Seo/renderMetaTags.d.ts +1 -1
  56. package/dist/types/Seo/renderMetaTagsToString.d.ts +1 -1
  57. package/dist/types/StructuredText/index.d.ts +2 -2
  58. package/dist/types/VideoPlayer/index.d.ts +26 -0
  59. package/dist/types/index.d.ts +3 -1
  60. package/dist/types/useVideoPlayer/index.d.ts +17 -0
  61. package/package.json +41 -51
  62. package/src/Image/__tests__/__snapshots__/index.test.tsx.snap +91 -91
  63. package/src/Image/__tests__/index.test.tsx +2 -2
  64. package/src/Image/index.tsx +11 -9
  65. package/src/Seo/__tests__/__snapshots__/index.test.tsx.snap +53 -53
  66. package/src/Seo/__tests__/index.test.tsx +1 -1
  67. package/src/Seo/nextUtils.ts +1 -1
  68. package/src/Seo/remixUtils.ts +1 -1
  69. package/src/Seo/renderMetaTags.tsx +1 -1
  70. package/src/Seo/renderMetaTagsToString.tsx +1 -1
  71. package/src/StructuredText/__tests__/__snapshots__/index.test.tsx.snap +58 -58
  72. package/src/StructuredText/__tests__/index.test.tsx +5 -5
  73. package/src/StructuredText/index.tsx +10 -10
  74. package/src/VideoPlayer/index.tsx +107 -0
  75. package/src/{setupTests.ts → __tests__/setup.ts} +4 -1
  76. package/src/index.ts +4 -1
  77. package/src/useQuerySubscription/index.ts +6 -6
  78. package/src/useVideoPlayer/__tests__/index.test.tsx +98 -0
  79. package/src/useVideoPlayer/index.ts +68 -0
  80. package/dist/cjs/Image/__tests__/index.test.js +0 -99
  81. package/dist/cjs/Image/__tests__/index.test.js.map +0 -1
  82. package/dist/cjs/Seo/__tests__/index.test.js +0 -330
  83. package/dist/cjs/Seo/__tests__/index.test.js.map +0 -1
  84. package/dist/cjs/StructuredText/__tests__/index.test.js +0 -243
  85. package/dist/cjs/StructuredText/__tests__/index.test.js.map +0 -1
  86. package/dist/cjs/setupTests.js +0 -11
  87. package/dist/cjs/setupTests.js.map +0 -1
  88. package/dist/esm/Image/__tests__/index.test.d.ts +0 -1
  89. package/dist/esm/Image/__tests__/index.test.js +0 -74
  90. package/dist/esm/Image/__tests__/index.test.js.map +0 -1
  91. package/dist/esm/Image/index.d.ts +0 -93
  92. package/dist/esm/Image/useInView.d.ts +0 -1
  93. package/dist/esm/Seo/__tests__/index.test.d.ts +0 -1
  94. package/dist/esm/Seo/__tests__/index.test.js +0 -305
  95. package/dist/esm/Seo/__tests__/index.test.js.map +0 -1
  96. package/dist/esm/Seo/index.d.ts +0 -5
  97. package/dist/esm/Seo/nextUtils.d.ts +0 -48
  98. package/dist/esm/Seo/remixUtils.d.ts +0 -6
  99. package/dist/esm/Seo/renderMetaTags.d.ts +0 -3
  100. package/dist/esm/Seo/renderMetaTagsToString.d.ts +0 -2
  101. package/dist/esm/Seo/types.d.ts +0 -55
  102. package/dist/esm/StructuredText/__tests__/index.test.d.ts +0 -1
  103. package/dist/esm/StructuredText/__tests__/index.test.js +0 -218
  104. package/dist/esm/StructuredText/__tests__/index.test.js.map +0 -1
  105. package/dist/esm/StructuredText/index.d.ts +0 -52
  106. package/dist/esm/index.d.ts +0 -5
  107. package/dist/esm/setupTests.d.ts +0 -1
  108. package/dist/esm/setupTests.js +0 -6
  109. package/dist/esm/setupTests.js.map +0 -1
  110. package/dist/esm/useQuerySubscription/index.d.ts +0 -20
  111. package/dist/esm/useSiteSearch/index.d.ts +0 -83
  112. package/dist/types/Image/__tests__/index.test.d.ts +0 -1
  113. package/dist/types/Seo/__tests__/index.test.d.ts +0 -1
  114. package/dist/types/StructuredText/__tests__/index.test.d.ts +0 -1
  115. package/dist/types/setupTests.d.ts +0 -1
@@ -3,7 +3,7 @@
3
3
  exports[`Image layout=fill not visible renders the blur-up thumb 1`] = `
4
4
  <ForwardRef
5
5
  data={
6
- Object {
6
+ {
7
7
  "alt": "DatoCMS swag",
8
8
  "aspectRatio": 1.7777777777777777,
9
9
  "base64": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgLFQoLDhgQDg0NDh0eHREYIx8lJCIrHB0dLSs7GikyKSEuKjUlKDk1MjIyHyo4PTc+PDcxPjUBCgsLDg0OHBAQHDsoIig7Ozs7Ozs7OzsvOzs7Ozs7Ozs7Lzs7Ozs7Ozs7OzsvOzs7NTsvLy87NTU1Ly8vLzsvL//AABEIAA0AGAMBIgACEQEDEQH/xAAYAAACAwAAAAAAAAAAAAAAAAAGBwABBP/EACEQAAEEAAYDAAAAAAAAAAAAAAEAAgMEBQYHESEiFWFx/8QAFQEBAQAAAAAAAAAAAAAAAAAAAwL/xAAZEQADAAMAAAAAAAAAAAAAAAAAAQIRITH/2gAMAwEAAhEDEQA/AFxLgDWTsAd1J5TGy7hEYqNAaNgECX7sjLMQAHJTEy1Zcarfia4lJMauAxqBhLY6ZlaOzDurWvUOd3jZPfCiEh4xs//Z",
@@ -20,7 +20,7 @@ exports[`Image layout=fill not visible renders the blur-up thumb 1`] = `
20
20
  >
21
21
  <div
22
22
  style={
23
- Object {
23
+ {
24
24
  "height": "100%",
25
25
  "left": 0,
26
26
  "maxHeight": "none",
@@ -37,7 +37,7 @@ exports[`Image layout=fill not visible renders the blur-up thumb 1`] = `
37
37
  aria-hidden="true"
38
38
  src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgLFQoLDhgQDg0NDh0eHREYIx8lJCIrHB0dLSs7GikyKSEuKjUlKDk1MjIyHyo4PTc+PDcxPjUBCgsLDg0OHBAQHDsoIig7Ozs7Ozs7OzsvOzs7Ozs7Ozs7Lzs7Ozs7Ozs7OzsvOzs7NTsvLy87NTU1Ly8vLzsvL//AABEIAA0AGAMBIgACEQEDEQH/xAAYAAACAwAAAAAAAAAAAAAAAAAGBwABBP/EACEQAAEEAAYDAAAAAAAAAAAAAAEAAgMEBQYHESEiFWFx/8QAFQEBAQAAAAAAAAAAAAAAAAAAAwL/xAAZEQADAAMAAAAAAAAAAAAAAAAAAQIRITH/2gAMAwEAAhEDEQA/AFxLgDWTsAd1J5TGy7hEYqNAaNgECX7sjLMQAHJTEy1Zcarfia4lJMauAxqBhLY6ZlaOzDurWvUOd3jZPfCiEh4xs//Z"
39
39
  style={
40
- Object {
40
+ {
41
41
  "backgroundColor": undefined,
42
42
  "height": "110%",
43
43
  "left": "-5%",
@@ -63,7 +63,7 @@ exports[`Image layout=fill not visible renders the blur-up thumb 1`] = `
63
63
  exports[`Image layout=fill visible image loaded shows the image 1`] = `
64
64
  <ForwardRef
65
65
  data={
66
- Object {
66
+ {
67
67
  "alt": "DatoCMS swag",
68
68
  "aspectRatio": 1.7777777777777777,
69
69
  "base64": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgLFQoLDhgQDg0NDh0eHREYIx8lJCIrHB0dLSs7GikyKSEuKjUlKDk1MjIyHyo4PTc+PDcxPjUBCgsLDg0OHBAQHDsoIig7Ozs7Ozs7OzsvOzs7Ozs7Ozs7Lzs7Ozs7Ozs7OzsvOzs7NTsvLy87NTU1Ly8vLzsvL//AABEIAA0AGAMBIgACEQEDEQH/xAAYAAACAwAAAAAAAAAAAAAAAAAGBwABBP/EACEQAAEEAAYDAAAAAAAAAAAAAAEAAgMEBQYHESEiFWFx/8QAFQEBAQAAAAAAAAAAAAAAAAAAAwL/xAAZEQADAAMAAAAAAAAAAAAAAAAAAQIRITH/2gAMAwEAAhEDEQA/AFxLgDWTsAd1J5TGy7hEYqNAaNgECX7sjLMQAHJTEy1Zcarfia4lJMauAxqBhLY6ZlaOzDurWvUOd3jZPfCiEh4xs//Z",
@@ -80,7 +80,7 @@ exports[`Image layout=fill visible image loaded shows the image 1`] = `
80
80
  >
81
81
  <div
82
82
  style={
83
- Object {
83
+ {
84
84
  "height": "100%",
85
85
  "left": 0,
86
86
  "maxHeight": "none",
@@ -97,7 +97,7 @@ exports[`Image layout=fill visible image loaded shows the image 1`] = `
97
97
  aria-hidden="true"
98
98
  src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgLFQoLDhgQDg0NDh0eHREYIx8lJCIrHB0dLSs7GikyKSEuKjUlKDk1MjIyHyo4PTc+PDcxPjUBCgsLDg0OHBAQHDsoIig7Ozs7Ozs7OzsvOzs7Ozs7Ozs7Lzs7Ozs7Ozs7OzsvOzs7NTsvLy87NTU1Ly8vLzsvL//AABEIAA0AGAMBIgACEQEDEQH/xAAYAAACAwAAAAAAAAAAAAAAAAAGBwABBP/EACEQAAEEAAYDAAAAAAAAAAAAAAEAAgMEBQYHESEiFWFx/8QAFQEBAQAAAAAAAAAAAAAAAAAAAwL/xAAZEQADAAMAAAAAAAAAAAAAAAAAAQIRITH/2gAMAwEAAhEDEQA/AFxLgDWTsAd1J5TGy7hEYqNAaNgECX7sjLMQAHJTEy1Zcarfia4lJMauAxqBhLY6ZlaOzDurWvUOd3jZPfCiEh4xs//Z"
99
99
  style={
100
- Object {
100
+ {
101
101
  "backgroundColor": undefined,
102
102
  "height": "110%",
103
103
  "left": "-5%",
@@ -123,7 +123,7 @@ exports[`Image layout=fill visible image loaded shows the image 1`] = `
123
123
  onLoad={[Function]}
124
124
  src="https://www.datocms-assets.com/205/image.png?ar=16%3A9&fit=crop&w=750"
125
125
  style={
126
- Object {
126
+ {
127
127
  "height": "100%",
128
128
  "left": 0,
129
129
  "maxHeight": "none",
@@ -150,7 +150,7 @@ exports[`Image layout=fill visible image loaded shows the image 1`] = `
150
150
  exports[`Image layout=fill visible renders the image (minimal data) 1`] = `
151
151
  <ForwardRef
152
152
  data={
153
- Object {
153
+ {
154
154
  "base64": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgLFQoLDhgQDg0NDh0eHREYIx8lJCIrHB0dLSs7GikyKSEuKjUlKDk1MjIyHyo4PTc+PDcxPjUBCgsLDg0OHBAQHDsoIig7Ozs7Ozs7OzsvOzs7Ozs7Ozs7Lzs7Ozs7Ozs7OzsvOzs7NTsvLy87NTU1Ly8vLzsvL//AABEIAA0AGAMBIgACEQEDEQH/xAAYAAACAwAAAAAAAAAAAAAAAAAGBwABBP/EACEQAAEEAAYDAAAAAAAAAAAAAAEAAgMEBQYHESEiFWFx/8QAFQEBAQAAAAAAAAAAAAAAAAAAAwL/xAAZEQADAAMAAAAAAAAAAAAAAAAAAQIRITH/2gAMAwEAAhEDEQA/AFxLgDWTsAd1J5TGy7hEYqNAaNgECX7sjLMQAHJTEy1Zcarfia4lJMauAxqBhLY6ZlaOzDurWvUOd3jZPfCiEh4xs//Z",
155
155
  "height": 421,
156
156
  "src": "https://www.datocms-assets.com/205/image.png?ar=16%3A9&fit=crop&w=750",
@@ -162,7 +162,7 @@ exports[`Image layout=fill visible renders the image (minimal data) 1`] = `
162
162
  >
163
163
  <div
164
164
  style={
165
- Object {
165
+ {
166
166
  "height": "100%",
167
167
  "left": 0,
168
168
  "maxHeight": "none",
@@ -179,7 +179,7 @@ exports[`Image layout=fill visible renders the image (minimal data) 1`] = `
179
179
  aria-hidden="true"
180
180
  src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgLFQoLDhgQDg0NDh0eHREYIx8lJCIrHB0dLSs7GikyKSEuKjUlKDk1MjIyHyo4PTc+PDcxPjUBCgsLDg0OHBAQHDsoIig7Ozs7Ozs7OzsvOzs7Ozs7Ozs7Lzs7Ozs7Ozs7OzsvOzs7NTsvLy87NTU1Ly8vLzsvL//AABEIAA0AGAMBIgACEQEDEQH/xAAYAAACAwAAAAAAAAAAAAAAAAAGBwABBP/EACEQAAEEAAYDAAAAAAAAAAAAAAEAAgMEBQYHESEiFWFx/8QAFQEBAQAAAAAAAAAAAAAAAAAAAwL/xAAZEQADAAMAAAAAAAAAAAAAAAAAAQIRITH/2gAMAwEAAhEDEQA/AFxLgDWTsAd1J5TGy7hEYqNAaNgECX7sjLMQAHJTEy1Zcarfia4lJMauAxqBhLY6ZlaOzDurWvUOd3jZPfCiEh4xs//Z"
181
181
  style={
182
- Object {
182
+ {
183
183
  "backgroundColor": undefined,
184
184
  "height": "110%",
185
185
  "left": "-5%",
@@ -204,7 +204,7 @@ exports[`Image layout=fill visible renders the image (minimal data) 1`] = `
204
204
  onLoad={[Function]}
205
205
  src="https://www.datocms-assets.com/205/image.png?ar=16%3A9&fit=crop&w=750"
206
206
  style={
207
- Object {
207
+ {
208
208
  "height": "100%",
209
209
  "left": 0,
210
210
  "maxHeight": "none",
@@ -230,7 +230,7 @@ exports[`Image layout=fill visible renders the image (minimal data) 1`] = `
230
230
  exports[`Image layout=fill visible renders the image (relative URL) 1`] = `
231
231
  <ForwardRef
232
232
  data={
233
- Object {
233
+ {
234
234
  "base64": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgLFQoLDhgQDg0NDh0eHREYIx8lJCIrHB0dLSs7GikyKSEuKjUlKDk1MjIyHyo4PTc+PDcxPjUBCgsLDg0OHBAQHDsoIig7Ozs7Ozs7OzsvOzs7Ozs7Ozs7Lzs7Ozs7Ozs7OzsvOzs7NTsvLy87NTU1Ly8vLzsvL//AABEIAA0AGAMBIgACEQEDEQH/xAAYAAACAwAAAAAAAAAAAAAAAAAGBwABBP/EACEQAAEEAAYDAAAAAAAAAAAAAAEAAgMEBQYHESEiFWFx/8QAFQEBAQAAAAAAAAAAAAAAAAAAAwL/xAAZEQADAAMAAAAAAAAAAAAAAAAAAQIRITH/2gAMAwEAAhEDEQA/AFxLgDWTsAd1J5TGy7hEYqNAaNgECX7sjLMQAHJTEy1Zcarfia4lJMauAxqBhLY6ZlaOzDurWvUOd3jZPfCiEh4xs//Z",
235
235
  "height": 421,
236
236
  "src": "/205/image.png?ar=16%3A9&fit=crop&w=750",
@@ -242,7 +242,7 @@ exports[`Image layout=fill visible renders the image (relative URL) 1`] = `
242
242
  >
243
243
  <div
244
244
  style={
245
- Object {
245
+ {
246
246
  "height": "100%",
247
247
  "left": 0,
248
248
  "maxHeight": "none",
@@ -259,7 +259,7 @@ exports[`Image layout=fill visible renders the image (relative URL) 1`] = `
259
259
  aria-hidden="true"
260
260
  src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgLFQoLDhgQDg0NDh0eHREYIx8lJCIrHB0dLSs7GikyKSEuKjUlKDk1MjIyHyo4PTc+PDcxPjUBCgsLDg0OHBAQHDsoIig7Ozs7Ozs7OzsvOzs7Ozs7Ozs7Lzs7Ozs7Ozs7OzsvOzs7NTsvLy87NTU1Ly8vLzsvL//AABEIAA0AGAMBIgACEQEDEQH/xAAYAAACAwAAAAAAAAAAAAAAAAAGBwABBP/EACEQAAEEAAYDAAAAAAAAAAAAAAEAAgMEBQYHESEiFWFx/8QAFQEBAQAAAAAAAAAAAAAAAAAAAwL/xAAZEQADAAMAAAAAAAAAAAAAAAAAAQIRITH/2gAMAwEAAhEDEQA/AFxLgDWTsAd1J5TGy7hEYqNAaNgECX7sjLMQAHJTEy1Zcarfia4lJMauAxqBhLY6ZlaOzDurWvUOd3jZPfCiEh4xs//Z"
261
261
  style={
262
- Object {
262
+ {
263
263
  "backgroundColor": undefined,
264
264
  "height": "110%",
265
265
  "left": "-5%",
@@ -284,7 +284,7 @@ exports[`Image layout=fill visible renders the image (relative URL) 1`] = `
284
284
  onLoad={[Function]}
285
285
  src="/205/image.png?ar=16%3A9&fit=crop&w=750"
286
286
  style={
287
- Object {
287
+ {
288
288
  "height": "100%",
289
289
  "left": 0,
290
290
  "maxHeight": "none",
@@ -310,7 +310,7 @@ exports[`Image layout=fill visible renders the image (relative URL) 1`] = `
310
310
  exports[`Image layout=fill visible renders the image 1`] = `
311
311
  <ForwardRef
312
312
  data={
313
- Object {
313
+ {
314
314
  "alt": "DatoCMS swag",
315
315
  "aspectRatio": 1.7777777777777777,
316
316
  "base64": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgLFQoLDhgQDg0NDh0eHREYIx8lJCIrHB0dLSs7GikyKSEuKjUlKDk1MjIyHyo4PTc+PDcxPjUBCgsLDg0OHBAQHDsoIig7Ozs7Ozs7OzsvOzs7Ozs7Ozs7Lzs7Ozs7Ozs7OzsvOzs7NTsvLy87NTU1Ly8vLzsvL//AABEIAA0AGAMBIgACEQEDEQH/xAAYAAACAwAAAAAAAAAAAAAAAAAGBwABBP/EACEQAAEEAAYDAAAAAAAAAAAAAAEAAgMEBQYHESEiFWFx/8QAFQEBAQAAAAAAAAAAAAAAAAAAAwL/xAAZEQADAAMAAAAAAAAAAAAAAAAAAQIRITH/2gAMAwEAAhEDEQA/AFxLgDWTsAd1J5TGy7hEYqNAaNgECX7sjLMQAHJTEy1Zcarfia4lJMauAxqBhLY6ZlaOzDurWvUOd3jZPfCiEh4xs//Z",
@@ -327,7 +327,7 @@ exports[`Image layout=fill visible renders the image 1`] = `
327
327
  >
328
328
  <div
329
329
  style={
330
- Object {
330
+ {
331
331
  "height": "100%",
332
332
  "left": 0,
333
333
  "maxHeight": "none",
@@ -344,7 +344,7 @@ exports[`Image layout=fill visible renders the image 1`] = `
344
344
  aria-hidden="true"
345
345
  src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgLFQoLDhgQDg0NDh0eHREYIx8lJCIrHB0dLSs7GikyKSEuKjUlKDk1MjIyHyo4PTc+PDcxPjUBCgsLDg0OHBAQHDsoIig7Ozs7Ozs7OzsvOzs7Ozs7Ozs7Lzs7Ozs7Ozs7OzsvOzs7NTsvLy87NTU1Ly8vLzsvL//AABEIAA0AGAMBIgACEQEDEQH/xAAYAAACAwAAAAAAAAAAAAAAAAAGBwABBP/EACEQAAEEAAYDAAAAAAAAAAAAAAEAAgMEBQYHESEiFWFx/8QAFQEBAQAAAAAAAAAAAAAAAAAAAwL/xAAZEQADAAMAAAAAAAAAAAAAAAAAAQIRITH/2gAMAwEAAhEDEQA/AFxLgDWTsAd1J5TGy7hEYqNAaNgECX7sjLMQAHJTEy1Zcarfia4lJMauAxqBhLY6ZlaOzDurWvUOd3jZPfCiEh4xs//Z"
346
346
  style={
347
- Object {
347
+ {
348
348
  "backgroundColor": undefined,
349
349
  "height": "110%",
350
350
  "left": "-5%",
@@ -370,7 +370,7 @@ exports[`Image layout=fill visible renders the image 1`] = `
370
370
  onLoad={[Function]}
371
371
  src="https://www.datocms-assets.com/205/image.png?ar=16%3A9&fit=crop&w=750"
372
372
  style={
373
- Object {
373
+ {
374
374
  "height": "100%",
375
375
  "left": 0,
376
376
  "maxHeight": "none",
@@ -397,7 +397,7 @@ exports[`Image layout=fill visible renders the image 1`] = `
397
397
  exports[`Image layout=fixed not visible renders the blur-up thumb 1`] = `
398
398
  <ForwardRef
399
399
  data={
400
- Object {
400
+ {
401
401
  "alt": "DatoCMS swag",
402
402
  "aspectRatio": 1.7777777777777777,
403
403
  "base64": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgLFQoLDhgQDg0NDh0eHREYIx8lJCIrHB0dLSs7GikyKSEuKjUlKDk1MjIyHyo4PTc+PDcxPjUBCgsLDg0OHBAQHDsoIig7Ozs7Ozs7OzsvOzs7Ozs7Ozs7Lzs7Ozs7Ozs7OzsvOzs7NTsvLy87NTU1Ly8vLzsvL//AABEIAA0AGAMBIgACEQEDEQH/xAAYAAACAwAAAAAAAAAAAAAAAAAGBwABBP/EACEQAAEEAAYDAAAAAAAAAAAAAAEAAgMEBQYHESEiFWFx/8QAFQEBAQAAAAAAAAAAAAAAAAAAAwL/xAAZEQADAAMAAAAAAAAAAAAAAAAAAQIRITH/2gAMAwEAAhEDEQA/AFxLgDWTsAd1J5TGy7hEYqNAaNgECX7sjLMQAHJTEy1Zcarfia4lJMauAxqBhLY6ZlaOzDurWvUOd3jZPfCiEh4xs//Z",
@@ -414,7 +414,7 @@ exports[`Image layout=fixed not visible renders the blur-up thumb 1`] = `
414
414
  >
415
415
  <div
416
416
  style={
417
- Object {
417
+ {
418
418
  "overflow": "hidden",
419
419
  "position": "relative",
420
420
  "width": 750,
@@ -426,7 +426,7 @@ exports[`Image layout=fixed not visible renders the blur-up thumb 1`] = `
426
426
  aria-hidden="true"
427
427
  src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3NTAiIGhlaWdodD0iNDIxIj48L3N2Zz4="
428
428
  style={
429
- Object {
429
+ {
430
430
  "display": "block",
431
431
  "width": "100%",
432
432
  }
@@ -437,7 +437,7 @@ exports[`Image layout=fixed not visible renders the blur-up thumb 1`] = `
437
437
  aria-hidden="true"
438
438
  src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgLFQoLDhgQDg0NDh0eHREYIx8lJCIrHB0dLSs7GikyKSEuKjUlKDk1MjIyHyo4PTc+PDcxPjUBCgsLDg0OHBAQHDsoIig7Ozs7Ozs7OzsvOzs7Ozs7Ozs7Lzs7Ozs7Ozs7OzsvOzs7NTsvLy87NTU1Ly8vLzsvL//AABEIAA0AGAMBIgACEQEDEQH/xAAYAAACAwAAAAAAAAAAAAAAAAAGBwABBP/EACEQAAEEAAYDAAAAAAAAAAAAAAEAAgMEBQYHESEiFWFx/8QAFQEBAQAAAAAAAAAAAAAAAAAAAwL/xAAZEQADAAMAAAAAAAAAAAAAAAAAAQIRITH/2gAMAwEAAhEDEQA/AFxLgDWTsAd1J5TGy7hEYqNAaNgECX7sjLMQAHJTEy1Zcarfia4lJMauAxqBhLY6ZlaOzDurWvUOd3jZPfCiEh4xs//Z"
439
439
  style={
440
- Object {
440
+ {
441
441
  "backgroundColor": undefined,
442
442
  "height": "110%",
443
443
  "left": "-5%",
@@ -463,7 +463,7 @@ exports[`Image layout=fixed not visible renders the blur-up thumb 1`] = `
463
463
  exports[`Image layout=fixed visible image loaded shows the image 1`] = `
464
464
  <ForwardRef
465
465
  data={
466
- Object {
466
+ {
467
467
  "alt": "DatoCMS swag",
468
468
  "aspectRatio": 1.7777777777777777,
469
469
  "base64": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgLFQoLDhgQDg0NDh0eHREYIx8lJCIrHB0dLSs7GikyKSEuKjUlKDk1MjIyHyo4PTc+PDcxPjUBCgsLDg0OHBAQHDsoIig7Ozs7Ozs7OzsvOzs7Ozs7Ozs7Lzs7Ozs7Ozs7OzsvOzs7NTsvLy87NTU1Ly8vLzsvL//AABEIAA0AGAMBIgACEQEDEQH/xAAYAAACAwAAAAAAAAAAAAAAAAAGBwABBP/EACEQAAEEAAYDAAAAAAAAAAAAAAEAAgMEBQYHESEiFWFx/8QAFQEBAQAAAAAAAAAAAAAAAAAAAwL/xAAZEQADAAMAAAAAAAAAAAAAAAAAAQIRITH/2gAMAwEAAhEDEQA/AFxLgDWTsAd1J5TGy7hEYqNAaNgECX7sjLMQAHJTEy1Zcarfia4lJMauAxqBhLY6ZlaOzDurWvUOd3jZPfCiEh4xs//Z",
@@ -480,7 +480,7 @@ exports[`Image layout=fixed visible image loaded shows the image 1`] = `
480
480
  >
481
481
  <div
482
482
  style={
483
- Object {
483
+ {
484
484
  "overflow": "hidden",
485
485
  "position": "relative",
486
486
  "width": 750,
@@ -492,7 +492,7 @@ exports[`Image layout=fixed visible image loaded shows the image 1`] = `
492
492
  aria-hidden="true"
493
493
  src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3NTAiIGhlaWdodD0iNDIxIj48L3N2Zz4="
494
494
  style={
495
- Object {
495
+ {
496
496
  "display": "block",
497
497
  "width": "100%",
498
498
  }
@@ -503,7 +503,7 @@ exports[`Image layout=fixed visible image loaded shows the image 1`] = `
503
503
  aria-hidden="true"
504
504
  src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgLFQoLDhgQDg0NDh0eHREYIx8lJCIrHB0dLSs7GikyKSEuKjUlKDk1MjIyHyo4PTc+PDcxPjUBCgsLDg0OHBAQHDsoIig7Ozs7Ozs7OzsvOzs7Ozs7Ozs7Lzs7Ozs7Ozs7OzsvOzs7NTsvLy87NTU1Ly8vLzsvL//AABEIAA0AGAMBIgACEQEDEQH/xAAYAAACAwAAAAAAAAAAAAAAAAAGBwABBP/EACEQAAEEAAYDAAAAAAAAAAAAAAEAAgMEBQYHESEiFWFx/8QAFQEBAQAAAAAAAAAAAAAAAAAAAwL/xAAZEQADAAMAAAAAAAAAAAAAAAAAAQIRITH/2gAMAwEAAhEDEQA/AFxLgDWTsAd1J5TGy7hEYqNAaNgECX7sjLMQAHJTEy1Zcarfia4lJMauAxqBhLY6ZlaOzDurWvUOd3jZPfCiEh4xs//Z"
505
505
  style={
506
- Object {
506
+ {
507
507
  "backgroundColor": undefined,
508
508
  "height": "110%",
509
509
  "left": "-5%",
@@ -529,7 +529,7 @@ exports[`Image layout=fixed visible image loaded shows the image 1`] = `
529
529
  onLoad={[Function]}
530
530
  src="https://www.datocms-assets.com/205/image.png?ar=16%3A9&fit=crop&w=750"
531
531
  style={
532
- Object {
532
+ {
533
533
  "height": "100%",
534
534
  "left": 0,
535
535
  "maxHeight": "none",
@@ -556,7 +556,7 @@ exports[`Image layout=fixed visible image loaded shows the image 1`] = `
556
556
  exports[`Image layout=fixed visible renders the image (minimal data) 1`] = `
557
557
  <ForwardRef
558
558
  data={
559
- Object {
559
+ {
560
560
  "base64": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgLFQoLDhgQDg0NDh0eHREYIx8lJCIrHB0dLSs7GikyKSEuKjUlKDk1MjIyHyo4PTc+PDcxPjUBCgsLDg0OHBAQHDsoIig7Ozs7Ozs7OzsvOzs7Ozs7Ozs7Lzs7Ozs7Ozs7OzsvOzs7NTsvLy87NTU1Ly8vLzsvL//AABEIAA0AGAMBIgACEQEDEQH/xAAYAAACAwAAAAAAAAAAAAAAAAAGBwABBP/EACEQAAEEAAYDAAAAAAAAAAAAAAEAAgMEBQYHESEiFWFx/8QAFQEBAQAAAAAAAAAAAAAAAAAAAwL/xAAZEQADAAMAAAAAAAAAAAAAAAAAAQIRITH/2gAMAwEAAhEDEQA/AFxLgDWTsAd1J5TGy7hEYqNAaNgECX7sjLMQAHJTEy1Zcarfia4lJMauAxqBhLY6ZlaOzDurWvUOd3jZPfCiEh4xs//Z",
561
561
  "height": 421,
562
562
  "src": "https://www.datocms-assets.com/205/image.png?ar=16%3A9&fit=crop&w=750",
@@ -568,7 +568,7 @@ exports[`Image layout=fixed visible renders the image (minimal data) 1`] = `
568
568
  >
569
569
  <div
570
570
  style={
571
- Object {
571
+ {
572
572
  "overflow": "hidden",
573
573
  "position": "relative",
574
574
  "width": 750,
@@ -580,7 +580,7 @@ exports[`Image layout=fixed visible renders the image (minimal data) 1`] = `
580
580
  aria-hidden="true"
581
581
  src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3NTAiIGhlaWdodD0iNDIxIj48L3N2Zz4="
582
582
  style={
583
- Object {
583
+ {
584
584
  "display": "block",
585
585
  "width": "100%",
586
586
  }
@@ -591,7 +591,7 @@ exports[`Image layout=fixed visible renders the image (minimal data) 1`] = `
591
591
  aria-hidden="true"
592
592
  src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgLFQoLDhgQDg0NDh0eHREYIx8lJCIrHB0dLSs7GikyKSEuKjUlKDk1MjIyHyo4PTc+PDcxPjUBCgsLDg0OHBAQHDsoIig7Ozs7Ozs7OzsvOzs7Ozs7Ozs7Lzs7Ozs7Ozs7OzsvOzs7NTsvLy87NTU1Ly8vLzsvL//AABEIAA0AGAMBIgACEQEDEQH/xAAYAAACAwAAAAAAAAAAAAAAAAAGBwABBP/EACEQAAEEAAYDAAAAAAAAAAAAAAEAAgMEBQYHESEiFWFx/8QAFQEBAQAAAAAAAAAAAAAAAAAAAwL/xAAZEQADAAMAAAAAAAAAAAAAAAAAAQIRITH/2gAMAwEAAhEDEQA/AFxLgDWTsAd1J5TGy7hEYqNAaNgECX7sjLMQAHJTEy1Zcarfia4lJMauAxqBhLY6ZlaOzDurWvUOd3jZPfCiEh4xs//Z"
593
593
  style={
594
- Object {
594
+ {
595
595
  "backgroundColor": undefined,
596
596
  "height": "110%",
597
597
  "left": "-5%",
@@ -616,7 +616,7 @@ exports[`Image layout=fixed visible renders the image (minimal data) 1`] = `
616
616
  onLoad={[Function]}
617
617
  src="https://www.datocms-assets.com/205/image.png?ar=16%3A9&fit=crop&w=750"
618
618
  style={
619
- Object {
619
+ {
620
620
  "height": "100%",
621
621
  "left": 0,
622
622
  "maxHeight": "none",
@@ -642,7 +642,7 @@ exports[`Image layout=fixed visible renders the image (minimal data) 1`] = `
642
642
  exports[`Image layout=fixed visible renders the image (relative URL) 1`] = `
643
643
  <ForwardRef
644
644
  data={
645
- Object {
645
+ {
646
646
  "base64": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgLFQoLDhgQDg0NDh0eHREYIx8lJCIrHB0dLSs7GikyKSEuKjUlKDk1MjIyHyo4PTc+PDcxPjUBCgsLDg0OHBAQHDsoIig7Ozs7Ozs7OzsvOzs7Ozs7Ozs7Lzs7Ozs7Ozs7OzsvOzs7NTsvLy87NTU1Ly8vLzsvL//AABEIAA0AGAMBIgACEQEDEQH/xAAYAAACAwAAAAAAAAAAAAAAAAAGBwABBP/EACEQAAEEAAYDAAAAAAAAAAAAAAEAAgMEBQYHESEiFWFx/8QAFQEBAQAAAAAAAAAAAAAAAAAAAwL/xAAZEQADAAMAAAAAAAAAAAAAAAAAAQIRITH/2gAMAwEAAhEDEQA/AFxLgDWTsAd1J5TGy7hEYqNAaNgECX7sjLMQAHJTEy1Zcarfia4lJMauAxqBhLY6ZlaOzDurWvUOd3jZPfCiEh4xs//Z",
647
647
  "height": 421,
648
648
  "src": "/205/image.png?ar=16%3A9&fit=crop&w=750",
@@ -654,7 +654,7 @@ exports[`Image layout=fixed visible renders the image (relative URL) 1`] = `
654
654
  >
655
655
  <div
656
656
  style={
657
- Object {
657
+ {
658
658
  "overflow": "hidden",
659
659
  "position": "relative",
660
660
  "width": 750,
@@ -666,7 +666,7 @@ exports[`Image layout=fixed visible renders the image (relative URL) 1`] = `
666
666
  aria-hidden="true"
667
667
  src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3NTAiIGhlaWdodD0iNDIxIj48L3N2Zz4="
668
668
  style={
669
- Object {
669
+ {
670
670
  "display": "block",
671
671
  "width": "100%",
672
672
  }
@@ -677,7 +677,7 @@ exports[`Image layout=fixed visible renders the image (relative URL) 1`] = `
677
677
  aria-hidden="true"
678
678
  src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgLFQoLDhgQDg0NDh0eHREYIx8lJCIrHB0dLSs7GikyKSEuKjUlKDk1MjIyHyo4PTc+PDcxPjUBCgsLDg0OHBAQHDsoIig7Ozs7Ozs7OzsvOzs7Ozs7Ozs7Lzs7Ozs7Ozs7OzsvOzs7NTsvLy87NTU1Ly8vLzsvL//AABEIAA0AGAMBIgACEQEDEQH/xAAYAAACAwAAAAAAAAAAAAAAAAAGBwABBP/EACEQAAEEAAYDAAAAAAAAAAAAAAEAAgMEBQYHESEiFWFx/8QAFQEBAQAAAAAAAAAAAAAAAAAAAwL/xAAZEQADAAMAAAAAAAAAAAAAAAAAAQIRITH/2gAMAwEAAhEDEQA/AFxLgDWTsAd1J5TGy7hEYqNAaNgECX7sjLMQAHJTEy1Zcarfia4lJMauAxqBhLY6ZlaOzDurWvUOd3jZPfCiEh4xs//Z"
679
679
  style={
680
- Object {
680
+ {
681
681
  "backgroundColor": undefined,
682
682
  "height": "110%",
683
683
  "left": "-5%",
@@ -702,7 +702,7 @@ exports[`Image layout=fixed visible renders the image (relative URL) 1`] = `
702
702
  onLoad={[Function]}
703
703
  src="/205/image.png?ar=16%3A9&fit=crop&w=750"
704
704
  style={
705
- Object {
705
+ {
706
706
  "height": "100%",
707
707
  "left": 0,
708
708
  "maxHeight": "none",
@@ -728,7 +728,7 @@ exports[`Image layout=fixed visible renders the image (relative URL) 1`] = `
728
728
  exports[`Image layout=fixed visible renders the image 1`] = `
729
729
  <ForwardRef
730
730
  data={
731
- Object {
731
+ {
732
732
  "alt": "DatoCMS swag",
733
733
  "aspectRatio": 1.7777777777777777,
734
734
  "base64": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgLFQoLDhgQDg0NDh0eHREYIx8lJCIrHB0dLSs7GikyKSEuKjUlKDk1MjIyHyo4PTc+PDcxPjUBCgsLDg0OHBAQHDsoIig7Ozs7Ozs7OzsvOzs7Ozs7Ozs7Lzs7Ozs7Ozs7OzsvOzs7NTsvLy87NTU1Ly8vLzsvL//AABEIAA0AGAMBIgACEQEDEQH/xAAYAAACAwAAAAAAAAAAAAAAAAAGBwABBP/EACEQAAEEAAYDAAAAAAAAAAAAAAEAAgMEBQYHESEiFWFx/8QAFQEBAQAAAAAAAAAAAAAAAAAAAwL/xAAZEQADAAMAAAAAAAAAAAAAAAAAAQIRITH/2gAMAwEAAhEDEQA/AFxLgDWTsAd1J5TGy7hEYqNAaNgECX7sjLMQAHJTEy1Zcarfia4lJMauAxqBhLY6ZlaOzDurWvUOd3jZPfCiEh4xs//Z",
@@ -745,7 +745,7 @@ exports[`Image layout=fixed visible renders the image 1`] = `
745
745
  >
746
746
  <div
747
747
  style={
748
- Object {
748
+ {
749
749
  "overflow": "hidden",
750
750
  "position": "relative",
751
751
  "width": 750,
@@ -757,7 +757,7 @@ exports[`Image layout=fixed visible renders the image 1`] = `
757
757
  aria-hidden="true"
758
758
  src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3NTAiIGhlaWdodD0iNDIxIj48L3N2Zz4="
759
759
  style={
760
- Object {
760
+ {
761
761
  "display": "block",
762
762
  "width": "100%",
763
763
  }
@@ -768,7 +768,7 @@ exports[`Image layout=fixed visible renders the image 1`] = `
768
768
  aria-hidden="true"
769
769
  src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgLFQoLDhgQDg0NDh0eHREYIx8lJCIrHB0dLSs7GikyKSEuKjUlKDk1MjIyHyo4PTc+PDcxPjUBCgsLDg0OHBAQHDsoIig7Ozs7Ozs7OzsvOzs7Ozs7Ozs7Lzs7Ozs7Ozs7OzsvOzs7NTsvLy87NTU1Ly8vLzsvL//AABEIAA0AGAMBIgACEQEDEQH/xAAYAAACAwAAAAAAAAAAAAAAAAAGBwABBP/EACEQAAEEAAYDAAAAAAAAAAAAAAEAAgMEBQYHESEiFWFx/8QAFQEBAQAAAAAAAAAAAAAAAAAAAwL/xAAZEQADAAMAAAAAAAAAAAAAAAAAAQIRITH/2gAMAwEAAhEDEQA/AFxLgDWTsAd1J5TGy7hEYqNAaNgECX7sjLMQAHJTEy1Zcarfia4lJMauAxqBhLY6ZlaOzDurWvUOd3jZPfCiEh4xs//Z"
770
770
  style={
771
- Object {
771
+ {
772
772
  "backgroundColor": undefined,
773
773
  "height": "110%",
774
774
  "left": "-5%",
@@ -794,7 +794,7 @@ exports[`Image layout=fixed visible renders the image 1`] = `
794
794
  onLoad={[Function]}
795
795
  src="https://www.datocms-assets.com/205/image.png?ar=16%3A9&fit=crop&w=750"
796
796
  style={
797
- Object {
797
+ {
798
798
  "height": "100%",
799
799
  "left": 0,
800
800
  "maxHeight": "none",
@@ -821,7 +821,7 @@ exports[`Image layout=fixed visible renders the image 1`] = `
821
821
  exports[`Image layout=intrinsic not visible renders the blur-up thumb 1`] = `
822
822
  <ForwardRef
823
823
  data={
824
- Object {
824
+ {
825
825
  "alt": "DatoCMS swag",
826
826
  "aspectRatio": 1.7777777777777777,
827
827
  "base64": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgLFQoLDhgQDg0NDh0eHREYIx8lJCIrHB0dLSs7GikyKSEuKjUlKDk1MjIyHyo4PTc+PDcxPjUBCgsLDg0OHBAQHDsoIig7Ozs7Ozs7OzsvOzs7Ozs7Ozs7Lzs7Ozs7Ozs7OzsvOzs7NTsvLy87NTU1Ly8vLzsvL//AABEIAA0AGAMBIgACEQEDEQH/xAAYAAACAwAAAAAAAAAAAAAAAAAGBwABBP/EACEQAAEEAAYDAAAAAAAAAAAAAAEAAgMEBQYHESEiFWFx/8QAFQEBAQAAAAAAAAAAAAAAAAAAAwL/xAAZEQADAAMAAAAAAAAAAAAAAAAAAQIRITH/2gAMAwEAAhEDEQA/AFxLgDWTsAd1J5TGy7hEYqNAaNgECX7sjLMQAHJTEy1Zcarfia4lJMauAxqBhLY6ZlaOzDurWvUOd3jZPfCiEh4xs//Z",
@@ -838,7 +838,7 @@ exports[`Image layout=intrinsic not visible renders the blur-up thumb 1`] = `
838
838
  >
839
839
  <div
840
840
  style={
841
- Object {
841
+ {
842
842
  "maxWidth": 750,
843
843
  "overflow": "hidden",
844
844
  "position": "relative",
@@ -851,7 +851,7 @@ exports[`Image layout=intrinsic not visible renders the blur-up thumb 1`] = `
851
851
  aria-hidden="true"
852
852
  src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3NTAiIGhlaWdodD0iNDIxIj48L3N2Zz4="
853
853
  style={
854
- Object {
854
+ {
855
855
  "display": "block",
856
856
  "width": "100%",
857
857
  }
@@ -862,7 +862,7 @@ exports[`Image layout=intrinsic not visible renders the blur-up thumb 1`] = `
862
862
  aria-hidden="true"
863
863
  src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgLFQoLDhgQDg0NDh0eHREYIx8lJCIrHB0dLSs7GikyKSEuKjUlKDk1MjIyHyo4PTc+PDcxPjUBCgsLDg0OHBAQHDsoIig7Ozs7Ozs7OzsvOzs7Ozs7Ozs7Lzs7Ozs7Ozs7OzsvOzs7NTsvLy87NTU1Ly8vLzsvL//AABEIAA0AGAMBIgACEQEDEQH/xAAYAAACAwAAAAAAAAAAAAAAAAAGBwABBP/EACEQAAEEAAYDAAAAAAAAAAAAAAEAAgMEBQYHESEiFWFx/8QAFQEBAQAAAAAAAAAAAAAAAAAAAwL/xAAZEQADAAMAAAAAAAAAAAAAAAAAAQIRITH/2gAMAwEAAhEDEQA/AFxLgDWTsAd1J5TGy7hEYqNAaNgECX7sjLMQAHJTEy1Zcarfia4lJMauAxqBhLY6ZlaOzDurWvUOd3jZPfCiEh4xs//Z"
864
864
  style={
865
- Object {
865
+ {
866
866
  "backgroundColor": undefined,
867
867
  "height": "110%",
868
868
  "left": "-5%",
@@ -888,7 +888,7 @@ exports[`Image layout=intrinsic not visible renders the blur-up thumb 1`] = `
888
888
  exports[`Image layout=intrinsic visible image loaded shows the image 1`] = `
889
889
  <ForwardRef
890
890
  data={
891
- Object {
891
+ {
892
892
  "alt": "DatoCMS swag",
893
893
  "aspectRatio": 1.7777777777777777,
894
894
  "base64": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgLFQoLDhgQDg0NDh0eHREYIx8lJCIrHB0dLSs7GikyKSEuKjUlKDk1MjIyHyo4PTc+PDcxPjUBCgsLDg0OHBAQHDsoIig7Ozs7Ozs7OzsvOzs7Ozs7Ozs7Lzs7Ozs7Ozs7OzsvOzs7NTsvLy87NTU1Ly8vLzsvL//AABEIAA0AGAMBIgACEQEDEQH/xAAYAAACAwAAAAAAAAAAAAAAAAAGBwABBP/EACEQAAEEAAYDAAAAAAAAAAAAAAEAAgMEBQYHESEiFWFx/8QAFQEBAQAAAAAAAAAAAAAAAAAAAwL/xAAZEQADAAMAAAAAAAAAAAAAAAAAAQIRITH/2gAMAwEAAhEDEQA/AFxLgDWTsAd1J5TGy7hEYqNAaNgECX7sjLMQAHJTEy1Zcarfia4lJMauAxqBhLY6ZlaOzDurWvUOd3jZPfCiEh4xs//Z",
@@ -905,7 +905,7 @@ exports[`Image layout=intrinsic visible image loaded shows the image 1`] = `
905
905
  >
906
906
  <div
907
907
  style={
908
- Object {
908
+ {
909
909
  "maxWidth": 750,
910
910
  "overflow": "hidden",
911
911
  "position": "relative",
@@ -918,7 +918,7 @@ exports[`Image layout=intrinsic visible image loaded shows the image 1`] = `
918
918
  aria-hidden="true"
919
919
  src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3NTAiIGhlaWdodD0iNDIxIj48L3N2Zz4="
920
920
  style={
921
- Object {
921
+ {
922
922
  "display": "block",
923
923
  "width": "100%",
924
924
  }
@@ -929,7 +929,7 @@ exports[`Image layout=intrinsic visible image loaded shows the image 1`] = `
929
929
  aria-hidden="true"
930
930
  src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgLFQoLDhgQDg0NDh0eHREYIx8lJCIrHB0dLSs7GikyKSEuKjUlKDk1MjIyHyo4PTc+PDcxPjUBCgsLDg0OHBAQHDsoIig7Ozs7Ozs7OzsvOzs7Ozs7Ozs7Lzs7Ozs7Ozs7OzsvOzs7NTsvLy87NTU1Ly8vLzsvL//AABEIAA0AGAMBIgACEQEDEQH/xAAYAAACAwAAAAAAAAAAAAAAAAAGBwABBP/EACEQAAEEAAYDAAAAAAAAAAAAAAEAAgMEBQYHESEiFWFx/8QAFQEBAQAAAAAAAAAAAAAAAAAAAwL/xAAZEQADAAMAAAAAAAAAAAAAAAAAAQIRITH/2gAMAwEAAhEDEQA/AFxLgDWTsAd1J5TGy7hEYqNAaNgECX7sjLMQAHJTEy1Zcarfia4lJMauAxqBhLY6ZlaOzDurWvUOd3jZPfCiEh4xs//Z"
931
931
  style={
932
- Object {
932
+ {
933
933
  "backgroundColor": undefined,
934
934
  "height": "110%",
935
935
  "left": "-5%",
@@ -955,7 +955,7 @@ exports[`Image layout=intrinsic visible image loaded shows the image 1`] = `
955
955
  onLoad={[Function]}
956
956
  src="https://www.datocms-assets.com/205/image.png?ar=16%3A9&fit=crop&w=750"
957
957
  style={
958
- Object {
958
+ {
959
959
  "height": "100%",
960
960
  "left": 0,
961
961
  "maxHeight": "none",
@@ -982,7 +982,7 @@ exports[`Image layout=intrinsic visible image loaded shows the image 1`] = `
982
982
  exports[`Image layout=intrinsic visible renders the image (minimal data) 1`] = `
983
983
  <ForwardRef
984
984
  data={
985
- Object {
985
+ {
986
986
  "base64": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgLFQoLDhgQDg0NDh0eHREYIx8lJCIrHB0dLSs7GikyKSEuKjUlKDk1MjIyHyo4PTc+PDcxPjUBCgsLDg0OHBAQHDsoIig7Ozs7Ozs7OzsvOzs7Ozs7Ozs7Lzs7Ozs7Ozs7OzsvOzs7NTsvLy87NTU1Ly8vLzsvL//AABEIAA0AGAMBIgACEQEDEQH/xAAYAAACAwAAAAAAAAAAAAAAAAAGBwABBP/EACEQAAEEAAYDAAAAAAAAAAAAAAEAAgMEBQYHESEiFWFx/8QAFQEBAQAAAAAAAAAAAAAAAAAAAwL/xAAZEQADAAMAAAAAAAAAAAAAAAAAAQIRITH/2gAMAwEAAhEDEQA/AFxLgDWTsAd1J5TGy7hEYqNAaNgECX7sjLMQAHJTEy1Zcarfia4lJMauAxqBhLY6ZlaOzDurWvUOd3jZPfCiEh4xs//Z",
987
987
  "height": 421,
988
988
  "src": "https://www.datocms-assets.com/205/image.png?ar=16%3A9&fit=crop&w=750",
@@ -994,7 +994,7 @@ exports[`Image layout=intrinsic visible renders the image (minimal data) 1`] = `
994
994
  >
995
995
  <div
996
996
  style={
997
- Object {
997
+ {
998
998
  "maxWidth": 750,
999
999
  "overflow": "hidden",
1000
1000
  "position": "relative",
@@ -1007,7 +1007,7 @@ exports[`Image layout=intrinsic visible renders the image (minimal data) 1`] = `
1007
1007
  aria-hidden="true"
1008
1008
  src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3NTAiIGhlaWdodD0iNDIxIj48L3N2Zz4="
1009
1009
  style={
1010
- Object {
1010
+ {
1011
1011
  "display": "block",
1012
1012
  "width": "100%",
1013
1013
  }
@@ -1018,7 +1018,7 @@ exports[`Image layout=intrinsic visible renders the image (minimal data) 1`] = `
1018
1018
  aria-hidden="true"
1019
1019
  src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgLFQoLDhgQDg0NDh0eHREYIx8lJCIrHB0dLSs7GikyKSEuKjUlKDk1MjIyHyo4PTc+PDcxPjUBCgsLDg0OHBAQHDsoIig7Ozs7Ozs7OzsvOzs7Ozs7Ozs7Lzs7Ozs7Ozs7OzsvOzs7NTsvLy87NTU1Ly8vLzsvL//AABEIAA0AGAMBIgACEQEDEQH/xAAYAAACAwAAAAAAAAAAAAAAAAAGBwABBP/EACEQAAEEAAYDAAAAAAAAAAAAAAEAAgMEBQYHESEiFWFx/8QAFQEBAQAAAAAAAAAAAAAAAAAAAwL/xAAZEQADAAMAAAAAAAAAAAAAAAAAAQIRITH/2gAMAwEAAhEDEQA/AFxLgDWTsAd1J5TGy7hEYqNAaNgECX7sjLMQAHJTEy1Zcarfia4lJMauAxqBhLY6ZlaOzDurWvUOd3jZPfCiEh4xs//Z"
1020
1020
  style={
1021
- Object {
1021
+ {
1022
1022
  "backgroundColor": undefined,
1023
1023
  "height": "110%",
1024
1024
  "left": "-5%",
@@ -1043,7 +1043,7 @@ exports[`Image layout=intrinsic visible renders the image (minimal data) 1`] = `
1043
1043
  onLoad={[Function]}
1044
1044
  src="https://www.datocms-assets.com/205/image.png?ar=16%3A9&fit=crop&w=750"
1045
1045
  style={
1046
- Object {
1046
+ {
1047
1047
  "height": "100%",
1048
1048
  "left": 0,
1049
1049
  "maxHeight": "none",
@@ -1069,7 +1069,7 @@ exports[`Image layout=intrinsic visible renders the image (minimal data) 1`] = `
1069
1069
  exports[`Image layout=intrinsic visible renders the image (relative URL) 1`] = `
1070
1070
  <ForwardRef
1071
1071
  data={
1072
- Object {
1072
+ {
1073
1073
  "base64": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgLFQoLDhgQDg0NDh0eHREYIx8lJCIrHB0dLSs7GikyKSEuKjUlKDk1MjIyHyo4PTc+PDcxPjUBCgsLDg0OHBAQHDsoIig7Ozs7Ozs7OzsvOzs7Ozs7Ozs7Lzs7Ozs7Ozs7OzsvOzs7NTsvLy87NTU1Ly8vLzsvL//AABEIAA0AGAMBIgACEQEDEQH/xAAYAAACAwAAAAAAAAAAAAAAAAAGBwABBP/EACEQAAEEAAYDAAAAAAAAAAAAAAEAAgMEBQYHESEiFWFx/8QAFQEBAQAAAAAAAAAAAAAAAAAAAwL/xAAZEQADAAMAAAAAAAAAAAAAAAAAAQIRITH/2gAMAwEAAhEDEQA/AFxLgDWTsAd1J5TGy7hEYqNAaNgECX7sjLMQAHJTEy1Zcarfia4lJMauAxqBhLY6ZlaOzDurWvUOd3jZPfCiEh4xs//Z",
1074
1074
  "height": 421,
1075
1075
  "src": "/205/image.png?ar=16%3A9&fit=crop&w=750",
@@ -1081,7 +1081,7 @@ exports[`Image layout=intrinsic visible renders the image (relative URL) 1`] = `
1081
1081
  >
1082
1082
  <div
1083
1083
  style={
1084
- Object {
1084
+ {
1085
1085
  "maxWidth": 750,
1086
1086
  "overflow": "hidden",
1087
1087
  "position": "relative",
@@ -1094,7 +1094,7 @@ exports[`Image layout=intrinsic visible renders the image (relative URL) 1`] = `
1094
1094
  aria-hidden="true"
1095
1095
  src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3NTAiIGhlaWdodD0iNDIxIj48L3N2Zz4="
1096
1096
  style={
1097
- Object {
1097
+ {
1098
1098
  "display": "block",
1099
1099
  "width": "100%",
1100
1100
  }
@@ -1105,7 +1105,7 @@ exports[`Image layout=intrinsic visible renders the image (relative URL) 1`] = `
1105
1105
  aria-hidden="true"
1106
1106
  src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgLFQoLDhgQDg0NDh0eHREYIx8lJCIrHB0dLSs7GikyKSEuKjUlKDk1MjIyHyo4PTc+PDcxPjUBCgsLDg0OHBAQHDsoIig7Ozs7Ozs7OzsvOzs7Ozs7Ozs7Lzs7Ozs7Ozs7OzsvOzs7NTsvLy87NTU1Ly8vLzsvL//AABEIAA0AGAMBIgACEQEDEQH/xAAYAAACAwAAAAAAAAAAAAAAAAAGBwABBP/EACEQAAEEAAYDAAAAAAAAAAAAAAEAAgMEBQYHESEiFWFx/8QAFQEBAQAAAAAAAAAAAAAAAAAAAwL/xAAZEQADAAMAAAAAAAAAAAAAAAAAAQIRITH/2gAMAwEAAhEDEQA/AFxLgDWTsAd1J5TGy7hEYqNAaNgECX7sjLMQAHJTEy1Zcarfia4lJMauAxqBhLY6ZlaOzDurWvUOd3jZPfCiEh4xs//Z"
1107
1107
  style={
1108
- Object {
1108
+ {
1109
1109
  "backgroundColor": undefined,
1110
1110
  "height": "110%",
1111
1111
  "left": "-5%",
@@ -1130,7 +1130,7 @@ exports[`Image layout=intrinsic visible renders the image (relative URL) 1`] = `
1130
1130
  onLoad={[Function]}
1131
1131
  src="/205/image.png?ar=16%3A9&fit=crop&w=750"
1132
1132
  style={
1133
- Object {
1133
+ {
1134
1134
  "height": "100%",
1135
1135
  "left": 0,
1136
1136
  "maxHeight": "none",
@@ -1156,7 +1156,7 @@ exports[`Image layout=intrinsic visible renders the image (relative URL) 1`] = `
1156
1156
  exports[`Image layout=intrinsic visible renders the image 1`] = `
1157
1157
  <ForwardRef
1158
1158
  data={
1159
- Object {
1159
+ {
1160
1160
  "alt": "DatoCMS swag",
1161
1161
  "aspectRatio": 1.7777777777777777,
1162
1162
  "base64": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgLFQoLDhgQDg0NDh0eHREYIx8lJCIrHB0dLSs7GikyKSEuKjUlKDk1MjIyHyo4PTc+PDcxPjUBCgsLDg0OHBAQHDsoIig7Ozs7Ozs7OzsvOzs7Ozs7Ozs7Lzs7Ozs7Ozs7OzsvOzs7NTsvLy87NTU1Ly8vLzsvL//AABEIAA0AGAMBIgACEQEDEQH/xAAYAAACAwAAAAAAAAAAAAAAAAAGBwABBP/EACEQAAEEAAYDAAAAAAAAAAAAAAEAAgMEBQYHESEiFWFx/8QAFQEBAQAAAAAAAAAAAAAAAAAAAwL/xAAZEQADAAMAAAAAAAAAAAAAAAAAAQIRITH/2gAMAwEAAhEDEQA/AFxLgDWTsAd1J5TGy7hEYqNAaNgECX7sjLMQAHJTEy1Zcarfia4lJMauAxqBhLY6ZlaOzDurWvUOd3jZPfCiEh4xs//Z",
@@ -1173,7 +1173,7 @@ exports[`Image layout=intrinsic visible renders the image 1`] = `
1173
1173
  >
1174
1174
  <div
1175
1175
  style={
1176
- Object {
1176
+ {
1177
1177
  "maxWidth": 750,
1178
1178
  "overflow": "hidden",
1179
1179
  "position": "relative",
@@ -1186,7 +1186,7 @@ exports[`Image layout=intrinsic visible renders the image 1`] = `
1186
1186
  aria-hidden="true"
1187
1187
  src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3NTAiIGhlaWdodD0iNDIxIj48L3N2Zz4="
1188
1188
  style={
1189
- Object {
1189
+ {
1190
1190
  "display": "block",
1191
1191
  "width": "100%",
1192
1192
  }
@@ -1197,7 +1197,7 @@ exports[`Image layout=intrinsic visible renders the image 1`] = `
1197
1197
  aria-hidden="true"
1198
1198
  src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgLFQoLDhgQDg0NDh0eHREYIx8lJCIrHB0dLSs7GikyKSEuKjUlKDk1MjIyHyo4PTc+PDcxPjUBCgsLDg0OHBAQHDsoIig7Ozs7Ozs7OzsvOzs7Ozs7Ozs7Lzs7Ozs7Ozs7OzsvOzs7NTsvLy87NTU1Ly8vLzsvL//AABEIAA0AGAMBIgACEQEDEQH/xAAYAAACAwAAAAAAAAAAAAAAAAAGBwABBP/EACEQAAEEAAYDAAAAAAAAAAAAAAEAAgMEBQYHESEiFWFx/8QAFQEBAQAAAAAAAAAAAAAAAAAAAwL/xAAZEQADAAMAAAAAAAAAAAAAAAAAAQIRITH/2gAMAwEAAhEDEQA/AFxLgDWTsAd1J5TGy7hEYqNAaNgECX7sjLMQAHJTEy1Zcarfia4lJMauAxqBhLY6ZlaOzDurWvUOd3jZPfCiEh4xs//Z"
1199
1199
  style={
1200
- Object {
1200
+ {
1201
1201
  "backgroundColor": undefined,
1202
1202
  "height": "110%",
1203
1203
  "left": "-5%",
@@ -1223,7 +1223,7 @@ exports[`Image layout=intrinsic visible renders the image 1`] = `
1223
1223
  onLoad={[Function]}
1224
1224
  src="https://www.datocms-assets.com/205/image.png?ar=16%3A9&fit=crop&w=750"
1225
1225
  style={
1226
- Object {
1226
+ {
1227
1227
  "height": "100%",
1228
1228
  "left": 0,
1229
1229
  "maxHeight": "none",
@@ -1250,7 +1250,7 @@ exports[`Image layout=intrinsic visible renders the image 1`] = `
1250
1250
  exports[`Image layout=responsive not visible renders the blur-up thumb 1`] = `
1251
1251
  <ForwardRef
1252
1252
  data={
1253
- Object {
1253
+ {
1254
1254
  "alt": "DatoCMS swag",
1255
1255
  "aspectRatio": 1.7777777777777777,
1256
1256
  "base64": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgLFQoLDhgQDg0NDh0eHREYIx8lJCIrHB0dLSs7GikyKSEuKjUlKDk1MjIyHyo4PTc+PDcxPjUBCgsLDg0OHBAQHDsoIig7Ozs7Ozs7OzsvOzs7Ozs7Ozs7Lzs7Ozs7Ozs7OzsvOzs7NTsvLy87NTU1Ly8vLzsvL//AABEIAA0AGAMBIgACEQEDEQH/xAAYAAACAwAAAAAAAAAAAAAAAAAGBwABBP/EACEQAAEEAAYDAAAAAAAAAAAAAAEAAgMEBQYHESEiFWFx/8QAFQEBAQAAAAAAAAAAAAAAAAAAAwL/xAAZEQADAAMAAAAAAAAAAAAAAAAAAQIRITH/2gAMAwEAAhEDEQA/AFxLgDWTsAd1J5TGy7hEYqNAaNgECX7sjLMQAHJTEy1Zcarfia4lJMauAxqBhLY6ZlaOzDurWvUOd3jZPfCiEh4xs//Z",
@@ -1267,7 +1267,7 @@ exports[`Image layout=responsive not visible renders the blur-up thumb 1`] = `
1267
1267
  >
1268
1268
  <div
1269
1269
  style={
1270
- Object {
1270
+ {
1271
1271
  "overflow": "hidden",
1272
1272
  "position": "relative",
1273
1273
  "width": "100%",
@@ -1279,7 +1279,7 @@ exports[`Image layout=responsive not visible renders the blur-up thumb 1`] = `
1279
1279
  aria-hidden="true"
1280
1280
  src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3NTAiIGhlaWdodD0iNDIxIj48L3N2Zz4="
1281
1281
  style={
1282
- Object {
1282
+ {
1283
1283
  "display": "block",
1284
1284
  "width": "100%",
1285
1285
  }
@@ -1290,7 +1290,7 @@ exports[`Image layout=responsive not visible renders the blur-up thumb 1`] = `
1290
1290
  aria-hidden="true"
1291
1291
  src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgLFQoLDhgQDg0NDh0eHREYIx8lJCIrHB0dLSs7GikyKSEuKjUlKDk1MjIyHyo4PTc+PDcxPjUBCgsLDg0OHBAQHDsoIig7Ozs7Ozs7OzsvOzs7Ozs7Ozs7Lzs7Ozs7Ozs7OzsvOzs7NTsvLy87NTU1Ly8vLzsvL//AABEIAA0AGAMBIgACEQEDEQH/xAAYAAACAwAAAAAAAAAAAAAAAAAGBwABBP/EACEQAAEEAAYDAAAAAAAAAAAAAAEAAgMEBQYHESEiFWFx/8QAFQEBAQAAAAAAAAAAAAAAAAAAAwL/xAAZEQADAAMAAAAAAAAAAAAAAAAAAQIRITH/2gAMAwEAAhEDEQA/AFxLgDWTsAd1J5TGy7hEYqNAaNgECX7sjLMQAHJTEy1Zcarfia4lJMauAxqBhLY6ZlaOzDurWvUOd3jZPfCiEh4xs//Z"
1292
1292
  style={
1293
- Object {
1293
+ {
1294
1294
  "backgroundColor": undefined,
1295
1295
  "height": "110%",
1296
1296
  "left": "-5%",
@@ -1316,7 +1316,7 @@ exports[`Image layout=responsive not visible renders the blur-up thumb 1`] = `
1316
1316
  exports[`Image layout=responsive visible image loaded shows the image 1`] = `
1317
1317
  <ForwardRef
1318
1318
  data={
1319
- Object {
1319
+ {
1320
1320
  "alt": "DatoCMS swag",
1321
1321
  "aspectRatio": 1.7777777777777777,
1322
1322
  "base64": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgLFQoLDhgQDg0NDh0eHREYIx8lJCIrHB0dLSs7GikyKSEuKjUlKDk1MjIyHyo4PTc+PDcxPjUBCgsLDg0OHBAQHDsoIig7Ozs7Ozs7OzsvOzs7Ozs7Ozs7Lzs7Ozs7Ozs7OzsvOzs7NTsvLy87NTU1Ly8vLzsvL//AABEIAA0AGAMBIgACEQEDEQH/xAAYAAACAwAAAAAAAAAAAAAAAAAGBwABBP/EACEQAAEEAAYDAAAAAAAAAAAAAAEAAgMEBQYHESEiFWFx/8QAFQEBAQAAAAAAAAAAAAAAAAAAAwL/xAAZEQADAAMAAAAAAAAAAAAAAAAAAQIRITH/2gAMAwEAAhEDEQA/AFxLgDWTsAd1J5TGy7hEYqNAaNgECX7sjLMQAHJTEy1Zcarfia4lJMauAxqBhLY6ZlaOzDurWvUOd3jZPfCiEh4xs//Z",
@@ -1333,7 +1333,7 @@ exports[`Image layout=responsive visible image loaded shows the image 1`] = `
1333
1333
  >
1334
1334
  <div
1335
1335
  style={
1336
- Object {
1336
+ {
1337
1337
  "overflow": "hidden",
1338
1338
  "position": "relative",
1339
1339
  "width": "100%",
@@ -1345,7 +1345,7 @@ exports[`Image layout=responsive visible image loaded shows the image 1`] = `
1345
1345
  aria-hidden="true"
1346
1346
  src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3NTAiIGhlaWdodD0iNDIxIj48L3N2Zz4="
1347
1347
  style={
1348
- Object {
1348
+ {
1349
1349
  "display": "block",
1350
1350
  "width": "100%",
1351
1351
  }
@@ -1356,7 +1356,7 @@ exports[`Image layout=responsive visible image loaded shows the image 1`] = `
1356
1356
  aria-hidden="true"
1357
1357
  src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgLFQoLDhgQDg0NDh0eHREYIx8lJCIrHB0dLSs7GikyKSEuKjUlKDk1MjIyHyo4PTc+PDcxPjUBCgsLDg0OHBAQHDsoIig7Ozs7Ozs7OzsvOzs7Ozs7Ozs7Lzs7Ozs7Ozs7OzsvOzs7NTsvLy87NTU1Ly8vLzsvL//AABEIAA0AGAMBIgACEQEDEQH/xAAYAAACAwAAAAAAAAAAAAAAAAAGBwABBP/EACEQAAEEAAYDAAAAAAAAAAAAAAEAAgMEBQYHESEiFWFx/8QAFQEBAQAAAAAAAAAAAAAAAAAAAwL/xAAZEQADAAMAAAAAAAAAAAAAAAAAAQIRITH/2gAMAwEAAhEDEQA/AFxLgDWTsAd1J5TGy7hEYqNAaNgECX7sjLMQAHJTEy1Zcarfia4lJMauAxqBhLY6ZlaOzDurWvUOd3jZPfCiEh4xs//Z"
1358
1358
  style={
1359
- Object {
1359
+ {
1360
1360
  "backgroundColor": undefined,
1361
1361
  "height": "110%",
1362
1362
  "left": "-5%",
@@ -1382,7 +1382,7 @@ exports[`Image layout=responsive visible image loaded shows the image 1`] = `
1382
1382
  onLoad={[Function]}
1383
1383
  src="https://www.datocms-assets.com/205/image.png?ar=16%3A9&fit=crop&w=750"
1384
1384
  style={
1385
- Object {
1385
+ {
1386
1386
  "height": "100%",
1387
1387
  "left": 0,
1388
1388
  "maxHeight": "none",
@@ -1409,7 +1409,7 @@ exports[`Image layout=responsive visible image loaded shows the image 1`] = `
1409
1409
  exports[`Image layout=responsive visible renders the image (minimal data) 1`] = `
1410
1410
  <ForwardRef
1411
1411
  data={
1412
- Object {
1412
+ {
1413
1413
  "base64": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgLFQoLDhgQDg0NDh0eHREYIx8lJCIrHB0dLSs7GikyKSEuKjUlKDk1MjIyHyo4PTc+PDcxPjUBCgsLDg0OHBAQHDsoIig7Ozs7Ozs7OzsvOzs7Ozs7Ozs7Lzs7Ozs7Ozs7OzsvOzs7NTsvLy87NTU1Ly8vLzsvL//AABEIAA0AGAMBIgACEQEDEQH/xAAYAAACAwAAAAAAAAAAAAAAAAAGBwABBP/EACEQAAEEAAYDAAAAAAAAAAAAAAEAAgMEBQYHESEiFWFx/8QAFQEBAQAAAAAAAAAAAAAAAAAAAwL/xAAZEQADAAMAAAAAAAAAAAAAAAAAAQIRITH/2gAMAwEAAhEDEQA/AFxLgDWTsAd1J5TGy7hEYqNAaNgECX7sjLMQAHJTEy1Zcarfia4lJMauAxqBhLY6ZlaOzDurWvUOd3jZPfCiEh4xs//Z",
1414
1414
  "height": 421,
1415
1415
  "src": "https://www.datocms-assets.com/205/image.png?ar=16%3A9&fit=crop&w=750",
@@ -1421,7 +1421,7 @@ exports[`Image layout=responsive visible renders the image (minimal data) 1`] =
1421
1421
  >
1422
1422
  <div
1423
1423
  style={
1424
- Object {
1424
+ {
1425
1425
  "overflow": "hidden",
1426
1426
  "position": "relative",
1427
1427
  "width": "100%",
@@ -1433,7 +1433,7 @@ exports[`Image layout=responsive visible renders the image (minimal data) 1`] =
1433
1433
  aria-hidden="true"
1434
1434
  src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3NTAiIGhlaWdodD0iNDIxIj48L3N2Zz4="
1435
1435
  style={
1436
- Object {
1436
+ {
1437
1437
  "display": "block",
1438
1438
  "width": "100%",
1439
1439
  }
@@ -1444,7 +1444,7 @@ exports[`Image layout=responsive visible renders the image (minimal data) 1`] =
1444
1444
  aria-hidden="true"
1445
1445
  src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgLFQoLDhgQDg0NDh0eHREYIx8lJCIrHB0dLSs7GikyKSEuKjUlKDk1MjIyHyo4PTc+PDcxPjUBCgsLDg0OHBAQHDsoIig7Ozs7Ozs7OzsvOzs7Ozs7Ozs7Lzs7Ozs7Ozs7OzsvOzs7NTsvLy87NTU1Ly8vLzsvL//AABEIAA0AGAMBIgACEQEDEQH/xAAYAAACAwAAAAAAAAAAAAAAAAAGBwABBP/EACEQAAEEAAYDAAAAAAAAAAAAAAEAAgMEBQYHESEiFWFx/8QAFQEBAQAAAAAAAAAAAAAAAAAAAwL/xAAZEQADAAMAAAAAAAAAAAAAAAAAAQIRITH/2gAMAwEAAhEDEQA/AFxLgDWTsAd1J5TGy7hEYqNAaNgECX7sjLMQAHJTEy1Zcarfia4lJMauAxqBhLY6ZlaOzDurWvUOd3jZPfCiEh4xs//Z"
1446
1446
  style={
1447
- Object {
1447
+ {
1448
1448
  "backgroundColor": undefined,
1449
1449
  "height": "110%",
1450
1450
  "left": "-5%",
@@ -1469,7 +1469,7 @@ exports[`Image layout=responsive visible renders the image (minimal data) 1`] =
1469
1469
  onLoad={[Function]}
1470
1470
  src="https://www.datocms-assets.com/205/image.png?ar=16%3A9&fit=crop&w=750"
1471
1471
  style={
1472
- Object {
1472
+ {
1473
1473
  "height": "100%",
1474
1474
  "left": 0,
1475
1475
  "maxHeight": "none",
@@ -1495,7 +1495,7 @@ exports[`Image layout=responsive visible renders the image (minimal data) 1`] =
1495
1495
  exports[`Image layout=responsive visible renders the image (relative URL) 1`] = `
1496
1496
  <ForwardRef
1497
1497
  data={
1498
- Object {
1498
+ {
1499
1499
  "base64": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgLFQoLDhgQDg0NDh0eHREYIx8lJCIrHB0dLSs7GikyKSEuKjUlKDk1MjIyHyo4PTc+PDcxPjUBCgsLDg0OHBAQHDsoIig7Ozs7Ozs7OzsvOzs7Ozs7Ozs7Lzs7Ozs7Ozs7OzsvOzs7NTsvLy87NTU1Ly8vLzsvL//AABEIAA0AGAMBIgACEQEDEQH/xAAYAAACAwAAAAAAAAAAAAAAAAAGBwABBP/EACEQAAEEAAYDAAAAAAAAAAAAAAEAAgMEBQYHESEiFWFx/8QAFQEBAQAAAAAAAAAAAAAAAAAAAwL/xAAZEQADAAMAAAAAAAAAAAAAAAAAAQIRITH/2gAMAwEAAhEDEQA/AFxLgDWTsAd1J5TGy7hEYqNAaNgECX7sjLMQAHJTEy1Zcarfia4lJMauAxqBhLY6ZlaOzDurWvUOd3jZPfCiEh4xs//Z",
1500
1500
  "height": 421,
1501
1501
  "src": "/205/image.png?ar=16%3A9&fit=crop&w=750",
@@ -1507,7 +1507,7 @@ exports[`Image layout=responsive visible renders the image (relative URL) 1`] =
1507
1507
  >
1508
1508
  <div
1509
1509
  style={
1510
- Object {
1510
+ {
1511
1511
  "overflow": "hidden",
1512
1512
  "position": "relative",
1513
1513
  "width": "100%",
@@ -1519,7 +1519,7 @@ exports[`Image layout=responsive visible renders the image (relative URL) 1`] =
1519
1519
  aria-hidden="true"
1520
1520
  src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3NTAiIGhlaWdodD0iNDIxIj48L3N2Zz4="
1521
1521
  style={
1522
- Object {
1522
+ {
1523
1523
  "display": "block",
1524
1524
  "width": "100%",
1525
1525
  }
@@ -1530,7 +1530,7 @@ exports[`Image layout=responsive visible renders the image (relative URL) 1`] =
1530
1530
  aria-hidden="true"
1531
1531
  src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgLFQoLDhgQDg0NDh0eHREYIx8lJCIrHB0dLSs7GikyKSEuKjUlKDk1MjIyHyo4PTc+PDcxPjUBCgsLDg0OHBAQHDsoIig7Ozs7Ozs7OzsvOzs7Ozs7Ozs7Lzs7Ozs7Ozs7OzsvOzs7NTsvLy87NTU1Ly8vLzsvL//AABEIAA0AGAMBIgACEQEDEQH/xAAYAAACAwAAAAAAAAAAAAAAAAAGBwABBP/EACEQAAEEAAYDAAAAAAAAAAAAAAEAAgMEBQYHESEiFWFx/8QAFQEBAQAAAAAAAAAAAAAAAAAAAwL/xAAZEQADAAMAAAAAAAAAAAAAAAAAAQIRITH/2gAMAwEAAhEDEQA/AFxLgDWTsAd1J5TGy7hEYqNAaNgECX7sjLMQAHJTEy1Zcarfia4lJMauAxqBhLY6ZlaOzDurWvUOd3jZPfCiEh4xs//Z"
1532
1532
  style={
1533
- Object {
1533
+ {
1534
1534
  "backgroundColor": undefined,
1535
1535
  "height": "110%",
1536
1536
  "left": "-5%",
@@ -1555,7 +1555,7 @@ exports[`Image layout=responsive visible renders the image (relative URL) 1`] =
1555
1555
  onLoad={[Function]}
1556
1556
  src="/205/image.png?ar=16%3A9&fit=crop&w=750"
1557
1557
  style={
1558
- Object {
1558
+ {
1559
1559
  "height": "100%",
1560
1560
  "left": 0,
1561
1561
  "maxHeight": "none",
@@ -1581,7 +1581,7 @@ exports[`Image layout=responsive visible renders the image (relative URL) 1`] =
1581
1581
  exports[`Image layout=responsive visible renders the image 1`] = `
1582
1582
  <ForwardRef
1583
1583
  data={
1584
- Object {
1584
+ {
1585
1585
  "alt": "DatoCMS swag",
1586
1586
  "aspectRatio": 1.7777777777777777,
1587
1587
  "base64": "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgLFQoLDhgQDg0NDh0eHREYIx8lJCIrHB0dLSs7GikyKSEuKjUlKDk1MjIyHyo4PTc+PDcxPjUBCgsLDg0OHBAQHDsoIig7Ozs7Ozs7OzsvOzs7Ozs7Ozs7Lzs7Ozs7Ozs7OzsvOzs7NTsvLy87NTU1Ly8vLzsvL//AABEIAA0AGAMBIgACEQEDEQH/xAAYAAACAwAAAAAAAAAAAAAAAAAGBwABBP/EACEQAAEEAAYDAAAAAAAAAAAAAAEAAgMEBQYHESEiFWFx/8QAFQEBAQAAAAAAAAAAAAAAAAAAAwL/xAAZEQADAAMAAAAAAAAAAAAAAAAAAQIRITH/2gAMAwEAAhEDEQA/AFxLgDWTsAd1J5TGy7hEYqNAaNgECX7sjLMQAHJTEy1Zcarfia4lJMauAxqBhLY6ZlaOzDurWvUOd3jZPfCiEh4xs//Z",
@@ -1598,7 +1598,7 @@ exports[`Image layout=responsive visible renders the image 1`] = `
1598
1598
  >
1599
1599
  <div
1600
1600
  style={
1601
- Object {
1601
+ {
1602
1602
  "overflow": "hidden",
1603
1603
  "position": "relative",
1604
1604
  "width": "100%",
@@ -1610,7 +1610,7 @@ exports[`Image layout=responsive visible renders the image 1`] = `
1610
1610
  aria-hidden="true"
1611
1611
  src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3NTAiIGhlaWdodD0iNDIxIj48L3N2Zz4="
1612
1612
  style={
1613
- Object {
1613
+ {
1614
1614
  "display": "block",
1615
1615
  "width": "100%",
1616
1616
  }
@@ -1621,7 +1621,7 @@ exports[`Image layout=responsive visible renders the image 1`] = `
1621
1621
  aria-hidden="true"
1622
1622
  src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgLFQoLDhgQDg0NDh0eHREYIx8lJCIrHB0dLSs7GikyKSEuKjUlKDk1MjIyHyo4PTc+PDcxPjUBCgsLDg0OHBAQHDsoIig7Ozs7Ozs7OzsvOzs7Ozs7Ozs7Lzs7Ozs7Ozs7OzsvOzs7NTsvLy87NTU1Ly8vLzsvL//AABEIAA0AGAMBIgACEQEDEQH/xAAYAAACAwAAAAAAAAAAAAAAAAAGBwABBP/EACEQAAEEAAYDAAAAAAAAAAAAAAEAAgMEBQYHESEiFWFx/8QAFQEBAQAAAAAAAAAAAAAAAAAAAwL/xAAZEQADAAMAAAAAAAAAAAAAAAAAAQIRITH/2gAMAwEAAhEDEQA/AFxLgDWTsAd1J5TGy7hEYqNAaNgECX7sjLMQAHJTEy1Zcarfia4lJMauAxqBhLY6ZlaOzDurWvUOd3jZPfCiEh4xs//Z"
1623
1623
  style={
1624
- Object {
1624
+ {
1625
1625
  "backgroundColor": undefined,
1626
1626
  "height": "110%",
1627
1627
  "left": "-5%",
@@ -1647,7 +1647,7 @@ exports[`Image layout=responsive visible renders the image 1`] = `
1647
1647
  onLoad={[Function]}
1648
1648
  src="https://www.datocms-assets.com/205/image.png?ar=16%3A9&fit=crop&w=750"
1649
1649
  style={
1650
- Object {
1650
+ {
1651
1651
  "height": "100%",
1652
1652
  "left": 0,
1653
1653
  "maxHeight": "none",