@madgex/design-system 1.27.2 → 1.27.3

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 (29) hide show
  1. package/coverage/cobertura-coverage.xml +6 -6
  2. package/coverage/components/accordion/accordion.js.html +1 -1
  3. package/coverage/components/accordion/index.html +1 -1
  4. package/coverage/components/switch-state/index.html +1 -1
  5. package/coverage/components/switch-state/switch-state.js.html +1 -1
  6. package/coverage/components/tabs/index.html +1 -1
  7. package/coverage/components/tabs/tabs.js.html +1 -1
  8. package/coverage/index.html +11 -11
  9. package/coverage/js/common.js.html +1 -1
  10. package/coverage/js/fractal-scripts/index.html +1 -1
  11. package/coverage/js/fractal-scripts/switch-state.js.html +1 -1
  12. package/coverage/js/index-fractal.js.html +1 -1
  13. package/coverage/js/index-polyfills.js.html +1 -1
  14. package/coverage/js/index.html +1 -1
  15. package/coverage/js/index.js.html +1 -1
  16. package/coverage/js/polyfills/closest.js.html +1 -1
  17. package/coverage/js/polyfills/index.html +1 -1
  18. package/coverage/tokens/_config.js.html +13 -13
  19. package/coverage/tokens/index.html +12 -12
  20. package/dist/_tokens/css/_tokens.css +1 -1
  21. package/dist/_tokens/js/_tokens-module.js +1 -1
  22. package/dist/_tokens/scss/_tokens.scss +1 -1
  23. package/package.json +1 -2
  24. package/src/tokens/_config.js +1 -1
  25. package/tasks/css.js +7 -25
  26. package/tasks/registerTransforms.js +17 -0
  27. package/tasks/tokens.js +4 -23
  28. package/hook.js +0 -63
  29. package/src/tokens/overrides/override.json +0 -1
package/coverage/cobertura-coverage.xml CHANGED
@@ -1,6 +1,6 @@
1
1
  <?xml version="1.0" ?>
2
2
  <!DOCTYPE coverage SYSTEM "http://cobertura.sourceforge.net/xml/coverage-04.dtd">
3
- <coverage lines-valid="194" lines-covered="54" line-rate="0.2784" branches-valid="47" branches-covered="9" branch-rate="0.19149999999999998" timestamp="1573126594902" complexity="0" version="0.1">
3
+ <coverage lines-valid="194" lines-covered="57" line-rate="0.2938" branches-valid="47" branches-covered="9" branch-rate="0.19149999999999998" timestamp="1573149700644" complexity="0" version="0.1">
4
4
  <sources>
5
5
  <source>/var/lib/jenkins/jobs/madgex-design-system/branches/master/workspace</source>
6
6
  </sources>
@@ -479,15 +479,15 @@
479
479
  </class>
480
480
  </classes>
481
481
  </package>
482
- <package name="tokens" line-rate="0" branch-rate="1">
482
+ <package name="tokens" line-rate="1" branch-rate="1">
483
483
  <classes>
484
- <class name="_config.js" filename="src/tokens/_config.js" line-rate="0" branch-rate="1">
484
+ <class name="_config.js" filename="src/tokens/_config.js" line-rate="1" branch-rate="1">
485
485
  <methods>
486
486
  </methods>
487
487
  <lines>
488
- <line number="1" hits="0" branch="false"/>
489
- <line number="3" hits="0" branch="false"/>
490
- <line number="163" hits="0" branch="false"/>
488
+ <line number="1" hits="1" branch="false"/>
489
+ <line number="3" hits="1" branch="false"/>
490
+ <line number="163" hits="1" branch="false"/>
491
491
  </lines>
492
492
  </class>
493
493
  </classes>
package/coverage/components/accordion/accordion.js.html CHANGED
@@ -376,7 +376,7 @@ export default accordion;
376
376
  </div><!-- /wrapper -->
377
377
  <div class='footer quiet pad2 space-top1 center small'>
378
378
  Code coverage
379
- generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Thu Nov 07 2019 11:36:34 GMT+0000 (GMT)
379
+ generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Thu Nov 07 2019 18:01:40 GMT+0000 (GMT)
380
380
  </div>
381
381
  </div>
382
382
  <script src="../../prettify.js"></script>
package/coverage/components/accordion/index.html CHANGED
@@ -80,7 +80,7 @@
80
80
  </div><!-- /wrapper -->
81
81
  <div class='footer quiet pad2 space-top1 center small'>
82
82
  Code coverage
83
- generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Thu Nov 07 2019 11:36:34 GMT+0000 (GMT)
83
+ generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Thu Nov 07 2019 18:01:40 GMT+0000 (GMT)
84
84
  </div>
85
85
  </div>
86
86
  <script src="../../prettify.js"></script>
package/coverage/components/switch-state/index.html CHANGED
@@ -80,7 +80,7 @@
80
80
  </div><!-- /wrapper -->
81
81
  <div class='footer quiet pad2 space-top1 center small'>
82
82
  Code coverage
83
- generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Thu Nov 07 2019 11:36:34 GMT+0000 (GMT)
83
+ generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Thu Nov 07 2019 18:01:40 GMT+0000 (GMT)
84
84
  </div>
85
85
  </div>
86
86
  <script src="../../prettify.js"></script>
package/coverage/components/switch-state/switch-state.js.html CHANGED
@@ -88,7 +88,7 @@ export default switchState;
88
88
  </div><!-- /wrapper -->
89
89
  <div class='footer quiet pad2 space-top1 center small'>
90
90
  Code coverage
91
- generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Thu Nov 07 2019 11:36:34 GMT+0000 (GMT)
91
+ generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Thu Nov 07 2019 18:01:40 GMT+0000 (GMT)
92
92
  </div>
93
93
  </div>
94
94
  <script src="../../prettify.js"></script>
package/coverage/components/tabs/index.html CHANGED
@@ -80,7 +80,7 @@
80
80
  </div><!-- /wrapper -->
81
81
  <div class='footer quiet pad2 space-top1 center small'>
82
82
  Code coverage
83
- generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Thu Nov 07 2019 11:36:34 GMT+0000 (GMT)
83
+ generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Thu Nov 07 2019 18:01:40 GMT+0000 (GMT)
84
84
  </div>
85
85
  </div>
86
86
  <script src="../../prettify.js"></script>
package/coverage/components/tabs/tabs.js.html CHANGED
@@ -499,7 +499,7 @@ export default tabs;
499
499
  </div><!-- /wrapper -->
500
500
  <div class='footer quiet pad2 space-top1 center small'>
501
501
  Code coverage
502
- generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Thu Nov 07 2019 11:36:34 GMT+0000 (GMT)
502
+ generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Thu Nov 07 2019 18:01:40 GMT+0000 (GMT)
503
503
  </div>
504
504
  </div>
505
505
  <script src="../../prettify.js"></script>
package/coverage/index.html CHANGED
@@ -20,9 +20,9 @@
20
20
  </h1>
21
21
  <div class='clearfix'>
22
22
  <div class='fl pad1y space-right2'>
23
- <span class="strong">27.69% </span>
23
+ <span class="strong">29.23% </span>
24
24
  <span class="quiet">Statements</span>
25
- <span class='fraction'>54/195</span>
25
+ <span class='fraction'>57/195</span>
26
26
  </div>
27
27
  <div class='fl pad1y space-right2'>
28
28
  <span class="strong">19.15% </span>
@@ -35,9 +35,9 @@
35
35
  <span class='fraction'>6/41</span>
36
36
  </div>
37
37
  <div class='fl pad1y space-right2'>
38
- <span class="strong">27.84% </span>
38
+ <span class="strong">29.38% </span>
39
39
  <span class="quiet">Lines</span>
40
- <span class='fraction'>54/194</span>
40
+ <span class='fraction'>57/194</span>
41
41
  </div>
42
42
  </div>
43
43
  <p class="quiet">
@@ -140,16 +140,16 @@
140
140
  </tr>
141
141
 
142
142
  <tr>
143
- <td class="file low" data-value="tokens"><a href="tokens/index.html">tokens</a></td>
144
- <td data-value="0" class="pic low"><div class="chart"><div class="cover-fill" style="width: 0%;"></div><div class="cover-empty" style="width:100%;"></div></div></td>
145
- <td data-value="0" class="pct low">0%</td>
146
- <td data-value="3" class="abs low">0/3</td>
143
+ <td class="file high" data-value="tokens"><a href="tokens/index.html">tokens</a></td>
144
+ <td data-value="100" class="pic high"><div class="chart"><div class="cover-fill cover-full" style="width: 100%;"></div><div class="cover-empty" style="width:0%;"></div></div></td>
145
+ <td data-value="100" class="pct high">100%</td>
146
+ <td data-value="3" class="abs high">3/3</td>
147
147
  <td data-value="100" class="pct high">100%</td>
148
148
  <td data-value="0" class="abs high">0/0</td>
149
149
  <td data-value="100" class="pct high">100%</td>
150
150
  <td data-value="0" class="abs high">0/0</td>
151
- <td data-value="0" class="pct low">0%</td>
152
- <td data-value="3" class="abs low">0/3</td>
151
+ <td data-value="100" class="pct high">100%</td>
152
+ <td data-value="3" class="abs high">3/3</td>
153
153
  </tr>
154
154
 
155
155
  </tbody>
@@ -158,7 +158,7 @@
158
158
  </div><!-- /wrapper -->
159
159
  <div class='footer quiet pad2 space-top1 center small'>
160
160
  Code coverage
161
- generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Thu Nov 07 2019 11:36:34 GMT+0000 (GMT)
161
+ generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Thu Nov 07 2019 18:01:40 GMT+0000 (GMT)
162
162
  </div>
163
163
  </div>
164
164
  <script src="prettify.js"></script>
package/coverage/js/common.js.html CHANGED
@@ -88,7 +88,7 @@
88
88
  </div><!-- /wrapper -->
89
89
  <div class='footer quiet pad2 space-top1 center small'>
90
90
  Code coverage
91
- generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Thu Nov 07 2019 11:36:34 GMT+0000 (GMT)
91
+ generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Thu Nov 07 2019 18:01:40 GMT+0000 (GMT)
92
92
  </div>
93
93
  </div>
94
94
  <script src="../prettify.js"></script>
package/coverage/js/fractal-scripts/index.html CHANGED
@@ -80,7 +80,7 @@
80
80
  </div><!-- /wrapper -->
81
81
  <div class='footer quiet pad2 space-top1 center small'>
82
82
  Code coverage
83
- generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Thu Nov 07 2019 11:36:34 GMT+0000 (GMT)
83
+ generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Thu Nov 07 2019 18:01:40 GMT+0000 (GMT)
84
84
  </div>
85
85
  </div>
86
86
  <script src="../../prettify.js"></script>
package/coverage/js/fractal-scripts/switch-state.js.html CHANGED
@@ -124,7 +124,7 @@ export default switchStateScript;
124
124
  </div><!-- /wrapper -->
125
125
  <div class='footer quiet pad2 space-top1 center small'>
126
126
  Code coverage
127
- generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Thu Nov 07 2019 11:36:34 GMT+0000 (GMT)
127
+ generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Thu Nov 07 2019 18:01:40 GMT+0000 (GMT)
128
128
  </div>
129
129
  </div>
130
130
  <script src="../../prettify.js"></script>
package/coverage/js/index-fractal.js.html CHANGED
@@ -67,7 +67,7 @@
67
67
  </div><!-- /wrapper -->
68
68
  <div class='footer quiet pad2 space-top1 center small'>
69
69
  Code coverage
70
- generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Thu Nov 07 2019 11:36:34 GMT+0000 (GMT)
70
+ generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Thu Nov 07 2019 18:01:40 GMT+0000 (GMT)
71
71
  </div>
72
72
  </div>
73
73
  <script src="../prettify.js"></script>
package/coverage/js/index-polyfills.js.html CHANGED
@@ -58,7 +58,7 @@ import './polyfills/closest';
58
58
  </div><!-- /wrapper -->
59
59
  <div class='footer quiet pad2 space-top1 center small'>
60
60
  Code coverage
61
- generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Thu Nov 07 2019 11:36:34 GMT+0000 (GMT)
61
+ generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Thu Nov 07 2019 18:01:40 GMT+0000 (GMT)
62
62
  </div>
63
63
  </div>
64
64
  <script src="../prettify.js"></script>
package/coverage/js/index.html CHANGED
@@ -119,7 +119,7 @@
119
119
  </div><!-- /wrapper -->
120
120
  <div class='footer quiet pad2 space-top1 center small'>
121
121
  Code coverage
122
- generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Thu Nov 07 2019 11:36:34 GMT+0000 (GMT)
122
+ generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Thu Nov 07 2019 18:01:40 GMT+0000 (GMT)
123
123
  </div>
124
124
  </div>
125
125
  <script src="../prettify.js"></script>
package/coverage/js/index.js.html CHANGED
@@ -106,7 +106,7 @@ import accordion from '../components/accordion/accordion';
106
106
  </div><!-- /wrapper -->
107
107
  <div class='footer quiet pad2 space-top1 center small'>
108
108
  Code coverage
109
- generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Thu Nov 07 2019 11:36:34 GMT+0000 (GMT)
109
+ generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Thu Nov 07 2019 18:01:40 GMT+0000 (GMT)
110
110
  </div>
111
111
  </div>
112
112
  <script src="../prettify.js"></script>
package/coverage/js/polyfills/closest.js.html CHANGED
@@ -100,7 +100,7 @@
100
100
  </div><!-- /wrapper -->
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage
103
- generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Thu Nov 07 2019 11:36:34 GMT+0000 (GMT)
103
+ generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Thu Nov 07 2019 18:01:40 GMT+0000 (GMT)
104
104
  </div>
105
105
  </div>
106
106
  <script src="../../prettify.js"></script>
package/coverage/js/polyfills/index.html CHANGED
@@ -80,7 +80,7 @@
80
80
  </div><!-- /wrapper -->
81
81
  <div class='footer quiet pad2 space-top1 center small'>
82
82
  Code coverage
83
- generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Thu Nov 07 2019 11:36:34 GMT+0000 (GMT)
83
+ generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Thu Nov 07 2019 18:01:40 GMT+0000 (GMT)
84
84
  </div>
85
85
  </div>
86
86
  <script src="../../prettify.js"></script>
package/coverage/tokens/_config.js.html CHANGED
@@ -20,9 +20,9 @@
20
20
  </h1>
21
21
  <div class='clearfix'>
22
22
  <div class='fl pad1y space-right2'>
23
- <span class="strong">0% </span>
23
+ <span class="strong">100% </span>
24
24
  <span class="quiet">Statements</span>
25
- <span class='fraction'>0/3</span>
25
+ <span class='fraction'>3/3</span>
26
26
  </div>
27
27
  <div class='fl pad1y space-right2'>
28
28
  <span class="strong">100% </span>
@@ -35,16 +35,16 @@
35
35
  <span class='fraction'>0/0</span>
36
36
  </div>
37
37
  <div class='fl pad1y space-right2'>
38
- <span class="strong">0% </span>
38
+ <span class="strong">100% </span>
39
39
  <span class="quiet">Lines</span>
40
- <span class='fraction'>0/3</span>
40
+ <span class='fraction'>3/3</span>
41
41
  </div>
42
42
  </div>
43
43
  <p class="quiet">
44
44
  Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
45
45
  </p>
46
46
  </div>
47
- <div class='status-line low'></div>
47
+ <div class='status-line high'></div>
48
48
  <pre><table class="coverage">
49
49
  <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
50
50
  <a name='L2'></a><a href='#L2'>2</a>
@@ -209,9 +209,9 @@
209
209
  <a name='L161'></a><a href='#L161'>161</a>
210
210
  <a name='L162'></a><a href='#L162'>162</a>
211
211
  <a name='L163'></a><a href='#L163'>163</a>
212
- <a name='L164'></a><a href='#L164'>164</a></td><td class="line-coverage quiet"><span class="cline-any cline-no">&nbsp;</span>
212
+ <a name='L164'></a><a href='#L164'>164</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
213
213
  <span class="cline-any cline-neutral">&nbsp;</span>
214
- <span class="cline-any cline-no">&nbsp;</span>
214
+ <span class="cline-any cline-yes">1x</span>
215
215
  <span class="cline-any cline-neutral">&nbsp;</span>
216
216
  <span class="cline-any cline-neutral">&nbsp;</span>
217
217
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -371,11 +371,11 @@
371
371
  <span class="cline-any cline-neutral">&nbsp;</span>
372
372
  <span class="cline-any cline-neutral">&nbsp;</span>
373
373
  <span class="cline-any cline-neutral">&nbsp;</span>
374
- <span class="cline-any cline-no">&nbsp;</span>
375
- <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">const path = <span class="cstat-no" title="statement not covered" >require('path');</span>
374
+ <span class="cline-any cline-yes">1x</span>
375
+ <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">const path = require('path');
376
376
  &nbsp;
377
- const config = <span class="cstat-no" title="statement not covered" >{</span>
378
- source: [path.resolve(__dirname, '../tokens/*.json'), path.resolve(__dirname, '../tokens/overrides/override.json')],
377
+ const config = {
378
+ source: [path.resolve(__dirname, '../tokens/*.json')],
379
379
  platforms: {
380
380
  'css-variables': {
381
381
  // transformGroup: 'css',
@@ -534,14 +534,14 @@ const config = <span class="cstat-no" title="statement not covered" >{</span>
534
534
  },
535
535
  };
536
536
  &nbsp;
537
- <span class="cstat-no" title="statement not covered" >module.exports = config;</span>
537
+ module.exports = config;
538
538
  &nbsp;</pre></td></tr>
539
539
  </table></pre>
540
540
  <div class='push'></div><!-- for sticky footer -->
541
541
  </div><!-- /wrapper -->
542
542
  <div class='footer quiet pad2 space-top1 center small'>
543
543
  Code coverage
544
- generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Thu Nov 07 2019 11:36:34 GMT+0000 (GMT)
544
+ generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Thu Nov 07 2019 18:01:40 GMT+0000 (GMT)
545
545
  </div>
546
546
  </div>
547
547
  <script src="../prettify.js"></script>
package/coverage/tokens/index.html CHANGED
@@ -20,9 +20,9 @@
20
20
  </h1>
21
21
  <div class='clearfix'>
22
22
  <div class='fl pad1y space-right2'>
23
- <span class="strong">0% </span>
23
+ <span class="strong">100% </span>
24
24
  <span class="quiet">Statements</span>
25
- <span class='fraction'>0/3</span>
25
+ <span class='fraction'>3/3</span>
26
26
  </div>
27
27
  <div class='fl pad1y space-right2'>
28
28
  <span class="strong">100% </span>
@@ -35,16 +35,16 @@
35
35
  <span class='fraction'>0/0</span>
36
36
  </div>
37
37
  <div class='fl pad1y space-right2'>
38
- <span class="strong">0% </span>
38
+ <span class="strong">100% </span>
39
39
  <span class="quiet">Lines</span>
40
- <span class='fraction'>0/3</span>
40
+ <span class='fraction'>3/3</span>
41
41
  </div>
42
42
  </div>
43
43
  <p class="quiet">
44
44
  Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
45
45
  </p>
46
46
  </div>
47
- <div class='status-line low'></div>
47
+ <div class='status-line high'></div>
48
48
  <div class="pad1">
49
49
  <table class="coverage-summary">
50
50
  <thead>
@@ -62,16 +62,16 @@
62
62
  </tr>
63
63
  </thead>
64
64
  <tbody><tr>
65
- <td class="file low" data-value="_config.js"><a href="_config.js.html">_config.js</a></td>
66
- <td data-value="0" class="pic low"><div class="chart"><div class="cover-fill" style="width: 0%;"></div><div class="cover-empty" style="width:100%;"></div></div></td>
67
- <td data-value="0" class="pct low">0%</td>
68
- <td data-value="3" class="abs low">0/3</td>
65
+ <td class="file high" data-value="_config.js"><a href="_config.js.html">_config.js</a></td>
66
+ <td data-value="100" class="pic high"><div class="chart"><div class="cover-fill cover-full" style="width: 100%;"></div><div class="cover-empty" style="width:0%;"></div></div></td>
67
+ <td data-value="100" class="pct high">100%</td>
68
+ <td data-value="3" class="abs high">3/3</td>
69
69
  <td data-value="100" class="pct high">100%</td>
70
70
  <td data-value="0" class="abs high">0/0</td>
71
71
  <td data-value="100" class="pct high">100%</td>
72
72
  <td data-value="0" class="abs high">0/0</td>
73
- <td data-value="0" class="pct low">0%</td>
74
- <td data-value="3" class="abs low">0/3</td>
73
+ <td data-value="100" class="pct high">100%</td>
74
+ <td data-value="3" class="abs high">3/3</td>
75
75
  </tr>
76
76
 
77
77
  </tbody>
@@ -80,7 +80,7 @@
80
80
  </div><!-- /wrapper -->
81
81
  <div class='footer quiet pad2 space-top1 center small'>
82
82
  Code coverage
83
- generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Thu Nov 07 2019 11:36:34 GMT+0000 (GMT)
83
+ generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Thu Nov 07 2019 18:01:40 GMT+0000 (GMT)
84
84
  </div>
85
85
  </div>
86
86
  <script src="../prettify.js"></script>
package/dist/_tokens/css/_tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 07 Nov 2019 11:36:58 GMT
3
+ * Generated on Thu, 07 Nov 2019 18:02:03 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 Thu, 07 Nov 2019 11:36:58 GMT
3
+ * Generated on Thu, 07 Nov 2019 18:02:03 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 Thu, 07 Nov 2019 11:36:58 GMT
4
+ Generated on Thu, 07 Nov 2019 18:02:03 GMT
5
5
  */
6
6
 
7
7
  $mds-color-brand-1-base: #1b75bb !default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@madgex/design-system",
3
- "version": "1.27.2",
3
+ "version": "1.27.3",
4
4
  "scripts": {
5
5
  "clean": "rimraf dist public tokens/build",
6
6
  "commit": "commit",
@@ -23,7 +23,6 @@
23
23
  "dependencies": {
24
24
  "css-loader": "^3.2.0",
25
25
  "mini-css-extract-plugin": "^0.8.0",
26
- "ncp": "^2.0.0",
27
26
  "node-sass": "^4.12.0",
28
27
  "postcss": "^7.0.18",
29
28
  "postcss-cli": "^6.1.3",
package/src/tokens/_config.js CHANGED
@@ -1,7 +1,7 @@
1
1
  const path = require('path');
2
2
 
3
3
  const config = {
4
- source: [path.resolve(__dirname, '../tokens/*.json'), path.resolve(__dirname, '../tokens/overrides/override.json')],
4
+ source: [path.resolve(__dirname, '../tokens/*.json')],
5
5
  platforms: {
6
6
  'css-variables': {
7
7
  // transformGroup: 'css',
package/tasks/css.js CHANGED
@@ -5,13 +5,13 @@ const autoprefixer = require('autoprefixer');
5
5
  const cssnano = require('cssnano');
6
6
  const MiniCssExtractPlugin = require('mini-css-extract-plugin');
7
7
 
8
- async function runWebpack(localSrcFilePath) {
8
+ async function cssWebpack(srcFilePath, distFilePath) {
9
9
  return new Promise((resolve, reject) => {
10
10
  webpack(
11
11
  {
12
- entry: `${localSrcFilePath}/index.scss`,
12
+ entry: `${srcFilePath}/index.scss`,
13
13
  output: {
14
- path: path.resolve(__dirname, '../dist/css'),
14
+ path: distFilePath,
15
15
  },
16
16
  plugins: [
17
17
  new MiniCssExtractPlugin({
@@ -26,7 +26,7 @@ async function runWebpack(localSrcFilePath) {
26
26
  {
27
27
  loader: MiniCssExtractPlugin.loader,
28
28
  options: {
29
- publicPath: path.resolve(__dirname, '../dist/css'),
29
+ publicPath: distFilePath,
30
30
  },
31
31
  },
32
32
  {
@@ -67,31 +67,13 @@ async function runWebpack(localSrcFilePath) {
67
67
  );
68
68
  });
69
69
  }
70
+
70
71
  async function css() {
71
- const localSrcFilePath = path.resolve(__dirname, '../src/scss');
72
- await runWebpack(localSrcFilePath);
72
+ await cssWebpack(path.resolve(__dirname, '../src/scss'), path.resolve(__dirname, '../dist/css'));
73
73
  await del(path.resolve(__dirname, '../dist/css/main.js'), {
74
74
  force: true,
75
75
  });
76
76
  }
77
77
 
78
- // sass(src, dist); // outputStyle: 'compressed', precision: 10,
79
- // autoprefixer();
80
- // rename('index.css');
81
- // gulp.dest('dist/css');
82
-
83
- // return gulp
84
- // .src('src/scss/index.scss')
85
- // .pipe(
86
- // sass.sync({
87
- // outputStyle: 'compressed',
88
- // precision: 10,
89
- // includePaths: ['./node_modules'],
90
- // })
91
- // )
92
- // .on('error', sass.logError)
93
- // .pipe(autoprefixer())
94
- // .pipe(rename('index.css'))
95
- // .pipe(gulp.dest('dist/css'));
96
-
97
78
  exports.css = css;
79
+ exports.cssWebpack = cssWebpack;
package/tasks/registerTransforms.js ADDED
@@ -0,0 +1,17 @@
1
+ function registerTransforms(StyleDictionary) {
2
+ return new Promise((resolve) => {
3
+ StyleDictionary.registerTransform({
4
+ name: 'color/scssColorFunctions',
5
+ type: 'value',
6
+ matcher(prop) {
7
+ return prop.attributes.category === 'color' && prop.scssColorFunction;
8
+ },
9
+ transformer(prop) {
10
+ return prop.scssColorFunction;
11
+ },
12
+ });
13
+ resolve('Transform registered');
14
+ });
15
+ }
16
+
17
+ exports.registerTransforms = registerTransforms;
package/tasks/tokens.js CHANGED
@@ -1,30 +1,11 @@
1
+ /* eslint-disable no-param-reassign */
1
2
  const path = require('path');
2
-
3
- let StyleDictionary;
4
-
5
- function registerTransforms() {
6
- return new Promise((resolve) => {
7
- StyleDictionary.registerTransform({
8
- name: 'color/scssColorFunctions',
9
- type: 'value',
10
- matcher(prop) {
11
- return prop.attributes.category === 'color' && prop.scssColorFunction;
12
- },
13
- transformer(prop) {
14
- return prop.scssColorFunction;
15
- },
16
- });
17
- resolve('Transform registered');
18
- });
19
- }
3
+ const StyleDictionary = require('style-dictionary').extend(path.resolve(__dirname, '../src/tokens/_config'));
4
+ const { registerTransforms } = require('./registerTransforms');
20
5
 
21
6
  async function tokens() {
22
- // Calling this ooutside of the tokens functions stores the extend in memory
23
- // meaning external hooks cannot use it for programatic overrides
24
-
25
- StyleDictionary = require('style-dictionary').extend(path.resolve(__dirname, '../src/tokens/_config'));
26
7
  try {
27
- await registerTransforms();
8
+ await registerTransforms(StyleDictionary);
28
9
  await StyleDictionary.buildAllPlatforms();
29
10
  } catch (e) {
30
11
  console.error(e);
package/hook.js DELETED
@@ -1,63 +0,0 @@
1
- /* eslint-disable */
2
-
3
- const path = require('path');
4
- const fs = require('fs');
5
- const ncp = require('ncp');
6
- const del = require('del');
7
- const { clean } = require('./gulpfile');
8
- const { tokens } = require('./tasks/tokens');
9
- const { css } = require('./tasks/css');
10
-
11
- async function createOverride(overrideConfig) {
12
- return new Promise((resolve, reject) => {
13
- try {
14
- fs.writeFile(
15
- `${path.resolve(__dirname, './src/tokens/overrides/override.json')}`,
16
- JSON.stringify(overrideConfig),
17
- (fileErr) => {
18
- if (fileErr) {
19
- throw new Error(fileErr);
20
- }
21
-
22
- return resolve(`${path.resolve(__dirname, './src/tokens/overrides')}/override.json`);
23
- }
24
- );
25
- } catch (e) {
26
- reject(e);
27
- }
28
- });
29
- }
30
-
31
- async function copyAndCleanOverride(overrideCopyPath) {
32
- return new Promise((resolve, reject) => {
33
- ncp(path.resolve(__dirname, './dist'), overrideCopyPath, (copyErr) => {
34
- if (copyErr) {
35
- reject(copyErr);
36
- }
37
- fs.writeFile(
38
- `${path.resolve(__dirname, './src/tokens/overrides')}/override.json`,
39
- '{}',
40
- (fileCleanErr) => {
41
- if (fileCleanErr) {
42
- throw new Error(fileCleanErr);
43
- }
44
- return resolve('Copied to dest and deleted override');
45
- }
46
- );
47
-
48
- });
49
- });
50
- }
51
-
52
- module.exports.externalBuildTask = async (overrideConfig, overrideCopyPath) => {
53
- try {
54
- const copyPath = !overrideCopyPath ? './dist' : overrideCopyPath;
55
- await clean();
56
- await createOverride(overrideConfig);
57
- await tokens();
58
- await css();
59
- await copyAndCleanOverride(copyPath);
60
- } catch (e) {
61
- console.error(e);
62
- }
63
- };
package/src/tokens/overrides/override.json DELETED
@@ -1 +0,0 @@
1
- {}