@castlabs/ui 7.0.11 → 7.2.0

package/README.md

@@ -12,24 +12,7 @@ This is a public NPM package, add it via:
 
 ## Using `@castlabs/ui` in Vue.js 3 projects
 
-First create a vite Vue project (see Vue homepage's Quickstart), then remove all default css files and components.
-
-Next, follow the steps described above under *Using `@castlabs/ui` in npm projects*. Then edit your `main.js`/`main.ts` file and add:
-
-```
-import '@castlabs/ui/dist/castlabs-ui.css'
-import { castlabsUi } from '@castlabs/ui'
-import { castlabsUiEditor } from '@castlabs/ui/dist/castlabs-ui-editor.common.js' // optional
-import uid from '@castlabs/ui/plugins/uid'
-
-...
-
-app.use(castlabsUi)
-app.use(castlabsUiEditor) // optional
-app.use(uid)
-```
-
-You now have access to all the `<cl-*>` components mentioned in the Styleguide and can start adding the page templates and the sidenav.
+Use the `boilerplate-vue` demo project, it comes preconfigured with the UI lib.
 
 
 ## Using `@castlabs/ui` in Angular projects
@@ -51,14 +34,15 @@ Follow the steps described above under *Using `@castlabs/ui` in npm projects*. T
 Create/edit your `src/style.scss` file and add:
 
 ```
-$castlabs-ui-asset-prefix: '../..';
-@import '@castlabs/ui/src/styles/ui';
+@use '@castlabs/ui/src/styles/ui' with (
+  $castlabs-ui-asset-prefix: '../..'
+);
 ```
 
 To use our `$cl-*` helper SCSS variables in a component `*.scss` file, add to its top:
 
 ```
-@import '@castlabs/ui/src/styles/global';
+@use '@castlabs/ui/src/styles/global' as *;
 ```
 
 To use our cl* helper js methods (csModalShow in the following examples), import them your TS files: