@wwtdev/bsds-components-vue3 2.0.4 → 2.0.6
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 +8 -4
- package/lib/bsds-components.js +330 -328
- package/lib/components.css +1 -1
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -16,10 +16,14 @@ Add the following to your `main.js` file to import styles:
|
|
|
16
16
|
will be installed as dependencies of this package
|
|
17
17
|
*/
|
|
18
18
|
import '@wwtdev/bsds-components-vue3/components.css'
|
|
19
|
-
import '@wwtdev/bsds-icons-vue3/lib/style.css'
|
|
19
|
+
import '@wwtdev/bsds-icons-vue3/lib/style.css' // see note below re ^2.0.6
|
|
20
20
|
```
|
|
21
21
|
|
|
22
|
-
**Note** that the CSS framework is _included_ in `@wwtdev/bsds-components-vue3/components.css`, along with a few additional styles needed for the Vue components. This means that you do not need to import `@wwtdev/bsds-css/dist/wwt-bsds.min.css` separately
|
|
22
|
+
**Note** that the CSS framework is _included_ in `@wwtdev/bsds-components-vue3/components.css`, along with a few additional styles needed for the Vue components. This means that you do not need to import `@wwtdev/bsds-css/dist/wwt-bsds.min.css` separately.*
|
|
23
|
+
|
|
24
|
+
*Starting from v2.0.6, the icon styles are also included in `@wwtdev/bsds-components-vue3/components.css`. This means that you do not need to import `@wwtdev/bsds-icons-vue3/lib/style.css` separately, either.
|
|
25
|
+
|
|
26
|
+
**If you're using Tailwind in your project,** see additional instructions below.
|
|
23
27
|
|
|
24
28
|
#### Migration from v1
|
|
25
29
|
1. Remove the `@wwtdev/bsds-components` package, as this Vue 3 package no longer depends on a base web component library.
|
|
@@ -119,7 +123,7 @@ import './styles/tailwind.css'
|
|
|
119
123
|
|
|
120
124
|
// Blue Steel Styles
|
|
121
125
|
import '@wwtdev/bsds-components-vue3/components.css'
|
|
122
|
-
import '@wwtdev/bsds-icons-vue3/lib/style.css'
|
|
126
|
+
import '@wwtdev/bsds-icons-vue3/lib/style.css' // separate icon styles not needed from v2.0.6
|
|
123
127
|
|
|
124
128
|
```
|
|
125
129
|
|
|
@@ -133,7 +137,7 @@ export default defineNuxtConfig({
|
|
|
133
137
|
css: [
|
|
134
138
|
'~/assets/styles/tailwind.css',
|
|
135
139
|
'@wwtdev/bsds-components-vue3/components.css',
|
|
136
|
-
'@wwtdev/bsds-icons-vue3/lib/style.css'
|
|
140
|
+
'@wwtdev/bsds-icons-vue3/lib/style.css' // separate icon styles not needed from v2.0.6
|
|
137
141
|
]
|
|
138
142
|
})
|
|
139
143
|
|