@farm-investimentos/front-mfe-components-vue3 1.6.2 → 1.6.4
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
CHANGED
|
@@ -37,5 +37,5 @@ Hosted at [https://www.npmjs.com/package/@farm-investimentos/front-mfe-component
|
|
|
37
37
|
#### Live doc
|
|
38
38
|
|
|
39
39
|
- push to `docs` branch
|
|
40
|
-
- live at [
|
|
40
|
+
- live at [https://front-farm-storybook.s3.us-east-1.amazonaws.com/vue3/index.html](https://front-farm-storybook.s3.us-east-1.amazonaws.com/vue3/index.html).
|
|
41
41
|
|
package/package.json
CHANGED
|
@@ -7,31 +7,28 @@ import { Meta } from '@storybook/blocks';
|
|
|
7
7
|
Many components have props that accepts strings as values instead of passa a numeric values.
|
|
8
8
|
Example:
|
|
9
9
|
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
</code>
|
|
14
|
-
|
|
15
|
-
<br />
|
|
10
|
+
```html
|
|
11
|
+
<my-component some-prop="md" /> // "md" will be used as 12px in the CSS
|
|
12
|
+
```
|
|
16
13
|
|
|
17
14
|
<br />
|
|
18
15
|
|
|
19
16
|
## Gutter
|
|
20
17
|
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
18
|
+
- none: 0
|
|
19
|
+
- xs: 4px
|
|
20
|
+
- sm: 8px
|
|
21
|
+
- vuetify: 12px
|
|
22
|
+
- md: 16px
|
|
23
|
+
- lg: 24px
|
|
24
|
+
- xl: 32px
|
|
25
|
+
- default: 24px
|
|
29
26
|
|
|
30
27
|
## Font Size
|
|
31
28
|
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
29
|
+
- xs: 8px
|
|
30
|
+
- sm: 12px
|
|
31
|
+
- md: 14px
|
|
32
|
+
- default: 16px
|
|
33
|
+
- lg: 20px
|
|
34
|
+
- xl: 24px
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { Meta } from '@storybook/blocks';
|
|
2
2
|
import imageFile from './assets/logo_farmtech.svg';
|
|
3
|
+
import packageJson from '../../package.json';
|
|
3
4
|
|
|
4
5
|
<Meta title="Introduction" />
|
|
5
6
|
|
|
6
7
|
<style>
|
|
7
|
-
|
|
8
|
+
{`
|
|
8
9
|
.subheading {
|
|
9
10
|
--mediumdark: '#999999';
|
|
10
11
|
font-weight: 900;
|
|
@@ -115,4 +116,4 @@ import imageFile from './assets/logo_farmtech.svg';
|
|
|
115
116
|
|
|
116
117
|
Here you can find the components from the Farmtech's Design System on the top of Vue 3.
|
|
117
118
|
|
|
118
|
-
|
|
119
|
+
Current version: {packageJson.version}
|