@bcc-code/component-library-vue 1.3.30 → 1.4.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 +18 -3
- package/dist/component-library.js +4320 -4338
- package/dist/component-library.umd.cjs +209 -209
- package/dist/index.css +1 -1
- package/dist/library-utilities.css +1 -1
- package/dist/theme.css +4 -4
- package/package.json +5 -3
package/README.md
CHANGED
|
@@ -41,7 +41,6 @@ app.mount('#app');
|
|
|
41
41
|
|
|
42
42
|
2. **Add styles** using one of the two options below.
|
|
43
43
|
|
|
44
|
-
|
|
45
44
|
### Styles Option 1 — Recommended: full Tailwind in your app
|
|
46
45
|
|
|
47
46
|
Use this if you want Tailwind utility classes in your own templates while still letting the library's components render correctly.
|
|
@@ -71,7 +70,7 @@ That single import is enough. `theme.css` includes:
|
|
|
71
70
|
- BCC design tokens, `@theme` / `@utility` definitions, and the rest of the design-system CSS inlined from `src/style.css` (including component-specific rules such as `BccInput` icon sizing and `BccButton` context tokens).
|
|
72
71
|
- `library-utilities.css`, the pre-compiled Tailwind **utility class** rules used inside library templates (which your build cannot infer from the published JS).
|
|
73
72
|
|
|
74
|
-
Do **not** rely on `library-utilities.css` alone with a minimal “base” import: you still need the full `theme.css` (or `style.css` for Option 2) so non-utility component styles and tokens are present.
|
|
73
|
+
Do **not** rely on `library-utilities.css` alone with a minimal “base” import: you still need the full `theme.css` (or `style.css` for Option 2) so non-utility component styles and tokens are present.
|
|
75
74
|
|
|
76
75
|
### Styles Option 2 — Pre-built CSS only
|
|
77
76
|
|
|
@@ -85,7 +84,6 @@ import '@bcc-code/component-library-vue/style.css';
|
|
|
85
84
|
|
|
86
85
|
You get the BCC theme and component styles only; no Tailwind utilities in your app.
|
|
87
86
|
|
|
88
|
-
|
|
89
87
|
# Components
|
|
90
88
|
|
|
91
89
|
All components are namespaced with `Bcc`. Use them in templates or register them globally in your `main.ts`.
|
|
@@ -130,9 +128,26 @@ The library exports both **custom BCC components** (e.g. `BccBadge`, `BccFrame`,
|
|
|
130
128
|
pnpm install
|
|
131
129
|
pnpm run start # Storybook on port 6006
|
|
132
130
|
pnpm run build # Typecheck, types, and Vite build
|
|
131
|
+
pnpm run docs:ai # Build Storybook, then generate AI-ready docs outputs
|
|
132
|
+
pnpm run build:llms # Regenerate AI docs from an existing storybook-static/index.json
|
|
133
133
|
pnpm run build:vite # Vite build only (includes theme.css)
|
|
134
134
|
```
|
|
135
135
|
|
|
136
|
+
### AI-ready docs outputs
|
|
137
|
+
|
|
138
|
+
|
|
139
|
+
`pnpm run docs:ai` generates the public AI documentation artifacts into `storybook-static/`:
|
|
140
|
+
|
|
141
|
+
- `/llms.txt`: Markdown index of public docs pages.
|
|
142
|
+
- `/llms-full.txt`: concatenated Markdown for all public docs pages.
|
|
143
|
+
- `/docs/<page>.md`: per-page Markdown mirroring the Storybook docs route, e.g. `/docs/foundations-colors--docs` -> `/docs/foundations-colors--docs.md`.
|
|
144
|
+
|
|
145
|
+
`build-storybook` runs the same generation after Storybook builds, so deployed docs get these files at runtime. The generated files live in `storybook-static/`, which is ignored and not committed; CI does not need a drift check unless these build artifacts are committed later.
|
|
146
|
+
|
|
147
|
+
The generator uses Storybook's `storybook-static/index.json` as the route source of truth, converts MDX to readable Markdown, and summarizes autodocs story pages from story metadata. It only reads public docs entries from `docs` and `src` through the Storybook manifest, and excludes private/internal/secrets paths, env files, dependency folders, build outputs, and caches.
|
|
148
|
+
|
|
149
|
+
Override the published URL base with `LLMS_BASE_URL=https://your-docs-host pnpm run build:llms` if needed. Only static Markdown and JSON documentation artifacts are produced.
|
|
150
|
+
|
|
136
151
|
### Folder structure (where to work)
|
|
137
152
|
|
|
138
153
|
- `src/components/custom`: New BCC-first components and component-specific styles/logic.
|