@farm-investimentos/front-mfe-components 10.0.1 → 10.1.1

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 (48) hide show
  1. package/dist/front-mfe-components.common.js +332 -209
  2. package/dist/front-mfe-components.common.js.map +1 -1
  3. package/dist/front-mfe-components.css +1 -1
  4. package/dist/front-mfe-components.umd.js +332 -209
  5. package/dist/front-mfe-components.umd.js.map +1 -1
  6. package/dist/front-mfe-components.umd.min.js +1 -1
  7. package/dist/front-mfe-components.umd.min.js.map +1 -1
  8. package/package.json +1 -1
  9. package/src/components/Card/Card.stories.js +1 -1
  10. package/src/components/Card/CardContent/CardContent.vue +5 -2
  11. package/src/components/Checkbox/Checkbox.stories.js +1 -1
  12. package/src/components/Chip/Chip.stories.js +1 -1
  13. package/src/components/DialogHeader/DialogHeader.scss +4 -2
  14. package/src/components/DialogHeader/DialogHeader.vue +3 -5
  15. package/src/components/Form/Form.stories.js +1 -1
  16. package/src/components/Form/Form.vue +1 -1
  17. package/src/components/Form/__tests__/Form.spec.js +0 -1
  18. package/src/components/Icon/Icon.stories.js +1 -1
  19. package/src/components/ListItem/ListItem.stories.js +1 -1
  20. package/src/components/Loader/Loader.stories.ts +1 -1
  21. package/src/components/Logger/Logger.stories.js +1 -1
  22. package/src/components/MainFilter/MainFilter.scss +5 -1
  23. package/src/components/MainFilter/MainFilter.stories.js +23 -1
  24. package/src/components/MainFilter/MainFilter.vue +16 -5
  25. package/src/components/Modal/Modal.scss +2 -1
  26. package/src/components/Modal/Modal.stories.js +1 -1
  27. package/src/components/Modal/Modal.vue +1 -1
  28. package/src/components/ModalPromptUser/ModalPromptUser.stories.js +1 -1
  29. package/src/components/RadioGroup/RadioGroup.stories.js +1 -1
  30. package/src/components/TableContextMenu/TableContextMenu.stories.js +1 -1
  31. package/src/components/Tooltip/Tooltip.scss +12 -11
  32. package/src/components/Tooltip/Tooltip.stories.js +12 -38
  33. package/src/components/Tooltip/Tooltip.vue +18 -17
  34. package/src/components/layout/Basic.stories.js +2 -2
  35. package/src/components/layout/Box/Box.scss +20 -0
  36. package/src/components/layout/Box/Box.stories.js +66 -0
  37. package/src/components/layout/Box/Box.vue +43 -0
  38. package/src/components/layout/Box/__tests__/Box.spec.js +21 -0
  39. package/src/components/layout/Box/index.ts +4 -0
  40. package/src/components/layout/Col/__tests__/Col.spec.js +0 -1
  41. package/src/components/layout/Container/Container.stories.js +1 -1
  42. package/src/components/layout/ContainerFooter/Container.stories.js +1 -1
  43. package/src/components/layout/Row/Row.scss +1 -3
  44. package/src/components/layout/Row/Row.stories.js +3 -2
  45. package/src/components/layout/Row/__tests__/Row.spec.js +0 -1
  46. package/src/configurations/_variables.scss +8 -3
  47. package/src/configurations/flexVariables.ts +4 -0
  48. package/src/main.ts +1 -0
package/src/components/layout/Box/index.ts ADDED
@@ -0,0 +1,4 @@
1
+ import Box from './Box.vue';
2
+
3
+ export { Box };
4
+ export default Box;
package/src/components/layout/Col/__tests__/Col.spec.js CHANGED
@@ -3,7 +3,6 @@ import Col from '../Col';
3
3
 
4
4
  describe('Col component', () => {
5
5
  let wrapper;
6
- let component;
7
6
 
8
7
  beforeEach(() => {
9
8
  wrapper = shallowMount(Col);
package/src/components/layout/Container/Container.stories.js CHANGED
@@ -8,7 +8,7 @@ export default {
8
8
  description: {
9
9
  component: `Container<br />
10
10
  selector: <em>farm-container</em><br />
11
- <span style="color: green;">ready for use</span>
11
+ <span style="color: var(--farm-primary-base);">ready for use</span>
12
12
  `,
13
13
  },
14
14
  },
package/src/components/layout/ContainerFooter/Container.stories.js CHANGED
@@ -8,7 +8,7 @@ export default {
8
8
  description: {
9
9
  component: `Container Footer<br />
10
10
  selector: <em>farm-container-footer</em><br />
11
- <span style="color: green">ready for use</span>
11
+ <span style="color: var(--farm-primary-base);">ready for use</span>
12
12
  `,
13
13
  },
14
14
  },
package/src/components/layout/Row/Row.scss CHANGED
@@ -1,7 +1,5 @@
1
1
  @import '../../../configurations/functions';
2
- $aligns: start, center, end, baseline, stretch;
3
- $align-contents: start, center, end, space-between, space-around, stretch;
4
- $justifications: start, center, end, space-between, space-around;
2
+ @import '../../../configurations/variables';
5
3
 
6
4
 
7
5
  .farm-row {
package/src/components/layout/Row/Row.stories.js CHANGED
@@ -1,4 +1,5 @@
1
1
  import Row from './Row.vue';
2
+ import { justifications } from '../../../configurations/flexVariables';
2
3
 
3
4
  export default {
4
5
  title: 'Layout/Row',
@@ -8,7 +9,7 @@ export default {
8
9
  description: {
9
10
  component: `Row<br />
10
11
  selector: <em>farm-row</em><br />
11
- <span style="color: green">ready for use</span>
12
+ <span style="color: var(--farm-primary-base);">ready for use</span>
12
13
  `,
13
14
  },
14
15
  },
@@ -55,7 +56,7 @@ export const AlignContent = () => ({
55
56
  export const Justify = () => ({
56
57
  data() {
57
58
  return {
58
- justifications: ['start', 'center', 'end', 'space-between', 'space-around'],
59
+ justifications,
59
60
  };
60
61
  },
61
62
  template: `<div>
package/src/components/layout/Row/__tests__/Row.spec.js CHANGED
@@ -3,7 +3,6 @@ import Row from '../Row';
3
3
 
4
4
  describe('Row component', () => {
5
5
  let wrapper;
6
- let component;
7
6
 
8
7
  beforeEach(() => {
9
8
  wrapper = shallowMount(Row);
package/src/configurations/_variables.scss CHANGED
@@ -9,9 +9,9 @@ $sizes: (
9
9
  $gutters: (
10
10
  "none": 0,
11
11
  "xs": 4px,
12
- 'sm': 8px,
12
+ "sm": 8px,
13
13
  "default": 12px,
14
- 'md': 16px,
14
+ "md": 16px,
15
15
  "lg": 24px,
16
16
  "xl": 32px
17
17
  );
@@ -25,4 +25,9 @@ $fontSizes: (
25
25
  "xl": 24px
26
26
  );
27
27
 
28
- $fontWeights: 100, 200, 300, 400, 500, 600, 700;
28
+ $fontWeights: 100, 200, 300, 400, 500, 600, 700;
29
+
30
+ $aligns: start, center, end, baseline, stretch;
31
+ $align-contents: start, center, end, space-between, space-around, stretch;
32
+ $justifications: start, center, end, space-between, space-around;
33
+ $directions: row, row-reverse, column, column-reverse;
package/src/configurations/flexVariables.ts ADDED
@@ -0,0 +1,4 @@
1
+ const directions = ['row', 'row-reverse', 'column', 'column-reverse'];
2
+ const justifications = ['start', 'center', 'end', 'space-between', 'space-around'];
3
+
4
+ export { directions, justifications };
package/src/main.ts CHANGED
@@ -85,6 +85,7 @@ export * from './components/TextField';
85
85
  export * from './components/Tooltip';
86
86
  export * from './components/Typography';
87
87
 
88
+ export * from './components/layout/Box';
88
89
  export * from './components/layout/Col';
89
90
  export * from './components/layout/Container';
90
91
  export * from './components/layout/ContainerFooter';