@evercam/ui 0.0.9 → 0.0.11
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 +47 -0
- package/dist/styles.css +0 -4
- package/package.json +5 -3
package/README.md
ADDED
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
## Evercam UI
|
|
2
|
+
|
|
3
|
+
### Description
|
|
4
|
+
Components libray for the [Evercam](https://evercam.io) frontends.
|
|
5
|
+
|
|
6
|
+
### Installation
|
|
7
|
+
|
|
8
|
+
1- Install the package
|
|
9
|
+
|
|
10
|
+
`yarn add @evercam/ui`
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
2- Use the components in a Vue app by either:
|
|
14
|
+
|
|
15
|
+
- Installing the library globally as a Vue plugin:
|
|
16
|
+
|
|
17
|
+
```javascript
|
|
18
|
+
import Vue from "vue"
|
|
19
|
+
import EvercamUI from "@evercam/ui"
|
|
20
|
+
|
|
21
|
+
Vue.use(EvercamUI)
|
|
22
|
+
```
|
|
23
|
+
|
|
24
|
+
- Or importing components individually:
|
|
25
|
+
|
|
26
|
+
```vue
|
|
27
|
+
<template>
|
|
28
|
+
<EBadge text="Hello world" color="success" />
|
|
29
|
+
</template>
|
|
30
|
+
|
|
31
|
+
<script>
|
|
32
|
+
import { EBadge } from "@evercam/ui"
|
|
33
|
+
|
|
34
|
+
export default {
|
|
35
|
+
components: {
|
|
36
|
+
EBadge,
|
|
37
|
+
},
|
|
38
|
+
}
|
|
39
|
+
</script>
|
|
40
|
+
```
|
|
41
|
+
|
|
42
|
+
### Dev mode
|
|
43
|
+
|
|
44
|
+
You can preview the components and their stories by running the [Histoire](https://histoire.dev) sever:
|
|
45
|
+
|
|
46
|
+
`yarn story:dev`
|
|
47
|
+
|
package/dist/styles.css
CHANGED
|
@@ -445,10 +445,6 @@
|
|
|
445
445
|
--tw-text-opacity: 1;
|
|
446
446
|
color: rgb(0 0 0 / var(--tw-text-opacity));
|
|
447
447
|
}
|
|
448
|
-
.e-text-brand-600{
|
|
449
|
-
--tw-text-opacity: 1;
|
|
450
|
-
color: rgb(156 18 22 / var(--tw-text-opacity));
|
|
451
|
-
}
|
|
452
448
|
.e-text-rose-500{
|
|
453
449
|
--tw-text-opacity: 1;
|
|
454
450
|
color: rgb(244 63 94 / var(--tw-text-opacity));
|
package/package.json
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@evercam/ui",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.11",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"private": false,
|
|
6
6
|
"author": "Evercam - Constuction Cameras",
|
|
7
7
|
"description": "Evercam UI components library",
|
|
8
|
+
"readme": "README.md",
|
|
8
9
|
"repository": {
|
|
9
10
|
"type": "git",
|
|
10
11
|
"url": "git+https://github.com/evercam/evercam-frontend.git"
|
|
@@ -32,11 +33,12 @@
|
|
|
32
33
|
"build": "yarn build:lib && yarn build:style",
|
|
33
34
|
"build:lib": "vite build",
|
|
34
35
|
"build:style": "postcss src/style/main.css --verbose -o dist/styles.css",
|
|
35
|
-
"typecheck": "vue-tsc --declaration --emitDeclarationOnly"
|
|
36
|
+
"typecheck": "vue-tsc --declaration --emitDeclarationOnly",
|
|
37
|
+
"ci": "(cd ../..; yarn ci)"
|
|
36
38
|
},
|
|
37
39
|
"devDependencies": {
|
|
38
40
|
"@fontsource-variable/inter": "^5.0.8",
|
|
39
|
-
"@fortawesome/fontawesome-
|
|
41
|
+
"@fortawesome/fontawesome-free": "^5.15.3",
|
|
40
42
|
"@histoire/plugin-vue2": "^0.17.1",
|
|
41
43
|
"@histoire/vendors": "^0.17.0",
|
|
42
44
|
"@vitejs/plugin-vue2": "^2.2.0",
|