"By CIU" logo (#122)

Greater-London-Authority · Oct 6, 2023 · 7bcd033 · 7bcd033
1 parent 8e603ac
commit 7bcd033
Show file tree

Hide file tree

Showing 4 changed files with 35 additions and 0 deletions.
diff --git a/.changeset/cold-mayflies-divide.md b/.changeset/cold-mayflies-divide.md
@@ -0,0 +1,5 @@
+---
+'@ldn-viz/ui': minor
+---
+
+ADDED - add a `LogoByCIU` component that says "City Intelligence \n Designed and developed by GLA City Intelligence"
diff --git a/packages/ui/src/lib/index.js b/packages/ui/src/lib/index.js
@@ -4,6 +4,7 @@ export { default as Checkbox } from './checkBox/Checkbox.svelte';
 export { default as CheckboxGroup } from './checkBox/CheckboxGroup.svelte';
 export { default as DataDownloadButton } from './dataDownloadButton/DataDownloadButton.svelte';
 export { default as ImageDownloadButton } from './imageDownloadButton/ImageDownloadButton.svelte';
+export { default as LogoByCIU } from './logos/LogoByCIU.svelte';
 export { default as LogoCIU } from './logos/LogoCIU.svelte';
 export { default as LogoLOTI } from './logos/LogoLOTI.svelte';
 export { default as LogoMayor } from './logos/LogoMayor.svelte';

diff --git a/packages/ui/src/lib/logos/LogoByCIU.svelte b/packages/ui/src/lib/logos/LogoByCIU.svelte
diff --git a/packages/ui/src/lib/logos/Logos.stories.svelte b/packages/ui/src/lib/logos/Logos.stories.svelte
@@ -1,6 +1,7 @@
 <script>
 	import { Meta, Story } from '@storybook/addon-svelte-csf';
 
+	import LogoByCIU from './LogoByCIU.svelte';
 	import LogoCIU from './LogoCIU.svelte';
 	import LogoLOTI from './LogoLOTI.svelte';
 	import LogoMayor from './LogoMayor.svelte';
@@ -20,6 +21,12 @@
 	</div>
 </Story>
 
+<Story name="Designed By CIU">
+	<div class="text-core-grey-800 dark:text-white">
+		<LogoByCIU class="w-40" />
+	</div>
+</Story>
+
 <Story name="LOTI">
 	<div class="text-core-grey-800 dark:text-white">
 		<LogoLOTI class="h-10" />
@@ -30,6 +37,7 @@
 	<div class="text-core-grey-800 dark:text-white flex space-x-6">
 		<LogoMayor class="w-40" />
 		<LogoCIU class="w-40" />
+		<LogoByCIU class="w-40" />
 		<LogoLOTI class="h-10" />
 	</div>
 </Story>
@@ -39,12 +47,14 @@
 		<div class="flex space-x-6">
 			<LogoMayor class="w-40 fill-core-grey-400 dark:fill-core-grey-50 " />
 			<LogoCIU class="w-40 fill-core-grey-400 dark:fill-core-grey-50" />
+			<LogoByCIU class="w-40 fill-core-grey-400 dark:fill-core-grey-50" />
 			<LogoLOTI class="h-10 fill-core-grey-400 dark:fill-core-grey-50" />
 		</div>
 
 		<div class="flex space-x-6">
 			<LogoMayor class="w-40 fill-core-grey-800 dark:fill-core-grey-400" />
 			<LogoCIU class="w-40 fill-core-grey-800 dark:fill-core-grey-400" />
+			<LogoByCIU class="w-40 fill-core-grey-800 dark:fill-core-grey-400" />
 			<LogoLOTI class="h-10 fill-core-grey-800 dark:fill-core-grey-400" />
 		</div>
 	</div>