bref-ui 2.1.1 → 2.1.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/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 +9 -7
- 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,10 +7,7 @@ and apps with components you can make your own.
|
|
|
7
7
|
[](https://discord.gg/JpgQRTUsVS)
|
|
8
8
|
[](LICENSE)
|
|
9
9
|
|
|
10
|
-
|
|
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>
|
|
10
|
+
https://github.com/user-attachments/assets/09b9a73d-c6fb-4e8d-b4f5-2267c4552ad7
|
|
14
11
|
|
|
15
12
|
## Get started
|
|
16
13
|
|
|
@@ -38,11 +35,12 @@ bun run build
|
|
|
38
35
|
npm pack --ignore-scripts
|
|
39
36
|
```
|
|
40
37
|
|
|
41
|
-
This produces `bref-ui
|
|
42
|
-
dependencies installed, install that
|
|
38
|
+
This produces `bref-ui-<version>.tgz`, named after the `package.json` version. In an
|
|
39
|
+
existing Svelte 5.56.1+ project with its dependencies installed, install that
|
|
40
|
+
tarball, replacing the example path:
|
|
43
41
|
|
|
44
42
|
```sh
|
|
45
|
-
npm install /path/to/bref-ui
|
|
43
|
+
npm install /path/to/bref-ui-<version>.tgz
|
|
46
44
|
```
|
|
47
45
|
|
|
48
46
|
Then use the components in a `.svelte` file:
|
|
@@ -93,6 +91,10 @@ is available from `bref-ui/types`. Copied components include the helper in
|
|
|
93
91
|
|
|
94
92
|
## Why Bref-ui?
|
|
95
93
|
|
|
94
|
+
[Watch Bref-ui in 60 seconds](https://feuersteiner.github.io/bref-ui/#why-bref-ui): themes,
|
|
95
|
+
scoped Svelte CSS, npm installation and CLI source ownership.
|
|
96
|
+
The [demo video](static/bref-ui-demo.mp4) is also available in this repository.
|
|
97
|
+
|
|
96
98
|
1. **Svelte-first.** The goal is modern components with zero runtime dependencies
|
|
97
99
|
beyond Svelte, built from scoped CSS, familiar HTML, native events, bindings and
|
|
98
100
|
snippets. Readable styles, with no class-name vocabulary to memorize. The
|
|
@@ -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>
|