move tones

src/global.d.ts

@@ -1,20 +1 @@
 /// <reference types="@sveltejs/kit" />
-
-type Tone =
-	| 'brand'
-	| 'brand-new'
-	| 'job'
-	| 'live'
-	| 'travel'
-	| 'money'
-	| 'book'
-	| 'masterclass'
-	| 'weekly'
-	| 'members'
-	| 'patron'
-	| 'lifestyle'
-	| 'climate'
-	| 'climate2'
-	| 'support'
-	| 'subscription'
-	| 'subs-rebrand';

src/lib/Previews.svelte

@@ -9,6 +9,7 @@
 	import { replaceGAMVariables } from '$lib/gam';
 	import { onMount } from 'svelte';
 	import type { Message } from './messenger';
+	import { tones } from './types/tones';
 
 	export let template: string;
 	export let html: string;
@@ -93,7 +94,7 @@
 				{#if prop === 'Tone'}
 					{prop}:
 					<select bind:value={props[prop]}>
-						{#each ['job', 'live', 'travel', 'money', 'book', 'masterclass', 'weekly', 'members', 'patron', 'brand', 'brand-new', 'lifestyle', 'climate', 'climate2', 'support', 'subscription', 'subs-rebrand'] as tone}
+						{#each tones as tone}
 							<option value={tone}>{tone}</option>
 						{/each}
 					</select>

src/lib/types/tones.ts

@@ -0,0 +1,25 @@
+const tones = [
+	'brand',
+	'brand-new',
+	'job',
+	'live',
+	'travel',
+	'money',
+	'book',
+	'masterclass',
+	'weekly',
+	'members',
+	'patron',
+	'lifestyle',
+	'climate',
+	'climate2',
+	'support',
+	'subscription',
+	'subs-rebrand',
+];
+
+type Tone = typeof tones[number];
+
+export type { Tone };
+
+export { tones };

src/templates/components/ManualCard.svelte

@@ -1,5 +1,6 @@
 <script context="module" lang="ts">
 	import { clickMacro } from '$lib/gam';
+	import type { Tone } from '$lib/types/tones';
 </script>
 
 <script lang="ts">

src/templates/components/ManualHeader.svelte

@@ -7,6 +7,7 @@
 	import '$templates/components/fonts/Headline.css';
 	import '$templates/components/fonts/SansBold.css';
 	import '$templates/components/colours/tones.css';
+	import type { Tone } from '$lib/types/tones';
 
 	export let buttonUrl: string;
 	export let buttonText: string;

src/templates/csr/events-multiple/index.svelte

@@ -4,8 +4,8 @@
 	import ManualCard from '$templates/components/ManualCard.svelte';
 	import Resizer from '$templates/components/Resizer.svelte';
 	import ManualHeader from '$templates/components/ManualHeader.svelte';
-	import LiveLogo from '$templates/components/icons/LiveLogo.svelte';
 	import ToneLogo from '$templates/components/ToneLogo.svelte';
+	import type { Tone } from '$lib/types/tones';
 
 	export let BannerDescription: GAMVariable;
 	export let HeaderButtonText: GAMVariable;

src/templates/csr/manual-multiple/index.svelte

@@ -5,6 +5,7 @@
 	import ManualHeader from '$templates/components/ManualHeader.svelte';
 	import Resizer from '$templates/components/Resizer.svelte';
 	import ToneLogo from '$templates/components/ToneLogo.svelte';
+	import type { Tone } from '$lib/types/tones';
 
 	export let Tone: GAMVariable<Tone>;
 	export let TitleURL: GAMVariable;