@slicemachine/adapter-next 0.3.18-dev-slice-templates-svelte-nuxt.2 → 0.3.18-dev-slice-templates-svelte-nuxt.4

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 (5) hide show
  1. package/dist/CustomerLogos/javascript.jsx +41 -43
  2. package/dist/CustomerLogos/typescript.tsx +71 -73
  3. package/dist/Hero/javascript.jsx +2 -2
  4. package/dist/Hero/typescript.tsx +2 -6
  5. package/package.json +3 -3
package/dist/CustomerLogos/javascript.jsx CHANGED
@@ -1,5 +1,5 @@
1
1
  import { isFilled } from "@prismicio/client";
2
- import { PrismicText } from "@prismicio/react";
2
+ import { PrismicRichText } from "@prismicio/react";
3
3
  import { PrismicNextLink, PrismicNextImage } from "@prismicio/next";
4
4
 
5
5
  /**
@@ -19,7 +19,7 @@ const PascalNameToReplace = ({ slice }) => {
19
19
  <div className="es-bounded__content es-customer-logos__content">
20
20
  {isFilled.richText(slice.primary.eyebrowHeadline) && (
21
21
  <h2 className="es-customer-logos__heading">
22
- <PrismicText field={slice.primary.eyebrowHeadline} />
22
+ <PrismicRichText field={slice.primary.eyebrowHeadline} />
23
23
  </h2>
24
24
  )}
25
25
  {slice.items.length > 0 && (
@@ -28,10 +28,7 @@ const PascalNameToReplace = ({ slice }) => {
28
28
  (item) =>
29
29
  isFilled.image(item.image) && (
30
30
  <li key={item.image.url} className="es-customer-logos__logo">
31
- <PrismicNextLink
32
- field={item.link}
33
- className="es-customer-logos__link"
34
- >
31
+ <PrismicNextLink field={item.link}>
35
32
  <PrismicNextImage
36
33
  field={item.image}
37
34
  height={26}
@@ -51,77 +48,78 @@ const PascalNameToReplace = ({ slice }) => {
51
48
  {slice.primary.callToActionLabel || "Learn more..."}
52
49
  </PrismicNextLink>
53
50
  </div>
51
+
54
52
  <style>
55
53
  {`
56
54
  .es-bounded {
57
- margin: 0px;
58
- min-width: 0px;
59
- position: relative;
60
- padding: 8vw 1.25rem;
55
+ margin: 0px;
56
+ min-width: 0px;
57
+ position: relative;
58
+ padding: 8vw 1.25rem;
61
59
  }
62
60
 
63
61
  .es-bounded__content {
64
- min-width: 0px;
65
- max-width: 90%;
66
- margin: 0px auto;
67
- font-family: system-ui, sans-serif;
62
+ min-width: 0px;
63
+ max-width: 90%;
64
+ margin: 0px auto;
65
+ font-family: system-ui, sans-serif;
68
66
  }
69
67
 
70
68
  .es-customer-logos {
71
- background-color: #f4f0ec;
72
- color: #333;
69
+ background-color: #f4f0ec;
70
+ color: #333;
73
71
  }
74
72
 
75
73
  .es-customer-logos__content {
76
- display: grid;
77
- gap: 2rem;
78
- justify-items: center;
74
+ display: grid;
75
+ gap: 2rem;
76
+ justify-items: center;
79
77
  }
80
78
 
81
79
  .es-customer-logos__heading {
82
- color: #8592e0;
83
- font-size: 1.5rem;
84
- font-weight: 500;
85
- text-align: center;
80
+ color: #8592e0;
81
+ font-size: 1.5rem;
82
+ font-weight: 500;
83
+ text-align: center;
86
84
  }
87
85
 
88
86
  .es-customer-logos__logos {
89
- display: grid;
90
- grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
91
- grid-column-gap: 1.25rem;
92
- grid-row-gap: 2rem;
93
- align-items: center;
94
- list-style-type: none;
95
- width: 100%;
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%;
96
94
  }
97
95
 
98
96
  @media (min-width: 1200px) {
99
- .es-customer-logos__logos {
100
- margin-left: -3rem;
101
- }
97
+ .es-customer-logos__logos {
98
+ margin-left: -3rem;
99
+ }
102
100
  }
103
101
 
104
102
  .es-customer-logos__logo {
105
- margin: 0;
106
- display: flex;
107
- justify-content: center;
103
+ margin: 0;
104
+ display: flex;
105
+ justify-content: center;
108
106
  }
109
107
 
110
108
  @media (min-width: 1200px) {
111
- .es-customer-logos__logo {
112
- margin-left: 3rem;
113
- }
109
+ .es-customer-logos__logo {
110
+ margin-left: 3rem;
111
+ }
114
112
  }
115
113
 
116
114
  .es-customer-logos__logo__link__image {
117
- max-width: 10rem;
115
+ max-width: 10rem;
118
116
  }
119
117
 
120
118
  .es-customer-logos__button {
121
- justify-self: center;
122
- text-decoration: underline;
119
+ justify-self: center;
120
+ text-decoration: underline;
123
121
  }
124
- `}
122
+ `}
125
123
  </style>
126
124
  </section>
127
125
  );
package/dist/CustomerLogos/typescript.tsx CHANGED
@@ -1,5 +1,5 @@
1
1
  import { Content, isFilled } from "@prismicio/client";
2
- import { SliceComponentProps, PrismicText } from "@prismicio/react";
2
+ import { SliceComponentProps, PrismicRichText } from "@prismicio/react";
3
3
  import { PrismicNextLink, PrismicNextImage } from "@prismicio/next";
4
4
 
5
5
  export type PascalNameToReplaceProps =
@@ -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
- <PrismicText field={slice.primary.eyebrowHeadline} />
20
+ <PrismicRichText field={slice.primary.eyebrowHeadline} />
21
21
  </h2>
22
22
  )}
23
23
  {slice.items.length > 0 && (
@@ -26,10 +26,7 @@ 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
30
- field={item.link}
31
- className="es-customer-logos__link"
32
- >
29
+ <PrismicNextLink field={item.link}>
33
30
  <PrismicNextImage
34
31
  field={item.image}
35
32
  height={26}
@@ -49,77 +46,78 @@ const PascalNameToReplace = ({
49
46
  {slice.primary.callToActionLabel || "Learn more..."}
50
47
  </PrismicNextLink>
51
48
  </div>
49
+
52
50
  <style>
53
51
  {`
54
- .es-bounded {
55
- margin: 0px;
56
- min-width: 0px;
57
- position: relative;
58
- padding: 8vw 1.25rem;
59
- }
52
+ .es-bounded {
53
+ margin: 0px;
54
+ min-width: 0px;
55
+ position: relative;
56
+ padding: 8vw 1.25rem;
57
+ }
60
58
 
61
- .es-bounded__content {
62
- min-width: 0px;
63
- max-width: 90%;
64
- margin: 0px auto;
65
- font-family: system-ui, sans-serif;
66
- }
59
+ .es-bounded__content {
60
+ min-width: 0px;
61
+ max-width: 90%;
62
+ margin: 0px auto;
63
+ font-family: system-ui, sans-serif;
64
+ }
67
65
 
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
- `}
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
+ `}
123
121
  </style>
124
122
  </section>
125
123
  );
package/dist/Hero/javascript.jsx CHANGED
@@ -1,6 +1,6 @@
1
1
  import { isFilled } from "@prismicio/client";
2
2
  import { PrismicNextLink, PrismicNextImage } from "@prismicio/next";
3
- import { PrismicRichText, PrismicText } from "@prismicio/react";
3
+ import { PrismicRichText } from "@prismicio/react";
4
4
 
5
5
  /**
6
6
  * @typedef {import("@prismicio/client").Content.PascalNameToReplaceSlice} PascalNameToReplaceSlice
@@ -40,7 +40,7 @@ const PascalNameToReplace = ({ slice }) => {
40
40
  <div className="es-fullpage-hero__content__intro">
41
41
  {isFilled.keyText(slice.primary.eyebrowHeadline) && (
42
42
  <p className="es-fullpage-hero__content__intro__eyebrow">
43
- <PrismicText field={slice.primary.eyebrowHeadline} />
43
+ {slice.primary.eyebrowHeadline}
44
44
  </p>
45
45
  )}
46
46
  {isFilled.richText(slice.primary.title) && (
package/dist/Hero/typescript.tsx CHANGED
@@ -1,10 +1,6 @@
1
1
  import { Content, isFilled } from "@prismicio/client";
2
2
  import { PrismicNextLink, PrismicNextImage } from "@prismicio/next";
3
- import {
4
- SliceComponentProps,
5
- PrismicRichText,
6
- PrismicText,
7
- } from "@prismicio/react";
3
+ import { SliceComponentProps, PrismicRichText } from "@prismicio/react";
8
4
 
9
5
  export type PascalNameToReplaceProps =
10
6
  SliceComponentProps<Content.PascalNameToReplaceSlice>;
@@ -41,7 +37,7 @@ const PascalNameToReplace = ({
41
37
  <div className="es-fullpage-hero__content__intro">
42
38
  {isFilled.keyText(slice.primary.eyebrowHeadline) && (
43
39
  <p className="es-fullpage-hero__content__intro__eyebrow">
44
- <PrismicText field={slice.primary.eyebrowHeadline} />
40
+ {slice.primary.eyebrowHeadline}
45
41
  </p>
46
42
  )}
47
43
  {isFilled.richText(slice.primary.title) && (
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.2",
3
+ "version": "0.3.18-dev-slice-templates-svelte-nuxt.4",
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.2",
64
+ "@slicemachine/plugin-kit": "^0.4.18-dev-slice-templates-svelte-nuxt.4",
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": "05b44b17ff484cad9891ac03ab4f9a489cb31960"
107
+ "gitHead": "f163d0041c77fd4a0a5afecdbdb3e87f850b0106"
108
108
  }