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

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.
@@ -12,7 +12,6 @@ defineProps(getSliceComponentProps(["slice", "index", "slices", "context"]));
12
12
  >
13
13
  <div
14
14
  :class="[
15
- 'es-bounded__content',
16
15
  'es-alternate-grid__content',
17
16
  isFilled.image(slice.primary.image)
18
17
  ? 'es-alternate-grid__content--with-image'
@@ -22,25 +21,32 @@ defineProps(getSliceComponentProps(["slice", "index", "slices", "context"]));
22
21
  <PrismicImage
23
22
  v-if="isFilled.image(slice.primary.image)"
24
23
  :field="slice.primary.image"
25
- :class="imageClass"
24
+ class="es-alternate-grid__image"
25
+ :class="
26
+ slice.variation === 'imageRight'
27
+ ? 'es-alternate-grid__image--right'
28
+ : 'es-alternate-grid__image--left'
29
+ "
26
30
  />
27
31
  <div class="es-alternate-grid__primary-content">
28
- <div
29
- v-if="isFilled.keyText(slice.primary.eyebrowHeadline)"
30
- class="es-alternate-grid__primary-content__intro__eyebrow"
31
- >
32
- {{ slice.primary.eyebrowHeadline }}
32
+ <div className="es-alternate-grid__primary-content__intro">
33
+ <div
34
+ v-if="isFilled.keyText(slice.primary.eyebrowHeadline)"
35
+ class="es-alternate-grid__primary-content__intro__eyebrow"
36
+ >
37
+ {{ slice.primary.eyebrowHeadline }}
38
+ </div>
39
+ <PrismicRichText
40
+ v-if="isFilled.richText(slice.primary.title)"
41
+ :field="slice.primary.title"
42
+ class="es-alternate-grid__primary-content__intro__headline"
43
+ />
44
+ <PrismicRichText
45
+ v-if="isFilled.richText(slice.primary.description)"
46
+ :field="slice.primary.description"
47
+ class="es-alternate-grid__primary-content__intro__description"
48
+ />
33
49
  </div>
34
- <PrismicRichText
35
- v-if="isFilled.richText(slice.primary.title)"
36
- :field="slice.primary.title"
37
- class="es-alternate-grid__primary-content__intro__headline"
38
- />
39
- <PrismicRichText
40
- v-if="isFilled.richText(slice.primary.description)"
41
- :field="slice.primary.description"
42
- class="es-alternate-grid__primary-content__intro__description"
43
- />
44
50
  <div
45
51
  v-if="slice.items && slice.items.length"
46
52
  class="es-alternate-grid__primary-content__items"
@@ -75,12 +81,6 @@ defineProps(getSliceComponentProps(["slice", "index", "slices", "context"]));
75
81
  padding: 8vw 1.25rem;
76
82
  }
77
83
 
78
- .es-bounded__content {
79
- min-width: 0px;
80
- max-width: 90%;
81
- margin: 0px auto;
82
- }
83
-
84
84
  .es-alternate-grid {
85
85
  font-family: system-ui, sans-serif;
86
86
  background-color: #fff;
@@ -203,10 +203,6 @@ defineProps(getSliceComponentProps(["slice", "index", "slices", "context"]));
203
203
  align-content: start;
204
204
  }
205
205
 
206
- .es-alternate-grid__item__icon {
207
- max-height: 3rem;
208
- }
209
-
210
206
  .es-alternate-grid__item__heading {
211
207
  font-weight: 700;
212
208
  font-size: 1.17rem;
@@ -19,7 +19,6 @@ defineProps(
19
19
  >
20
20
  <div
21
21
  :class="[
22
- 'es-bounded__content',
23
22
  'es-alternate-grid__content',
24
23
  isFilled.image(slice.primary.image)
25
24
  ? 'es-alternate-grid__content--with-image'
@@ -29,25 +28,32 @@ defineProps(
29
28
  <PrismicImage
30
29
  v-if="isFilled.image(slice.primary.image)"
31
30
  :field="slice.primary.image"
32
- :class="imageClass"
31
+ class="es-alternate-grid__image"
32
+ :class="
33
+ slice.variation === 'imageRight'
34
+ ? 'es-alternate-grid__image--right'
35
+ : 'es-alternate-grid__image--left'
36
+ "
33
37
  />
34
38
  <div class="es-alternate-grid__primary-content">
35
- <div
36
- v-if="isFilled.keyText(slice.primary.eyebrowHeadline)"
37
- class="es-alternate-grid__primary-content__intro__eyebrow"
38
- >
39
- {{ slice.primary.eyebrowHeadline }}
39
+ <div className="es-alternate-grid__primary-content__intro">
40
+ <div
41
+ v-if="isFilled.keyText(slice.primary.eyebrowHeadline)"
42
+ class="es-alternate-grid__primary-content__intro__eyebrow"
43
+ >
44
+ {{ slice.primary.eyebrowHeadline }}
45
+ </div>
46
+ <PrismicRichText
47
+ v-if="isFilled.richText(slice.primary.title)"
48
+ :field="slice.primary.title"
49
+ class="es-alternate-grid__primary-content__intro__headline"
50
+ />
51
+ <PrismicRichText
52
+ v-if="isFilled.richText(slice.primary.description)"
53
+ :field="slice.primary.description"
54
+ class="es-alternate-grid__primary-content__intro__description"
55
+ />
40
56
  </div>
41
- <PrismicRichText
42
- v-if="isFilled.richText(slice.primary.title)"
43
- :field="slice.primary.title"
44
- class="es-alternate-grid__primary-content__intro__headline"
45
- />
46
- <PrismicRichText
47
- v-if="isFilled.richText(slice.primary.description)"
48
- :field="slice.primary.description"
49
- class="es-alternate-grid__primary-content__intro__description"
50
- />
51
57
  <div
52
58
  v-if="slice.items && slice.items.length"
53
59
  class="es-alternate-grid__primary-content__items"
@@ -82,12 +88,6 @@ defineProps(
82
88
  padding: 8vw 1.25rem;
83
89
  }
84
90
 
85
- .es-bounded__content {
86
- min-width: 0px;
87
- max-width: 90%;
88
- margin: 0px auto;
89
- }
90
-
91
91
  .es-alternate-grid {
92
92
  font-family: system-ui, sans-serif;
93
93
  background-color: #fff;
@@ -210,10 +210,6 @@ defineProps(
210
210
  align-content: start;
211
211
  }
212
212
 
213
- .es-alternate-grid__item__icon {
214
- max-height: 3rem;
215
- }
216
-
217
213
  .es-alternate-grid__item__heading {
218
214
  font-weight: 700;
219
215
  font-size: 1.17rem;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@slicemachine/adapter-nuxt",
3
- "version": "0.3.18-dev-slice-templates-svelte-nuxt.4",
3
+ "version": "0.3.18-dev-slice-templates-svelte-nuxt.5",
4
4
  "description": "Slice Machine adapter for Nuxt 3.",
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.4",
64
+ "@slicemachine/plugin-kit": "^0.4.18-dev-slice-templates-svelte-nuxt.5",
65
65
  "common-tags": "^1.8.2",
66
66
  "fp-ts": "^2.13.1",
67
67
  "io-ts": "^2.2.20",
@@ -103,5 +103,5 @@
103
103
  "engines": {
104
104
  "node": ">=14.15.0"
105
105
  },
106
- "gitHead": "f163d0041c77fd4a0a5afecdbdb3e87f850b0106"
106
+ "gitHead": "efd7a5abf00d7a4ae41e9c3edf9072c06525440c"
107
107
  }