@functionalcms/svelte-components 0.3.0 → 0.4.0

package/README.md

@@ -1,20 +0,0 @@
-# Introduction 
-TODO: Give a short introduction of your project. Let this section explain the objectives or the motivation behind this project. 
-
-# Getting Started
-TODO: Guide users through getting your code up and running on their own system. In this section you can talk about:
-1.	Installation process
-2.	Software dependencies
-3.	Latest releases
-4.	API references
-
-# Build and Test
-TODO: Describe and show how to build your code and run the tests. 
-
-# Contribute
-TODO: Explain how other users and developers can contribute to make your code better. 
-
-If you want to learn more about creating good readme files then refer the following [guidelines](https://docs.microsoft.com/en-us/azure/devops/repos/git/create-a-readme?view=azure-devops). You can also seek inspiration from the below readme files:
-- [ASP.NET Core](https://github.com/aspnet/Home)
-- [Visual Studio Code](https://github.com/Microsoft/vscode)
-- [Chakra Core](https://github.com/Microsoft/ChakraCore)

package/dist/components/Box.svelte

@@ -28,18 +28,4 @@
 </article>
 
 <style>
-	.box {
-		width: 500px;
-		margin: var(--fluid-32);
-		padding: 0 var(--fluid-12);
-		border: 2px solid black;
-		box-shadow: 2px 2px 5px var(--accent-color);
-		-moz-border-radius: 10px;
-		-webkit-border-radius: 10px;
-		border-radius: 10px; /* future proofing */
-		-khtml-border-radius: 10px; /* for old Konqueror browsers */
-	}
-	.img {		
-		width: 450px;
-	}
 </style>

package/dist/components/Footer.svelte

@@ -13,7 +13,7 @@
 	export let logoUrl;
 </script>
 
-<footer class="flex-shrink-0">
+<footer class="footer">
 	<aside class="items-center grid-flow-col">
 		<img src={logoUrl} alt={companyName} />
 		<p>{motto}</p>
@@ -23,14 +23,4 @@
 </footer>
 
 <style>
-	footer {
-		background-color: var(--footer-background-color);
-		color: var(--footer-color);
-		text-align: center;
-		padding: var(--fluid-12);
-		font-size: var(--fluid-14);
-	}
-	a {
-		color: var(--footer-color);
-	}
 </style>

package/dist/components/Header.svelte

@@ -1,51 +1,22 @@
 <script>
-// @ts-nocheck
-	import { Header, HeaderNav, HeaderNavItem } from "agnostic-svelte";
-	
-	 /**
+	// @ts-nocheck
+	import { Header, HeaderNav, HeaderNavItem } from 'agnostic-svelte';
+
+	/**
 	 * @type {string}
 	 */
-	 export let companyName;
-	 /**
+	export let companyName;
+	/**
 	 * @type {string}
 	 */
 	export let logoUrl;
-	 /**
+	/**
 	 * @type {array}
 	 */
 	export let pages;
-	// import logo from "../assets/logo.png";
-	// import { constants } from "../constants";
-
-	// const { url } = import.meta;
-	// const modules = import.meta.glob("../../routes/*/*.svelte");
-	// const navItems = constants.Navigation;
-	
-	// function getPages(url, modules) {
-	// 	const directory = url
-	// 		.replace(/(.*?)\/src\/lib\/components\//, "/")
-	// 		.replace(/(.*?)\/src\/routes\//, "/")
-	// 		.replace(/(.*?)\/immutable\/pages\//, "/")
-	// 		.replace(/(.*?)\/var\/task\//, "/") // Vercel
-	// 		.replace(/\/([^/])*.svelte.*/, "/");
-	// 	const pageRegex = /\/\+page\.svelte$/;
-	// 	const paths = Object.keys(modules)
-	// 		.map((path) => path.replace(/^(.\/)/, directory))
-	// 		.filter((path) => !/\[.*\]/.test(path))
-	// 		.filter((path) => pageRegex.test(path))
-	// 		.map((path) => path.replace(pageRegex, ""))
-	// 		.map((path) => path || "/")
-	// 		.map((path) => path.replace("../../routes/", ""))
-	// 		.map((path) => path.replace("../../routes", ""))
-	// 		.filter((page) => navItems.hasOwnProperty(page))
-	// 		.sort();
-	// 	return paths;
-	// };
-	
-	// const pages = getPages(url, modules);
 </script>
 
-<div class="container">
+<div class="header">
 	<Header>
 		<div slot="logoleft">
 			<a href="/">
@@ -54,17 +25,12 @@
 		</div>
 		<HeaderNav css="nav-overrides">
 			{#each pages as page}
-				<HeaderNavItem
-					><a href={page.path}>{page.name}</a></HeaderNavItem
-				>
+				<HeaderNavItem>
+					<a href={page.path}>
+						{page.name}
+					</a>
+				</HeaderNavItem>
 			{/each}
 		</HeaderNav>
 	</Header>
 </div>
-
-<style>
-	a {
-		font-size: var(--fluid-20) !important;
-		font-weight: bold;
-	}
-</style>

package/dist/components/Hero.svelte

@@ -5,7 +5,7 @@
 	export let url;
 </script>
 
-<header>
+<header class="hero">
 	<h1>
 		<slot name="header" />
 	</h1>
@@ -20,12 +20,4 @@
 </header>
 
 <style>
-	header {
-		margin-top: var(--fluid-24);
-		margin-bottom: var(--fluid-48);
-		text-align: center;
-	}
-	h1 {
-		font-size: var(--fluid-48);
-	}
 </style>

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@functionalcms/svelte-components",
-	"version": "0.3.0",
+	"version": "0.4.0",
 	"publishConfig": {
 		"access": "public"
 	},