@madgex/design-system 1.8.0 → 1.10.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 (20) hide show
  1. package/dist/_tokens/css/_tokens.css +82 -8
  2. package/dist/_tokens/js/_tokens-module.js +1780 -104
  3. package/dist/_tokens/scss/_tokens.scss +266 -18
  4. package/dist/css/index.css +2687 -10
  5. package/package.json +1 -1
  6. package/src/components/button/button.scss +1 -1
  7. package/src/layout/spacing/README.md +23 -0
  8. package/src/layout/spacing/spacing.njk +15 -0
  9. package/src/scss/core/__index.scss +1 -0
  10. package/src/scss/core/_grid.scss +1 -2
  11. package/src/scss/core/_typography.scss +20 -0
  12. package/src/scss/helpers/__index.scss +2 -10
  13. package/src/scss/helpers/_font-types.scss +37 -0
  14. package/src/scss/helpers/_media-queries.scss +4 -4
  15. package/src/scss/helpers/_spacing.scss +46 -0
  16. package/src/scss/index.scss +0 -7
  17. package/src/tokens/font.json +182 -0
  18. package/src/tokens/size.json +2 -10
  19. package/src/typography/font-types.njk +29 -0
  20. package/src/typography/headings.njk +7 -0
package/dist/_tokens/css/_tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 04 Jul 2019 10:34:17 GMT
3
+ * Generated on Fri, 05 Jul 2019 12:02:02 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -19,13 +19,86 @@
19
19
  --mds-color-neutral-53: #888888;
20
20
  --mds-color-neutral-95: #f3f1f1;
21
21
  --mds-font-family-base: "Helvetica", Arial, sans-serif;
22
- --mds-size-font-xs: 12rem;
23
- --mds-size-font-sm: 14rem;
24
- --mds-size-font-md: 16rem;
25
- --mds-size-font-lg: 20rem;
26
- --mds-size-font-xl: 26rem;
27
- --mds-size-font-xxl: 46rem;
28
- --mds-size-font-base: 16rem;
22
+ --mds-font-type-canon-default-size: 28px;
23
+ --mds-font-type-canon-default-line-height: 1.15;
24
+ --mds-font-type-canon-sm-size: 32px;
25
+ --mds-font-type-canon-sm-line-height: 1.13;
26
+ --mds-font-type-canon-md-size: 52px;
27
+ --mds-font-type-canon-md-line-height: 1.08;
28
+ --mds-font-type-canon-lg-size: 44px;
29
+ --mds-font-type-canon-lg-line-height: 1.1;
30
+ --mds-font-type-trafalgar-default-size: 20px;
31
+ --mds-font-type-trafalgar-default-line-height: 1.2;
32
+ --mds-font-type-trafalgar-sm-size: 24px;
33
+ --mds-font-type-trafalgar-sm-line-height: 1.17;
34
+ --mds-font-type-trafalgar-md-size: 36px;
35
+ --mds-font-type-trafalgar-md-line-height: 1.12;
36
+ --mds-font-type-trafalgar-lg-size: 32px;
37
+ --mds-font-type-trafalgar-lg-line-height: 1.13;
38
+ --mds-font-type-paragon-default-size: 20px;
39
+ --mds-font-type-paragon-default-line-height: 1.2;
40
+ --mds-font-type-paragon-sm-size: 22px;
41
+ --mds-font-type-paragon-sm-line-height: 1.19;
42
+ --mds-font-type-paragon-md-size: 28px;
43
+ --mds-font-type-paragon-md-line-height: 1.15;
44
+ --mds-font-type-paragon-lg-size: 28px;
45
+ --mds-font-type-paragon-lg-line-height: 1.15;
46
+ --mds-font-type-double-pica-default-size: 20px;
47
+ --mds-font-type-double-pica-default-line-height: 1.2;
48
+ --mds-font-type-double-pica-sm-size: 20px;
49
+ --mds-font-type-double-pica-sm-line-height: 1.2;
50
+ --mds-font-type-double-pica-md-size: 26px;
51
+ --mds-font-type-double-pica-md-line-height: 1.16;
52
+ --mds-font-type-double-pica-lg-size: 24px;
53
+ --mds-font-type-double-pica-lg-line-height: 1.17;
54
+ --mds-font-type-great-primer-default-size: 18px;
55
+ --mds-font-type-great-primer-default-line-height: 1.23;
56
+ --mds-font-type-great-primer-sm-size: 18px;
57
+ --mds-font-type-great-primer-sm-line-height: 1.23;
58
+ --mds-font-type-great-primer-md-size: 21px;
59
+ --mds-font-type-great-primer-md-line-height: 1.15;
60
+ --mds-font-type-great-primer-lg-size: 20px;
61
+ --mds-font-type-great-primer-lg-line-height: 1.2;
62
+ --mds-font-type-body-copy-default-size: 14px;
63
+ --mds-font-type-body-copy-default-line-height: 1.43;
64
+ --mds-font-type-body-copy-sm-size: 16px;
65
+ --mds-font-type-body-copy-sm-line-height: 1.38;
66
+ --mds-font-type-body-copy-md-size: 18px;
67
+ --mds-font-type-body-copy-md-line-height: 1.34;
68
+ --mds-font-type-body-copy-lg-size: 16px;
69
+ --mds-font-type-body-copy-lg-line-height: 1.38;
70
+ --mds-font-type-pica-default-size: 15px;
71
+ --mds-font-type-pica-default-line-height: 1.34;
72
+ --mds-font-type-pica-sm-size: 16px;
73
+ --mds-font-type-pica-sm-line-height: 1.25;
74
+ --mds-font-type-pica-md-size: 18px;
75
+ --mds-font-type-pica-md-line-height: 1.23;
76
+ --mds-font-type-pica-lg-size: 16px;
77
+ --mds-font-type-pica-lg-line-height: 1.25;
78
+ --mds-font-type-long-primer-default-size: 15px;
79
+ --mds-font-type-long-primer-default-line-height: 1.2;
80
+ --mds-font-type-long-primer-sm-size: 15px;
81
+ --mds-font-type-long-primer-sm-line-height: 1.2;
82
+ --mds-font-type-long-primer-md-size: 15px;
83
+ --mds-font-type-long-primer-md-line-height: 1.34;
84
+ --mds-font-type-long-primer-lg-size: 14px;
85
+ --mds-font-type-long-primer-lg-line-height: 1.29;
86
+ --mds-font-type-brevier-default-size: 14px;
87
+ --mds-font-type-brevier-default-line-height: 1.15;
88
+ --mds-font-type-brevier-sm-size: 14px;
89
+ --mds-font-type-brevier-sm-line-height: 1.29;
90
+ --mds-font-type-brevier-md-size: 14px;
91
+ --mds-font-type-brevier-md-line-height: 1.29;
92
+ --mds-font-type-brevier-lg-size: 13px;
93
+ --mds-font-type-brevier-lg-line-height: 1.24;
94
+ --mds-font-type-minion-default-size: 12px;
95
+ --mds-font-type-minion-default-line-height: 1.34;
96
+ --mds-font-type-minion-sm-size: 12px;
97
+ --mds-font-type-minion-sm-line-height: 1.34;
98
+ --mds-font-type-minion-md-size: 13px;
99
+ --mds-font-type-minion-md-line-height: 1.24;
100
+ --mds-font-type-minion-lg-size: 12px;
101
+ --mds-font-type-minion-lg-line-height: 1.34;
29
102
  --mds-size-baseline: 4rem;
30
103
  --mds-size-breakpoint-sm: 400rem;
31
104
  --mds-size-breakpoint-md: 600rem;
@@ -33,4 +106,5 @@
33
106
  --mds-size-breakpoint-xl: 1280rem;
34
107
  --mds-size-border-width: 1rem;
35
108
  --mds-size-border-radius: 3rem;
109
+ --mds-size-gutter-width: 20rem;
36
110
  }