@madgex/design-system 1.53.2 → 1.54.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 (57) hide show
  1. package/coverage/cobertura-coverage.xml +39 -3
  2. package/coverage/components/accordion/accordion.js.html +1 -1
  3. package/coverage/components/accordion/index.html +1 -1
  4. package/coverage/components/inputs/combobox/combobox.js.html +1 -1
  5. package/coverage/components/inputs/combobox/index.html +1 -1
  6. package/coverage/components/inputs/combobox/vue-components/Combobox.vue.html +1 -1
  7. package/coverage/components/inputs/combobox/vue-components/ListBoxOption.vue.html +1 -1
  8. package/coverage/components/inputs/combobox/vue-components/index.html +1 -1
  9. package/coverage/components/inputs/file-upload/file-upload.js.html +136 -0
  10. package/coverage/components/inputs/file-upload/index.html +110 -0
  11. package/coverage/components/inputs/multi-select/index.html +1 -1
  12. package/coverage/components/inputs/multi-select/multi-select.js.html +1 -1
  13. package/coverage/components/inputs/multi-select/vue-components/MultiSelect.vue.html +1 -1
  14. package/coverage/components/inputs/multi-select/vue-components/MultiSelectCheckbox.vue.html +1 -1
  15. package/coverage/components/inputs/multi-select/vue-components/MultiSelectCheckboxGroup.vue.html +1 -1
  16. package/coverage/components/inputs/multi-select/vue-components/index.html +1 -1
  17. package/coverage/components/modal/index.html +1 -1
  18. package/coverage/components/modal/modal.js.html +1 -1
  19. package/coverage/components/notification/index.html +1 -1
  20. package/coverage/components/notification/notification.js.html +1 -1
  21. package/coverage/components/popover/index.html +1 -1
  22. package/coverage/components/popover/popover.js.html +1 -1
  23. package/coverage/components/switch-state/index.html +1 -1
  24. package/coverage/components/switch-state/switch-state.js.html +1 -1
  25. package/coverage/components/tabs/index.html +1 -1
  26. package/coverage/components/tabs/tabs.js.html +1 -1
  27. package/coverage/index.html +26 -11
  28. package/coverage/js/common.js.html +1 -1
  29. package/coverage/js/fractal-scripts/combobox.js.html +1 -1
  30. package/coverage/js/fractal-scripts/index.html +1 -1
  31. package/coverage/js/fractal-scripts/notification.js.html +1 -1
  32. package/coverage/js/fractal-scripts/switch-state.js.html +1 -1
  33. package/coverage/js/index-fractal.js.html +10 -4
  34. package/coverage/js/index-polyfills.js.html +1 -1
  35. package/coverage/js/index-vue.js.html +1 -1
  36. package/coverage/js/index.html +5 -5
  37. package/coverage/js/index.js.html +1 -1
  38. package/coverage/js/polyfills/closest.js.html +1 -1
  39. package/coverage/js/polyfills/index.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 +1 -1
  44. package/dist/_tokens/js/_tokens-module.js +1 -1
  45. package/dist/_tokens/scss/_tokens.scss +1 -1
  46. package/dist/css/index.css +1 -1
  47. package/dist/js/index.js +6 -6
  48. package/package.json +1 -1
  49. package/src/components/inputs/file-upload/README.md +35 -0
  50. package/src/components/inputs/file-upload/_macro.njk +3 -0
  51. package/src/components/inputs/file-upload/_template.njk +69 -0
  52. package/src/components/inputs/file-upload/file-upload.config.js +13 -0
  53. package/src/components/inputs/file-upload/file-upload.js +19 -0
  54. package/src/components/inputs/file-upload/file-upload.njk +26 -0
  55. package/src/components/inputs/file-upload/file-upload.scss +79 -0
  56. package/src/js/index-fractal.js +2 -0
  57. package/src/scss/components/__index.scss +1 -0
@@ -22,30 +22,30 @@
22
22
  <div class='clearfix'>
23
23
 
24
24
  <div class='fl pad1y space-right2'>
25
- <span class="strong">47.37% </span>
25
+ <span class="strong">46.21% </span>
26
26
  <span class="quiet">Statements</span>
27
- <span class='fraction'>207/437</span>
27
+ <span class='fraction'>207/448</span>
28
28
  </div>
29
29
 
30
30
 
31
31
  <div class='fl pad1y space-right2'>
32
- <span class="strong">40.34% </span>
32
+ <span class="strong">39.02% </span>
33
33
  <span class="quiet">Branches</span>
34
- <span class='fraction'>48/119</span>
34
+ <span class='fraction'>48/123</span>
35
35
  </div>
36
36
 
37
37
 
38
38
  <div class='fl pad1y space-right2'>
39
- <span class="strong">47.97% </span>
39
+ <span class="strong">46.83% </span>
40
40
  <span class="quiet">Functions</span>
41
- <span class='fraction'>59/123</span>
41
+ <span class='fraction'>59/126</span>
42
42
  </div>
43
43
 
44
44
 
45
45
  <div class='fl pad1y space-right2'>
46
- <span class="strong">47.92% </span>
46
+ <span class="strong">46.73% </span>
47
47
  <span class="quiet">Lines</span>
48
- <span class='fraction'>207/432</span>
48
+ <span class='fraction'>207/443</span>
49
49
  </div>
50
50
 
51
51
 
@@ -116,6 +116,21 @@
116
116
  <td data-value="65" class="abs high">52/65</td>
117
117
  </tr>
118
118
 
119
+ <tr>
120
+ <td class="file low" data-value="components/inputs/file-upload"><a href="components/inputs/file-upload/index.html">components/inputs/file-upload</a></td>
121
+ <td data-value="0" class="pic low">
122
+ <div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></div></div>
123
+ </td>
124
+ <td data-value="0" class="pct low">0%</td>
125
+ <td data-value="10" class="abs low">0/10</td>
126
+ <td data-value="0" class="pct low">0%</td>
127
+ <td data-value="4" class="abs low">0/4</td>
128
+ <td data-value="0" class="pct low">0%</td>
129
+ <td data-value="3" class="abs low">0/3</td>
130
+ <td data-value="0" class="pct low">0%</td>
131
+ <td data-value="10" class="abs low">0/10</td>
132
+ </tr>
133
+
119
134
  <tr>
120
135
  <td class="file low" data-value="components/inputs/multi-select"><a href="components/inputs/multi-select/index.html">components/inputs/multi-select</a></td>
121
136
  <td data-value="0" class="pic low">
@@ -227,13 +242,13 @@
227
242
  <div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></div></div>
228
243
  </td>
229
244
  <td data-value="0" class="pct low">0%</td>
230
- <td data-value="20" class="abs low">0/20</td>
245
+ <td data-value="21" class="abs low">0/21</td>
231
246
  <td data-value="100" class="pct high">100%</td>
232
247
  <td data-value="0" class="abs high">0/0</td>
233
248
  <td data-value="0" class="pct low">0%</td>
234
249
  <td data-value="5" class="abs low">0/5</td>
235
250
  <td data-value="0" class="pct low">0%</td>
236
- <td data-value="20" class="abs low">0/20</td>
251
+ <td data-value="21" class="abs low">0/21</td>
237
252
  </tr>
238
253
 
239
254
  <tr>
@@ -289,7 +304,7 @@
289
304
  <div class='footer quiet pad2 space-top1 center small'>
290
305
  Code coverage generated by
291
306
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
292
- at Tue Jun 23 2020 11:51:14 GMT+0100 (British Summer Time)
307
+ at Wed Jun 24 2020 18:16:25 GMT+0100 (British Summer Time)
293
308
  </div>
294
309
  </div>
295
310
  <script src="prettify.js"></script>
@@ -99,7 +99,7 @@
99
99
  <div class='footer quiet pad2 space-top1 center small'>
100
100
  Code coverage generated by
101
101
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
102
- at Tue Jun 23 2020 11:51:14 GMT+0100 (British Summer Time)
102
+ at Wed Jun 24 2020 18:16:25 GMT+0100 (British Summer Time)
103
103
  </div>
104
104
  </div>
105
105
  <script src="../prettify.js"></script>
@@ -210,7 +210,7 @@ export default combobox;
210
210
  <div class='footer quiet pad2 space-top1 center small'>
211
211
  Code coverage generated by
212
212
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
213
- at Tue Jun 23 2020 11:51:14 GMT+0100 (British Summer Time)
213
+ at Wed Jun 24 2020 18:16:25 GMT+0100 (British Summer Time)
214
214
  </div>
215
215
  </div>
216
216
  <script src="../../prettify.js"></script>
@@ -124,7 +124,7 @@
124
124
  <div class='footer quiet pad2 space-top1 center small'>
125
125
  Code coverage generated by
126
126
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
127
- at Tue Jun 23 2020 11:51:14 GMT+0100 (British Summer Time)
127
+ at Wed Jun 24 2020 18:16:25 GMT+0100 (British Summer Time)
128
128
  </div>
129
129
  </div>
130
130
  <script src="../../prettify.js"></script>
@@ -123,7 +123,7 @@ export default notificationScript;
123
123
  <div class='footer quiet pad2 space-top1 center small'>
124
124
  Code coverage generated by
125
125
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
126
- at Tue Jun 23 2020 11:51:14 GMT+0100 (British Summer Time)
126
+ at Wed Jun 24 2020 18:16:25 GMT+0100 (British Summer Time)
127
127
  </div>
128
128
  </div>
129
129
  <script src="../../prettify.js"></script>
@@ -135,7 +135,7 @@ export default switchStateScript;
135
135
  <div class='footer quiet pad2 space-top1 center small'>
136
136
  Code coverage generated by
137
137
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
138
- at Tue Jun 23 2020 11:51:14 GMT+0100 (British Summer Time)
138
+ at Wed Jun 24 2020 18:16:25 GMT+0100 (British Summer Time)
139
139
  </div>
140
140
  </div>
141
141
  <script src="../../prettify.js"></script>
@@ -24,7 +24,7 @@
24
24
  <div class='fl pad1y space-right2'>
25
25
  <span class="strong">0% </span>
26
26
  <span class="quiet">Statements</span>
27
- <span class='fraction'>0/4</span>
27
+ <span class='fraction'>0/5</span>
28
28
  </div>
29
29
 
30
30
 
@@ -45,7 +45,7 @@
45
45
  <div class='fl pad1y space-right2'>
46
46
  <span class="strong">0% </span>
47
47
  <span class="quiet">Lines</span>
48
- <span class='fraction'>0/4</span>
48
+ <span class='fraction'>0/5</span>
49
49
  </div>
50
50
 
51
51
 
@@ -65,10 +65,14 @@
65
65
  <a name='L7'></a><a href='#L7'>7</a>
66
66
  <a name='L8'></a><a href='#L8'>8</a>
67
67
  <a name='L9'></a><a href='#L9'>9</a>
68
- <a name='L10'></a><a href='#L10'>10</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
68
+ <a name='L10'></a><a href='#L10'>10</a>
69
+ <a name='L11'></a><a href='#L11'>11</a>
70
+ <a name='L12'></a><a href='#L12'>12</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
69
71
  <span class="cline-any cline-neutral">&nbsp;</span>
70
72
  <span class="cline-any cline-neutral">&nbsp;</span>
71
73
  <span class="cline-any cline-neutral">&nbsp;</span>
74
+ <span class="cline-any cline-neutral">&nbsp;</span>
75
+ <span class="cline-any cline-no">&nbsp;</span>
72
76
  <span class="cline-any cline-no">&nbsp;</span>
73
77
  <span class="cline-any cline-no">&nbsp;</span>
74
78
  <span class="cline-any cline-no">&nbsp;</span>
@@ -77,11 +81,13 @@
77
81
  <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import switchStateScript from './fractal-scripts/switch-state';
78
82
  import notificationScript from './fractal-scripts/notification';
79
83
  import comboboxScript from './fractal-scripts/combobox';
84
+ import fileUpload from '../components/inputs/file-upload/file-upload';
80
85
  &nbsp;
81
86
  <span class="cstat-no" title="statement not covered" >document.addEventListener('DOMContentLoaded', <span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
82
87
  <span class="cstat-no" title="statement not covered" > switchStateScript.init();</span>
83
88
  <span class="cstat-no" title="statement not covered" > notificationScript.init();</span>
84
89
  <span class="cstat-no" title="statement not covered" > comboboxScript.init();</span>
90
+ <span class="cstat-no" title="statement not covered" > fileUpload.init();</span>
85
91
  });
86
92
  &nbsp;</pre></td></tr></table></pre>
87
93
 
@@ -90,7 +96,7 @@ import comboboxScript from './fractal-scripts/combobox';
90
96
  <div class='footer quiet pad2 space-top1 center small'>
91
97
  Code coverage generated by
92
98
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
93
- at Tue Jun 23 2020 11:51:14 GMT+0100 (British Summer Time)
99
+ at Wed Jun 24 2020 18:16:25 GMT+0100 (British Summer Time)
94
100
  </div>
95
101
  </div>
96
102
  <script src="../prettify.js"></script>
@@ -72,7 +72,7 @@ import './polyfills/remove';
72
72
  <div class='footer quiet pad2 space-top1 center small'>
73
73
  Code coverage generated by
74
74
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
75
- at Tue Jun 23 2020 11:51:14 GMT+0100 (British Summer Time)
75
+ at Wed Jun 24 2020 18:16:25 GMT+0100 (British Summer Time)
76
76
  </div>
77
77
  </div>
78
78
  <script src="../prettify.js"></script>
@@ -108,7 +108,7 @@ import MdsMultiSelect from '../components/inputs/multi-select/multi-select';
108
108
  <div class='footer quiet pad2 space-top1 center small'>
109
109
  Code coverage generated by
110
110
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
111
- at Tue Jun 23 2020 11:51:14 GMT+0100 (British Summer Time)
111
+ at Wed Jun 24 2020 18:16:25 GMT+0100 (British Summer Time)
112
112
  </div>
113
113
  </div>
114
114
  <script src="../prettify.js"></script>
@@ -24,7 +24,7 @@
24
24
  <div class='fl pad1y space-right2'>
25
25
  <span class="strong">0% </span>
26
26
  <span class="quiet">Statements</span>
27
- <span class='fraction'>0/20</span>
27
+ <span class='fraction'>0/21</span>
28
28
  </div>
29
29
 
30
30
 
@@ -45,7 +45,7 @@
45
45
  <div class='fl pad1y space-right2'>
46
46
  <span class="strong">0% </span>
47
47
  <span class="quiet">Lines</span>
48
- <span class='fraction'>0/20</span>
48
+ <span class='fraction'>0/21</span>
49
49
  </div>
50
50
 
51
51
 
@@ -92,13 +92,13 @@
92
92
  <div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></div></div>
93
93
  </td>
94
94
  <td data-value="0" class="pct low">0%</td>
95
- <td data-value="4" class="abs low">0/4</td>
95
+ <td data-value="5" class="abs low">0/5</td>
96
96
  <td data-value="100" class="pct high">100%</td>
97
97
  <td data-value="0" class="abs high">0/0</td>
98
98
  <td data-value="0" class="pct low">0%</td>
99
99
  <td data-value="1" class="abs low">0/1</td>
100
100
  <td data-value="0" class="pct low">0%</td>
101
- <td data-value="4" class="abs low">0/4</td>
101
+ <td data-value="5" class="abs low">0/5</td>
102
102
  </tr>
103
103
 
104
104
  <tr>
@@ -154,7 +154,7 @@
154
154
  <div class='footer quiet pad2 space-top1 center small'>
155
155
  Code coverage generated by
156
156
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
157
- at Tue Jun 23 2020 11:51:14 GMT+0100 (British Summer Time)
157
+ at Wed Jun 24 2020 18:16:25 GMT+0100 (British Summer Time)
158
158
  </div>
159
159
  </div>
160
160
  <script src="../prettify.js"></script>
@@ -126,7 +126,7 @@ import modals from '../components/modal/modal';
126
126
  <div class='footer quiet pad2 space-top1 center small'>
127
127
  Code coverage generated by
128
128
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
129
- at Tue Jun 23 2020 11:51:14 GMT+0100 (British Summer Time)
129
+ at Wed Jun 24 2020 18:16:25 GMT+0100 (British Summer Time)
130
130
  </div>
131
131
  </div>
132
132
  <script src="../prettify.js"></script>
@@ -111,7 +111,7 @@
111
111
  <div class='footer quiet pad2 space-top1 center small'>
112
112
  Code coverage generated by
113
113
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
114
- at Tue Jun 23 2020 11:51:14 GMT+0100 (British Summer Time)
114
+ at Wed Jun 24 2020 18:16:25 GMT+0100 (British Summer Time)
115
115
  </div>
116
116
  </div>
117
117
  <script src="../../prettify.js"></script>
@@ -109,7 +109,7 @@
109
109
  <div class='footer quiet pad2 space-top1 center small'>
110
110
  Code coverage generated by
111
111
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
112
- at Tue Jun 23 2020 11:51:14 GMT+0100 (British Summer Time)
112
+ at Wed Jun 24 2020 18:16:25 GMT+0100 (British Summer Time)
113
113
  </div>
114
114
  </div>
115
115
  <script src="../../prettify.js"></script>
@@ -84,7 +84,7 @@
84
84
  <div class='footer quiet pad2 space-top1 center small'>
85
85
  Code coverage generated by
86
86
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
87
- at Tue Jun 23 2020 11:51:14 GMT+0100 (British Summer Time)
87
+ at Wed Jun 24 2020 18:16:25 GMT+0100 (British Summer Time)
88
88
  </div>
89
89
  </div>
90
90
  <script src="../../prettify.js"></script>
@@ -552,7 +552,7 @@ const config = <span class="cstat-no" title="statement not covered" >{</span>
552
552
  <div class='footer quiet pad2 space-top1 center small'>
553
553
  Code coverage generated by
554
554
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
555
- at Tue Jun 23 2020 11:51:14 GMT+0100 (British Summer Time)
555
+ at Wed Jun 24 2020 18:16:25 GMT+0100 (British Summer Time)
556
556
  </div>
557
557
  </div>
558
558
  <script src="../prettify.js"></script>
@@ -94,7 +94,7 @@
94
94
  <div class='footer quiet pad2 space-top1 center small'>
95
95
  Code coverage generated by
96
96
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
97
- at Tue Jun 23 2020 11:51:14 GMT+0100 (British Summer Time)
97
+ at Wed Jun 24 2020 18:16:25 GMT+0100 (British Summer Time)
98
98
  </div>
99
99
  </div>
100
100
  <script src="../prettify.js"></script>
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 23 Jun 2020 10:51:39 GMT
3
+ * Generated on Wed, 24 Jun 2020 17:16:48 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 23 Jun 2020 10:51:39 GMT
3
+ * Generated on Wed, 24 Jun 2020 17:16:48 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -1,7 +1,7 @@
1
1
 
2
2
  /*
3
3
  Do not edit directly
4
- Generated on Tue, 23 Jun 2020 10:51:39 GMT
4
+ Generated on Wed, 24 Jun 2020 17:16:48 GMT
5
5
  */
6
6
 
7
7
  $mds-color-brand-1-light: #2990e0 !default;