@slicemachine/adapter-next 0.3.20-dev-next-release.0 → 0.3.20-dev-next-release.1

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.
@@ -78,158 +78,159 @@ const PascalNameToReplace = ({ slice }) => {
78
78
  )}
79
79
  </div>
80
80
  </div>
81
+ <style
82
+ dangerouslySetInnerHTML={{
83
+ __html: `
84
+ .es-bounded {
85
+ margin: 0px;
86
+ min-width: 0px;
87
+ position: relative;
88
+ padding: 8vw 1.25rem;
89
+ }
81
90
 
82
- <style>
83
- {`
84
- .es-bounded {
85
- margin: 0px;
86
- min-width: 0px;
87
- position: relative;
88
- padding: 8vw 1.25rem;
89
- }
91
+ .es-alternate-grid {
92
+ font-family: system-ui, sans-serif;
93
+ background-color: #fff;
94
+ color: #333;
95
+ }
90
96
 
91
- .es-alternate-grid {
92
- font-family: system-ui, sans-serif;
93
- background-color: #fff;
94
- color: #333;
95
- }
96
-
97
- .es-alternate-grid__content {
98
- display: grid;
99
- gap: 1.5rem;
100
- grid-auto-flow: dense;
101
- }
102
-
103
- @media (min-width: 640px) {
104
- .es-alternate-grid__content--with-image {
105
- grid-template-columns: repeat(2, 1fr);
106
- }
107
- }
108
-
109
- @media (min-width: 1200px) {
110
- .es-alternate-grid__content--with-image {
111
- grid-template-columns: repeat(2, 1fr);
112
- }
113
- }
114
-
115
- .es-alternate-grid__image {
116
- width: auto;
117
- height: auto;
118
- max-width: 100%;
119
- align-self: center;
120
- }
121
-
122
- .es-alternate-grid__image--left {
123
- order: 1;
124
- }
97
+ .es-alternate-grid__content {
98
+ display: grid;
99
+ gap: 1.5rem;
100
+ grid-auto-flow: dense;
101
+ }
125
102
 
126
- .es-alternate-grid__image--left + div {
127
- order: 2;
128
- }
129
-
130
- .es-alternate-grid__image--right{
131
- order: 2;
132
- }
103
+ @media (min-width: 640px) {
104
+ .es-alternate-grid__content--with-image {
105
+ grid-template-columns: repeat(2, 1fr);
106
+ }
107
+ }
133
108
 
134
- .es-alternate-grid__image--right + div {
135
- order: 1;
136
- }
109
+ @media (min-width: 1200px) {
110
+ .es-alternate-grid__content--with-image {
111
+ grid-template-columns: repeat(2, 1fr);
112
+ }
113
+ }
137
114
 
138
- .es-alternate-grid__primary-content {
139
- display: grid;
140
- gap: 2rem;
141
- }
142
-
143
- .es-alternate-grid__primary-content__intro {
144
- display: grid;
145
- gap: 0.5rem;
146
- }
147
-
148
- .es-alternate-grid__primary-content__intro__eyebrow {
149
- color: #8592e0;
150
- font-size: 1.15rem;
151
- font-weight: 500;
152
- margin: 0;
153
- }
154
-
155
- .es-alternate-grid__primary-content__intro__headline {
156
- font-size: 1.625rem;
157
- font-weight: 700;
158
- }
115
+ .es-alternate-grid__image {
116
+ width: auto;
117
+ height: auto;
118
+ max-width: 100%;
119
+ align-self: center;
120
+ }
159
121
 
160
- .es-alternate-grid__primary-content__intro__headline * {
161
- margin: 0;
162
- }
163
-
164
- @media (min-width: 640px) {
165
- .es-alternate-grid__primary-content__intro__headline {
166
- font-size: 2rem;
167
- }
168
- }
169
-
170
- @media (min-width: 1024px) {
171
- .es-alternate-grid__primary-content__intro__headline {
172
- font-size: 2.5rem;
173
- }
174
- }
175
-
176
- @media (min-width: 1200px) {
177
- .es-alternate-grid__primary-content__intro__headline {
178
- font-size: 2.75rem;
179
- }
180
- }
181
-
182
- .es-alternate-grid__primary-content__intro__description {
183
- font-size: 1.15rem;
184
- max-width: 38rem;
185
- }
122
+ .es-alternate-grid__image--left {
123
+ order: 1;
124
+ }
186
125
 
187
- .es-alternate-grid__primary-content__intro__description > p {
188
- margin: 0;
189
- }
190
-
191
- @media (min-width: 1200px) {
192
- .es-alternate-grid__primary-content__intro__description {
193
- font-size: 1.4rem;
194
- }
195
- }
196
-
197
- .es-alternate-grid__primary-content__items {
198
- display: grid;
199
- gap: 2rem;
200
- }
201
-
202
- @media (min-width: 640px) {
203
- .es-alternate-grid__primary-content__items {
204
- grid-template-columns: repeat(2, 1fr);
205
- }
206
- }
207
-
208
- .es-alternate-grid__item {
209
- display: grid;
210
- align-content: start;
211
- }
212
-
213
- .es-alternate-grid__item__heading {
214
- font-weight: 700;
215
- font-size: 1.17rem;
216
- margin-top: 0;
217
- margin-bottom: .5rem;
218
- }
219
-
220
- .es-alternate-grid__item__heading * {
221
- margin: 0;
222
- }
223
-
224
- .es-alternate-grid__item__description {
225
- font-size: 0.9rem;
226
- }
227
-
228
- .es-alternate-grid__item__description * {
229
- margin: 0;
230
- }
231
- `}
232
- </style>
126
+ .es-alternate-grid__image--left + div {
127
+ order: 2;
128
+ }
129
+
130
+ .es-alternate-grid__image--right{
131
+ order: 2;
132
+ }
133
+
134
+ .es-alternate-grid__image--right + div {
135
+ order: 1;
136
+ }
137
+
138
+ .es-alternate-grid__primary-content {
139
+ display: grid;
140
+ gap: 2rem;
141
+ }
142
+
143
+ .es-alternate-grid__primary-content__intro {
144
+ display: grid;
145
+ gap: 0.5rem;
146
+ }
147
+
148
+ .es-alternate-grid__primary-content__intro__eyebrow {
149
+ color: #8592e0;
150
+ font-size: 1.15rem;
151
+ font-weight: 500;
152
+ margin: 0;
153
+ }
154
+
155
+ .es-alternate-grid__primary-content__intro__headline {
156
+ font-size: 1.625rem;
157
+ font-weight: 700;
158
+ }
159
+
160
+ .es-alternate-grid__primary-content__intro__headline * {
161
+ margin: 0;
162
+ }
163
+
164
+ @media (min-width: 640px) {
165
+ .es-alternate-grid__primary-content__intro__headline {
166
+ font-size: 2rem;
167
+ }
168
+ }
169
+
170
+ @media (min-width: 1024px) {
171
+ .es-alternate-grid__primary-content__intro__headline {
172
+ font-size: 2.5rem;
173
+ }
174
+ }
175
+
176
+ @media (min-width: 1200px) {
177
+ .es-alternate-grid__primary-content__intro__headline {
178
+ font-size: 2.75rem;
179
+ }
180
+ }
181
+
182
+ .es-alternate-grid__primary-content__intro__description {
183
+ font-size: 1.15rem;
184
+ max-width: 38rem;
185
+ }
186
+
187
+ .es-alternate-grid__primary-content__intro__description > p {
188
+ margin: 0;
189
+ }
190
+
191
+ @media (min-width: 1200px) {
192
+ .es-alternate-grid__primary-content__intro__description {
193
+ font-size: 1.4rem;
194
+ }
195
+ }
196
+
197
+ .es-alternate-grid__primary-content__items {
198
+ display: grid;
199
+ gap: 2rem;
200
+ }
201
+
202
+ @media (min-width: 640px) {
203
+ .es-alternate-grid__primary-content__items {
204
+ grid-template-columns: repeat(2, 1fr);
205
+ }
206
+ }
207
+
208
+ .es-alternate-grid__item {
209
+ display: grid;
210
+ align-content: start;
211
+ }
212
+
213
+ .es-alternate-grid__item__heading {
214
+ font-weight: 700;
215
+ font-size: 1.17rem;
216
+ margin-top: 0;
217
+ margin-bottom: .5rem;
218
+ }
219
+
220
+ .es-alternate-grid__item__heading * {
221
+ margin: 0;
222
+ }
223
+
224
+ .es-alternate-grid__item__description {
225
+ font-size: 0.9rem;
226
+ }
227
+
228
+ .es-alternate-grid__item__description * {
229
+ margin: 0;
230
+ }
231
+ `,
232
+ }}
233
+ />
233
234
  </section>
234
235
  );
235
236
  };
@@ -46,89 +46,90 @@ const PascalNameToReplace = ({ slice }) => {
46
46
  </PrismicNextLink>
47
47
  )}
48
48
  </div>
49
+ <style
50
+ dangerouslySetInnerHTML={{
51
+ __html: `
52
+ .es-bounded {
53
+ padding: 8vw 2rem;
54
+ }
49
55
 
50
- <style>
51
- {`
52
- .es-bounded {
53
- padding: 8vw 2rem;
54
- }
55
-
56
- .es-bounded__content {
57
- margin-left: auto;
58
- margin-right: auto;
59
- }
60
-
61
- @media screen and (min-width: 640px) {
62
- .es-bounded__content {
63
- max-width: 90%;
64
- }
65
- }
66
-
67
- @media screen and (min-width: 896px) {
68
- .es-bounded__content {
69
- max-width: 80%;
70
- }
71
- }
72
-
73
- @media screen and (min-width: 1280px) {
74
- .es-bounded__content {
75
- max-width: 75%;
76
- }
77
- }
78
-
79
- .es-call-to-action {
80
- font-family: system-ui, sans-serif;
81
- background-color: #fff;
82
- color: #333;
83
- }
84
-
85
- .es-call-to-action__image {
86
- max-width: 14rem;
87
- height: auto;
88
- width: auto;
89
- justify-self: ${alignment};
90
- }
91
-
92
- .es-call-to-action__content {
93
- display: grid;
94
- gap: 1rem;
95
- justify-items: ${alignment};
96
- }
97
-
98
- .es-call-to-action__content__heading {
99
- font-size: 2rem;
100
- font-weight: 700;
101
- text-align: ${alignment};
102
- }
56
+ .es-bounded__content {
57
+ margin-left: auto;
58
+ margin-right: auto;
59
+ }
103
60
 
104
- .es-call-to-action__content__heading * {
105
- margin: 0;
106
- }
107
-
108
- .es-call-to-action__content__paragraph {
109
- font-size: 1.15rem;
110
- max-width: 38rem;
111
- text-align: ${alignment};
112
- }
113
-
114
- .es-call-to-action__button {
115
- justify-self: ${alignment};
116
- border-radius: 0.25rem;
117
- display: inline-block;
118
- font-size: 0.875rem;
119
- line-height: 1.3;
120
- padding: 1rem 2.625rem;
121
- text-align: ${alignment};
122
- transition: background-color 100ms linear;
123
- background-color: #16745f;
124
- color: #fff;
125
- }
126
-
127
- .es-call-to-action__button:hover {
128
- background-color: #0d5e4c;
129
- }
130
- `}
131
- </style>
61
+ @media screen and (min-width: 640px) {
62
+ .es-bounded__content {
63
+ max-width: 90%;
64
+ }
65
+ }
66
+
67
+ @media screen and (min-width: 896px) {
68
+ .es-bounded__content {
69
+ max-width: 80%;
70
+ }
71
+ }
72
+
73
+ @media screen and (min-width: 1280px) {
74
+ .es-bounded__content {
75
+ max-width: 75%;
76
+ }
77
+ }
78
+
79
+ .es-call-to-action {
80
+ font-family: system-ui, sans-serif;
81
+ background-color: #fff;
82
+ color: #333;
83
+ }
84
+
85
+ .es-call-to-action__image {
86
+ max-width: 14rem;
87
+ height: auto;
88
+ width: auto;
89
+ justify-self: ${alignment};
90
+ }
91
+
92
+ .es-call-to-action__content {
93
+ display: grid;
94
+ gap: 1rem;
95
+ justify-items: ${alignment};
96
+ }
97
+
98
+ .es-call-to-action__content__heading {
99
+ font-size: 2rem;
100
+ font-weight: 700;
101
+ text-align: ${alignment};
102
+ }
103
+
104
+ .es-call-to-action__content__heading * {
105
+ margin: 0;
106
+ }
107
+
108
+ .es-call-to-action__content__paragraph {
109
+ font-size: 1.15rem;
110
+ max-width: 38rem;
111
+ text-align: ${alignment};
112
+ }
113
+
114
+ .es-call-to-action__button {
115
+ justify-self: ${alignment};
116
+ border-radius: 0.25rem;
117
+ display: inline-block;
118
+ font-size: 0.875rem;
119
+ line-height: 1.3;
120
+ padding: 1rem 2.625rem;
121
+ text-align: ${alignment};
122
+ transition: background-color 100ms linear;
123
+ background-color: #16745f;
124
+ color: #fff;
125
+ }
126
+
127
+ .es-call-to-action__button:hover {
128
+ background-color: #0d5e4c;
129
+ }
130
+ `,
131
+ }}
132
+ />
132
133
  </section>
133
134
  );
134
135
  };
@@ -48,83 +48,84 @@ const PascalNameToReplace = ({ slice }) => {
48
48
  {slice.primary.callToActionLabel || "Learn more..."}
49
49
  </PrismicNextLink>
50
50
  </div>
51
+ <style
52
+ dangerouslySetInnerHTML={{
53
+ __html: `
54
+ .es-bounded {
55
+ margin: 0px;
56
+ min-width: 0px;
57
+ position: relative;
58
+ padding: 8vw 1.25rem;
59
+ }
51
60
 
52
- <style>
53
- {`
54
- .es-bounded {
55
- margin: 0px;
56
- min-width: 0px;
57
- position: relative;
58
- padding: 8vw 1.25rem;
59
- }
61
+ .es-bounded__content {
62
+ min-width: 0px;
63
+ max-width: 90%;
64
+ margin: 0px auto;
65
+ }
60
66
 
61
- .es-bounded__content {
62
- min-width: 0px;
63
- max-width: 90%;
64
- margin: 0px auto;
65
- }
67
+ .es-customer-logos {
68
+ font-family: system-ui, sans-serif;
69
+ background-color: #f4f0ec;
70
+ color: #333;
71
+ }
66
72
 
67
- .es-customer-logos {
68
- font-family: system-ui, sans-serif;
69
- background-color: #f4f0ec;
70
- color: #333;
71
- }
72
-
73
- .es-customer-logos__content {
74
- display: grid;
75
- gap: 2rem;
76
- justify-items: center;
77
- }
78
-
79
- .es-customer-logos__heading {
80
- color: #8592e0;
81
- font-size: 1.5rem;
82
- font-weight: 500;
83
- text-align: center;
84
- }
73
+ .es-customer-logos__content {
74
+ display: grid;
75
+ gap: 2rem;
76
+ justify-items: center;
77
+ }
85
78
 
86
- .es-customer-logos__heading * {
87
- margin: 0;
88
- }
89
-
90
- .es-customer-logos__logos {
91
- display: grid;
92
- grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
93
- grid-column-gap: 1.25rem;
94
- grid-row-gap: 2rem;
95
- align-items: center;
96
- list-style-type: none;
97
- width: 100%;
98
- }
99
-
100
- @media (min-width: 1200px) {
101
- .es-customer-logos__logos {
102
- margin-left: -3rem;
103
- }
104
- }
105
-
106
- .es-customer-logos__logo {
107
- margin: 0;
108
- display: flex;
109
- justify-content: center;
110
- }
111
-
112
- @media (min-width: 1200px) {
113
- .es-customer-logos__logo {
114
- margin-left: 3rem;
115
- }
116
- }
117
-
118
- .es-customer-logos__logo__link__image {
119
- max-width: 10rem;
120
- }
121
-
122
- .es-customer-logos__button {
123
- justify-self: center;
124
- text-decoration: underline;
125
- }
126
- `}
127
- </style>
79
+ .es-customer-logos__heading {
80
+ color: #8592e0;
81
+ font-size: 1.5rem;
82
+ font-weight: 500;
83
+ text-align: center;
84
+ }
85
+
86
+ .es-customer-logos__heading * {
87
+ margin: 0;
88
+ }
89
+
90
+ .es-customer-logos__logos {
91
+ display: grid;
92
+ grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
93
+ grid-column-gap: 1.25rem;
94
+ grid-row-gap: 2rem;
95
+ align-items: center;
96
+ list-style-type: none;
97
+ width: 100%;
98
+ }
99
+
100
+ @media (min-width: 1200px) {
101
+ .es-customer-logos__logos {
102
+ margin-left: -3rem;
103
+ }
104
+ }
105
+
106
+ .es-customer-logos__logo {
107
+ margin: 0;
108
+ display: flex;
109
+ justify-content: center;
110
+ }
111
+
112
+ @media (min-width: 1200px) {
113
+ .es-customer-logos__logo {
114
+ margin-left: 3rem;
115
+ }
116
+ }
117
+
118
+ .es-customer-logos__logo__link__image {
119
+ max-width: 10rem;
120
+ }
121
+
122
+ .es-customer-logos__button {
123
+ justify-self: center;
124
+ text-decoration: underline;
125
+ }
126
+ `,
127
+ }}
128
+ />
128
129
  </section>
129
130
  );
130
131
  };
@@ -64,56 +64,57 @@ const PascalNameToReplace = ({ slice }) => {
64
64
  </div>
65
65
  </div>
66
66
  </div>
67
- <style>
68
- {`
69
- .es-bounded {
67
+ <style
68
+ dangerouslySetInnerHTML={{
69
+ __html: `
70
+ .es-bounded {
70
71
  margin: 0px;
71
72
  min-width: 0px;
72
73
  position: relative;
73
- }
74
-
75
- .es-fullpage-hero {
74
+ }
75
+
76
+ .es-fullpage-hero {
76
77
  font-family: system-ui, sans-serif;
77
78
  background-color: #fff;
78
79
  color: #333;
79
- }
80
-
81
- .es-fullpage-hero__image {
80
+ }
81
+
82
+ .es-fullpage-hero__image {
82
83
  max-width: 100%;
83
84
  height: auto;
84
85
  align-self: center;
85
- }
86
-
87
- .es-fullpage-hero__image--left > div:first-child {
86
+ }
87
+
88
+ .es-fullpage-hero__image--left > div:first-child {
88
89
  order: 1;
89
- }
90
+ }
90
91
 
91
- .es-fullpage-hero__image--left > div:nth-child(2) {
92
+ .es-fullpage-hero__image--left > div:nth-child(2) {
92
93
  order: 2;
93
- }
94
-
95
- .es-fullpage-hero__image--right > div:first-child {
94
+ }
95
+
96
+ .es-fullpage-hero__image--right > div:first-child {
96
97
  order: 2;
97
- }
98
+ }
98
99
 
99
- .es-fullpage-hero__image--right > div:nth-child(2) {
100
+ .es-fullpage-hero__image--right > div:nth-child(2) {
100
101
  order: 1;
101
- }
102
-
103
- .es-fullpage-hero__content {
102
+ }
103
+
104
+ .es-fullpage-hero__content {
104
105
  display: flex;
105
106
  flex-direction: column;
106
107
  gap: 2rem;
107
- }
108
-
109
- .es-fullpage-hero__content-right {
108
+ }
109
+
110
+ .es-fullpage-hero__content-right {
110
111
  display: flex;
111
112
  flex-direction: column;
112
113
  justify-content: space-around;
113
114
  padding: 1.5rem;
114
- }
115
-
116
- @media (min-width: 1080px) {
115
+ }
116
+
117
+ @media (min-width: 1080px) {
117
118
  .es-fullpage-hero__content {
118
119
  flex-direction: row;
119
120
  }
@@ -121,63 +122,63 @@ const PascalNameToReplace = ({ slice }) => {
121
122
  .es-fullpage-hero__content > div {
122
123
  width: 50%;
123
124
  }
124
- }
125
-
126
- .es-fullpage-hero__content__intro {
125
+ }
126
+
127
+ .es-fullpage-hero__content__intro {
127
128
  display: grid;
128
129
  gap: 1rem;
129
- }
130
-
131
- .es-fullpage-hero__content__intro__eyebrow {
130
+ }
131
+
132
+ .es-fullpage-hero__content__intro__eyebrow {
132
133
  color: #47C1AF;
133
134
  font-size: 1.15rem;
134
135
  font-weight: 500;
135
136
  margin: 0;
136
- }
137
-
138
- .es-fullpage-hero__content__intro__headline {
137
+ }
138
+
139
+ .es-fullpage-hero__content__intro__headline {
139
140
  font-size: 1.625rem;
140
141
  font-weight: 700;
141
- }
142
-
143
- .es-fullpage-hero__content__intro__headline * {
142
+ }
143
+
144
+ .es-fullpage-hero__content__intro__headline * {
144
145
  margin: 0;
145
- }
146
-
147
- @media (min-width: 640px) {
146
+ }
147
+
148
+ @media (min-width: 640px) {
148
149
  .es-fullpage-hero__content__intro__headline {
149
150
  font-size: 2rem;
150
151
  }
151
- }
152
-
153
- @media (min-width: 1024px) {
152
+ }
153
+
154
+ @media (min-width: 1024px) {
154
155
  .es-fullpage-hero__content__intro__headline {
155
156
  font-size: 2.5rem;
156
157
  }
157
- }
158
-
159
- @media (min-width: 1200px) {
158
+ }
159
+
160
+ @media (min-width: 1200px) {
160
161
  .es-fullpage-hero__content__intro__headline {
161
162
  font-size: 2.75rem;
162
163
  }
163
- }
164
-
165
- .es-fullpage-hero__content__intro__description {
164
+ }
165
+
166
+ .es-fullpage-hero__content__intro__description {
166
167
  font-size: 1.15rem;
167
168
  max-width: 38rem;
168
- }
169
-
170
- .es-fullpage-hero__content__intro__description > p {
169
+ }
170
+
171
+ .es-fullpage-hero__content__intro__description > p {
171
172
  margin: 0;
172
- }
173
-
174
- @media (min-width: 1200px) {
173
+ }
174
+
175
+ @media (min-width: 1200px) {
175
176
  .es-fullpage-hero__content__intro__description {
176
177
  font-size: 1.4rem;
177
178
  }
178
- }
179
+ }
179
180
 
180
- .es-call-to-action__link {
181
+ .es-call-to-action__link {
181
182
  justify-self: flex-start;
182
183
  border-radius: 0.25rem;
183
184
  font-size: 0.875rem;
@@ -186,13 +187,14 @@ const PascalNameToReplace = ({ slice }) => {
186
187
  transition: background-color 100ms linear;
187
188
  background-color: #16745f;
188
189
  color: #fff;
189
- }
190
-
191
- .es-call-to-action__link:hover {
190
+ }
191
+
192
+ .es-call-to-action__link:hover {
192
193
  background-color: #0d5e4c;
193
- }
194
- `}
195
- </style>
194
+ }
195
+ `,
196
+ }}
197
+ />
196
198
  </section>
197
199
  );
198
200
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@slicemachine/adapter-next",
3
- "version": "0.3.20-dev-next-release.0",
3
+ "version": "0.3.20-dev-next-release.1",
4
4
  "description": "Slice Machine adapter for Next.js.",
5
5
  "keywords": [
6
6
  "typescript",
@@ -61,7 +61,7 @@
61
61
  "dependencies": {
62
62
  "@prismicio/simulator": "^0.1.4",
63
63
  "@prismicio/types-internal": "^2.2.0",
64
- "@slicemachine/plugin-kit": "^0.4.20-dev-next-release.0",
64
+ "@slicemachine/plugin-kit": "^0.4.20-dev-next-release.1",
65
65
  "common-tags": "^1.8.2",
66
66
  "fp-ts": "^2.13.1",
67
67
  "io-ts": "^2.2.20",
@@ -104,5 +104,5 @@
104
104
  "engines": {
105
105
  "node": ">=14.15.0"
106
106
  },
107
- "gitHead": "fa863af9042b234c1a05a3db1c67ab1d0547220b"
107
+ "gitHead": "a3b0412c4480dcba4d6a1d3609442bdb2d7dbd99"
108
108
  }