bref-ui 2.1.1 → 2.1.2
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/theme/fonts.css +8 -0
- package/dist/theme/fonts.svelte +3 -10
- package/dist/theme/fonts.svelte.d.ts +7 -14
- package/dist/theme/registry.json +1 -0
- package/package.json +1 -1
- package/readme.md +4 -8
- package/src/lib/theme/fonts.css +8 -0
- package/src/lib/theme/fonts.svelte +3 -10
- package/src/lib/theme/registry.json +1 -0
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
@font-face {
|
|
2
|
+
font-family: 'Material Symbols Outlined';
|
|
3
|
+
font-style: normal;
|
|
4
|
+
font-display: block;
|
|
5
|
+
font-weight: 100 700;
|
|
6
|
+
src: url('@fontsource-variable/material-symbols-outlined/files/material-symbols-outlined-latin-fill-normal.woff2')
|
|
7
|
+
format('woff2-variations');
|
|
8
|
+
}
|
package/dist/theme/fonts.svelte
CHANGED
|
@@ -1,10 +1,3 @@
|
|
|
1
|
-
<
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
font-style: normal;
|
|
5
|
-
font-display: block;
|
|
6
|
-
font-weight: 100 700;
|
|
7
|
-
src: url('@fontsource-variable/material-symbols-outlined/files/material-symbols-outlined-latin-fill-normal.woff2')
|
|
8
|
-
format('woff2-variations');
|
|
9
|
-
}
|
|
10
|
-
</style>
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import './fonts.css';
|
|
3
|
+
</script>
|
|
@@ -1,18 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
type Fonts = SvelteComponent<{
|
|
3
|
-
[x: string]: never;
|
|
4
|
-
}, {
|
|
5
|
-
[evt: string]: CustomEvent<any>;
|
|
6
|
-
}, {}> & {
|
|
7
|
-
$$bindings?: string | undefined;
|
|
8
|
-
};
|
|
9
|
-
declare const Fonts: $$__sveltets_2_IsomorphicComponent<{
|
|
10
|
-
[x: string]: never;
|
|
11
|
-
}, {
|
|
12
|
-
[evt: string]: CustomEvent<any>;
|
|
13
|
-
}, {}, {}, string>;
|
|
1
|
+
import './fonts.css';
|
|
14
2
|
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> {
|
|
15
|
-
new (options: import(
|
|
3
|
+
new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
|
|
16
4
|
$$bindings?: Bindings;
|
|
17
5
|
} & Exports;
|
|
18
6
|
(internal: unknown, props: {
|
|
@@ -24,3 +12,8 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
|
|
|
24
12
|
};
|
|
25
13
|
z_$$bindings?: Bindings;
|
|
26
14
|
}
|
|
15
|
+
declare const Fonts: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
|
|
16
|
+
[evt: string]: CustomEvent<any>;
|
|
17
|
+
}, {}, {}, string>;
|
|
18
|
+
type Fonts = InstanceType<typeof Fonts>;
|
|
19
|
+
export default Fonts;
|
package/dist/theme/registry.json
CHANGED
package/package.json
CHANGED
package/readme.md
CHANGED
|
@@ -7,11 +7,6 @@ and apps with components you can make your own.
|
|
|
7
7
|
[](https://discord.gg/JpgQRTUsVS)
|
|
8
8
|
[](LICENSE)
|
|
9
9
|
|
|
10
|
-
> <small>V2 is in development and has not been published to npm. The npm badge tracks the
|
|
11
|
-
> published release; the examples below use the v2 development checkout. Button,
|
|
12
|
-
> Icon, Surface, Theme and ThemeModeToggle exist today. Agent skills, site generation
|
|
13
|
-
> and live generative UI are planned.</small>
|
|
14
|
-
|
|
15
10
|
## Get started
|
|
16
11
|
|
|
17
12
|
### Explore the gallery
|
|
@@ -38,11 +33,12 @@ bun run build
|
|
|
38
33
|
npm pack --ignore-scripts
|
|
39
34
|
```
|
|
40
35
|
|
|
41
|
-
This produces `bref-ui
|
|
42
|
-
dependencies installed, install that
|
|
36
|
+
This produces `bref-ui-<version>.tgz`, named after the `package.json` version. In an
|
|
37
|
+
existing Svelte 5.56.1+ project with its dependencies installed, install that
|
|
38
|
+
tarball, replacing the example path:
|
|
43
39
|
|
|
44
40
|
```sh
|
|
45
|
-
npm install /path/to/bref-ui
|
|
41
|
+
npm install /path/to/bref-ui-<version>.tgz
|
|
46
42
|
```
|
|
47
43
|
|
|
48
44
|
Then use the components in a `.svelte` file:
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
@font-face {
|
|
2
|
+
font-family: 'Material Symbols Outlined';
|
|
3
|
+
font-style: normal;
|
|
4
|
+
font-display: block;
|
|
5
|
+
font-weight: 100 700;
|
|
6
|
+
src: url('@fontsource-variable/material-symbols-outlined/files/material-symbols-outlined-latin-fill-normal.woff2')
|
|
7
|
+
format('woff2-variations');
|
|
8
|
+
}
|
|
@@ -1,10 +1,3 @@
|
|
|
1
|
-
<
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
font-style: normal;
|
|
5
|
-
font-display: block;
|
|
6
|
-
font-weight: 100 700;
|
|
7
|
-
src: url('@fontsource-variable/material-symbols-outlined/files/material-symbols-outlined-latin-fill-normal.woff2')
|
|
8
|
-
format('woff2-variations');
|
|
9
|
-
}
|
|
10
|
-
</style>
|
|
1
|
+
<script lang="ts">
|
|
2
|
+
import './fonts.css';
|
|
3
|
+
</script>
|