@coyalabs/bts-style 1.0.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/README.md +35 -0
- package/dist/Testing.svelte +26 -0
- package/dist/Testing.svelte.d.ts +30 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -0
- package/package.json +48 -0
package/README.md
ADDED
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
# @coyalabs/bts-style
|
|
2
|
+
|
|
3
|
+
BTS Theme Svelte component templates for reusable UI components.
|
|
4
|
+
|
|
5
|
+
## Installation
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
npm install @coyalabs/bts-style
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
## Usage
|
|
12
|
+
|
|
13
|
+
```svelte
|
|
14
|
+
<script>
|
|
15
|
+
import { Test } from '@coyalabs/bts-style';
|
|
16
|
+
</script>
|
|
17
|
+
|
|
18
|
+
<Test name="MyApp" on:ping={(e) => console.log('Ping at:', e.detail.time)} />
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
## Components
|
|
22
|
+
|
|
23
|
+
### Testing
|
|
24
|
+
|
|
25
|
+
A simple test component with event dispatching.
|
|
26
|
+
|
|
27
|
+
**Props:**
|
|
28
|
+
- `name` (string, default: 'Tester') - Name to display
|
|
29
|
+
|
|
30
|
+
**Events:**
|
|
31
|
+
- `ping` - Dispatched when button is clicked, includes `{ time: number }`
|
|
32
|
+
|
|
33
|
+
## License
|
|
34
|
+
|
|
35
|
+
MIT
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
<script>
|
|
2
|
+
import { createEventDispatcher } from 'svelte';
|
|
3
|
+
export let name = 'Tester';
|
|
4
|
+
const dispatch = createEventDispatcher();
|
|
5
|
+
|
|
6
|
+
function handlePing() {
|
|
7
|
+
dispatch('ping', { time: Date.now() });
|
|
8
|
+
}
|
|
9
|
+
</script>
|
|
10
|
+
|
|
11
|
+
<section class="testing">
|
|
12
|
+
<h2>Testing Component</h2>
|
|
13
|
+
<p>Hello {name} — this is a simple test component.</p>
|
|
14
|
+
<button on:click={handlePing}>Ping</button>
|
|
15
|
+
</section>
|
|
16
|
+
|
|
17
|
+
<style>
|
|
18
|
+
.testing{
|
|
19
|
+
padding: 1rem;
|
|
20
|
+
border: 1px dashed var(--color-border, #ccc);
|
|
21
|
+
border-radius: 8px;
|
|
22
|
+
background: linear-gradient(180deg, rgba(255,255,255,0.02), transparent);
|
|
23
|
+
}
|
|
24
|
+
.testing h2{ margin: 0 0 0.5rem 0; font-size: 1.05rem }
|
|
25
|
+
.testing button{ padding: .4rem .6rem; border-radius: 6px }
|
|
26
|
+
</style>
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
export default Testing;
|
|
2
|
+
type Testing = SvelteComponent<{
|
|
3
|
+
name?: string | undefined;
|
|
4
|
+
}, {
|
|
5
|
+
ping: CustomEvent<any>;
|
|
6
|
+
} & {
|
|
7
|
+
[evt: string]: CustomEvent<any>;
|
|
8
|
+
}, {}> & {
|
|
9
|
+
$$bindings?: string | undefined;
|
|
10
|
+
};
|
|
11
|
+
declare const Testing: $$__sveltets_2_IsomorphicComponent<{
|
|
12
|
+
name?: string | undefined;
|
|
13
|
+
}, {
|
|
14
|
+
ping: CustomEvent<any>;
|
|
15
|
+
} & {
|
|
16
|
+
[evt: string]: CustomEvent<any>;
|
|
17
|
+
}, {}, {}, string>;
|
|
18
|
+
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
|
19
|
+
new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
|
|
20
|
+
$$bindings?: Bindings;
|
|
21
|
+
} & Exports;
|
|
22
|
+
(internal: unknown, props: Props & {
|
|
23
|
+
$$events?: Events;
|
|
24
|
+
$$slots?: Slots;
|
|
25
|
+
}): Exports & {
|
|
26
|
+
$set?: any;
|
|
27
|
+
$on?: any;
|
|
28
|
+
};
|
|
29
|
+
z_$$bindings?: Bindings;
|
|
30
|
+
}
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Test } from "./Testing.svelte";
|
package/dist/index.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Test } from "./Testing.svelte";
|
package/package.json
ADDED
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@coyalabs/bts-style",
|
|
3
|
+
"version": "1.0.1",
|
|
4
|
+
"description": "BTS Theme Svelte component templates",
|
|
5
|
+
"type": "module",
|
|
6
|
+
"exports": {
|
|
7
|
+
".": {
|
|
8
|
+
"types": "./dist/index.d.ts",
|
|
9
|
+
"svelte": "./dist/index.js",
|
|
10
|
+
"default": "./dist/index.js"
|
|
11
|
+
}
|
|
12
|
+
},
|
|
13
|
+
"svelte": "./dist/index.js",
|
|
14
|
+
"types": "./dist/index.d.ts",
|
|
15
|
+
"files": [
|
|
16
|
+
"dist",
|
|
17
|
+
"!dist/**/*.test.*",
|
|
18
|
+
"!dist/**/*.spec.*"
|
|
19
|
+
],
|
|
20
|
+
"scripts": {
|
|
21
|
+
"package": "svelte-kit sync && svelte-package -o dist",
|
|
22
|
+
"prepublishOnly": "npm run package"
|
|
23
|
+
},
|
|
24
|
+
"peerDependencies": {
|
|
25
|
+
"svelte": "^5.0.0"
|
|
26
|
+
},
|
|
27
|
+
"devDependencies": {
|
|
28
|
+
"@sveltejs/kit": "^2.49.4",
|
|
29
|
+
"@sveltejs/package": "^2.5.7",
|
|
30
|
+
"@sveltejs/vite-plugin-svelte": "^6.2.4",
|
|
31
|
+
"svelte": "^5.46.3",
|
|
32
|
+
"svelte2tsx": "^0.7.46",
|
|
33
|
+
"typescript": "^5.9.3",
|
|
34
|
+
"vite": "^7.3.1"
|
|
35
|
+
},
|
|
36
|
+
"keywords": [
|
|
37
|
+
"svelte",
|
|
38
|
+
"component",
|
|
39
|
+
"bts-theme",
|
|
40
|
+
"ui"
|
|
41
|
+
],
|
|
42
|
+
"license": "MIT",
|
|
43
|
+
"repository": {
|
|
44
|
+
"type": "git",
|
|
45
|
+
"url": "https://github.com/sparklescoya/svelte-bts-theme.git",
|
|
46
|
+
"directory": "@bts-theme/svelte-templates"
|
|
47
|
+
}
|
|
48
|
+
}
|