@functionalcms/svelte-components 0.3.1 → 0.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Box.svelte +31 -45
- package/dist/components/Footer.svelte +26 -36
- package/dist/components/Header.svelte +36 -43
- package/dist/components/Hero.svelte +23 -31
- package/dist/index.js +12 -12
- package/package.json +56 -56
- package/dist/assets/emblem-reverse.png +0 -0
- package/dist/assets/emblem.png +0 -0
- package/dist/assets/logo.png +0 -0
|
@@ -1,45 +1,31 @@
|
|
|
1
|
-
<script>
|
|
2
|
-
/**
|
|
3
|
-
* @type {string}
|
|
4
|
-
*/
|
|
5
|
-
export let url;
|
|
6
|
-
/**
|
|
7
|
-
* @type {url}
|
|
8
|
-
*/
|
|
9
|
-
export let logoSrc;
|
|
10
|
-
/**
|
|
11
|
-
* @type {string}
|
|
12
|
-
*/
|
|
13
|
-
export let logoAlt;
|
|
14
|
-
</script>
|
|
15
|
-
|
|
16
|
-
<article class="box">
|
|
17
|
-
<a href={url}>
|
|
18
|
-
<img class="img" src={logoSrc} alt={logoAlt} />
|
|
19
|
-
</a>
|
|
20
|
-
<h1 class="pbs32 pbe32 pis32 pie32">
|
|
21
|
-
<a href={url}>
|
|
22
|
-
<slot name="header" />
|
|
23
|
-
</a>
|
|
24
|
-
</h1>
|
|
25
|
-
<p class="card-demo-desc mbe24">
|
|
26
|
-
<slot />
|
|
27
|
-
</p>
|
|
28
|
-
</article>
|
|
29
|
-
|
|
30
|
-
<style>
|
|
31
|
-
|
|
32
|
-
width: 500px;
|
|
33
|
-
margin: var(--fluid-32);
|
|
34
|
-
padding: 0 var(--fluid-12);
|
|
35
|
-
border: 2px solid black;
|
|
36
|
-
box-shadow: 2px 2px 5px var(--accent-color);
|
|
37
|
-
-moz-border-radius: 10px;
|
|
38
|
-
-webkit-border-radius: 10px;
|
|
39
|
-
border-radius: 10px; /* future proofing */
|
|
40
|
-
-khtml-border-radius: 10px; /* for old Konqueror browsers */
|
|
41
|
-
}
|
|
42
|
-
.img {
|
|
43
|
-
width: 450px;
|
|
44
|
-
}
|
|
45
|
-
</style>
|
|
1
|
+
<script>
|
|
2
|
+
/**
|
|
3
|
+
* @type {string}
|
|
4
|
+
*/
|
|
5
|
+
export let url;
|
|
6
|
+
/**
|
|
7
|
+
* @type {url}
|
|
8
|
+
*/
|
|
9
|
+
export let logoSrc;
|
|
10
|
+
/**
|
|
11
|
+
* @type {string}
|
|
12
|
+
*/
|
|
13
|
+
export let logoAlt;
|
|
14
|
+
</script>
|
|
15
|
+
|
|
16
|
+
<article class="box">
|
|
17
|
+
<a href={url}>
|
|
18
|
+
<img class="img" src={logoSrc} alt={logoAlt} />
|
|
19
|
+
</a>
|
|
20
|
+
<h1 class="pbs32 pbe32 pis32 pie32">
|
|
21
|
+
<a href={url}>
|
|
22
|
+
<slot name="header" />
|
|
23
|
+
</a>
|
|
24
|
+
</h1>
|
|
25
|
+
<p class="card-demo-desc mbe24">
|
|
26
|
+
<slot />
|
|
27
|
+
</p>
|
|
28
|
+
</article>
|
|
29
|
+
|
|
30
|
+
<style>
|
|
31
|
+
</style>
|
|
@@ -1,36 +1,26 @@
|
|
|
1
|
-
<script>
|
|
2
|
-
/**
|
|
3
|
-
* @type {string}
|
|
4
|
-
*/
|
|
5
|
-
export let companyName;
|
|
6
|
-
/**
|
|
7
|
-
* @type {string}
|
|
8
|
-
*/
|
|
9
|
-
export let motto;
|
|
10
|
-
/**
|
|
11
|
-
* @type {string}
|
|
12
|
-
*/
|
|
13
|
-
export let logoUrl;
|
|
14
|
-
</script>
|
|
15
|
-
|
|
16
|
-
<footer class="
|
|
17
|
-
<aside class="items-center grid-flow-col">
|
|
18
|
-
<img src={logoUrl} alt={companyName} />
|
|
19
|
-
<p>{motto}</p>
|
|
20
|
-
<p>Copyright © 2023 - All right reserved by {companyName}</p>
|
|
21
|
-
<p>Powerd by Functional CMS</p>
|
|
22
|
-
</aside>
|
|
23
|
-
</footer>
|
|
24
|
-
|
|
25
|
-
<style>
|
|
26
|
-
|
|
27
|
-
background-color: var(--footer-background-color);
|
|
28
|
-
color: var(--footer-color);
|
|
29
|
-
text-align: center;
|
|
30
|
-
padding: var(--fluid-12);
|
|
31
|
-
font-size: var(--fluid-14);
|
|
32
|
-
}
|
|
33
|
-
a {
|
|
34
|
-
color: var(--footer-color);
|
|
35
|
-
}
|
|
36
|
-
</style>
|
|
1
|
+
<script>
|
|
2
|
+
/**
|
|
3
|
+
* @type {string}
|
|
4
|
+
*/
|
|
5
|
+
export let companyName;
|
|
6
|
+
/**
|
|
7
|
+
* @type {string}
|
|
8
|
+
*/
|
|
9
|
+
export let motto;
|
|
10
|
+
/**
|
|
11
|
+
* @type {string}
|
|
12
|
+
*/
|
|
13
|
+
export let logoUrl;
|
|
14
|
+
</script>
|
|
15
|
+
|
|
16
|
+
<footer class="footer">
|
|
17
|
+
<aside class="items-center grid-flow-col">
|
|
18
|
+
<img src={logoUrl} alt={companyName} />
|
|
19
|
+
<p>{motto}</p>
|
|
20
|
+
<p>Copyright © 2023 - All right reserved by {companyName}</p>
|
|
21
|
+
<p>Powerd by Functional CMS</p>
|
|
22
|
+
</aside>
|
|
23
|
+
</footer>
|
|
24
|
+
|
|
25
|
+
<style>
|
|
26
|
+
</style>
|
|
@@ -1,43 +1,36 @@
|
|
|
1
|
-
<script>
|
|
2
|
-
// @ts-nocheck
|
|
3
|
-
import { Header, HeaderNav, HeaderNavItem } from 'agnostic-svelte';
|
|
4
|
-
|
|
5
|
-
/**
|
|
6
|
-
* @type {string}
|
|
7
|
-
*/
|
|
8
|
-
export let companyName;
|
|
9
|
-
/**
|
|
10
|
-
* @type {string}
|
|
11
|
-
*/
|
|
12
|
-
export let logoUrl;
|
|
13
|
-
/**
|
|
14
|
-
* @type {array}
|
|
15
|
-
*/
|
|
16
|
-
export let pages;
|
|
17
|
-
</script>
|
|
18
|
-
|
|
19
|
-
<div class="
|
|
20
|
-
<Header>
|
|
21
|
-
<div slot="logoleft">
|
|
22
|
-
<a href="/">
|
|
23
|
-
<img src={logoUrl} alt={companyName} />
|
|
24
|
-
</a>
|
|
25
|
-
</div>
|
|
26
|
-
<HeaderNav css="nav-overrides">
|
|
27
|
-
{#each pages as page}
|
|
28
|
-
<HeaderNavItem>
|
|
29
|
-
<a href={page.path}>
|
|
30
|
-
{page.name}
|
|
31
|
-
</a>
|
|
32
|
-
</HeaderNavItem>
|
|
33
|
-
{/each}
|
|
34
|
-
</HeaderNav>
|
|
35
|
-
</Header>
|
|
36
|
-
</div>
|
|
37
|
-
|
|
38
|
-
<style>
|
|
39
|
-
a {
|
|
40
|
-
font-size: var(--fluid-20) !important;
|
|
41
|
-
font-weight: bold;
|
|
42
|
-
}
|
|
43
|
-
</style>
|
|
1
|
+
<script>
|
|
2
|
+
// @ts-nocheck
|
|
3
|
+
import { Header, HeaderNav, HeaderNavItem } from 'agnostic-svelte';
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* @type {string}
|
|
7
|
+
*/
|
|
8
|
+
export let companyName;
|
|
9
|
+
/**
|
|
10
|
+
* @type {string}
|
|
11
|
+
*/
|
|
12
|
+
export let logoUrl;
|
|
13
|
+
/**
|
|
14
|
+
* @type {array}
|
|
15
|
+
*/
|
|
16
|
+
export let pages;
|
|
17
|
+
</script>
|
|
18
|
+
|
|
19
|
+
<div class="header">
|
|
20
|
+
<Header>
|
|
21
|
+
<div slot="logoleft">
|
|
22
|
+
<a href="/">
|
|
23
|
+
<img src={logoUrl} alt={companyName} />
|
|
24
|
+
</a>
|
|
25
|
+
</div>
|
|
26
|
+
<HeaderNav css="nav-overrides">
|
|
27
|
+
{#each pages as page}
|
|
28
|
+
<HeaderNavItem>
|
|
29
|
+
<a href={page.path}>
|
|
30
|
+
{page.name}
|
|
31
|
+
</a>
|
|
32
|
+
</HeaderNavItem>
|
|
33
|
+
{/each}
|
|
34
|
+
</HeaderNav>
|
|
35
|
+
</Header>
|
|
36
|
+
</div>
|
|
@@ -1,31 +1,23 @@
|
|
|
1
|
-
<script>
|
|
2
|
-
/**
|
|
3
|
-
* @type {string}
|
|
4
|
-
*/
|
|
5
|
-
export let url;
|
|
6
|
-
</script>
|
|
7
|
-
|
|
8
|
-
<header>
|
|
9
|
-
<h1>
|
|
10
|
-
<slot name="header" />
|
|
11
|
-
</h1>
|
|
12
|
-
<p>
|
|
13
|
-
<slot />
|
|
14
|
-
</p>
|
|
15
|
-
<div>
|
|
16
|
-
<a class="item keychainify-checked" href={url}>
|
|
17
|
-
<slot name="link" />
|
|
18
|
-
</a>
|
|
19
|
-
</div>
|
|
20
|
-
</header>
|
|
21
|
-
|
|
22
|
-
<style>
|
|
23
|
-
|
|
24
|
-
margin-top: var(--fluid-24);
|
|
25
|
-
margin-bottom: var(--fluid-48);
|
|
26
|
-
text-align: center;
|
|
27
|
-
}
|
|
28
|
-
h1 {
|
|
29
|
-
font-size: var(--fluid-48);
|
|
30
|
-
}
|
|
31
|
-
</style>
|
|
1
|
+
<script>
|
|
2
|
+
/**
|
|
3
|
+
* @type {string}
|
|
4
|
+
*/
|
|
5
|
+
export let url;
|
|
6
|
+
</script>
|
|
7
|
+
|
|
8
|
+
<header class="hero">
|
|
9
|
+
<h1>
|
|
10
|
+
<slot name="header" />
|
|
11
|
+
</h1>
|
|
12
|
+
<p>
|
|
13
|
+
<slot />
|
|
14
|
+
</p>
|
|
15
|
+
<div>
|
|
16
|
+
<a class="item keychainify-checked" href={url}>
|
|
17
|
+
<slot name="link" />
|
|
18
|
+
</a>
|
|
19
|
+
</div>
|
|
20
|
+
</header>
|
|
21
|
+
|
|
22
|
+
<style>
|
|
23
|
+
</style>
|
package/dist/index.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
// Reexport your entry components here
|
|
2
|
-
|
|
3
|
-
import Box from './components/Box.svelte';
|
|
4
|
-
import Hero from './components/Hero.svelte';
|
|
5
|
-
import Header from './components/Header.svelte';
|
|
6
|
-
import Footer from './components/Footer.svelte';
|
|
7
|
-
|
|
8
|
-
export {
|
|
9
|
-
Box,
|
|
10
|
-
Hero,
|
|
11
|
-
Header,
|
|
12
|
-
Footer
|
|
1
|
+
// Reexport your entry components here
|
|
2
|
+
|
|
3
|
+
import Box from './components/Box.svelte';
|
|
4
|
+
import Hero from './components/Hero.svelte';
|
|
5
|
+
import Header from './components/Header.svelte';
|
|
6
|
+
import Footer from './components/Footer.svelte';
|
|
7
|
+
|
|
8
|
+
export {
|
|
9
|
+
Box,
|
|
10
|
+
Hero,
|
|
11
|
+
Header,
|
|
12
|
+
Footer
|
|
13
13
|
};
|
package/package.json
CHANGED
|
@@ -1,57 +1,57 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@functionalcms/svelte-components",
|
|
3
|
-
"version": "0.
|
|
4
|
-
"publishConfig": {
|
|
5
|
-
"access": "public"
|
|
6
|
-
},
|
|
7
|
-
"author": "Functional IT Solutions",
|
|
8
|
-
"license": "MIT",
|
|
9
|
-
"main": "dist/index.js",
|
|
10
|
-
"scripts": {
|
|
11
|
-
"dev": "vite dev",
|
|
12
|
-
"build": "vite build && npm run package",
|
|
13
|
-
"preview": "vite preview",
|
|
14
|
-
"package": "svelte-kit sync && svelte-package && publint",
|
|
15
|
-
"prepublishOnly": "npm run package",
|
|
16
|
-
"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
|
|
17
|
-
"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
|
|
18
|
-
"lint": "prettier --plugin-search-dir . --check . && eslint .",
|
|
19
|
-
"format": "prettier --plugin-search-dir . --write ."
|
|
20
|
-
},
|
|
21
|
-
"exports": {
|
|
22
|
-
".": {
|
|
23
|
-
"types": "./dist/index.d.ts",
|
|
24
|
-
"svelte": "./dist/index.js"
|
|
25
|
-
}
|
|
26
|
-
},
|
|
27
|
-
"files": [
|
|
28
|
-
"dist",
|
|
29
|
-
"!dist/**/*.test.*",
|
|
30
|
-
"!dist/**/*.spec.*"
|
|
31
|
-
],
|
|
32
|
-
"peerDependencies": {
|
|
33
|
-
"svelte": "^4.0.0"
|
|
34
|
-
},
|
|
35
|
-
"devDependencies": {
|
|
36
|
-
"@sveltejs/adapter-auto": "^2.0.0",
|
|
37
|
-
"@sveltejs/kit": "^1.20.4",
|
|
38
|
-
"@sveltejs/package": "^2.0.0",
|
|
39
|
-
"@typescript-eslint/eslint-plugin": "^5.45.0",
|
|
40
|
-
"@typescript-eslint/parser": "^5.45.0",
|
|
41
|
-
"eslint": "^8.28.0",
|
|
42
|
-
"eslint-config-prettier": "^8.5.0",
|
|
43
|
-
"eslint-plugin-svelte": "^2.30.0",
|
|
44
|
-
"prettier": "^2.8.0",
|
|
45
|
-
"prettier-plugin-svelte": "^2.10.1",
|
|
46
|
-
"publint": "^0.1.9",
|
|
47
|
-
"svelte": "^4.0.5",
|
|
48
|
-
"svelte-check": "^3.4.3",
|
|
49
|
-
"tslib": "^2.4.1",
|
|
50
|
-
"typescript": "^5.0.0",
|
|
51
|
-
"vite": "^4.4.2",
|
|
52
|
-
"agnostic-svelte": "^1.1.27"
|
|
53
|
-
},
|
|
54
|
-
"svelte": "./dist/index.js",
|
|
55
|
-
"types": "./dist/index.d.ts",
|
|
56
|
-
"type": "module"
|
|
1
|
+
{
|
|
2
|
+
"name": "@functionalcms/svelte-components",
|
|
3
|
+
"version": "0.4.1",
|
|
4
|
+
"publishConfig": {
|
|
5
|
+
"access": "public"
|
|
6
|
+
},
|
|
7
|
+
"author": "Functional IT Solutions",
|
|
8
|
+
"license": "MIT",
|
|
9
|
+
"main": "dist/index.js",
|
|
10
|
+
"scripts": {
|
|
11
|
+
"dev": "vite dev",
|
|
12
|
+
"build": "vite build && npm run package",
|
|
13
|
+
"preview": "vite preview",
|
|
14
|
+
"package": "svelte-kit sync && svelte-package && publint",
|
|
15
|
+
"prepublishOnly": "npm run package",
|
|
16
|
+
"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
|
|
17
|
+
"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
|
|
18
|
+
"lint": "prettier --plugin-search-dir . --check . && eslint .",
|
|
19
|
+
"format": "prettier --plugin-search-dir . --write ."
|
|
20
|
+
},
|
|
21
|
+
"exports": {
|
|
22
|
+
".": {
|
|
23
|
+
"types": "./dist/index.d.ts",
|
|
24
|
+
"svelte": "./dist/index.js"
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
"files": [
|
|
28
|
+
"dist",
|
|
29
|
+
"!dist/**/*.test.*",
|
|
30
|
+
"!dist/**/*.spec.*"
|
|
31
|
+
],
|
|
32
|
+
"peerDependencies": {
|
|
33
|
+
"svelte": "^4.0.0"
|
|
34
|
+
},
|
|
35
|
+
"devDependencies": {
|
|
36
|
+
"@sveltejs/adapter-auto": "^2.0.0",
|
|
37
|
+
"@sveltejs/kit": "^1.20.4",
|
|
38
|
+
"@sveltejs/package": "^2.0.0",
|
|
39
|
+
"@typescript-eslint/eslint-plugin": "^5.45.0",
|
|
40
|
+
"@typescript-eslint/parser": "^5.45.0",
|
|
41
|
+
"eslint": "^8.28.0",
|
|
42
|
+
"eslint-config-prettier": "^8.5.0",
|
|
43
|
+
"eslint-plugin-svelte": "^2.30.0",
|
|
44
|
+
"prettier": "^2.8.0",
|
|
45
|
+
"prettier-plugin-svelte": "^2.10.1",
|
|
46
|
+
"publint": "^0.1.9",
|
|
47
|
+
"svelte": "^4.0.5",
|
|
48
|
+
"svelte-check": "^3.4.3",
|
|
49
|
+
"tslib": "^2.4.1",
|
|
50
|
+
"typescript": "^5.0.0",
|
|
51
|
+
"vite": "^4.4.2",
|
|
52
|
+
"agnostic-svelte": "^1.1.27"
|
|
53
|
+
},
|
|
54
|
+
"svelte": "./dist/index.js",
|
|
55
|
+
"types": "./dist/index.d.ts",
|
|
56
|
+
"type": "module"
|
|
57
57
|
}
|
|
Binary file
|
package/dist/assets/emblem.png
DELETED
|
Binary file
|
package/dist/assets/logo.png
DELETED
|
Binary file
|