@bcc-code/component-library-vue 1.3.13 → 1.3.15

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.
Files changed (8) hide show
  1. package/README.md +5 -2
  2. package/dist/component-library.js +3998 -4011
  3. package/dist/component-library.umd.cjs +195 -195
  4. package/dist/library-utilities.css +2 -0
  5. package/dist/theme.css +6 -0
  6. package/dist-types/components/custom/BccAppNavigation/BccAppNavigation.vue.d.ts +1 -0
  7. package/dist-types/components/custom/BccReact/BccReact.vue.d.ts +1 -1
  8. package/package.json +5 -2
package/README.md CHANGED
@@ -44,7 +44,7 @@ app.mount('#app');
44
44
 
45
45
  ### Styles Option 1 — Recommended: full Tailwind in your app
46
46
 
47
- Use this if you want Tailwind utility classes in your own templates and only ship the classes you use (tree-shaking).
47
+ Use this if you want Tailwind utility classes in your own templates while still letting the library's components render correctly.
48
48
 
49
49
  1. **Add the Tailwind Vite plugin** (the package brings Tailwind in as a dependency; you only wire it up):
50
50
 
@@ -64,7 +64,10 @@ export default defineConfig({
64
64
  @import '@bcc-code/component-library-vue/theme.css';
65
65
  ```
66
66
 
67
- Tailwind will run as part of your build and only include the utility classes that appear in your app and in the library.
67
+ That single import is enough. `theme.css` does two things:
68
+
69
+ - It exposes the BCC design tokens and Tailwind utilities.
70
+ - It also imports `library-utilities.css`, the pre-compiled CSS for the utility classes used **inside** the library's own components.
68
71
 
69
72
  ### Styles Option 2 — Pre-built CSS only
70
73