@madgex/design-system 1.58.3 → 1.59.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 (58) hide show
  1. package/README.md +1 -1
  2. package/coverage/cobertura-coverage.xml +31 -16
  3. package/coverage/components/accordion/accordion.js.html +1 -1
  4. package/coverage/components/accordion/index.html +1 -1
  5. package/coverage/components/inputs/combobox/combobox.js.html +1 -1
  6. package/coverage/components/inputs/combobox/index.html +1 -1
  7. package/coverage/components/inputs/combobox/vue-components/Combobox.vue.html +1 -1
  8. package/coverage/components/inputs/combobox/vue-components/ListBoxOption.vue.html +1 -1
  9. package/coverage/components/inputs/combobox/vue-components/index.html +1 -1
  10. package/coverage/components/inputs/file-upload/file-upload.js.html +80 -8
  11. package/coverage/components/inputs/file-upload/index.html +9 -9
  12. package/coverage/components/inputs/multi-select/index.html +1 -1
  13. package/coverage/components/inputs/multi-select/multi-select.js.html +1 -1
  14. package/coverage/components/inputs/multi-select/vue-components/MultiSelect.vue.html +1 -1
  15. package/coverage/components/inputs/multi-select/vue-components/MultiSelectCheckbox.vue.html +1 -1
  16. package/coverage/components/inputs/multi-select/vue-components/MultiSelectCheckboxGroup.vue.html +1 -1
  17. package/coverage/components/inputs/multi-select/vue-components/index.html +1 -1
  18. package/coverage/components/inputs/textarea/character-count.js.html +1 -1
  19. package/coverage/components/inputs/textarea/index.html +1 -1
  20. package/coverage/components/modal/index.html +1 -1
  21. package/coverage/components/modal/modal.js.html +1 -1
  22. package/coverage/components/notification/index.html +1 -1
  23. package/coverage/components/notification/notification.js.html +1 -1
  24. package/coverage/components/popover/index.html +1 -1
  25. package/coverage/components/popover/popover.js.html +1 -1
  26. package/coverage/components/switch-state/index.html +1 -1
  27. package/coverage/components/switch-state/switch-state.js.html +1 -1
  28. package/coverage/components/tabs/index.html +1 -1
  29. package/coverage/components/tabs/tabs.js.html +1 -1
  30. package/coverage/index.html +13 -13
  31. package/coverage/js/common.js.html +1 -1
  32. package/coverage/js/fractal-scripts/combobox.js.html +1 -1
  33. package/coverage/js/fractal-scripts/index.html +1 -1
  34. package/coverage/js/fractal-scripts/notification.js.html +1 -1
  35. package/coverage/js/fractal-scripts/switch-state.js.html +1 -1
  36. package/coverage/js/index-fractal.js.html +1 -1
  37. package/coverage/js/index-polyfills.js.html +1 -1
  38. package/coverage/js/index-vue.js.html +1 -1
  39. package/coverage/js/index.html +1 -1
  40. package/coverage/js/index.js.html +1 -1
  41. package/coverage/js/polyfills/closest.js.html +1 -1
  42. package/coverage/js/polyfills/index.html +1 -1
  43. package/coverage/js/polyfills/remove.js.html +1 -1
  44. package/coverage/tokens/_config.js.html +1 -1
  45. package/coverage/tokens/index.html +1 -1
  46. package/dist/_tokens/css/_tokens.css +23 -1
  47. package/dist/_tokens/js/_tokens-module.js +492 -1
  48. package/dist/_tokens/scss/_tokens.scss +73 -1
  49. package/dist/assets/icons.json +1 -1
  50. package/dist/js/index.js +1 -1
  51. package/docs/01-index.njk +1 -1
  52. package/docs/tokens/colour.njk +29 -32
  53. package/docs/tokens/email.njk +94 -0
  54. package/fractal-theme/assets/css/styles.css +21 -0
  55. package/fractal.js +0 -1
  56. package/package.json +1 -1
  57. package/src/components/inputs/file-upload/file-upload.js +26 -2
  58. package/src/tokens/email.json +96 -0
package/coverage/index.html CHANGED
@@ -22,30 +22,30 @@
22
22
  <div class='clearfix'>
23
23
 
24
24
  <div class='fl pad1y space-right2'>
25
- <span class="strong">42.36% </span>
25
+ <span class="strong">41.52% </span>
26
26
  <span class="quiet">Statements</span>
27
- <span class='fraction'>208/491</span>
27
+ <span class='fraction'>208/501</span>
28
28
  </div>
29
29
 
30
30
 
31
31
  <div class='fl pad1y space-right2'>
32
- <span class="strong">37.8% </span>
32
+ <span class="strong">36.64% </span>
33
33
  <span class="quiet">Branches</span>
34
- <span class='fraction'>48/127</span>
34
+ <span class='fraction'>48/131</span>
35
35
  </div>
36
36
 
37
37
 
38
38
  <div class='fl pad1y space-right2'>
39
- <span class="strong">43.7% </span>
39
+ <span class="strong">43.38% </span>
40
40
  <span class="quiet">Functions</span>
41
- <span class='fraction'>59/135</span>
41
+ <span class='fraction'>59/136</span>
42
42
  </div>
43
43
 
44
44
 
45
45
  <div class='fl pad1y space-right2'>
46
- <span class="strong">42.8% </span>
46
+ <span class="strong">41.94% </span>
47
47
  <span class="quiet">Lines</span>
48
- <span class='fraction'>208/486</span>
48
+ <span class='fraction'>208/496</span>
49
49
  </div>
50
50
 
51
51
 
@@ -122,13 +122,13 @@
122
122
  <div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></div></div>
123
123
  </td>
124
124
  <td data-value="0" class="pct low">0%</td>
125
- <td data-value="28" class="abs low">0/28</td>
126
- <td data-value="0" class="pct low">0%</td>
127
- <td data-value="4" class="abs low">0/4</td>
125
+ <td data-value="38" class="abs low">0/38</td>
128
126
  <td data-value="0" class="pct low">0%</td>
129
127
  <td data-value="8" class="abs low">0/8</td>
130
128
  <td data-value="0" class="pct low">0%</td>
131
- <td data-value="28" class="abs low">0/28</td>
129
+ <td data-value="9" class="abs low">0/9</td>
130
+ <td data-value="0" class="pct low">0%</td>
131
+ <td data-value="38" class="abs low">0/38</td>
132
132
  </tr>
133
133
 
134
134
  <tr>
@@ -319,7 +319,7 @@
319
319
  <div class='footer quiet pad2 space-top1 center small'>
320
320
  Code coverage generated by
321
321
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
322
- at Mon Sep 14 2020 09:46:26 GMT+0100 (British Summer Time)
322
+ at Thu Sep 17 2020 11:06:25 GMT+0100 (British Summer Time)
323
323
  </div>
324
324
  </div>
325
325
  <script src="prettify.js"></script>
package/coverage/js/common.js.html CHANGED
@@ -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 Mon Sep 14 2020 09:46:26 GMT+0100 (British Summer Time)
102
+ at Thu Sep 17 2020 11:06:25 GMT+0100 (British Summer Time)
103
103
  </div>
104
104
  </div>
105
105
  <script src="../prettify.js"></script>
package/coverage/js/fractal-scripts/combobox.js.html CHANGED
@@ -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 Mon Sep 14 2020 09:46:26 GMT+0100 (British Summer Time)
213
+ at Thu Sep 17 2020 11:06:25 GMT+0100 (British Summer Time)
214
214
  </div>
215
215
  </div>
216
216
  <script src="../../prettify.js"></script>
package/coverage/js/fractal-scripts/index.html CHANGED
@@ -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 Mon Sep 14 2020 09:46:26 GMT+0100 (British Summer Time)
127
+ at Thu Sep 17 2020 11:06:25 GMT+0100 (British Summer Time)
128
128
  </div>
129
129
  </div>
130
130
  <script src="../../prettify.js"></script>
package/coverage/js/fractal-scripts/notification.js.html CHANGED
@@ -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 Mon Sep 14 2020 09:46:26 GMT+0100 (British Summer Time)
126
+ at Thu Sep 17 2020 11:06:25 GMT+0100 (British Summer Time)
127
127
  </div>
128
128
  </div>
129
129
  <script src="../../prettify.js"></script>
package/coverage/js/fractal-scripts/switch-state.js.html CHANGED
@@ -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 Mon Sep 14 2020 09:46:26 GMT+0100 (British Summer Time)
138
+ at Thu Sep 17 2020 11:06:25 GMT+0100 (British Summer Time)
139
139
  </div>
140
140
  </div>
141
141
  <script src="../../prettify.js"></script>
package/coverage/js/index-fractal.js.html CHANGED
@@ -90,7 +90,7 @@ import comboboxScript from './fractal-scripts/combobox';
90
90
  <div class='footer quiet pad2 space-top1 center small'>
91
91
  Code coverage generated by
92
92
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
93
- at Mon Sep 14 2020 09:46:26 GMT+0100 (British Summer Time)
93
+ at Thu Sep 17 2020 11:06:25 GMT+0100 (British Summer Time)
94
94
  </div>
95
95
  </div>
96
96
  <script src="../prettify.js"></script>
package/coverage/js/index-polyfills.js.html CHANGED
@@ -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 Mon Sep 14 2020 09:46:26 GMT+0100 (British Summer Time)
75
+ at Thu Sep 17 2020 11:06:25 GMT+0100 (British Summer Time)
76
76
  </div>
77
77
  </div>
78
78
  <script src="../prettify.js"></script>
package/coverage/js/index-vue.js.html CHANGED
@@ -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 Mon Sep 14 2020 09:46:26 GMT+0100 (British Summer Time)
111
+ at Thu Sep 17 2020 11:06:25 GMT+0100 (British Summer Time)
112
112
  </div>
113
113
  </div>
114
114
  <script src="../prettify.js"></script>
package/coverage/js/index.html CHANGED
@@ -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 Mon Sep 14 2020 09:46:26 GMT+0100 (British Summer Time)
157
+ at Thu Sep 17 2020 11:06:25 GMT+0100 (British Summer Time)
158
158
  </div>
159
159
  </div>
160
160
  <script src="../prettify.js"></script>
package/coverage/js/index.js.html CHANGED
@@ -138,7 +138,7 @@ import characterCount from '../components/inputs/textarea/character-count';
138
138
  <div class='footer quiet pad2 space-top1 center small'>
139
139
  Code coverage generated by
140
140
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
141
- at Mon Sep 14 2020 09:46:26 GMT+0100 (British Summer Time)
141
+ at Thu Sep 17 2020 11:06:25 GMT+0100 (British Summer Time)
142
142
  </div>
143
143
  </div>
144
144
  <script src="../prettify.js"></script>
package/coverage/js/polyfills/closest.js.html CHANGED
@@ -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 Mon Sep 14 2020 09:46:26 GMT+0100 (British Summer Time)
114
+ at Thu Sep 17 2020 11:06:25 GMT+0100 (British Summer Time)
115
115
  </div>
116
116
  </div>
117
117
  <script src="../../prettify.js"></script>
package/coverage/js/polyfills/index.html CHANGED
@@ -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 Mon Sep 14 2020 09:46:26 GMT+0100 (British Summer Time)
112
+ at Thu Sep 17 2020 11:06:25 GMT+0100 (British Summer Time)
113
113
  </div>
114
114
  </div>
115
115
  <script src="../../prettify.js"></script>
package/coverage/js/polyfills/remove.js.html CHANGED
@@ -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 Mon Sep 14 2020 09:46:26 GMT+0100 (British Summer Time)
87
+ at Thu Sep 17 2020 11:06:25 GMT+0100 (British Summer Time)
88
88
  </div>
89
89
  </div>
90
90
  <script src="../../prettify.js"></script>
package/coverage/tokens/_config.js.html CHANGED
@@ -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 Mon Sep 14 2020 09:46:26 GMT+0100 (British Summer Time)
555
+ at Thu Sep 17 2020 11:06:25 GMT+0100 (British Summer Time)
556
556
  </div>
557
557
  </div>
558
558
  <script src="../prettify.js"></script>
package/coverage/tokens/index.html CHANGED
@@ -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 Mon Sep 14 2020 09:46:26 GMT+0100 (British Summer Time)
97
+ at Thu Sep 17 2020 11:06:25 GMT+0100 (British Summer Time)
98
98
  </div>
99
99
  </div>
100
100
  <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 Mon, 14 Sep 2020 08:46:49 GMT
3
+ * Generated on Thu, 17 Sep 2020 10:06:48 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -75,6 +75,28 @@
75
75
  --mds-color-input-focus: #5092fd;
76
76
  --mds-color-input-disabled-label: rgba(84, 84, 84, 0.5);
77
77
  --mds-color-input-disabled-field: rgba(176, 176, 176, 0.5);
78
+ --mds-email-color-link-base: #1b75bb;
79
+ --mds-email-color-link-hover: #15598e;
80
+ --mds-email-color-button-bg-base: #fa7c1e;
81
+ --mds-email-color-button-bg-hover: #fb9950;
82
+ --mds-email-color-button-text-base: #ffffff;
83
+ --mds-email-color-button-text-hover: #ffffff;
84
+ --mds-email-color-button-border-base: rgba(0, 0, 0, 0);
85
+ --mds-email-color-button-border-top: rgba(0, 0, 0, 0);
86
+ --mds-email-color-button-border-right: rgba(0, 0, 0, 0);
87
+ --mds-email-color-button-border-bottom: rgba(0, 0, 0, 0);
88
+ --mds-email-color-button-border-left: rgba(0, 0, 0, 0);
89
+ --mds-email-color-button-border-hover-base: rgba(0, 0, 0, 0);
90
+ --mds-email-color-button-border-hover-top: rgba(0, 0, 0, 0);
91
+ --mds-email-color-button-border-hover-right: rgba(0, 0, 0, 0);
92
+ --mds-email-color-button-border-hover-bottom: rgba(0, 0, 0, 0);
93
+ --mds-email-color-button-border-hover-left: rgba(0, 0, 0, 0);
94
+ --mds-email-font-family-heading-1: "Helvetica", Arial, sans-serif;
95
+ --mds-email-font-family-heading-2: "Helvetica", Arial, sans-serif;
96
+ --mds-email-font-family-heading-3: "Helvetica", Arial, sans-serif;
97
+ --mds-email-font-family-heading-base: "Helvetica", Arial, sans-serif;
98
+ --mds-email-size-button-border-radius: 4px;
99
+ --mds-email-size-button-border-width: 1px;
78
100
  --mds-font-family-base: "Helvetica", Arial, sans-serif;
79
101
  --mds-font-family-heading-1: "Helvetica", Arial, sans-serif;
80
102
  --mds-font-family-heading-2: "Helvetica", Arial, sans-serif;