@slicemachine/adapter-next 0.3.18-dev-slice-templates-svelte-nuxt.5 → 0.3.18-dev-next-release.9

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 (7) hide show
  1. package/dist/AlternateGrid/javascript.jsx +85 -75
  2. package/dist/AlternateGrid/typescript.tsx +100 -90
  3. package/dist/CustomerLogos/javascript.jsx +43 -42
  4. package/dist/CustomerLogos/typescript.tsx +74 -72
  5. package/dist/Hero/javascript.jsx +7 -0
  6. package/dist/Hero/typescript.tsx +7 -0
  7. package/package.json +3 -3
package/dist/AlternateGrid/javascript.jsx CHANGED
@@ -19,6 +19,7 @@ const PascalNameToReplace = ({ slice }) => {
19
19
  >
20
20
  <div
21
21
  className={`
22
+ es-bounded__content
22
23
  es-alternate-grid__content
23
24
  ${
24
25
  isFilled.image(slice.primary.image)
@@ -31,13 +32,13 @@ const PascalNameToReplace = ({ slice }) => {
31
32
  <PrismicNextImage
32
33
  field={slice.primary.image}
33
34
  className={`
34
- es-alternate-grid__image
35
- ${
36
- slice.variation === "imageRight"
37
- ? "es-alternate-grid__image--right"
38
- : "es-alternate-grid__image--left"
39
- }
40
- `}
35
+ es-alternate-grid__image
36
+ ${
37
+ slice.variation === "imageRight"
38
+ ? "es-alternate-grid__image--right"
39
+ : "es-alternate-grid__image--left"
40
+ }
41
+ `}
41
42
  />
42
43
  )}
43
44
  <div className="es-alternate-grid__primary-content">
@@ -78,157 +79,166 @@ const PascalNameToReplace = ({ slice }) => {
78
79
  )}
79
80
  </div>
80
81
  </div>
81
-
82
82
  <style>
83
83
  {`
84
84
  .es-bounded {
85
- margin: 0px;
86
- min-width: 0px;
87
- position: relative;
88
- padding: 8vw 1.25rem;
85
+ margin: 0px;
86
+ min-width: 0px;
87
+ position: relative;
88
+ padding: 8vw 1.25rem;
89
+ }
90
+
91
+ .es-bounded__content {
92
+ min-width: 0px;
93
+ max-width: 90%;
94
+ margin: 0px auto;
89
95
  }
90
96
 
91
97
  .es-alternate-grid {
92
- font-family: system-ui, sans-serif;
93
- background-color: #fff;
94
- color: #333;
98
+ font-family: system-ui, sans-serif;
99
+ background-color: #fff;
100
+ color: #333;
95
101
  }
96
102
 
97
103
  .es-alternate-grid__content {
98
- display: grid;
99
- gap: 1.5rem;
100
- grid-auto-flow: dense;
104
+ display: grid;
105
+ gap: 1.5rem;
106
+ grid-auto-flow: dense;
101
107
  }
102
108
 
103
109
  @media (min-width: 640px) {
104
- .es-alternate-grid__content--with-image {
105
- grid-template-columns: repeat(2, 1fr);
106
- }
110
+ .es-alternate-grid__content--with-image {
111
+ grid-template-columns: repeat(2, 1fr);
112
+ }
107
113
  }
108
114
 
109
115
  @media (min-width: 1200px) {
110
- .es-alternate-grid__content--with-image {
111
- grid-template-columns: repeat(2, 1fr);
112
- }
116
+ .es-alternate-grid__content--with-image {
117
+ grid-template-columns: repeat(2, 1fr);
118
+ }
113
119
  }
114
120
 
115
121
  .es-alternate-grid__image {
116
- width: auto;
117
- height: auto;
118
- max-width: 100%;
119
- align-self: center;
122
+ width: auto;
123
+ height: auto;
124
+ max-width: 100%;
125
+ align-self: center;
120
126
  }
121
127
 
122
128
  .es-alternate-grid__image--left {
123
- order: 1;
129
+ order: 1;
124
130
  }
125
131
 
126
132
  .es-alternate-grid__image--left + div {
127
- order: 2;
133
+ order: 2;
128
134
  }
129
135
 
130
136
  .es-alternate-grid__image--right{
131
- order: 2;
137
+ order: 2;
132
138
  }
133
139
 
134
140
  .es-alternate-grid__image--right + div {
135
- order: 1;
141
+ order: 1;
136
142
  }
137
143
 
138
144
  .es-alternate-grid__primary-content {
139
- display: grid;
140
- gap: 2rem;
145
+ display: grid;
146
+ gap: 2rem;
141
147
  }
142
148
 
143
149
  .es-alternate-grid__primary-content__intro {
144
- display: grid;
145
- gap: 0.5rem;
150
+ display: grid;
151
+ gap: 0.5rem;
146
152
  }
147
153
 
148
154
  .es-alternate-grid__primary-content__intro__eyebrow {
149
- color: #8592e0;
150
- font-size: 1.15rem;
151
- font-weight: 500;
152
- margin: 0;
155
+ color: #8592e0;
156
+ font-size: 1.15rem;
157
+ font-weight: 500;
158
+ margin: 0;
153
159
  }
154
160
 
155
161
  .es-alternate-grid__primary-content__intro__headline {
156
- font-size: 1.625rem;
157
- font-weight: 700;
162
+ font-size: 1.625rem;
163
+ font-weight: 700;
158
164
  }
159
-
165
+
160
166
  .es-alternate-grid__primary-content__intro__headline > * {
161
- margin: 0;
167
+ margin: 0;
162
168
  }
163
169
 
164
170
  @media (min-width: 640px) {
165
- .es-alternate-grid__primary-content__intro__headline {
166
- font-size: 2rem;
167
- }
171
+ .es-alternate-grid__primary-content__intro__headline {
172
+ font-size: 2rem;
173
+ }
168
174
  }
169
175
 
170
176
  @media (min-width: 1024px) {
171
- .es-alternate-grid__primary-content__intro__headline {
172
- font-size: 2.5rem;
173
- }
177
+ .es-alternate-grid__primary-content__intro__headline {
178
+ font-size: 2.5rem;
179
+ }
174
180
  }
175
181
 
176
182
  @media (min-width: 1200px) {
177
- .es-alternate-grid__primary-content__intro__headline {
178
- font-size: 2.75rem;
179
- }
183
+ .es-alternate-grid__primary-content__intro__headline {
184
+ font-size: 2.75rem;
185
+ }
180
186
  }
181
187
 
182
188
  .es-alternate-grid__primary-content__intro__description {
183
- font-size: 1.15rem;
184
- max-width: 38rem;
189
+ font-size: 1.15rem;
190
+ max-width: 38rem;
185
191
  }
186
-
192
+
187
193
  .es-alternate-grid__primary-content__intro__description > p {
188
- margin: 0;
194
+ margin: 0;
189
195
  }
190
196
 
191
197
  @media (min-width: 1200px) {
192
- .es-alternate-grid__primary-content__intro__description {
193
- font-size: 1.4rem;
194
- }
198
+ .es-alternate-grid__primary-content__intro__description {
199
+ font-size: 1.4rem;
200
+ }
195
201
  }
196
202
 
197
203
  .es-alternate-grid__primary-content__items {
198
- display: grid;
199
- gap: 2rem;
204
+ display: grid;
205
+ gap: 2rem;
200
206
  }
201
207
 
202
208
  @media (min-width: 640px) {
203
- .es-alternate-grid__primary-content__items {
204
- grid-template-columns: repeat(2, 1fr);
205
- }
209
+ .es-alternate-grid__primary-content__items {
210
+ grid-template-columns: repeat(2, 1fr);
211
+ }
206
212
  }
207
213
 
208
214
  .es-alternate-grid__item {
209
- display: grid;
210
- align-content: start;
215
+ display: grid;
216
+ align-content: start;
217
+ }
218
+
219
+ .es-alternate-grid__item__icon {
220
+ max-height: 3rem;
211
221
  }
212
222
 
213
223
  .es-alternate-grid__item__heading {
214
- font-weight: 700;
215
- font-size: 1.17rem;
216
- margin-top: 0;
217
- margin-bottom: .5rem;
224
+ font-weight: 700;
225
+ font-size: 1.17rem;
226
+ margin-top: 0;
227
+ margin-bottom: .5rem;
218
228
  }
219
229
 
220
230
  .es-alternate-grid__item__heading > * {
221
- margin: 0;
231
+ margin: 0;
222
232
  }
223
233
 
224
234
  .es-alternate-grid__item__description {
225
- font-size: 0.9rem;
235
+ font-size: 0.9rem;
226
236
  }
227
237
 
228
238
  .es-alternate-grid__item__description > * {
229
- margin: 0;
239
+ margin: 0;
230
240
  }
231
- `}
241
+ `}
232
242
  </style>
233
243
  </section>
234
244
  );
package/dist/AlternateGrid/typescript.tsx CHANGED
@@ -16,6 +16,7 @@ const PascalNameToReplace = ({
16
16
  >
17
17
  <div
18
18
  className={`
19
+ es-bounded__content
19
20
  es-alternate-grid__content
20
21
  ${
21
22
  isFilled.image(slice.primary.image)
@@ -75,157 +76,166 @@ const PascalNameToReplace = ({
75
76
  )}
76
77
  </div>
77
78
  </div>
78
-
79
79
  <style>
80
80
  {`
81
- .es-bounded {
81
+ .es-bounded {
82
82
  margin: 0px;
83
83
  min-width: 0px;
84
84
  position: relative;
85
85
  padding: 8vw 1.25rem;
86
- }
86
+ }
87
87
 
88
- .es-alternate-grid {
88
+ .es-bounded__content {
89
+ min-width: 0px;
90
+ max-width: 90%;
91
+ margin: 0px auto;
92
+ }
93
+
94
+ .es-alternate-grid {
89
95
  font-family: system-ui, sans-serif;
90
96
  background-color: #fff;
91
97
  color: #333;
92
- }
93
-
94
- .es-alternate-grid__content {
98
+ }
99
+
100
+ .es-alternate-grid__content {
95
101
  display: grid;
96
102
  gap: 1.5rem;
97
103
  grid-auto-flow: dense;
98
- }
99
-
100
- @media (min-width: 640px) {
104
+ }
105
+
106
+ @media (min-width: 640px) {
101
107
  .es-alternate-grid__content--with-image {
102
- grid-template-columns: repeat(2, 1fr);
108
+ grid-template-columns: repeat(2, 1fr);
103
109
  }
104
- }
105
-
106
- @media (min-width: 1200px) {
110
+ }
111
+
112
+ @media (min-width: 1200px) {
107
113
  .es-alternate-grid__content--with-image {
108
- grid-template-columns: repeat(2, 1fr);
114
+ grid-template-columns: repeat(2, 1fr);
109
115
  }
110
- }
111
-
112
- .es-alternate-grid__image {
116
+ }
117
+
118
+ .es-alternate-grid__image {
113
119
  width: auto;
114
120
  height: auto;
115
121
  max-width: 100%;
116
122
  align-self: center;
117
- }
118
-
119
- .es-alternate-grid__image--left {
123
+ }
124
+
125
+ .es-alternate-grid__image--left {
120
126
  order: 1;
121
- }
122
-
123
- .es-alternate-grid__image--left + div {
127
+ }
128
+
129
+ .es-alternate-grid__image--left + div {
124
130
  order: 2;
125
- }
126
-
127
- .es-alternate-grid__image--right{
131
+ }
132
+
133
+ .es-alternate-grid__image--right{
128
134
  order: 2;
129
- }
130
-
131
- .es-alternate-grid__image--right + div {
135
+ }
136
+
137
+ .es-alternate-grid__image--right + div {
132
138
  order: 1;
133
- }
134
-
135
- .es-alternate-grid__primary-content {
139
+ }
140
+
141
+ .es-alternate-grid__primary-content {
136
142
  display: grid;
137
143
  gap: 2rem;
138
- }
139
-
140
- .es-alternate-grid__primary-content__intro {
144
+ }
145
+
146
+ .es-alternate-grid__primary-content__intro {
141
147
  display: grid;
142
148
  gap: 0.5rem;
143
- }
144
-
145
- .es-alternate-grid__primary-content__intro__eyebrow {
149
+ }
150
+
151
+ .es-alternate-grid__primary-content__intro__eyebrow {
146
152
  color: #8592e0;
147
153
  font-size: 1.15rem;
148
154
  font-weight: 500;
149
155
  margin: 0;
150
- }
151
-
152
- .es-alternate-grid__primary-content__intro__headline {
156
+ }
157
+
158
+ .es-alternate-grid__primary-content__intro__headline {
153
159
  font-size: 1.625rem;
154
160
  font-weight: 700;
155
- }
156
-
157
- .es-alternate-grid__primary-content__intro__headline > * {
161
+ }
162
+
163
+ .es-alternate-grid__primary-content__intro__headline > * {
158
164
  margin: 0;
159
- }
160
-
161
- @media (min-width: 640px) {
165
+ }
166
+
167
+ @media (min-width: 640px) {
162
168
  .es-alternate-grid__primary-content__intro__headline {
163
- font-size: 2rem;
169
+ font-size: 2rem;
164
170
  }
165
- }
166
-
167
- @media (min-width: 1024px) {
171
+ }
172
+
173
+ @media (min-width: 1024px) {
168
174
  .es-alternate-grid__primary-content__intro__headline {
169
- font-size: 2.5rem;
175
+ font-size: 2.5rem;
170
176
  }
171
- }
172
-
173
- @media (min-width: 1200px) {
177
+ }
178
+
179
+ @media (min-width: 1200px) {
174
180
  .es-alternate-grid__primary-content__intro__headline {
175
- font-size: 2.75rem;
181
+ font-size: 2.75rem;
176
182
  }
177
- }
178
-
179
- .es-alternate-grid__primary-content__intro__description {
183
+ }
184
+
185
+ .es-alternate-grid__primary-content__intro__description {
180
186
  font-size: 1.15rem;
181
187
  max-width: 38rem;
182
- }
183
-
184
- .es-alternate-grid__primary-content__intro__description > p {
188
+ }
189
+
190
+ .es-alternate-grid__primary-content__intro__description > p {
185
191
  margin: 0;
186
- }
187
-
188
- @media (min-width: 1200px) {
192
+ }
193
+
194
+ @media (min-width: 1200px) {
189
195
  .es-alternate-grid__primary-content__intro__description {
190
- font-size: 1.4rem;
196
+ font-size: 1.4rem;
191
197
  }
192
- }
193
-
194
- .es-alternate-grid__primary-content__items {
198
+ }
199
+
200
+ .es-alternate-grid__primary-content__items {
195
201
  display: grid;
196
202
  gap: 2rem;
197
- }
198
-
199
- @media (min-width: 640px) {
203
+ }
204
+
205
+ @media (min-width: 640px) {
200
206
  .es-alternate-grid__primary-content__items {
201
- grid-template-columns: repeat(2, 1fr);
207
+ grid-template-columns: repeat(2, 1fr);
202
208
  }
203
- }
204
-
205
- .es-alternate-grid__item {
209
+ }
210
+
211
+ .es-alternate-grid__item {
206
212
  display: grid;
207
213
  align-content: start;
208
- }
209
-
210
- .es-alternate-grid__item__heading {
214
+ }
215
+
216
+ .es-alternate-grid__item__icon {
217
+ max-height: 3rem;
218
+ }
219
+
220
+ .es-alternate-grid__item__heading {
211
221
  font-weight: 700;
212
222
  font-size: 1.17rem;
213
223
  margin-top: 0;
214
224
  margin-bottom: .5rem;
215
- }
225
+ }
216
226
 
217
- .es-alternate-grid__item__heading > * {
227
+ .es-alternate-grid__item__heading > * {
218
228
  margin: 0;
219
- }
220
-
221
- .es-alternate-grid__item__description {
229
+ }
230
+
231
+ .es-alternate-grid__item__description {
222
232
  font-size: 0.9rem;
223
- }
224
-
225
- .es-alternate-grid__item__description > * {
233
+ }
234
+
235
+ .es-alternate-grid__item__description > * {
226
236
  margin: 0;
227
- }
228
- `}
237
+ }
238
+ `}
229
239
  </style>
230
240
  </section>
231
241
  );
package/dist/CustomerLogos/javascript.jsx CHANGED
@@ -1,5 +1,4 @@
1
- import { isFilled } from "@prismicio/client";
2
- import { PrismicRichText } from "@prismicio/react";
1
+ import { isFilled, asText } from "@prismicio/client";
3
2
  import { PrismicNextLink, PrismicNextImage } from "@prismicio/next";
4
3
 
5
4
  /**
@@ -19,7 +18,7 @@ const PascalNameToReplace = ({ slice }) => {
19
18
  <div className="es-bounded__content es-customer-logos__content">
20
19
  {isFilled.richText(slice.primary.eyebrowHeadline) && (
21
20
  <h2 className="es-customer-logos__heading">
22
- <PrismicRichText field={slice.primary.eyebrowHeadline} />
21
+ {asText(slice.primary.eyebrowHeadline)}
23
22
  </h2>
24
23
  )}
25
24
  {slice.items.length > 0 && (
@@ -28,7 +27,10 @@ const PascalNameToReplace = ({ slice }) => {
28
27
  (item) =>
29
28
  isFilled.image(item.image) && (
30
29
  <li key={item.image.url} className="es-customer-logos__logo">
31
- <PrismicNextLink field={item.link}>
30
+ <PrismicNextLink
31
+ field={item.link}
32
+ className="es-customer-logos__link"
33
+ >
32
34
  <PrismicNextImage
33
35
  field={item.image}
34
36
  height={26}
@@ -48,78 +50,77 @@ const PascalNameToReplace = ({ slice }) => {
48
50
  {slice.primary.callToActionLabel || "Learn more..."}
49
51
  </PrismicNextLink>
50
52
  </div>
51
-
52
53
  <style>
53
54
  {`
54
55
  .es-bounded {
55
- margin: 0px;
56
- min-width: 0px;
57
- position: relative;
58
- padding: 8vw 1.25rem;
56
+ margin: 0px;
57
+ min-width: 0px;
58
+ position: relative;
59
+ padding: 8vw 1.25rem;
59
60
  }
60
61
 
61
62
  .es-bounded__content {
62
- min-width: 0px;
63
- max-width: 90%;
64
- margin: 0px auto;
65
- font-family: system-ui, sans-serif;
63
+ min-width: 0px;
64
+ max-width: 90%;
65
+ margin: 0px auto;
66
+ font-family: system-ui, sans-serif;
66
67
  }
67
68
 
68
69
  .es-customer-logos {
69
- background-color: #f4f0ec;
70
- color: #333;
70
+ background-color: #f4f0ec;
71
+ color: #333;
71
72
  }
72
73
 
73
74
  .es-customer-logos__content {
74
- display: grid;
75
- gap: 2rem;
76
- justify-items: center;
75
+ display: grid;
76
+ gap: 2rem;
77
+ justify-items: center;
77
78
  }
78
79
 
79
80
  .es-customer-logos__heading {
80
- color: #8592e0;
81
- font-size: 1.5rem;
82
- font-weight: 500;
83
- text-align: center;
81
+ color: #8592e0;
82
+ font-size: 1.5rem;
83
+ font-weight: 500;
84
+ text-align: center;
84
85
  }
85
86
 
86
87
  .es-customer-logos__logos {
87
- display: grid;
88
- grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
89
- grid-column-gap: 1.25rem;
90
- grid-row-gap: 2rem;
91
- align-items: center;
92
- list-style-type: none;
93
- width: 100%;
88
+ display: grid;
89
+ grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
90
+ grid-column-gap: 1.25rem;
91
+ grid-row-gap: 2rem;
92
+ align-items: center;
93
+ list-style-type: none;
94
+ width: 100%;
94
95
  }
95
96
 
96
97
  @media (min-width: 1200px) {
97
- .es-customer-logos__logos {
98
- margin-left: -3rem;
99
- }
98
+ .es-customer-logos__logos {
99
+ margin-left: -3rem;
100
+ }
100
101
  }
101
102
 
102
103
  .es-customer-logos__logo {
103
- margin: 0;
104
- display: flex;
105
- justify-content: center;
104
+ margin: 0;
105
+ display: flex;
106
+ justify-content: center;
106
107
  }
107
108
 
108
109
  @media (min-width: 1200px) {
109
- .es-customer-logos__logo {
110
- margin-left: 3rem;
111
- }
110
+ .es-customer-logos__logo {
111
+ margin-left: 3rem;
112
+ }
112
113
  }
113
114
 
114
115
  .es-customer-logos__logo__link__image {
115
- max-width: 10rem;
116
+ max-width: 10rem;
116
117
  }
117
118
 
118
119
  .es-customer-logos__button {
119
- justify-self: center;
120
- text-decoration: underline;
120
+ justify-self: center;
121
+ text-decoration: underline;
121
122
  }
122
- `}
123
+ `}
123
124
  </style>
124
125
  </section>
125
126
  );
package/dist/CustomerLogos/typescript.tsx CHANGED
@@ -1,6 +1,6 @@
1
- import { Content, isFilled } from "@prismicio/client";
2
- import { SliceComponentProps, PrismicRichText } from "@prismicio/react";
1
+ import { Content, isFilled, asText } from "@prismicio/client";
3
2
  import { PrismicNextLink, PrismicNextImage } from "@prismicio/next";
3
+ import { SliceComponentProps } from "@prismicio/react";
4
4
 
5
5
  export type PascalNameToReplaceProps =
6
6
  SliceComponentProps<Content.PascalNameToReplaceSlice>;
@@ -17,7 +17,7 @@ const PascalNameToReplace = ({
17
17
  <div className="es-bounded__content es-customer-logos__content">
18
18
  {isFilled.richText(slice.primary.eyebrowHeadline) && (
19
19
  <h2 className="es-customer-logos__heading">
20
- <PrismicRichText field={slice.primary.eyebrowHeadline} />
20
+ {asText(slice.primary.eyebrowHeadline)}
21
21
  </h2>
22
22
  )}
23
23
  {slice.items.length > 0 && (
@@ -26,7 +26,10 @@ const PascalNameToReplace = ({
26
26
  (item) =>
27
27
  isFilled.image(item.image) && (
28
28
  <li key={item.image.url} className="es-customer-logos__logo">
29
- <PrismicNextLink field={item.link}>
29
+ <PrismicNextLink
30
+ field={item.link}
31
+ className="es-customer-logos__link"
32
+ >
30
33
  <PrismicNextImage
31
34
  field={item.image}
32
35
  height={26}
@@ -46,78 +49,77 @@ const PascalNameToReplace = ({
46
49
  {slice.primary.callToActionLabel || "Learn more..."}
47
50
  </PrismicNextLink>
48
51
  </div>
49
-
50
52
  <style>
51
53
  {`
52
- .es-bounded {
53
- margin: 0px;
54
- min-width: 0px;
55
- position: relative;
56
- padding: 8vw 1.25rem;
57
- }
54
+ .es-bounded {
55
+ margin: 0px;
56
+ min-width: 0px;
57
+ position: relative;
58
+ padding: 8vw 1.25rem;
59
+ }
58
60
 
59
- .es-bounded__content {
60
- min-width: 0px;
61
- max-width: 90%;
62
- margin: 0px auto;
63
- font-family: system-ui, sans-serif;
64
- }
61
+ .es-bounded__content {
62
+ min-width: 0px;
63
+ max-width: 90%;
64
+ margin: 0px auto;
65
+ font-family: system-ui, sans-serif;
66
+ }
65
67
 
66
- .es-customer-logos {
67
- background-color: #f4f0ec;
68
- color: #333;
69
- }
70
-
71
- .es-customer-logos__content {
72
- display: grid;
73
- gap: 2rem;
74
- justify-items: center;
75
- }
76
-
77
- .es-customer-logos__heading {
78
- color: #8592e0;
79
- font-size: 1.5rem;
80
- font-weight: 500;
81
- text-align: center;
82
- }
83
-
84
- .es-customer-logos__logos {
85
- display: grid;
86
- grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
87
- grid-column-gap: 1.25rem;
88
- grid-row-gap: 2rem;
89
- align-items: center;
90
- list-style-type: none;
91
- width: 100%;
92
- }
93
-
94
- @media (min-width: 1200px) {
95
- .es-customer-logos__logos {
96
- margin-left: -3rem;
97
- }
98
- }
99
-
100
- .es-customer-logos__logo {
101
- margin: 0;
102
- display: flex;
103
- justify-content: center;
104
- }
105
-
106
- @media (min-width: 1200px) {
107
- .es-customer-logos__logo {
108
- margin-left: 3rem;
109
- }
110
- }
111
-
112
- .es-customer-logos__logo__link__image {
113
- max-width: 10rem;
114
- }
115
-
116
- .es-customer-logos__button {
117
- justify-self: center;
118
- text-decoration: underline;
119
- }
120
- `}
68
+ .es-customer-logos {
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
+ }
85
+
86
+ .es-customer-logos__logos {
87
+ display: grid;
88
+ grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
89
+ grid-column-gap: 1.25rem;
90
+ grid-row-gap: 2rem;
91
+ align-items: center;
92
+ list-style-type: none;
93
+ width: 100%;
94
+ }
95
+
96
+ @media (min-width: 1200px) {
97
+ .es-customer-logos__logos {
98
+ margin-left: -3rem;
99
+ }
100
+ }
101
+
102
+ .es-customer-logos__logo {
103
+ margin: 0;
104
+ display: flex;
105
+ justify-content: center;
106
+ }
107
+
108
+ @media (min-width: 1200px) {
109
+ .es-customer-logos__logo {
110
+ margin-left: 3rem;
111
+ }
112
+ }
113
+
114
+ .es-customer-logos__logo__link__image {
115
+ max-width: 10rem;
116
+ }
117
+
118
+ .es-customer-logos__button {
119
+ justify-self: center;
120
+ text-decoration: underline;
121
+ }
122
+ `}
121
123
  </style>
122
124
  </section>
123
125
  );
package/dist/Hero/javascript.jsx CHANGED
@@ -19,6 +19,7 @@ const PascalNameToReplace = ({ slice }) => {
19
19
  >
20
20
  <div
21
21
  className={`
22
+ es-bounded__content
22
23
  es-fullpage-hero__content
23
24
  ${
24
25
  slice.variation === "imageRight"
@@ -72,6 +73,12 @@ const PascalNameToReplace = ({ slice }) => {
72
73
  position: relative;
73
74
  }
74
75
 
76
+ .es-bounded__content {
77
+ min-width: 0px;
78
+ max-width: 90%;
79
+ margin: 0px auto;
80
+ }
81
+
75
82
  .es-fullpage-hero {
76
83
  font-family: system-ui, sans-serif;
77
84
  background-color: #fff;
package/dist/Hero/typescript.tsx CHANGED
@@ -16,6 +16,7 @@ const PascalNameToReplace = ({
16
16
  >
17
17
  <div
18
18
  className={`
19
+ es-bounded__content
19
20
  es-fullpage-hero__content
20
21
  ${
21
22
  slice.variation === "imageRight"
@@ -69,6 +70,12 @@ const PascalNameToReplace = ({
69
70
  position: relative;
70
71
  }
71
72
 
73
+ .es-bounded__content {
74
+ min-width: 0px;
75
+ max-width: 90%;
76
+ margin: 0px auto;
77
+ }
78
+
72
79
  .es-fullpage-hero {
73
80
  font-family: system-ui, sans-serif;
74
81
  background-color: #fff;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@slicemachine/adapter-next",
3
- "version": "0.3.18-dev-slice-templates-svelte-nuxt.5",
3
+ "version": "0.3.18-dev-next-release.9",
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.0.0",
64
- "@slicemachine/plugin-kit": "^0.4.18-dev-slice-templates-svelte-nuxt.5",
64
+ "@slicemachine/plugin-kit": "^0.4.18-dev-next-release.9",
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": "efd7a5abf00d7a4ae41e9c3edf9072c06525440c"
107
+ "gitHead": "d8718ae0e086f5f1ee4429f4ff8e722ca4a483ea"
108
108
  }