@coyalabs/bts-style 1.0.1 → 1.0.3
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/BaseContainer.svelte +43 -0
- package/dist/BaseContainer.svelte.d.ts +39 -0
- package/dist/index.d.ts +1 -1
- package/dist/index.js +1 -1
- package/package.json +3 -2
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
<script>
|
|
2
|
+
/**
|
|
3
|
+
* @type {'full' | 'primary' | 'secondary'}
|
|
4
|
+
*/
|
|
5
|
+
export let theme = 'full';
|
|
6
|
+
</script>
|
|
7
|
+
|
|
8
|
+
<div class="glow-base-container" data-theme={theme}>
|
|
9
|
+
<slot />
|
|
10
|
+
</div>
|
|
11
|
+
|
|
12
|
+
<style>
|
|
13
|
+
.glow-base-container {
|
|
14
|
+
border-radius: 20px;
|
|
15
|
+
border: 2px solid rgba(255, 255, 255, 0.13);
|
|
16
|
+
padding: 1rem;
|
|
17
|
+
box-sizing: border-box;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
/* Theme A - Full */
|
|
21
|
+
.glow-base-container[data-theme='full'] {
|
|
22
|
+
background: rgba(150, 132, 140, 0.25);
|
|
23
|
+
box-shadow:
|
|
24
|
+
0px 0px 13px 0px rgba(255, 255, 255, 0.07),
|
|
25
|
+
inset 0px 0px 9px 2px rgba(193, 182, 212, 0.5);
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
/* Theme B - Primary */
|
|
29
|
+
.glow-base-container[data-theme='primary'] {
|
|
30
|
+
background: rgba(180, 158, 168, 0.25);
|
|
31
|
+
box-shadow:
|
|
32
|
+
0px 0px 13px 0px rgba(255, 255, 255, 0.07),
|
|
33
|
+
inset 0px 0px 9px 2px rgba(117, 102, 143, 0.56);
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
/* Theme C - Secondary */
|
|
37
|
+
.glow-base-container[data-theme='secondary'] {
|
|
38
|
+
background: rgba(150, 132, 140, 0.25);
|
|
39
|
+
box-shadow:
|
|
40
|
+
0px 0px 13px 0px rgba(255, 255, 255, 0.07),
|
|
41
|
+
inset 0px 0px 9px 2px rgba(102, 88, 128, 0.5);
|
|
42
|
+
}
|
|
43
|
+
</style>
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
export default BaseContainer;
|
|
2
|
+
type BaseContainer = SvelteComponent<$$__sveltets_2_PropsWithChildren<{
|
|
3
|
+
theme?: "full" | "primary" | "secondary" | undefined;
|
|
4
|
+
}, {
|
|
5
|
+
default: {};
|
|
6
|
+
}>, {
|
|
7
|
+
[evt: string]: CustomEvent<any>;
|
|
8
|
+
}, {
|
|
9
|
+
default: {};
|
|
10
|
+
}> & {
|
|
11
|
+
$$bindings?: string | undefined;
|
|
12
|
+
};
|
|
13
|
+
declare const BaseContainer: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
|
|
14
|
+
theme?: "full" | "primary" | "secondary" | undefined;
|
|
15
|
+
}, {
|
|
16
|
+
default: {};
|
|
17
|
+
}>, {
|
|
18
|
+
[evt: string]: CustomEvent<any>;
|
|
19
|
+
}, {
|
|
20
|
+
default: {};
|
|
21
|
+
}, {}, string>;
|
|
22
|
+
type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
|
|
23
|
+
default: any;
|
|
24
|
+
} ? Props extends Record<string, never> ? any : {
|
|
25
|
+
children?: any;
|
|
26
|
+
} : {});
|
|
27
|
+
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> {
|
|
28
|
+
new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
|
|
29
|
+
$$bindings?: Bindings;
|
|
30
|
+
} & Exports;
|
|
31
|
+
(internal: unknown, props: Props & {
|
|
32
|
+
$$events?: Events;
|
|
33
|
+
$$slots?: Slots;
|
|
34
|
+
}): Exports & {
|
|
35
|
+
$set?: any;
|
|
36
|
+
$on?: any;
|
|
37
|
+
};
|
|
38
|
+
z_$$bindings?: Bindings;
|
|
39
|
+
}
|
package/dist/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default as
|
|
1
|
+
export { default as BaseContainer } from "./BaseContainer.svelte";
|
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default as
|
|
1
|
+
export { default as BaseContainer } from "./BaseContainer.svelte";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@coyalabs/bts-style",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.3",
|
|
4
4
|
"description": "BTS Theme Svelte component templates",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"exports": {
|
|
@@ -19,7 +19,8 @@
|
|
|
19
19
|
],
|
|
20
20
|
"scripts": {
|
|
21
21
|
"package": "svelte-kit sync && svelte-package -o dist",
|
|
22
|
-
"prepublishOnly": "npm run package"
|
|
22
|
+
"prepublishOnly": "npm run package",
|
|
23
|
+
"release": "npm version patch && npm publish --access public"
|
|
23
24
|
},
|
|
24
25
|
"peerDependencies": {
|
|
25
26
|
"svelte": "^5.0.0"
|