@madgex/design-system 1.48.0 → 1.49.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 (59) hide show
  1. package/coverage/cobertura-coverage.xml +1 -1
  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/index.html +1 -1
  8. package/coverage/components/inputs/multi-select/index.html +1 -1
  9. package/coverage/components/inputs/multi-select/multi-select.js.html +1 -1
  10. package/coverage/components/inputs/multi-select/vue-components/MultiSelect.vue.html +1 -1
  11. package/coverage/components/inputs/multi-select/vue-components/MultiSelectCheckbox.vue.html +1 -1
  12. package/coverage/components/inputs/multi-select/vue-components/MultiSelectCheckboxGroup.vue.html +1 -1
  13. package/coverage/components/inputs/multi-select/vue-components/index.html +1 -1
  14. package/coverage/components/modal/index.html +1 -1
  15. package/coverage/components/modal/modal.js.html +1 -1
  16. package/coverage/components/notification/index.html +1 -1
  17. package/coverage/components/notification/notification.js.html +1 -1
  18. package/coverage/components/popover/index.html +1 -1
  19. package/coverage/components/popover/popover.js.html +1 -1
  20. package/coverage/components/switch-state/index.html +1 -1
  21. package/coverage/components/switch-state/switch-state.js.html +1 -1
  22. package/coverage/components/tabs/index.html +1 -1
  23. package/coverage/components/tabs/tabs.js.html +1 -1
  24. package/coverage/index.html +1 -1
  25. package/coverage/js/common.js.html +1 -1
  26. package/coverage/js/fractal-scripts/combobox.js.html +1 -1
  27. package/coverage/js/fractal-scripts/index.html +1 -1
  28. package/coverage/js/fractal-scripts/notification.js.html +1 -1
  29. package/coverage/js/fractal-scripts/switch-state.js.html +1 -1
  30. package/coverage/js/index-fractal.js.html +1 -1
  31. package/coverage/js/index-polyfills.js.html +1 -1
  32. package/coverage/js/index-vue.js.html +1 -1
  33. package/coverage/js/index.html +1 -1
  34. package/coverage/js/index.js.html +1 -1
  35. package/coverage/js/polyfills/closest.js.html +1 -1
  36. package/coverage/js/polyfills/index.html +1 -1
  37. package/coverage/js/polyfills/remove.js.html +1 -1
  38. package/coverage/tokens/_config.js.html +1 -1
  39. package/coverage/tokens/index.html +1 -1
  40. package/dist/_tokens/css/_tokens.css +1 -1
  41. package/dist/_tokens/js/_tokens-module.js +1 -1
  42. package/dist/_tokens/scss/_tokens.scss +1 -1
  43. package/dist/assets/icons.json +1 -1
  44. package/package.json +1 -1
  45. package/src/components/inputs/checkbox/_template.njk +1 -1
  46. package/src/components/inputs/combobox/_template.njk +1 -1
  47. package/src/components/inputs/input/_template.njk +1 -1
  48. package/src/components/inputs/label/README.md +10 -0
  49. package/src/components/inputs/label/label.config.js +30 -0
  50. package/src/components/inputs/label/label.njk +11 -0
  51. package/src/components/inputs/multi-select/_template.njk +1 -1
  52. package/src/components/inputs/radio/_template.njk +1 -1
  53. package/src/components/inputs/select/README.md +1 -1
  54. package/src/components/inputs/select/_template.njk +2 -2
  55. package/src/components/inputs/select/select.config.js +3 -3
  56. package/src/layout/forms/README.md +3 -1
  57. package/src/layout/forms/forms.njk +1 -1
  58. /package/src/components/inputs/{_label → label}/_macro.njk +0 -0
  59. /package/src/components/inputs/{_label → label}/_template.njk +0 -0
@@ -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="425" lines-covered="200" line-rate="0.4706" branches-valid="117" branches-covered="47" branch-rate="0.4017" timestamp="1588266397321" complexity="0" version="0.1">
3
+ <coverage lines-valid="425" lines-covered="200" line-rate="0.4706" branches-valid="117" branches-covered="47" branch-rate="0.4017" timestamp="1588333586240" 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>
@@ -396,7 +396,7 @@ export default accordion;
396
396
  <div class='footer quiet pad2 space-top1 center small'>
397
397
  Code coverage generated by
398
398
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
399
- at Thu Apr 30 2020 18:06:37 GMT+0100 (British Summer Time)
399
+ at Fri May 01 2020 12:46:26 GMT+0100 (British Summer Time)
400
400
  </div>
401
401
  </div>
402
402
  <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 Thu Apr 30 2020 18:06:37 GMT+0100 (British Summer Time)
97
+ at Fri May 01 2020 12:46:26 GMT+0100 (British Summer Time)
98
98
  </div>
99
99
  </div>
100
100
  <script src="../../prettify.js"></script>
@@ -105,7 +105,7 @@ export default {
105
105
  <div class='footer quiet pad2 space-top1 center small'>
106
106
  Code coverage generated by
107
107
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
108
- at Thu Apr 30 2020 18:06:37 GMT+0100 (British Summer Time)
108
+ at Fri May 01 2020 12:46:26 GMT+0100 (British Summer Time)
109
109
  </div>
110
110
  </div>
111
111
  <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 Thu Apr 30 2020 18:06:37 GMT+0100 (British Summer Time)
97
+ at Fri May 01 2020 12:46:26 GMT+0100 (British Summer Time)
98
98
  </div>
99
99
  </div>
100
100
  <script src="../../../prettify.js"></script>
@@ -690,7 +690,7 @@ export default {
690
690
  <div class='footer quiet pad2 space-top1 center small'>
691
691
  Code coverage generated by
692
692
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
693
- at Thu Apr 30 2020 18:06:37 GMT+0100 (British Summer Time)
693
+ at Fri May 01 2020 12:46:26 GMT+0100 (British Summer Time)
694
694
  </div>
695
695
  </div>
696
696
  <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 Thu Apr 30 2020 18:06:37 GMT+0100 (British Summer Time)
97
+ at Fri May 01 2020 12:46:26 GMT+0100 (British Summer Time)
98
98
  </div>
99
99
  </div>
100
100
  <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 Thu Apr 30 2020 18:06:37 GMT+0100 (British Summer Time)
97
+ at Fri May 01 2020 12:46:26 GMT+0100 (British Summer Time)
98
98
  </div>
99
99
  </div>
100
100
  <script src="../../../prettify.js"></script>
@@ -159,7 +159,7 @@ export default {
159
159
  <div class='footer quiet pad2 space-top1 center small'>
160
160
  Code coverage generated by
161
161
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
162
- at Thu Apr 30 2020 18:06:37 GMT+0100 (British Summer Time)
162
+ at Fri May 01 2020 12:46:26 GMT+0100 (British Summer Time)
163
163
  </div>
164
164
  </div>
165
165
  <script src="../../../prettify.js"></script>
@@ -213,7 +213,7 @@ export default {
213
213
  <div class='footer quiet pad2 space-top1 center small'>
214
214
  Code coverage generated by
215
215
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
216
- at Thu Apr 30 2020 18:06:37 GMT+0100 (British Summer Time)
216
+ at Fri May 01 2020 12:46:26 GMT+0100 (British Summer Time)
217
217
  </div>
218
218
  </div>
219
219
  <script src="../../../../prettify.js"></script>
@@ -333,7 +333,7 @@ export default {
333
333
  <div class='footer quiet pad2 space-top1 center small'>
334
334
  Code coverage generated by
335
335
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
336
- at Thu Apr 30 2020 18:06:37 GMT+0100 (British Summer Time)
336
+ at Fri May 01 2020 12:46:26 GMT+0100 (British Summer Time)
337
337
  </div>
338
338
  </div>
339
339
  <script src="../../../../prettify.js"></script>
@@ -258,7 +258,7 @@ export default {
258
258
  <div class='footer quiet pad2 space-top1 center small'>
259
259
  Code coverage generated by
260
260
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
261
- at Thu Apr 30 2020 18:06:37 GMT+0100 (British Summer Time)
261
+ at Fri May 01 2020 12:46:26 GMT+0100 (British Summer Time)
262
262
  </div>
263
263
  </div>
264
264
  <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 Thu Apr 30 2020 18:06:37 GMT+0100 (British Summer Time)
127
+ at Fri May 01 2020 12:46:26 GMT+0100 (British Summer Time)
128
128
  </div>
129
129
  </div>
130
130
  <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 Thu Apr 30 2020 18:06:37 GMT+0100 (British Summer Time)
97
+ at Fri May 01 2020 12:46:26 GMT+0100 (British Summer Time)
98
98
  </div>
99
99
  </div>
100
100
  <script src="../../prettify.js"></script>
@@ -315,7 +315,7 @@ export default modals;
315
315
  <div class='footer quiet pad2 space-top1 center small'>
316
316
  Code coverage generated by
317
317
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
318
- at Thu Apr 30 2020 18:06:37 GMT+0100 (British Summer Time)
318
+ at Fri May 01 2020 12:46:26 GMT+0100 (British Summer Time)
319
319
  </div>
320
320
  </div>
321
321
  <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 Thu Apr 30 2020 18:06:37 GMT+0100 (British Summer Time)
97
+ at Fri May 01 2020 12:46:26 GMT+0100 (British Summer Time)
98
98
  </div>
99
99
  </div>
100
100
  <script src="../../prettify.js"></script>
@@ -144,7 +144,7 @@ export default notification;
144
144
  <div class='footer quiet pad2 space-top1 center small'>
145
145
  Code coverage generated by
146
146
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
147
- at Thu Apr 30 2020 18:06:37 GMT+0100 (British Summer Time)
147
+ at Fri May 01 2020 12:46:26 GMT+0100 (British Summer Time)
148
148
  </div>
149
149
  </div>
150
150
  <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 Thu Apr 30 2020 18:06:37 GMT+0100 (British Summer Time)
97
+ at Fri May 01 2020 12:46:26 GMT+0100 (British Summer Time)
98
98
  </div>
99
99
  </div>
100
100
  <script src="../../prettify.js"></script>
@@ -240,7 +240,7 @@ export default popovers;
240
240
  <div class='footer quiet pad2 space-top1 center small'>
241
241
  Code coverage generated by
242
242
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
243
- at Thu Apr 30 2020 18:06:37 GMT+0100 (British Summer Time)
243
+ at Fri May 01 2020 12:46:26 GMT+0100 (British Summer Time)
244
244
  </div>
245
245
  </div>
246
246
  <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 Thu Apr 30 2020 18:06:37 GMT+0100 (British Summer Time)
97
+ at Fri May 01 2020 12:46:26 GMT+0100 (British Summer Time)
98
98
  </div>
99
99
  </div>
100
100
  <script src="../../prettify.js"></script>
@@ -99,7 +99,7 @@ export default switchState;
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 Thu Apr 30 2020 18:06:37 GMT+0100 (British Summer Time)
102
+ at Fri May 01 2020 12:46:26 GMT+0100 (British Summer Time)
103
103
  </div>
104
104
  </div>
105
105
  <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 Thu Apr 30 2020 18:06:37 GMT+0100 (British Summer Time)
97
+ at Fri May 01 2020 12:46:26 GMT+0100 (British Summer Time)
98
98
  </div>
99
99
  </div>
100
100
  <script src="../../prettify.js"></script>
@@ -510,7 +510,7 @@ export default tabs;
510
510
  <div class='footer quiet pad2 space-top1 center small'>
511
511
  Code coverage generated by
512
512
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
513
- at Thu Apr 30 2020 18:06:37 GMT+0100 (British Summer Time)
513
+ at Fri May 01 2020 12:46:26 GMT+0100 (British Summer Time)
514
514
  </div>
515
515
  </div>
516
516
  <script src="../../prettify.js"></script>
@@ -289,7 +289,7 @@
289
289
  <div class='footer quiet pad2 space-top1 center small'>
290
290
  Code coverage generated by
291
291
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
292
- at Thu Apr 30 2020 18:06:37 GMT+0100 (British Summer Time)
292
+ at Fri May 01 2020 12:46:26 GMT+0100 (British Summer Time)
293
293
  </div>
294
294
  </div>
295
295
  <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 Thu Apr 30 2020 18:06:37 GMT+0100 (British Summer Time)
102
+ at Fri May 01 2020 12:46:26 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 Thu Apr 30 2020 18:06:37 GMT+0100 (British Summer Time)
213
+ at Fri May 01 2020 12:46:26 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 Thu Apr 30 2020 18:06:37 GMT+0100 (British Summer Time)
127
+ at Fri May 01 2020 12:46:26 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 Thu Apr 30 2020 18:06:37 GMT+0100 (British Summer Time)
126
+ at Fri May 01 2020 12:46:26 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 Thu Apr 30 2020 18:06:37 GMT+0100 (British Summer Time)
138
+ at Fri May 01 2020 12:46:26 GMT+0100 (British Summer Time)
139
139
  </div>
140
140
  </div>
141
141
  <script src="../../prettify.js"></script>
@@ -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 Thu Apr 30 2020 18:06:37 GMT+0100 (British Summer Time)
93
+ at Fri May 01 2020 12:46:26 GMT+0100 (British Summer Time)
94
94
  </div>
95
95
  </div>
96
96
  <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 Thu Apr 30 2020 18:06:37 GMT+0100 (British Summer Time)
75
+ at Fri May 01 2020 12:46:26 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 Thu Apr 30 2020 18:06:37 GMT+0100 (British Summer Time)
111
+ at Fri May 01 2020 12:46:26 GMT+0100 (British Summer Time)
112
112
  </div>
113
113
  </div>
114
114
  <script src="../prettify.js"></script>
@@ -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 Thu Apr 30 2020 18:06:37 GMT+0100 (British Summer Time)
157
+ at Fri May 01 2020 12:46:26 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 Thu Apr 30 2020 18:06:37 GMT+0100 (British Summer Time)
129
+ at Fri May 01 2020 12:46:26 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 Thu Apr 30 2020 18:06:37 GMT+0100 (British Summer Time)
114
+ at Fri May 01 2020 12:46:26 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 Thu Apr 30 2020 18:06:37 GMT+0100 (British Summer Time)
112
+ at Fri May 01 2020 12:46:26 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 Thu Apr 30 2020 18:06:37 GMT+0100 (British Summer Time)
87
+ at Fri May 01 2020 12:46:26 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 Thu Apr 30 2020 18:06:37 GMT+0100 (British Summer Time)
555
+ at Fri May 01 2020 12:46:26 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 Thu Apr 30 2020 18:06:37 GMT+0100 (British Summer Time)
97
+ at Fri May 01 2020 12:46:26 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 Thu, 30 Apr 2020 17:07:02 GMT
3
+ * Generated on Fri, 01 May 2020 11:46:48 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 30 Apr 2020 17:07:02 GMT
3
+ * Generated on Fri, 01 May 2020 11:46: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 Thu, 30 Apr 2020 17:07:02 GMT
4
+ Generated on Fri, 01 May 2020 11:46:48 GMT
5
5
  */
6
6
 
7
7
  $mds-color-brand-1-light: #2990e0 !default;
@@ -1 +1 @@
1
- [{"name":"check"},{"name":"chevron-down"},{"name":"chevron-left"},{"name":"chevron-right"},{"name":"chevron-up"},{"name":"cross"},{"name":"doc-pdf"},{"name":"doc"},{"name":"email"},{"name":"job"},{"name":"location-pin"},{"name":"menu"},{"name":"question-mark"},{"name":"search"},{"name":"social-facebook"},{"name":"social-linkedin"},{"name":"social-twitter"},{"name":"spinner"},{"name":"star-fill"},{"name":"star-outline"},{"name":"user"}]
1
+ [{"name":"check"},{"name":"chevron-down"},{"name":"chevron-right"},{"name":"chevron-left"},{"name":"cross"},{"name":"chevron-up"},{"name":"doc"},{"name":"doc-pdf"},{"name":"email"},{"name":"job"},{"name":"location-pin"},{"name":"menu"},{"name":"question-mark"},{"name":"search"},{"name":"social-facebook"},{"name":"social-linkedin"},{"name":"social-twitter"},{"name":"spinner"},{"name":"star-fill"},{"name":"star-outline"},{"name":"user"}]
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@madgex/design-system",
3
3
  "author": "Madgex",
4
4
  "license": "UNLICENSED",
5
- "version": "1.48.0",
5
+ "version": "1.49.0",
6
6
  "scripts": {
7
7
  "clean": "rimraf dist public tokens/build",
8
8
  "commit": "commit",
@@ -1,4 +1,4 @@
1
- {% from "../_label/_macro.njk" import MdsInputLabel %}
1
+ {% from "../label/_macro.njk" import MdsInputLabel %}
2
2
  {% from "../_message/_macro.njk" import MdsInputMessages %}
3
3
 
4
4
  {%- if params.name -%}
@@ -1,4 +1,4 @@
1
- {% from "../_label/_macro.njk" import MdsInputLabel %}
1
+ {% from "../label/_macro.njk" import MdsInputLabel %}
2
2
  {% from "../_message/_macro.njk" import MdsInputMessages %}
3
3
 
4
4
  {%- set comboboxId %}
@@ -1,4 +1,4 @@
1
- {% from "../_label/_macro.njk" import MdsInputLabel %}
1
+ {% from "../label/_macro.njk" import MdsInputLabel %}
2
2
  {% from "../_message/_macro.njk" import MdsInputMessages %}
3
3
 
4
4
  {% if params.name %}
@@ -0,0 +1,10 @@
1
+ ## Parameters
2
+ - `labelText`: The text for this label **required**,
3
+ - `tooltipMessage`: Toggles a tooltip with this message to appear alongside the label **optional**
4
+ - `optional`: Is the input optional, otherwise required **optional**,
5
+ - `element`: Which element type this label should be (legend/label | default: label) **optional**
6
+ - `hideLabel`: true/false - Add this parameter if you need to visually hide the label. The text of the label will the used by default as a placeholder, unless overridden by the placeholder parameter **optional**
7
+ **(please see accessibility notes below regarding the use of this parameter)**
8
+
9
+ ## Accessibility
10
+ Avoid using `hideLabel` if you can. Only hide the label when there can be no mistake as to what the input is for, probably when there is only one input in the form.
@@ -0,0 +1,30 @@
1
+ module.exports = {
2
+ title: 'Radio',
3
+ status: 'wip',
4
+ context: {
5
+ labelText: 'This is a test label',
6
+ },
7
+ variants: [
8
+ {
9
+ name: 'Tooltip label',
10
+ context: {
11
+ labelText: 'This is a label with a tooltip',
12
+ tooltipMessage: 'Hello, I am a tooltip',
13
+ },
14
+ },
15
+ {
16
+ name: 'Legend example',
17
+ context: {
18
+ labelText: 'This is a legend',
19
+ element: 'legend',
20
+ },
21
+ },
22
+ {
23
+ name: 'Optional label',
24
+ context: {
25
+ labelText: "I'm totally optional",
26
+ optional: true,
27
+ },
28
+ },
29
+ ],
30
+ };
@@ -0,0 +1,11 @@
1
+ {% from "./inputs/label/_macro.njk" import MdsInputLabel %}
2
+
3
+ <div class="mds-form-field">
4
+ {{ MdsInputLabel({
5
+ labelText: labelText,
6
+ tooltipMessage: tooltipMessage,
7
+ optional: optional,
8
+ element: element,
9
+ hideLabel: hideLabel
10
+ }) }}
11
+ </div>
@@ -1,4 +1,4 @@
1
- {% from "../_label/_macro.njk" import MdsInputLabel %}
1
+ {% from "../label/_macro.njk" import MdsInputLabel %}
2
2
  {% from "../_message/_macro.njk" import MdsInputMessages %}
3
3
 
4
4
  {%- set iconPath -%}
@@ -1,4 +1,4 @@
1
- {% from "../_label/_macro.njk" import MdsInputLabel %}
1
+ {% from "../label/_macro.njk" import MdsInputLabel %}
2
2
  {% from "../_message/_macro.njk" import MdsInputMessages %}
3
3
 
4
4
  {%- if params.name -%}
@@ -13,7 +13,7 @@
13
13
  - `tooltipMessage`: Toggles a tooltip with this message to appear on the input **optional**
14
14
  - `classes`: add extra classes to the trigger - **optional**
15
15
  - `value`: A default value to have selected as an option
16
- - `options`: This is an object of all options. The valid keys are `label` and `value`
16
+ - `options`: This is an object of all options. The valid keys are `labelText` and `value`
17
17
 
18
18
  ## Accessibility
19
19
 
@@ -1,4 +1,4 @@
1
- {% from "../_label/_macro.njk" import MdsInputLabel %}
1
+ {% from "../label/_macro.njk" import MdsInputLabel %}
2
2
  {% from "../_message/_macro.njk" import MdsInputMessages %}
3
3
 
4
4
  {% if params.name %}
@@ -45,7 +45,7 @@
45
45
  </option>
46
46
  {%- for option in params.options %}
47
47
  <option value="{{option.value}}" {%- if option.value === params.value %}selected="selected"{% endif -%}>
48
- {{option.label}}
48
+ {{option.labelText}}
49
49
  </option>
50
50
  {% endfor -%}
51
51
  </select>
@@ -8,15 +8,15 @@ module.exports = {
8
8
  optional: true,
9
9
  options: [
10
10
  {
11
- label: "Option 1",
11
+ labelText: "Option 1",
12
12
  value: "option-1",
13
13
  },
14
14
  {
15
- label: "Option 2",
15
+ labelText: "Option 2",
16
16
  value: "option-2",
17
17
  },
18
18
  {
19
- label: "Option 3",
19
+ labelText: "Option 3",
20
20
  value: "option-3",
21
21
  },
22
22
  ],
@@ -1 +1,3 @@
1
- Use `mds-form-field` to wrap each of the form elements to get the correct spacing between them.
1
+ Use `mds-form-field` to wrap each of the form elements to get the correct spacing between them.
2
+
3
+ Use `mds-form-field__child` to reduce spacing between child/sibling elements. This will also remove the bold font-weight on all labels within this class.
@@ -4,7 +4,7 @@
4
4
  {% from "../components/inputs/multi-select/_macro.njk" import MdsMultiSelect %}
5
5
  {% from "../components/inputs/radio/_macro.njk" import MdsRadio %}
6
6
  {% from "../components/inputs/select/_macro.njk" import MdsSelect %}
7
- {% from "../components/inputs/_label/_macro.njk" import MdsInputLabel %}
7
+ {% from "../components/inputs/label/_macro.njk" import MdsInputLabel %}
8
8
  {% from "../components/button/_macro.njk" import MdsButton %}
9
9
 
10
10
  <form class="mds-form mds-margin-bottom-b7">