@vuecs/theme-bootstrap 7.0.0 → 7.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 +34 -4
- package/package.json +3 -3
package/README.md
CHANGED
|
@@ -1,16 +1,46 @@
|
|
|
1
1
|
# @vuecs/theme-bootstrap
|
|
2
2
|
|
|
3
|
-
[](https://www.npmjs.com/package/@vuecs/theme-bootstrap)
|
|
4
|
+
[](https://github.com/Tada5hi/vuecs/actions/workflows/main.yml)
|
|
5
|
+
[](./LICENSE)
|
|
5
6
|
|
|
6
|
-
Bootstrap 5
|
|
7
|
+
**The Bootstrap 5 theme for [vuecs](https://github.com/tada5hi/vuecs).** Native Bootstrap classes (`btn btn-primary`, `form-control`, `modal-content`, …) for every vuecs component — drop vuecs into an existing Bootstrap app and it looks like it was always there. No Tailwind anywhere in the stack.
|
|
7
8
|
|
|
8
|
-
|
|
9
|
+
## ✨ What's inside
|
|
10
|
+
|
|
11
|
+
- 🅱️ **Full component coverage** — Bootstrap class mappings + variant matrices for every vuecs component family, with gap-fill structural CSS for patterns Bootstrap doesn't ship (stepper, switch sizing, sort indicators).
|
|
12
|
+
- 🌉 **Design-token bridge** — optional CSS (`@import "@vuecs/theme-bootstrap"`) wiring Bootstrap's `--bs-*` variables onto `--vc-color-*`. Because Bootstrap 5 reads `--bs-*` at runtime, `setColorPalette()` re-tints **native Bootstrap widgets too** — live, no rebuild.
|
|
13
|
+
- 🌗 **Dark mode wired in** — declares a `colorMode.handle` hook that mirrors vuecs's resolved mode onto `data-bs-theme`, so Bootstrap 5.3+ chrome flips together with vuecs tokens (SSR-safe via `@vuecs/nuxt`).
|
|
14
|
+
- 🚫 **Tailwind-free palette switching** — pair with `@vuecs/design/standalone` for the full 22-palette catalog as plain CSS variables.
|
|
15
|
+
|
|
16
|
+
## 📦 Installation
|
|
9
17
|
|
|
10
18
|
```bash
|
|
11
19
|
npm install @vuecs/theme-bootstrap bootstrap
|
|
12
20
|
```
|
|
13
21
|
|
|
22
|
+
## ⚡ Usage
|
|
23
|
+
|
|
24
|
+
```css
|
|
25
|
+
/* main.css */
|
|
26
|
+
@import "bootstrap/dist/css/bootstrap.css";
|
|
27
|
+
@import "@vuecs/design/standalone";
|
|
28
|
+
@import "@vuecs/theme-bootstrap";
|
|
29
|
+
```
|
|
30
|
+
|
|
31
|
+
```ts
|
|
32
|
+
import vuecs from '@vuecs/core';
|
|
33
|
+
import bootstrap from '@vuecs/theme-bootstrap';
|
|
34
|
+
|
|
35
|
+
app.use(vuecs, { themes: [bootstrap()] });
|
|
36
|
+
```
|
|
37
|
+
|
|
38
|
+
> Renamed from `@vuecs/theme-bootstrap-v5` in vuecs 3.0 (clean break, no shim). The former `@vuecs/theme-bootstrap-v4` was removed — Bootstrap 4's Sass-compiled CSS can't benefit from the runtime token bridge.
|
|
39
|
+
|
|
40
|
+
## 📚 Documentation
|
|
41
|
+
|
|
42
|
+
Full reference: **[vuecs.dev/themes/bootstrap](https://vuecs.dev/themes/bootstrap)**
|
|
43
|
+
|
|
14
44
|
## License
|
|
15
45
|
|
|
16
46
|
Made with 💚
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vuecs/theme-bootstrap",
|
|
3
|
-
"version": "7.0.
|
|
3
|
+
"version": "7.0.1",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Bootstrap theme for vuecs components. Currently targets Bootstrap 5; the version number tracks vuecs theme breaking changes, not Bootstrap's.",
|
|
6
6
|
"exports": {
|
|
@@ -45,11 +45,11 @@
|
|
|
45
45
|
"@vuecs/core": "^3.2.0",
|
|
46
46
|
"@vuecs/countdown": "^2.0.4",
|
|
47
47
|
"@vuecs/elements": "^1.2.3",
|
|
48
|
-
"@vuecs/forms": "^5.2.
|
|
48
|
+
"@vuecs/forms": "^5.2.1",
|
|
49
49
|
"@vuecs/gravatar": "^2.0.5",
|
|
50
50
|
"@vuecs/list": "^1.0.4",
|
|
51
51
|
"@vuecs/navigation": "^4.0.2",
|
|
52
|
-
"@vuecs/overlays": "^1.0
|
|
52
|
+
"@vuecs/overlays": "^1.1.0",
|
|
53
53
|
"@vuecs/pagination": "^2.1.3",
|
|
54
54
|
"@vuecs/placeholder": "^1.0.4",
|
|
55
55
|
"@vuecs/timeago": "^2.1.0"
|