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

package/dist/CallToAction/javascript.vue

@@ -1,127 +0,0 @@
-<script setup>
-import { ref } from "vue";
-import { isFilled } from "@prismicio/client";
-import { PrismicLink, PrismicImage, PrismicRichText } from "@prismicio/svelte";
-
-defineProps(getSliceComponentProps(["slice", "index", "slices", "context"]));
-
-const alignment = slice.variation === "alignLeft" ? ref("left") : ref("center");
-</script>
-
-<template>
-	<section
-		:data-slice-type="slice.slice_type"
-		:data-slice-variation="slice.variation"
-		class="es-bounded es-call-to-action"
-	>
-		<div class="es-bounded__content es-call-to-action__content">
-			<PrismicImage
-				v-if="isFilled.image(slice.primary.image)"
-				:field="slice.primary.image"
-				class="es-call-to-action__image"
-			/>
-			<div class="es-call-to-action__content">
-				<h2
-					v-if="isFilled.richText(slice.primary.title)"
-					class="es-call-to-action__content__heading"
-				>
-					<PrismicRichText :field="slice.primary.title" />
-				</h2>
-				<div
-					v-if="isFilled.richText(slice.primary.paragraph)"
-					class="es-call-to-action__content__paragraph"
-				>
-					<PrismicRichText :field="slice.primary.paragraph" />
-				</div>
-			</div>
-			<PrismicLink
-				v-if="isFilled.link(slice.primary.buttonLink)"
-				:field="slice.primary.buttonLink"
-				class="es-call-to-action__button"
-			>
-				{{ slice.primary.buttonLabel || "Learn more…" }}
-			</PrismicLink>
-		</div>
-	</section>
-</template>
-
-<style>
-.es-bounded {
-	padding: 8vw 2rem;
-}
-
-.es-bounded__content {
-	margin-left: auto;
-	margin-right: auto;
-}
-
-@media screen and (min-width: 640px) {
-	.es-bounded__content {
-		max-width: 90%;
-	}
-}
-
-@media screen and (min-width: 896px) {
-	.es-bounded__content {
-		max-width: 80%;
-	}
-}
-
-@media screen and (min-width: 1280px) {
-	.es-bounded__content {
-		max-width: 75%;
-	}
-}
-
-.es-call-to-action {
-	background-color: #fff;
-	color: #333;
-}
-
-.es-call-to-action__content {
-	display: grid;
-	gap: 2rem;
-}
-
-.es-call-to-action__image {
-	max-width: 14rem;
-	height: auto;
-	width: auto;
-	justify-self: v-bind(alignment);
-}
-
-.es-call-to-action__content {
-	display: grid;
-	gap: 1rem;
-	justify-items: v-bind(alignment);
-}
-
-.es-call-to-action__content__heading {
-	font-size: 2rem;
-	font-weight: 700;
-	text-align: v-bind(alignment);
-}
-
-.es-call-to-action__content__paragraph {
-	font-size: 1.15rem;
-	max-width: 38rem;
-	text-align: v-bind(alignment);
-}
-
-.es-call-to-action__button {
-	justify-self: v-bind(alignment);
-	border-radius: 0.25rem;
-	display: inline-block;
-	font-size: 0.875rem;
-	line-height: 1.3;
-	padding: 1rem 2.625rem;
-	text-align: v-bind(alignment);
-	transition: background-color 100ms linear;
-	background-color: #16745f;
-	color: #fff;
-}
-
-.es-call-to-action__button:hover {
-	background-color: #0d5e4c;
-}
-</style>

package/dist/CallToAction/typescript.vue

@@ -1,134 +0,0 @@
-<script setup lang="ts">
-import { ref } from "vue";
-import { Content, isFilled } from "@prismicio/client";
-import { PrismicLink, PrismicImage, PrismicRichText } from "@prismicio/svelte";
-
-defineProps(
-	getSliceComponentProps<Content.PascalNameToReplaceSlice>([
-		"slice",
-		"index",
-		"slices",
-		"context",
-	]),
-);
-
-const alignment = slice.variation === "alignLeft" ? ref("left") : ref("center");
-</script>
-
-<template>
-	<section
-		:data-slice-type="slice.slice_type"
-		:data-slice-variation="slice.variation"
-		class="es-bounded es-call-to-action"
-	>
-		<div class="es-bounded__content es-call-to-action__content">
-			<PrismicImage
-				v-if="isFilled.image(slice.primary.image)"
-				:field="slice.primary.image"
-				class="es-call-to-action__image"
-			/>
-			<div class="es-call-to-action__content">
-				<h2
-					v-if="isFilled.richText(slice.primary.title)"
-					class="es-call-to-action__content__heading"
-				>
-					<PrismicRichText :field="slice.primary.title" />
-				</h2>
-				<div
-					v-if="isFilled.richText(slice.primary.paragraph)"
-					class="es-call-to-action__content__paragraph"
-				>
-					<PrismicRichText :field="slice.primary.paragraph" />
-				</div>
-			</div>
-			<PrismicLink
-				v-if="isFilled.link(slice.primary.buttonLink)"
-				:field="slice.primary.buttonLink"
-				class="es-call-to-action__button"
-			>
-				{{ slice.primary.buttonLabel || "Learn more…" }}
-			</PrismicLink>
-		</div>
-	</section>
-</template>
-
-<style>
-.es-bounded {
-	padding: 8vw 2rem;
-}
-
-.es-bounded__content {
-	margin-left: auto;
-	margin-right: auto;
-}
-
-@media screen and (min-width: 640px) {
-	.es-bounded__content {
-		max-width: 90%;
-	}
-}
-
-@media screen and (min-width: 896px) {
-	.es-bounded__content {
-		max-width: 80%;
-	}
-}
-
-@media screen and (min-width: 1280px) {
-	.es-bounded__content {
-		max-width: 75%;
-	}
-}
-
-.es-call-to-action {
-	background-color: #fff;
-	color: #333;
-}
-
-.es-call-to-action__content {
-	display: grid;
-	gap: 2rem;
-}
-
-.es-call-to-action__image {
-	max-width: 14rem;
-	height: auto;
-	width: auto;
-	justify-self: v-bind(alignment);
-}
-
-.es-call-to-action__content {
-	display: grid;
-	gap: 1rem;
-	justify-items: v-bind(alignment);
-}
-
-.es-call-to-action__content__heading {
-	font-size: 2rem;
-	font-weight: 700;
-	text-align: v-bind(alignment);
-}
-
-.es-call-to-action__content__paragraph {
-	font-size: 1.15rem;
-	max-width: 38rem;
-	text-align: v-bind(alignment);
-}
-
-.es-call-to-action__button {
-	justify-self: v-bind(alignment);
-	border-radius: 0.25rem;
-	display: inline-block;
-	font-size: 0.875rem;
-	line-height: 1.3;
-	padding: 1rem 2.625rem;
-	text-align: v-bind(alignment);
-	transition: background-color 100ms linear;
-	background-color: #16745f;
-	color: #fff;
-}
-
-.es-call-to-action__button:hover {
-	background-color: #0d5e4c;
-}
-</style>

package/dist/CustomerLogos/javascript.vue

@@ -1,115 +0,0 @@
-<script setup lang="ts">
-import { isFilled } from "@prismicio/client";
-
-defineProps(getSliceComponentProps(["slice", "index", "slices", "context"]));
-</script>
-
-<template>
-	<section
-		:data-slice-type="slice.slice_type"
-		:data-slice-variation="slice.variation"
-		class="es-bounded es-customer-logos"
-	>
-		<div class="es-bounded__content es-customer-logos__content">
-			<h2
-				v-if="isFilled.richText(slice.primary.eyebrowHeadline)"
-				class="es-customer-logos__heading"
-			>
-				<PrismicRichText :field="slice.primary.eyebrowHeadline" />
-			</h2>
-			<ul v-if="slice.items.length > 0" class="es-customer-logos__logos">
-				<li
-					v-for="item in slice.items"
-					:key="item.image.url"
-					class="es-customer-logos__logo"
-				>
-					<PrismicLink :field="item.link">
-						<PrismicImage
-							:field="item.image"
-							:height="26"
-							:width="160"
-							class="es-customer-logos__logo__link__image"
-						/>
-					</PrismicLink>
-				</li>
-			</ul>
-			<PrismicLink
-				:field="slice.primary.callToActionLink"
-				class="es-customer-logos__button"
-			>
-				{{ slice.primary.callToActionLabel || "Learn more..." }}
-			</PrismicLink>
-		</div>
-	</section>
-</template>
-
-<style scoped>
-.es-bounded {
-	margin: 0px;
-	min-width: 0px;
-	position: relative;
-	padding: 8vw 1.25rem;
-}
-
-.es-bounded__content {
-	min-width: 0px;
-	max-width: 90%;
-	margin: 0px auto;
-	font-family: system-ui, sans-serif;
-}
-
-.es-customer-logos {
-	background-color: #f4f0ec;
-	color: #333;
-}
-
-.es-customer-logos__content {
-	display: grid;
-	gap: 2rem;
-	justify-items: center;
-}
-
-.es-customer-logos__heading {
-	color: #8592e0;
-	font-size: 1.5rem;
-	font-weight: 500;
-	text-align: center;
-}
-
-.es-customer-logos__logos {
-	display: grid;
-	grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
-	grid-column-gap: 1.25rem;
-	grid-row-gap: 2rem;
-	align-items: center;
-	list-style-type: none;
-	width: 100%;
-}
-
-@media (min-width: 1200px) {
-	.es-customer-logos__logos {
-		margin-left: -3rem;
-	}
-}
-
-.es-customer-logos__logo {
-	margin: 0;
-	display: flex;
-	justify-content: center;
-}
-
-@media (min-width: 1200px) {
-	.es-customer-logos__logo {
-		margin-left: 3rem;
-	}
-}
-
-.es-customer-logos__logo__link__image {
-	max-width: 10rem;
-}
-
-.es-customer-logos__button {
-	justify-self: center;
-	text-decoration: underline;
-}
-</style>

package/dist/CustomerLogos/typescript.vue

@@ -1,122 +0,0 @@
-<script setup lang="ts">
-import { Content, isFilled } from "@prismicio/client";
-
-defineProps(
-	getSliceComponentProps<Content.PascalNameToReplaceSlice>([
-		"slice",
-		"index",
-		"slices",
-		"context",
-	]),
-);
-</script>
-
-<template>
-	<section
-		:data-slice-type="slice.slice_type"
-		:data-slice-variation="slice.variation"
-		class="es-bounded es-customer-logos"
-	>
-		<div class="es-bounded__content es-customer-logos__content">
-			<h2
-				v-if="isFilled.richText(slice.primary.eyebrowHeadline)"
-				class="es-customer-logos__heading"
-			>
-				<PrismicRichText :field="slice.primary.eyebrowHeadline" />
-			</h2>
-			<ul v-if="slice.items.length > 0" class="es-customer-logos__logos">
-				<li
-					v-for="item in slice.items"
-					:key="item.image.url"
-					class="es-customer-logos__logo"
-				>
-					<PrismicLink :field="item.link">
-						<PrismicImage
-							:field="item.image"
-							:height="26"
-							:width="160"
-							class="es-customer-logos__logo__link__image"
-						/>
-					</PrismicLink>
-				</li>
-			</ul>
-			<PrismicLink
-				:field="slice.primary.callToActionLink"
-				class="es-customer-logos__button"
-			>
-				{{ slice.primary.callToActionLabel || "Learn more..." }}
-			</PrismicLink>
-		</div>
-	</section>
-</template>
-
-<style scoped>
-.es-bounded {
-	margin: 0px;
-	min-width: 0px;
-	position: relative;
-	padding: 8vw 1.25rem;
-}
-
-.es-bounded__content {
-	min-width: 0px;
-	max-width: 90%;
-	margin: 0px auto;
-	font-family: system-ui, sans-serif;
-}
-
-.es-customer-logos {
-	background-color: #f4f0ec;
-	color: #333;
-}
-
-.es-customer-logos__content {
-	display: grid;
-	gap: 2rem;
-	justify-items: center;
-}
-
-.es-customer-logos__heading {
-	color: #8592e0;
-	font-size: 1.5rem;
-	font-weight: 500;
-	text-align: center;
-}
-
-.es-customer-logos__logos {
-	display: grid;
-	grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
-	grid-column-gap: 1.25rem;
-	grid-row-gap: 2rem;
-	align-items: center;
-	list-style-type: none;
-	width: 100%;
-}
-
-@media (min-width: 1200px) {
-	.es-customer-logos__logos {
-		margin-left: -3rem;
-	}
-}
-
-.es-customer-logos__logo {
-	margin: 0;
-	display: flex;
-	justify-content: center;
-}
-
-@media (min-width: 1200px) {
-	.es-customer-logos__logo {
-		margin-left: 3rem;
-	}
-}
-
-.es-customer-logos__logo__link__image {
-	max-width: 10rem;
-}
-
-.es-customer-logos__button {
-	justify-self: center;
-	text-decoration: underline;
-}
-</style>