seblify 0.1.7 → 0.2.0
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/LICENSE +21 -0
- package/README.md +329 -2
- package/dist/components/AppShell.svelte +136 -136
- package/dist/components/Banner.svelte +56 -56
- package/dist/components/Button.svelte +64 -64
- package/dist/components/Icon.svelte +67 -67
- package/dist/components/Sidebar.svelte +106 -106
- package/dist/components/Snackbar.svelte +26 -26
- package/dist/components/Toast.svelte +27 -27
- package/dist/components/component-doc.d.ts +1 -1
- package/dist/components/display/annotation/badge/badge.thumbnail.png +0 -0
- package/package.json +22 -4
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import type { Snippet } from 'svelte';
|
|
3
|
-
|
|
4
|
-
interface Props {
|
|
5
|
-
children?: Snippet;
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
let { children }: Props = $props();
|
|
9
|
-
</script>
|
|
10
|
-
|
|
11
|
-
<section class="toast" role="status">
|
|
12
|
-
{@render children?.()}
|
|
13
|
-
</section>
|
|
14
|
-
|
|
15
|
-
<style>
|
|
16
|
-
.toast {
|
|
17
|
-
border: 1px solid var(--seblify-color-success-border, #b8ddc7);
|
|
18
|
-
border-radius: 999px;
|
|
19
|
-
padding: 8px 14px;
|
|
20
|
-
background: var(--seblify-color-success-surface, #e8f8ee);
|
|
21
|
-
color: var(--seblify-color-success-text, #143d25);
|
|
22
|
-
box-shadow: var(--seblify-shadow-status, 0 10px 24px rgb(20 61 37 / 14%));
|
|
23
|
-
font-size: 14px;
|
|
24
|
-
line-height: 1.4;
|
|
25
|
-
text-align: center;
|
|
26
|
-
}
|
|
27
|
-
</style>
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import type { Snippet } from 'svelte';
|
|
3
|
+
|
|
4
|
+
interface Props {
|
|
5
|
+
children?: Snippet;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
let { children }: Props = $props();
|
|
9
|
+
</script>
|
|
10
|
+
|
|
11
|
+
<section class="toast" role="status">
|
|
12
|
+
{@render children?.()}
|
|
13
|
+
</section>
|
|
14
|
+
|
|
15
|
+
<style>
|
|
16
|
+
.toast {
|
|
17
|
+
border: 1px solid var(--seblify-color-success-border, #b8ddc7);
|
|
18
|
+
border-radius: 999px;
|
|
19
|
+
padding: 8px 14px;
|
|
20
|
+
background: var(--seblify-color-success-surface, #e8f8ee);
|
|
21
|
+
color: var(--seblify-color-success-text, #143d25);
|
|
22
|
+
box-shadow: var(--seblify-shadow-status, 0 10px 24px rgb(20 61 37 / 14%));
|
|
23
|
+
font-size: 14px;
|
|
24
|
+
line-height: 1.4;
|
|
25
|
+
text-align: center;
|
|
26
|
+
}
|
|
27
|
+
</style>
|
|
Binary file
|
package/package.json
CHANGED
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "seblify",
|
|
3
3
|
"private": false,
|
|
4
|
-
"
|
|
4
|
+
"license": "MIT",
|
|
5
|
+
"version": "0.2.0",
|
|
5
6
|
"type": "module",
|
|
6
7
|
"scripts": {
|
|
7
8
|
"build": "svelte-package --input src --output dist --tsconfig ./tsconfig.json",
|
|
8
9
|
"generate:icons": "node ./scripts/generate-icons.mjs",
|
|
9
|
-
"
|
|
10
|
+
"doc": "node ./scripts/change-log/document-change.mjs",
|
|
10
11
|
"change-log:validate": "node ./scripts/change-log/validate-pending.mjs",
|
|
11
|
-
"prepare-release": "node ./scripts/
|
|
12
|
+
"prepare-release": "node ./scripts/prepare-release.mjs",
|
|
12
13
|
"prepublishOnly": "pnpm run generate:icons && pnpm run build"
|
|
13
14
|
},
|
|
14
15
|
"svelte": "./dist/index.js",
|
|
@@ -58,9 +59,26 @@
|
|
|
58
59
|
"prompts": "^2.4.2",
|
|
59
60
|
"yaml": "^2.9.0"
|
|
60
61
|
},
|
|
61
|
-
"homepage": "https://seblify.com",
|
|
62
62
|
"publishConfig": {
|
|
63
63
|
"access": "public",
|
|
64
64
|
"provenance": false
|
|
65
|
+
},
|
|
66
|
+
"description": "Svelte UI component library for themed interfaces",
|
|
67
|
+
"keywords": [
|
|
68
|
+
"svelte",
|
|
69
|
+
"sveltekit",
|
|
70
|
+
"ui",
|
|
71
|
+
"component",
|
|
72
|
+
"component-library",
|
|
73
|
+
"design-system",
|
|
74
|
+
"theme",
|
|
75
|
+
"theming",
|
|
76
|
+
"css-variables",
|
|
77
|
+
"accessibility",
|
|
78
|
+
"custom-theme"
|
|
79
|
+
],
|
|
80
|
+
"homepage": "https://seblify.com",
|
|
81
|
+
"bugs": {
|
|
82
|
+
"email": "support.seblify@gmail.com"
|
|
65
83
|
}
|
|
66
84
|
}
|