@madgex/design-system 1.5.0 → 1.6.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 (7) hide show
  1. package/dist/_tokens/css/_tokens.css +1 -1
  2. package/dist/_tokens/js/_tokens-module.js +1 -1
  3. package/dist/_tokens/scss/_tokens.scss +1 -1
  4. package/dist/css/index.css +7 -1
  5. package/package.json +1 -1
  6. package/src/scss/core/_lists.scss +6 -0
  7. package/src/typography/lists.njk +14 -7
package/dist/_tokens/css/_tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 19 Jun 2019 10:50:13 GMT
3
+ * Generated on Wed, 19 Jun 2019 11:37:04 GMT
4
4
  */
5
5
 
6
6
  :root {
package/dist/_tokens/js/_tokens-module.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 19 Jun 2019 10:50:13 GMT
3
+ * Generated on Wed, 19 Jun 2019 11:37:04 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/dist/_tokens/scss/_tokens.scss CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  /*
3
3
  Do not edit directly
4
- Generated on Wed, 19 Jun 2019 10:50:13 GMT
4
+ Generated on Wed, 19 Jun 2019 11:37:04 GMT
5
5
  */
6
6
 
7
7
  $mds-color-base: #71767a !default; // Base colour
package/dist/css/index.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /*
2
2
  Do not edit directly
3
- Generated on Wed, 19 Jun 2019 10:50:13 GMT
3
+ Generated on Wed, 19 Jun 2019 11:37:04 GMT
4
4
  */
5
5
  /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
6
6
  /* Document
@@ -381,6 +381,12 @@ ul {
381
381
  margin-bottom: 12px;
382
382
  }
383
383
 
384
+ .mds-list--inline li {
385
+ display: inline-block;
386
+ margin-bottom: 0;
387
+ margin-right: 8px;
388
+ }
389
+
384
390
  .mds-visually-hidden {
385
391
  position: absolute;
386
392
  width: 1px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@madgex/design-system",
3
- "version": "1.5.0",
3
+ "version": "1.6.0",
4
4
  "scripts": {
5
5
  "clean": "rimraf dist public tokens/build",
6
6
  "commit": "commit",
package/src/scss/core/_lists.scss CHANGED
@@ -25,3 +25,9 @@
25
25
  .mds-list__value {
26
26
  margin-bottom: $mds-size-baseline * 3;
27
27
  }
28
+
29
+ .mds-list--inline li {
30
+ display: inline-block;
31
+ margin-bottom: 0;
32
+ margin-right: $mds-size-baseline * 2;
33
+ }
package/src/typography/lists.njk CHANGED
@@ -1,15 +1,15 @@
1
1
  <h2>Unordered list</h2>
2
2
  <ul class="mds-list mds-list--bullet">
3
- <li>one</li>
4
- <li>two</li>
5
- <li>three</li>
3
+ <li class="mds-list__item">one</li>
4
+ <li class="mds-list__item">two</li>
5
+ <li class="mds-list__item">three</li>
6
6
  </ul>
7
7
 
8
8
  <h2>Ordered list</h2>
9
9
  <ol class="mds-list mds-list--number">
10
- <li>one</li>
11
- <li>two</li>
12
- <li>three</li>
10
+ <li class="mds-list__item">one</li>
11
+ <li class="mds-list__item">two</li>
12
+ <li class="mds-list__item">three</li>
13
13
  </ol>
14
14
 
15
15
  <h2>Definition List</h2>
@@ -20,4 +20,11 @@
20
20
  <dd class="mds-list__value">98798HWV74IU3G</dd>
21
21
  <dt class="mds-list__key">Expires</dt>
22
22
  <dd class="mds-list__value">12pm, 25th November 1983</dd>
23
- </dl>
23
+ </dl>
24
+
25
+ <h2>Inline list</h2>
26
+ <ul class="mds-list mds-list--inline">
27
+ <li class="mds-list__item">One</li>
28
+ <li class="mds-list__item">Two</li>
29
+ <li class="mds-list__item">Three</li>
30
+ </ul>