@vuecs/theme-bulma 4.0.0 → 5.0.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/README.md +33 -4
- package/package.json +3 -3
package/README.md
CHANGED
|
@@ -1,16 +1,45 @@
|
|
|
1
1
|
# @vuecs/theme-bulma
|
|
2
2
|
|
|
3
|
-
[](https://www.npmjs.com/package/@vuecs/theme-bulma)
|
|
4
|
+
[](https://github.com/Tada5hi/vuecs/actions/workflows/main.yml)
|
|
5
|
+
[](./LICENSE)
|
|
5
6
|
|
|
6
|
-
Bulma 1.0+ theme for vuecs
|
|
7
|
+
**The Bulma 1.0+ theme for [vuecs](https://github.com/tada5hi/vuecs).** Native Bulma classes (`button is-primary`, `input`, `dropdown-content`, …) for every vuecs component — vuecs in a Bulma app, with no Tailwind anywhere in the stack.
|
|
7
8
|
|
|
8
|
-
|
|
9
|
+
## ✨ What's inside
|
|
10
|
+
|
|
11
|
+
- 🟢 **Full component coverage** — Bulma class mappings + variant matrices for every vuecs component family, with gap-fill CSS for patterns Bulma core doesn't ship (stepper, switch, card bands, sort indicators).
|
|
12
|
+
- 🌉 **Design-token bridge** — optional CSS (`@import "@vuecs/theme-bulma"`) wiring Bulma's `--bulma-*` variables onto `--vc-color-*`, so vuecs and Bulma-native components share one source of color truth.
|
|
13
|
+
- 🎛️ **Palette renderer** — declares a `palette.handle` hook against the shared 22-palette catalog: `useColorPalette().set(...)` re-tints Bulma's per-variant colors live (a precomputed HSL table works around Bulma's channel-based theming).
|
|
14
|
+
- 🌗 **Dark mode wired in** — a `colorMode.handle` hook mirrors vuecs's resolved mode onto Bulma's `data-theme` attribute (SSR-safe via `@vuecs/nuxt`).
|
|
15
|
+
- 🚫 **Tailwind-free** — pair with `@vuecs/design/standalone` for the palette catalog as plain CSS variables.
|
|
16
|
+
|
|
17
|
+
## 📦 Installation
|
|
9
18
|
|
|
10
19
|
```bash
|
|
11
20
|
npm install @vuecs/theme-bulma bulma
|
|
12
21
|
```
|
|
13
22
|
|
|
23
|
+
## ⚡ Usage
|
|
24
|
+
|
|
25
|
+
```css
|
|
26
|
+
/* main.css */
|
|
27
|
+
@import "bulma/css/bulma.css";
|
|
28
|
+
@import "@vuecs/design/standalone";
|
|
29
|
+
@import "@vuecs/theme-bulma";
|
|
30
|
+
```
|
|
31
|
+
|
|
32
|
+
```ts
|
|
33
|
+
import vuecs from '@vuecs/core';
|
|
34
|
+
import bulma from '@vuecs/theme-bulma';
|
|
35
|
+
|
|
36
|
+
app.use(vuecs, { themes: [bulma()] });
|
|
37
|
+
```
|
|
38
|
+
|
|
39
|
+
## 📚 Documentation
|
|
40
|
+
|
|
41
|
+
Full reference (including Bulma-specific mapping decisions): **[vuecs.dev/themes/bulma](https://vuecs.dev/themes/bulma)**
|
|
42
|
+
|
|
14
43
|
## License
|
|
15
44
|
|
|
16
45
|
Made with 💚
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vuecs/theme-bulma",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "5.0.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Bulma theme for vuecs components. Targets Bulma 1.0+ (CSS-variable-based theming); the version number tracks vuecs theme breaking changes, not Bulma's.",
|
|
6
6
|
"exports": {
|
|
@@ -52,11 +52,11 @@
|
|
|
52
52
|
"@vuecs/countdown": "^2.0.4",
|
|
53
53
|
"@vuecs/design": "^1.0.4",
|
|
54
54
|
"@vuecs/elements": "^1.2.3",
|
|
55
|
-
"@vuecs/forms": "^5.2.
|
|
55
|
+
"@vuecs/forms": "^5.2.1",
|
|
56
56
|
"@vuecs/gravatar": "^2.0.5",
|
|
57
57
|
"@vuecs/list": "^1.0.4",
|
|
58
58
|
"@vuecs/navigation": "^4.0.2",
|
|
59
|
-
"@vuecs/overlays": "^1.0
|
|
59
|
+
"@vuecs/overlays": "^1.1.0",
|
|
60
60
|
"@vuecs/pagination": "^2.1.3",
|
|
61
61
|
"@vuecs/placeholder": "^1.0.4",
|
|
62
62
|
"@vuecs/timeago": "^2.1.0",
|