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

package/dist/AlternateGrid/typescript.svelte

@@ -1,225 +0,0 @@
-<script lang="ts">
-	import { PrismicImage, PrismicRichText } from "@prismicio/svelte";
-	import { isFilled } from "@prismicio/client";
-	import type { Content } from "@prismicio/client";
-
-	let slice: Content.PascalNameToReplaceSlice;
-</script>
-
-<section
-	data-slice-type={slice.slice_type}
-	data-slice-variation={slice.variation}
-	class="es-bounded es-alternate-grid"
->
-	<div
-		class={`
-			es-alternate-grid__content
-			${
-				isFilled.image(slice.primary.image)
-					? "es-alternate-grid__content--with-image"
-					: ""
-			}
-		  `}
-	>
-		{#if isFilled.image(slice.primary.image)}
-			<PrismicImage
-				field={slice.primary.image}
-				class={`
-          es-alternate-grid__image
-          ${
-						slice.variation === "imageRight"
-							? "es-alternate-grid__image--right"
-							: "es-alternate-grid__image--left"
-					}
-			  `}
-			/>
-		{/if}
-		<div class="es-alternate-grid__primary-content">
-			<div class="es-alternate-grid__primary-content__intro">
-				{#if isFilled.keyText(slice.primary.eyebrowHeadline)}
-					<p class="es-alternate-grid__primary-content__intro__eyebrow">
-						{slice.primary.eyebrowHeadline}
-					</p>
-				{/if}
-				{#if isFilled.richText(slice.primary.title)}
-					<div class="es-alternate-grid__primary-content__intro__headline">
-						<PrismicRichText field={slice.primary.title} />
-					</div>
-				{/if}
-				{#if isFilled.richText(slice.primary.description)}
-					<div class="es-alternate-grid__primary-content__intro__description">
-						<PrismicRichText field={slice.primary.description} />
-					</div>
-				{/if}
-			</div>
-			{#if slice.items && slice.items.length}
-				<div class="es-alternate-grid__primary-content__items">
-					{#each slice.items as item, i}
-						<div class="es-alternate-grid__item">
-							{#if isFilled.richText(item.title)}
-								<div class="es-alternate-grid__item__heading">
-									<PrismicRichText field={item.title} />
-								</div>
-							{/if}
-							{#if isFilled.richText(item.description)}
-								<div class="es-alternate-grid__item__description">
-									<PrismicRichText field={item.description} />
-								</div>
-							{/if}
-						</div>
-					{/each}
-				</div>
-			{/if}
-		</div>
-	</div>
-
-	<style>
-		.es-bounded {
-			margin: 0px;
-			min-width: 0px;
-			position: relative;
-			padding: 8vw 1.25rem;
-		}
-
-		.es-alternate-grid {
-			font-family: system-ui, sans-serif;
-			background-color: #fff;
-			color: #333;
-		}
-
-		.es-alternate-grid__content {
-			display: grid;
-			gap: 1.5rem;
-			grid-auto-flow: dense;
-		}
-
-		@media (min-width: 640px) {
-			.es-alternate-grid__content--with-image {
-				grid-template-columns: repeat(2, 1fr);
-			}
-		}
-
-		@media (min-width: 1200px) {
-			.es-alternate-grid__content--with-image {
-				grid-template-columns: repeat(2, 1fr);
-			}
-		}
-
-		.es-alternate-grid__image {
-			width: auto;
-			height: auto;
-			max-width: 100%;
-			align-self: center;
-		}
-
-		.es-alternate-grid__image--left {
-			order: 1;
-		}
-
-		.es-alternate-grid__image--left + div {
-			order: 2;
-		}
-
-		.es-alternate-grid__image--right {
-			order: 2;
-		}
-
-		.es-alternate-grid__image--right + div {
-			order: 1;
-		}
-
-		.es-alternate-grid__primary-content {
-			display: grid;
-			gap: 2rem;
-		}
-
-		.es-alternate-grid__primary-content__intro {
-			display: grid;
-			gap: 0.5rem;
-		}
-
-		.es-alternate-grid__primary-content__intro__eyebrow {
-			color: #8592e0;
-			font-size: 1.15rem;
-			font-weight: 500;
-			margin: 0;
-		}
-
-		.es-alternate-grid__primary-content__intro__headline {
-			font-size: 1.625rem;
-			font-weight: 700;
-		}
-
-		.es-alternate-grid__primary-content__intro__headline > * {
-			margin: 0;
-		}
-
-		@media (min-width: 640px) {
-			.es-alternate-grid__primary-content__intro__headline {
-				font-size: 2rem;
-			}
-		}
-
-		@media (min-width: 1024px) {
-			.es-alternate-grid__primary-content__intro__headline {
-				font-size: 2.5rem;
-			}
-		}
-
-		@media (min-width: 1200px) {
-			.es-alternate-grid__primary-content__intro__headline {
-				font-size: 2.75rem;
-			}
-		}
-
-		.es-alternate-grid__primary-content__intro__description {
-			font-size: 1.15rem;
-			max-width: 38rem;
-		}
-
-		.es-alternate-grid__primary-content__intro__description > p {
-			margin: 0;
-		}
-
-		@media (min-width: 1200px) {
-			.es-alternate-grid__primary-content__intro__description {
-				font-size: 1.4rem;
-			}
-		}
-
-		.es-alternate-grid__primary-content__items {
-			display: grid;
-			gap: 2rem;
-		}
-
-		@media (min-width: 640px) {
-			.es-alternate-grid__primary-content__items {
-				grid-template-columns: repeat(2, 1fr);
-			}
-		}
-
-		.es-alternate-grid__item {
-			display: grid;
-			align-content: start;
-		}
-
-		.es-alternate-grid__item__heading {
-			font-weight: 700;
-			font-size: 1.17rem;
-			margin-top: 0;
-			margin-bottom: 0.5rem;
-		}
-
-		.es-alternate-grid__item__heading > * {
-			margin: 0;
-		}
-
-		.es-alternate-grid__item__description {
-			font-size: 0.9rem;
-		}
-
-		.es-alternate-grid__item__description > * {
-			margin: 0;
-		}
-	</style>
-</section>

package/dist/CallToAction/javascript.svelte

@@ -1,132 +0,0 @@
-<script>
-	import { isFilled } from "@prismicio/client";
-	import {
-		PrismicLink,
-		PrismicImage,
-		PrismicRichText,
-		PrismicText,
-	} from "@prismicio/svelte";
-
-	/**
-	 * @type {import("@prismicio/client").Content.${PascalNameToReplace}Slice}
-	 */
-	export let slice;
-
-	$: alignment = slice.variation === "alignLeft" ? "left" : "center";
-</script>
-
-<section
-	data-slice-type={slice.slice_type}
-	data-slice-variation={slice.variation}
-	class="es-bounded es-call-to-action"
-	style="--alignment: var(--alignment);"
->
-	<div class="es-bounded__content es-call-to-action__content">
-		{#if isFilled.image(slice.primary.image)}
-			<PrismicImage
-				class="es-call-to-action__image"
-				field={slice.primary.image}
-			/>
-		{/if}
-		<div class="es-call-to-action__content">
-			{#if isFilled.richText(slice.primary.title)}
-				<h2 class="es-call-to-action__content__heading">
-					<PrismicText field={slice.primary.title} />
-				</h2>
-			{/if}
-			{#if isFilled.richText(slice.primary.paragraph)}
-				<div class="es-call-to-action__content__paragraph">
-					<PrismicRichText field={slice.primary.paragraph} />
-				</div>
-			{/if}
-		</div>
-		{#if isFilled.link(slice.primary.buttonLink)}
-			<PrismicLink
-				class="es-call-to-action__button"
-				field={slice.primary.buttonLink}
-			>
-				{slice.primary.buttonLabel || "Learn more…"}
-			</PrismicLink>
-		{/if}
-	</div>
-	<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: var(--alignment);
-		}
-
-		.es-call-to-action__content {
-			display: grid;
-			gap: 1rem;
-			justify-items: var(--alignment);
-		}
-
-		.es-call-to-action__content__heading {
-			font-size: 2rem;
-			font-weight: 700;
-			text-align: var(--alignment);
-		}
-
-		.es-call-to-action__content__paragraph {
-			font-size: 1.15rem;
-			max-width: 38rem;
-			text-align: var(--alignment);
-		}
-
-		.es-call-to-action__button {
-			justify-self: var(--alignment);
-			border-radius: 0.25rem;
-			display: inline-block;
-			font-size: 0.875rem;
-			line-height: 1.3;
-			padding: 1rem 2.625rem;
-			text-align: var(--alignment);
-			transition: background-color 100ms linear;
-			background-color: #16745f;
-			color: #fff;
-		}
-
-		.es-call-to-action__button:hover {
-			background-color: #0d5e4c;
-		}
-	</style>
-</section>

package/dist/CallToAction/typescript.svelte

@@ -1,129 +0,0 @@
-<script lang="ts">
-	import { Content, isFilled } from "@prismicio/client";
-	import {
-		PrismicLink,
-		PrismicImage,
-		PrismicRichText,
-		PrismicText,
-	} from "@prismicio/svelte";
-
-	export let slice: Content.PascalNameToReplaceSlice;
-
-	$: alignment = slice.variation === "alignLeft" ? "left" : "center";
-</script>
-
-<section
-	data-slice-type={slice.slice_type}
-	data-slice-variation={slice.variation}
-	class="es-bounded es-call-to-action"
-	style="--alignment: var(--alignment);"
->
-	<div class="es-bounded__content es-call-to-action__content">
-		{#if isFilled.image(slice.primary.image)}
-			<PrismicImage
-				class="es-call-to-action__image"
-				field={slice.primary.image}
-			/>
-		{/if}
-		<div class="es-call-to-action__content">
-			{#if isFilled.richText(slice.primary.title)}
-				<h2 class="es-call-to-action__content__heading">
-					<PrismicText field={slice.primary.title} />
-				</h2>
-			{/if}
-			{#if isFilled.richText(slice.primary.paragraph)}
-				<div class="es-call-to-action__content__paragraph">
-					<PrismicRichText field={slice.primary.paragraph} />
-				</div>
-			{/if}
-		</div>
-		{#if isFilled.link(slice.primary.buttonLink)}
-			<PrismicLink
-				class="es-call-to-action__button"
-				field={slice.primary.buttonLink}
-			>
-				{slice.primary.buttonLabel || "Learn more…"}
-			</PrismicLink>
-		{/if}
-	</div>
-	<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: var(--alignment);
-		}
-
-		.es-call-to-action__content {
-			display: grid;
-			gap: 1rem;
-			justify-items: var(--alignment);
-		}
-
-		.es-call-to-action__content__heading {
-			font-size: 2rem;
-			font-weight: 700;
-			text-align: var(--alignment);
-		}
-
-		.es-call-to-action__content__paragraph {
-			font-size: 1.15rem;
-			max-width: 38rem;
-			text-align: var(--alignment);
-		}
-
-		.es-call-to-action__button {
-			justify-self: var(--alignment);
-			border-radius: 0.25rem;
-			display: inline-block;
-			font-size: 0.875rem;
-			line-height: 1.3;
-			padding: 1rem 2.625rem;
-			text-align: var(--alignment);
-			transition: background-color 100ms linear;
-			background-color: #16745f;
-			color: #fff;
-		}
-
-		.es-call-to-action__button:hover {
-			background-color: #0d5e4c;
-		}
-	</style>
-</section>

package/dist/CustomerLogos/javascript.svelte

@@ -1,122 +0,0 @@
-<script>
-	import { isFilled } from "@prismicio/client";
-	import {
-		PrismicImage,
-		PrismicRichText,
-		PrismicLink,
-	} from "@prismicio/svelte";
-
-	/**
-	 * @type {import("@prismicio/client").Content.${PascalNameToReplace}Slice}
-	 */
-	export let slice;
-</script>
-
-<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">
-		{#if isFilled.richText(slice.primary.eyebrowHeadline)}
-			<h2 class="es-customer-logos__heading">
-				<PrismicRichText field={slice.primary.eyebrowHeadline} />
-			</h2>
-		{/if}
-		{#if slice.items.length > 0}
-			<ul class="es-customer-logos__logos">
-				{#each slice.items as item}
-					{#if isFilled.image(item.image)}
-						<li class="es-customer-logos__logo">
-							<PrismicLink field={item.link}>
-								<PrismicImage
-									field={item.image}
-									class="es-customer-logos__logo__link__image"
-									height="26"
-									width="160"
-								/>
-							</PrismicLink>
-						</li>
-					{/if}
-				{/each}
-			</ul>
-		{/if}
-		<PrismicLink
-			field={slice.primary.callToActionLink}
-			class="es-customer-logos__button"
-		>
-			{slice.primary.callToActionLabel || "Learn more..."}
-		</PrismicLink>
-	</div>
-
-	<style>
-		.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>
-</section>