@madgex/design-system 2.0.8 → 2.2.0

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 (52) hide show
  1. package/coverage/cobertura-coverage.xml +1 -1
  2. package/coverage/components/accordion/accordion.js.html +1 -1
  3. package/coverage/components/accordion/index.html +1 -1
  4. package/coverage/components/button/button.js.html +1 -1
  5. package/coverage/components/button/index.html +1 -1
  6. package/coverage/components/inputs/combobox/combobox.js.html +1 -1
  7. package/coverage/components/inputs/combobox/index.html +1 -1
  8. package/coverage/components/inputs/combobox/vue-components/Combobox.vue.html +1 -1
  9. package/coverage/components/inputs/combobox/vue-components/ListBoxOption.vue.html +1 -1
  10. package/coverage/components/inputs/combobox/vue-components/index.html +1 -1
  11. package/coverage/components/inputs/file-upload/file-upload.js.html +1 -1
  12. package/coverage/components/inputs/file-upload/index.html +1 -1
  13. package/coverage/components/inputs/textarea/character-count.js.html +1 -1
  14. package/coverage/components/inputs/textarea/index.html +1 -1
  15. package/coverage/components/modal/index.html +1 -1
  16. package/coverage/components/modal/modal.js.html +1 -1
  17. package/coverage/components/notification/index.html +1 -1
  18. package/coverage/components/notification/notification.js.html +1 -1
  19. package/coverage/components/popover/index.html +1 -1
  20. package/coverage/components/popover/popover.js.html +1 -1
  21. package/coverage/components/switch-state/index.html +1 -1
  22. package/coverage/components/switch-state/switch-state.js.html +1 -1
  23. package/coverage/components/tabs/index.html +1 -1
  24. package/coverage/components/tabs/tabs.js.html +1 -1
  25. package/coverage/index.html +1 -1
  26. package/coverage/js/common.js.html +1 -1
  27. package/coverage/js/fractal-scripts/combobox.js.html +1 -1
  28. package/coverage/js/fractal-scripts/index.html +1 -1
  29. package/coverage/js/fractal-scripts/notification.js.html +1 -1
  30. package/coverage/js/fractal-scripts/switch-state.js.html +1 -1
  31. package/coverage/js/index-fractal.js.html +1 -1
  32. package/coverage/js/index-polyfills.js.html +1 -1
  33. package/coverage/js/index-vue.js.html +1 -1
  34. package/coverage/js/index.html +1 -1
  35. package/coverage/js/index.js.html +1 -1
  36. package/coverage/js/polyfills/arrayPrototypeFind.js.html +1 -1
  37. package/coverage/js/polyfills/closest.js.html +1 -1
  38. package/coverage/js/polyfills/index.html +1 -1
  39. package/coverage/js/polyfills/objectAssign.js.html +1 -1
  40. package/coverage/js/polyfills/remove.js.html +1 -1
  41. package/coverage/tokens/_config.js.html +1 -1
  42. package/coverage/tokens/index.html +1 -1
  43. package/dist/_tokens/css/_tokens.css +5 -2
  44. package/dist/_tokens/js/_tokens-module.js +53 -2
  45. package/dist/_tokens/scss/_tokens.scss +10 -4
  46. package/dist/assets/icons.json +1 -1
  47. package/dist/css/index.css +1 -1
  48. package/dist/js/index.js +1 -1
  49. package/package.json +1 -1
  50. package/src/scss/core/_containers.scss +5 -0
  51. package/src/tokens/effects.json +3 -0
  52. package/src/tokens/size.json +7 -1
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@madgex/design-system",
3
3
  "author": "Madgex",
4
4
  "license": "UNLICENSED",
5
- "version": "2.0.8",
5
+ "version": "2.2.0",
6
6
  "scripts": {
7
7
  "clean": "rimraf dist public tokens/build",
8
8
  "commit": "commit",
package/src/scss/core/_containers.scss CHANGED
@@ -15,6 +15,11 @@ body {
15
15
  background: $mds-color-background-main;
16
16
  padding: $mds-size-main-padding;
17
17
  margin: $mds-size-main-margin;
18
+ max-width: $mds-size-main-max-width;
19
+ border-radius: $mds-size-border-radius-main;
20
+ box-shadow: $mds-shadow-main;
21
+ position: relative;
22
+ z-index: 1;
18
23
  }
19
24
  .mds-wrapper {
20
25
  width: calc(#{$mds-size-wrapper-width} - #{$mds-size-gutter-width});
package/src/tokens/effects.json CHANGED
@@ -5,6 +5,9 @@
5
5
  },
6
6
  "site-container": {
7
7
  "value": "none"
8
+ },
9
+ "main": {
10
+ "value": "none"
8
11
  }
9
12
  }
10
13
  }
package/src/tokens/size.json CHANGED
@@ -22,6 +22,9 @@
22
22
  },
23
23
  "button": {
24
24
  "value": "{size.border.radius.base.value}"
25
+ },
26
+ "main": {
27
+ "value": "0"
25
28
  }
26
29
  }
27
30
  },
@@ -51,11 +54,14 @@
51
54
  }
52
55
  },
53
56
  "main": {
57
+ "max-width": {
58
+ "value": "100%"
59
+ },
54
60
  "padding": {
55
61
  "value": "0"
56
62
  },
57
63
  "margin": {
58
- "value": "0"
64
+ "value": "0 auto"
59
65
  }
60
66
  },
61
67
  "icon": {