@madgex/design-system 3.4.1 → 3.4.2

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 (52) 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/button/button.js.html +1 -1
  5. package/coverage/components/button/index.html +1 -1
  6. package/coverage/components/inputs/combobox/combobox.js.html +1 -1
  7. package/coverage/components/inputs/combobox/index.html +1 -1
  8. package/coverage/components/inputs/combobox/vue-components/Combobox.vue.html +1 -1
  9. package/coverage/components/inputs/combobox/vue-components/ListBoxOption.vue.html +1 -1
  10. package/coverage/components/inputs/combobox/vue-components/index.html +1 -1
  11. package/coverage/components/inputs/file-upload/file-upload.js.html +1 -1
  12. package/coverage/components/inputs/file-upload/index.html +1 -1
  13. package/coverage/components/inputs/textarea/character-count.js.html +1 -1
  14. package/coverage/components/inputs/textarea/index.html +1 -1
  15. package/coverage/components/modal/index.html +1 -1
  16. package/coverage/components/modal/modal.js.html +1 -1
  17. package/coverage/components/notification/index.html +1 -1
  18. package/coverage/components/notification/notification.js.html +1 -1
  19. package/coverage/components/popover/index.html +1 -1
  20. package/coverage/components/popover/popover.js.html +1 -1
  21. package/coverage/components/switch-state/index.html +1 -1
  22. package/coverage/components/switch-state/switch-state.js.html +1 -1
  23. package/coverage/components/tabs/index.html +1 -1
  24. package/coverage/components/tabs/tabs.js.html +1 -1
  25. package/coverage/index.html +1 -1
  26. package/coverage/js/common.js.html +1 -1
  27. package/coverage/js/fractal-scripts/combobox.js.html +1 -1
  28. package/coverage/js/fractal-scripts/index.html +1 -1
  29. package/coverage/js/fractal-scripts/notification.js.html +1 -1
  30. package/coverage/js/fractal-scripts/switch-state.js.html +1 -1
  31. package/coverage/js/index-fractal.js.html +1 -1
  32. package/coverage/js/index-polyfills.js.html +1 -1
  33. package/coverage/js/index-vue.js.html +1 -1
  34. package/coverage/js/index.html +1 -1
  35. package/coverage/js/index.js.html +1 -1
  36. package/coverage/js/polyfills/arrayPrototypeFind.js.html +1 -1
  37. package/coverage/js/polyfills/closest.js.html +1 -1
  38. package/coverage/js/polyfills/index.html +1 -1
  39. package/coverage/js/polyfills/objectAssign.js.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/package.json +1 -1
  47. package/src/components/pagination/_template.njk +11 -11
  48. package/src/components/pagination/pagination.config.js +6 -4
  49. package/src/components/pagination-numbers/README.md +2 -2
  50. package/src/components/pagination-numbers/_pagination-numbers-number-macro.njk +18 -16
  51. package/src/components/pagination-numbers/_template.njk +26 -43
  52. package/src/components/pagination-numbers/pagination-numbers.config.js +4 -4
@@ -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="542" lines-covered="96" line-rate="0.1771" branches-valid="169" branches-covered="28" branch-rate="0.16570000000000001" timestamp="1637845834679" complexity="0" version="0.1">
3
+ <coverage lines-valid="542" lines-covered="96" line-rate="0.1771" branches-valid="169" branches-covered="28" branch-rate="0.16570000000000001" timestamp="1640269297771" complexity="0" version="0.1">
4
4
  <sources>
5
5
  <source>/data/jenkins/jobs/madgex-design-system/branches/master/workspace</source>
6
6
  </sources>
@@ -502,7 +502,7 @@ export default accordion;
502
502
  <div class='footer quiet pad2 space-top1 center small'>
503
503
  Code coverage generated by
504
504
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
505
- at Thu Nov 25 2021 13:10:34 GMT+0000 (Coordinated Universal Time)
505
+ at Thu Dec 23 2021 14:21:37 GMT+0000 (Coordinated Universal Time)
506
506
  </div>
507
507
  </div>
508
508
  <script src="../../prettify.js"></script>
@@ -95,7 +95,7 @@
95
95
  <div class='footer quiet pad2 space-top1 center small'>
96
96
  Code coverage generated by
97
97
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
98
- at Thu Nov 25 2021 13:10:34 GMT+0000 (Coordinated Universal Time)
98
+ at Thu Dec 23 2021 14:21:37 GMT+0000 (Coordinated Universal Time)
99
99
  </div>
100
100
  </div>
101
101
  <script src="../../prettify.js"></script>
@@ -151,7 +151,7 @@ export default button;
151
151
  <div class='footer quiet pad2 space-top1 center small'>
152
152
  Code coverage generated by
153
153
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
154
- at Thu Nov 25 2021 13:10:34 GMT+0000 (Coordinated Universal Time)
154
+ at Thu Dec 23 2021 14:21:37 GMT+0000 (Coordinated Universal Time)
155
155
  </div>
156
156
  </div>
157
157
  <script src="../../prettify.js"></script>
@@ -95,7 +95,7 @@
95
95
  <div class='footer quiet pad2 space-top1 center small'>
96
96
  Code coverage generated by
97
97
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
98
- at Thu Nov 25 2021 13:10:34 GMT+0000 (Coordinated Universal Time)
98
+ at Thu Dec 23 2021 14:21:37 GMT+0000 (Coordinated Universal Time)
99
99
  </div>
100
100
  </div>
101
101
  <script src="../../prettify.js"></script>
@@ -112,7 +112,7 @@ export default {
112
112
  <div class='footer quiet pad2 space-top1 center small'>
113
113
  Code coverage generated by
114
114
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
115
- at Thu Nov 25 2021 13:10:34 GMT+0000 (Coordinated Universal Time)
115
+ at Thu Dec 23 2021 14:21:37 GMT+0000 (Coordinated Universal Time)
116
116
  </div>
117
117
  </div>
118
118
  <script src="../../../prettify.js"></script>
@@ -95,7 +95,7 @@
95
95
  <div class='footer quiet pad2 space-top1 center small'>
96
96
  Code coverage generated by
97
97
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
98
- at Thu Nov 25 2021 13:10:34 GMT+0000 (Coordinated Universal Time)
98
+ at Thu Dec 23 2021 14:21:37 GMT+0000 (Coordinated Universal Time)
99
99
  </div>
100
100
  </div>
101
101
  <script src="../../../prettify.js"></script>
@@ -859,7 +859,7 @@ export default {
859
859
  <div class='footer quiet pad2 space-top1 center small'>
860
860
  Code coverage generated by
861
861
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
862
- at Thu Nov 25 2021 13:10:34 GMT+0000 (Coordinated Universal Time)
862
+ at Thu Dec 23 2021 14:21:37 GMT+0000 (Coordinated Universal Time)
863
863
  </div>
864
864
  </div>
865
865
  <script src="../../../../prettify.js"></script>
@@ -214,7 +214,7 @@ export default {
214
214
  <div class='footer quiet pad2 space-top1 center small'>
215
215
  Code coverage generated by
216
216
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
217
- at Thu Nov 25 2021 13:10:34 GMT+0000 (Coordinated Universal Time)
217
+ at Thu Dec 23 2021 14:21:37 GMT+0000 (Coordinated Universal Time)
218
218
  </div>
219
219
  </div>
220
220
  <script src="../../../../prettify.js"></script>
@@ -110,7 +110,7 @@
110
110
  <div class='footer quiet pad2 space-top1 center small'>
111
111
  Code coverage generated by
112
112
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
113
- at Thu Nov 25 2021 13:10:34 GMT+0000 (Coordinated Universal Time)
113
+ at Thu Dec 23 2021 14:21:37 GMT+0000 (Coordinated Universal Time)
114
114
  </div>
115
115
  </div>
116
116
  <script src="../../../../prettify.js"></script>
@@ -232,7 +232,7 @@ export default fileUpload;
232
232
  <div class='footer quiet pad2 space-top1 center small'>
233
233
  Code coverage generated by
234
234
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
235
- at Thu Nov 25 2021 13:10:34 GMT+0000 (Coordinated Universal Time)
235
+ at Thu Dec 23 2021 14:21:37 GMT+0000 (Coordinated Universal Time)
236
236
  </div>
237
237
  </div>
238
238
  <script src="../../../prettify.js"></script>
@@ -95,7 +95,7 @@
95
95
  <div class='footer quiet pad2 space-top1 center small'>
96
96
  Code coverage generated by
97
97
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
98
- at Thu Nov 25 2021 13:10:34 GMT+0000 (Coordinated Universal Time)
98
+ at Thu Dec 23 2021 14:21:37 GMT+0000 (Coordinated Universal Time)
99
99
  </div>
100
100
  </div>
101
101
  <script src="../../../prettify.js"></script>
@@ -184,7 +184,7 @@ export default characterCount;
184
184
  <div class='footer quiet pad2 space-top1 center small'>
185
185
  Code coverage generated by
186
186
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
187
- at Thu Nov 25 2021 13:10:34 GMT+0000 (Coordinated Universal Time)
187
+ at Thu Dec 23 2021 14:21:37 GMT+0000 (Coordinated Universal Time)
188
188
  </div>
189
189
  </div>
190
190
  <script src="../../../prettify.js"></script>
@@ -95,7 +95,7 @@
95
95
  <div class='footer quiet pad2 space-top1 center small'>
96
96
  Code coverage generated by
97
97
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
98
- at Thu Nov 25 2021 13:10:34 GMT+0000 (Coordinated Universal Time)
98
+ at Thu Dec 23 2021 14:21:37 GMT+0000 (Coordinated Universal Time)
99
99
  </div>
100
100
  </div>
101
101
  <script src="../../../prettify.js"></script>
@@ -95,7 +95,7 @@
95
95
  <div class='footer quiet pad2 space-top1 center small'>
96
96
  Code coverage generated by
97
97
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
98
- at Thu Nov 25 2021 13:10:34 GMT+0000 (Coordinated Universal Time)
98
+ at Thu Dec 23 2021 14:21:37 GMT+0000 (Coordinated Universal Time)
99
99
  </div>
100
100
  </div>
101
101
  <script src="../../prettify.js"></script>
@@ -322,7 +322,7 @@ export default modals;
322
322
  <div class='footer quiet pad2 space-top1 center small'>
323
323
  Code coverage generated by
324
324
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
325
- at Thu Nov 25 2021 13:10:34 GMT+0000 (Coordinated Universal Time)
325
+ at Thu Dec 23 2021 14:21:37 GMT+0000 (Coordinated Universal Time)
326
326
  </div>
327
327
  </div>
328
328
  <script src="../../prettify.js"></script>
@@ -95,7 +95,7 @@
95
95
  <div class='footer quiet pad2 space-top1 center small'>
96
96
  Code coverage generated by
97
97
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
98
- at Thu Nov 25 2021 13:10:34 GMT+0000 (Coordinated Universal Time)
98
+ at Thu Dec 23 2021 14:21:37 GMT+0000 (Coordinated Universal Time)
99
99
  </div>
100
100
  </div>
101
101
  <script src="../../prettify.js"></script>
@@ -154,7 +154,7 @@ export default notification;
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 Nov 25 2021 13:10:34 GMT+0000 (Coordinated Universal Time)
157
+ at Thu Dec 23 2021 14:21:37 GMT+0000 (Coordinated Universal Time)
158
158
  </div>
159
159
  </div>
160
160
  <script src="../../prettify.js"></script>
@@ -95,7 +95,7 @@
95
95
  <div class='footer quiet pad2 space-top1 center small'>
96
96
  Code coverage generated by
97
97
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
98
- at Thu Nov 25 2021 13:10:34 GMT+0000 (Coordinated Universal Time)
98
+ at Thu Dec 23 2021 14:21:37 GMT+0000 (Coordinated Universal Time)
99
99
  </div>
100
100
  </div>
101
101
  <script src="../../prettify.js"></script>
@@ -295,7 +295,7 @@ export default popovers;
295
295
  <div class='footer quiet pad2 space-top1 center small'>
296
296
  Code coverage generated by
297
297
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
298
- at Thu Nov 25 2021 13:10:34 GMT+0000 (Coordinated Universal Time)
298
+ at Thu Dec 23 2021 14:21:37 GMT+0000 (Coordinated Universal Time)
299
299
  </div>
300
300
  </div>
301
301
  <script src="../../prettify.js"></script>
@@ -95,7 +95,7 @@
95
95
  <div class='footer quiet pad2 space-top1 center small'>
96
96
  Code coverage generated by
97
97
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
98
- at Thu Nov 25 2021 13:10:34 GMT+0000 (Coordinated Universal Time)
98
+ at Thu Dec 23 2021 14:21:37 GMT+0000 (Coordinated Universal Time)
99
99
  </div>
100
100
  </div>
101
101
  <script src="../../prettify.js"></script>
@@ -100,7 +100,7 @@ export default switchState;
100
100
  <div class='footer quiet pad2 space-top1 center small'>
101
101
  Code coverage generated by
102
102
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
103
- at Thu Nov 25 2021 13:10:34 GMT+0000 (Coordinated Universal Time)
103
+ at Thu Dec 23 2021 14:21:37 GMT+0000 (Coordinated Universal Time)
104
104
  </div>
105
105
  </div>
106
106
  <script src="../../prettify.js"></script>
@@ -95,7 +95,7 @@
95
95
  <div class='footer quiet pad2 space-top1 center small'>
96
96
  Code coverage generated by
97
97
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
98
- at Thu Nov 25 2021 13:10:34 GMT+0000 (Coordinated Universal Time)
98
+ at Thu Dec 23 2021 14:21:37 GMT+0000 (Coordinated Universal Time)
99
99
  </div>
100
100
  </div>
101
101
  <script src="../../prettify.js"></script>
@@ -583,7 +583,7 @@ export default tabs;
583
583
  <div class='footer quiet pad2 space-top1 center small'>
584
584
  Code coverage generated by
585
585
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
586
- at Thu Nov 25 2021 13:10:34 GMT+0000 (Coordinated Universal Time)
586
+ at Thu Dec 23 2021 14:21:37 GMT+0000 (Coordinated Universal Time)
587
587
  </div>
588
588
  </div>
589
589
  <script src="../../prettify.js"></script>
@@ -305,7 +305,7 @@
305
305
  <div class='footer quiet pad2 space-top1 center small'>
306
306
  Code coverage generated by
307
307
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
308
- at Thu Nov 25 2021 13:10:34 GMT+0000 (Coordinated Universal Time)
308
+ at Thu Dec 23 2021 14:21:37 GMT+0000 (Coordinated Universal Time)
309
309
  </div>
310
310
  </div>
311
311
  <script src="prettify.js"></script>
@@ -100,7 +100,7 @@
100
100
  <div class='footer quiet pad2 space-top1 center small'>
101
101
  Code coverage generated by
102
102
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
103
- at Thu Nov 25 2021 13:10:34 GMT+0000 (Coordinated Universal Time)
103
+ at Thu Dec 23 2021 14:21:37 GMT+0000 (Coordinated Universal Time)
104
104
  </div>
105
105
  </div>
106
106
  <script src="../prettify.js"></script>
@@ -232,7 +232,7 @@ export default combobox;
232
232
  <div class='footer quiet pad2 space-top1 center small'>
233
233
  Code coverage generated by
234
234
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
235
- at Thu Nov 25 2021 13:10:34 GMT+0000 (Coordinated Universal Time)
235
+ at Thu Dec 23 2021 14:21:37 GMT+0000 (Coordinated Universal Time)
236
236
  </div>
237
237
  </div>
238
238
  <script src="../../prettify.js"></script>
@@ -125,7 +125,7 @@
125
125
  <div class='footer quiet pad2 space-top1 center small'>
126
126
  Code coverage generated by
127
127
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
128
- at Thu Nov 25 2021 13:10:34 GMT+0000 (Coordinated Universal Time)
128
+ at Thu Dec 23 2021 14:21:37 GMT+0000 (Coordinated Universal Time)
129
129
  </div>
130
130
  </div>
131
131
  <script src="../../prettify.js"></script>
@@ -133,7 +133,7 @@ export default notificationScript;
133
133
  <div class='footer quiet pad2 space-top1 center small'>
134
134
  Code coverage generated by
135
135
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
136
- at Thu Nov 25 2021 13:10:34 GMT+0000 (Coordinated Universal Time)
136
+ at Thu Dec 23 2021 14:21:37 GMT+0000 (Coordinated Universal Time)
137
137
  </div>
138
138
  </div>
139
139
  <script src="../../prettify.js"></script>
@@ -145,7 +145,7 @@ export default switchStateScript;
145
145
  <div class='footer quiet pad2 space-top1 center small'>
146
146
  Code coverage generated by
147
147
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
148
- at Thu Nov 25 2021 13:10:34 GMT+0000 (Coordinated Universal Time)
148
+ at Thu Dec 23 2021 14:21:37 GMT+0000 (Coordinated Universal Time)
149
149
  </div>
150
150
  </div>
151
151
  <script src="../../prettify.js"></script>
@@ -91,7 +91,7 @@ import comboboxScript from './fractal-scripts/combobox';
91
91
  <div class='footer quiet pad2 space-top1 center small'>
92
92
  Code coverage generated by
93
93
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
94
- at Thu Nov 25 2021 13:10:34 GMT+0000 (Coordinated Universal Time)
94
+ at Thu Dec 23 2021 14:21:37 GMT+0000 (Coordinated Universal Time)
95
95
  </div>
96
96
  </div>
97
97
  <script src="../prettify.js"></script>
@@ -79,7 +79,7 @@ import './polyfills/arrayPrototypeFind';
79
79
  <div class='footer quiet pad2 space-top1 center small'>
80
80
  Code coverage generated by
81
81
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
82
- at Thu Nov 25 2021 13:10:34 GMT+0000 (Coordinated Universal Time)
82
+ at Thu Dec 23 2021 14:21:37 GMT+0000 (Coordinated Universal Time)
83
83
  </div>
84
84
  </div>
85
85
  <script src="../prettify.js"></script>
@@ -106,7 +106,7 @@ import MdsCombobox from '../components/inputs/combobox/combobox';
106
106
  <div class='footer quiet pad2 space-top1 center small'>
107
107
  Code coverage generated by
108
108
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
109
- at Thu Nov 25 2021 13:10:34 GMT+0000 (Coordinated Universal Time)
109
+ at Thu Dec 23 2021 14:21:37 GMT+0000 (Coordinated Universal Time)
110
110
  </div>
111
111
  </div>
112
112
  <script src="../prettify.js"></script>
@@ -155,7 +155,7 @@
155
155
  <div class='footer quiet pad2 space-top1 center small'>
156
156
  Code coverage generated by
157
157
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
158
- at Thu Nov 25 2021 13:10:34 GMT+0000 (Coordinated Universal Time)
158
+ at Thu Dec 23 2021 14:21:37 GMT+0000 (Coordinated Universal Time)
159
159
  </div>
160
160
  </div>
161
161
  <script src="../prettify.js"></script>
@@ -145,7 +145,7 @@ import button from '../components/button/button';
145
145
  <div class='footer quiet pad2 space-top1 center small'>
146
146
  Code coverage generated by
147
147
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
148
- at Thu Nov 25 2021 13:10:34 GMT+0000 (Coordinated Universal Time)
148
+ at Thu Dec 23 2021 14:21:37 GMT+0000 (Coordinated Universal Time)
149
149
  </div>
150
150
  </div>
151
151
  <script src="../prettify.js"></script>
@@ -211,7 +211,7 @@
211
211
  <div class='footer quiet pad2 space-top1 center small'>
212
212
  Code coverage generated by
213
213
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
214
- at Thu Nov 25 2021 13:10:34 GMT+0000 (Coordinated Universal Time)
214
+ at Thu Dec 23 2021 14:21:37 GMT+0000 (Coordinated Universal Time)
215
215
  </div>
216
216
  </div>
217
217
  <script src="../../prettify.js"></script>
@@ -115,7 +115,7 @@
115
115
  <div class='footer quiet pad2 space-top1 center small'>
116
116
  Code coverage generated by
117
117
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
118
- at Thu Nov 25 2021 13:10:34 GMT+0000 (Coordinated Universal Time)
118
+ at Thu Dec 23 2021 14:21:37 GMT+0000 (Coordinated Universal Time)
119
119
  </div>
120
120
  </div>
121
121
  <script src="../../prettify.js"></script>
@@ -140,7 +140,7 @@
140
140
  <div class='footer quiet pad2 space-top1 center small'>
141
141
  Code coverage generated by
142
142
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
143
- at Thu Nov 25 2021 13:10:34 GMT+0000 (Coordinated Universal Time)
143
+ at Thu Dec 23 2021 14:21:37 GMT+0000 (Coordinated Universal Time)
144
144
  </div>
145
145
  </div>
146
146
  <script src="../../prettify.js"></script>
@@ -163,7 +163,7 @@
163
163
  <div class='footer quiet pad2 space-top1 center small'>
164
164
  Code coverage generated by
165
165
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
166
- at Thu Nov 25 2021 13:10:34 GMT+0000 (Coordinated Universal Time)
166
+ at Thu Dec 23 2021 14:21:37 GMT+0000 (Coordinated Universal Time)
167
167
  </div>
168
168
  </div>
169
169
  <script src="../../prettify.js"></script>
@@ -85,7 +85,7 @@
85
85
  <div class='footer quiet pad2 space-top1 center small'>
86
86
  Code coverage generated by
87
87
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
88
- at Thu Nov 25 2021 13:10:34 GMT+0000 (Coordinated Universal Time)
88
+ at Thu Dec 23 2021 14:21:37 GMT+0000 (Coordinated Universal Time)
89
89
  </div>
90
90
  </div>
91
91
  <script src="../../prettify.js"></script>
@@ -553,7 +553,7 @@ const config = <span class="cstat-no" title="statement not covered" >{</span>
553
553
  <div class='footer quiet pad2 space-top1 center small'>
554
554
  Code coverage generated by
555
555
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
556
- at Thu Nov 25 2021 13:10:34 GMT+0000 (Coordinated Universal Time)
556
+ at Thu Dec 23 2021 14:21:37 GMT+0000 (Coordinated Universal Time)
557
557
  </div>
558
558
  </div>
559
559
  <script src="../prettify.js"></script>
@@ -95,7 +95,7 @@
95
95
  <div class='footer quiet pad2 space-top1 center small'>
96
96
  Code coverage generated by
97
97
  <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
98
- at Thu Nov 25 2021 13:10:34 GMT+0000 (Coordinated Universal Time)
98
+ at Thu Dec 23 2021 14:21:37 GMT+0000 (Coordinated Universal Time)
99
99
  </div>
100
100
  </div>
101
101
  <script src="../prettify.js"></script>
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 25 Nov 2021 13:10:47 GMT
3
+ * Generated on Thu, 23 Dec 2021 14:21:52 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 25 Nov 2021 13:10:47 GMT
3
+ * Generated on Thu, 23 Dec 2021 14:21:52 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, 25 Nov 2021 13:10:47 GMT
4
+ * Generated on Thu, 23 Dec 2021 14:21:52 GMT
5
5
  */
6
6
 
7
7
  $mds-color-brand-1-light: #2990e0 !default;
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@madgex/design-system",
3
3
  "author": "Madgex",
4
4
  "license": "UNLICENSED",
5
- "version": "3.4.1",
5
+ "version": "3.4.2",
6
6
  "scripts": {
7
7
  "clean": "rimraf dist public tokens/build",
8
8
  "commit": "commit",
@@ -11,22 +11,22 @@
11
11
  classes: 'mds-icon--before'
12
12
  }) -}}
13
13
  {%- endif %}
14
- {{ params.backToLabel }}
14
+ {{- params.backToLabel -}}
15
15
  </a>
16
16
  </li>
17
17
  {%- endif %}
18
18
  {% if params.prevLabel and params.prevUrl -%}
19
19
  <li class="mds-float-left">
20
- <a href="{{ params.prevUrl }}" class="mds-pagination__link mds-pagination__link--background" aria-label="{{ params.prevLabel }} {{ params.prevVisHiddenLabel }} - {{ params.prevExtraLabel | truncate(40, false) }}">
21
- {% if not params.hideIcons -%}
20
+ <a href="{{ params.prevUrl }}"
21
+ class="mds-pagination__link mds-pagination__link--background"
22
+ aria-label="{{ params.prevVisHiddenLabel }}{% if params.prevExtraLabel %} - {{ params.prevExtraLabel }}{% endif %}">
23
+ {%- if not params.hideIcons -%}
22
24
  {{ MdsIcon({
23
25
  iconName: 'chevron-left',
24
26
  classes: 'mds-icon--before'
25
27
  }) }}
26
28
  {%- endif -%}
27
29
  <span>{{- params.prevLabel -}}</span>
28
- {%- if params.prevVisHiddenLabel -%}
29
- <span class="mds-visually-hidden">{{- params.prevVisHiddenLabel -}}</span>{%- endif -%}
30
30
  {%- if params.prevExtraLabel -%}
31
31
  <strong class="mds-pagination__extra-label mds-display-none mds-display-lg-inline mds-padding-left-b3">{{ params.prevExtraLabel | truncate(40, false) }}</strong>
32
32
  {%- endif %}
@@ -35,18 +35,18 @@
35
35
  {%- endif %}
36
36
  {% if params.nextLabel and params.nextUrl -%}
37
37
  <li>
38
- <a href="{{ params.nextUrl }}" class="mds-pagination__link mds-pagination__link--background" aria-label="{{ params.nextLabel }} {{ params.nextVisHiddenLabel }} - {{ params.nextExtraLabel | truncate(40, false) }}">
38
+ <a href="{{ params.nextUrl }}"
39
+ class="mds-pagination__link mds-pagination__link--background"
40
+ aria-label="{{ params.nextVisHiddenLabel }}{% if params.nextExtraLabel %} - {{ params.nextExtraLabel }}{% endif %}">
39
41
  {%- if params.nextExtraLabel -%}
40
42
  <strong class="mds-pagination__extra-label mds-display-none mds-display-md-inline mds-margin-right-b3">{{ params.nextExtraLabel | truncate(40, false) }}</strong>
41
43
  {%- endif -%}
42
44
  <span>{{- params.nextLabel -}}</span>
43
- {%- if params.nextVisHiddenLabel -%}
44
- <span class="mds-visually-hidden">{{- params.nextVisHiddenLabel -}}</span>{%- endif -%}
45
45
  {% if not params.hideIcons -%}
46
46
  {{ MdsIcon({
47
- iconName: 'chevron-right',
48
- classes: 'mds-icon--after'
49
- }) }}
47
+ iconName: 'chevron-right',
48
+ classes: 'mds-icon--after'
49
+ }) }}
50
50
  {%- endif %}
51
51
  </a>
52
52
  </li>
@@ -12,8 +12,10 @@ module.exports = {
12
12
  context: {
13
13
  name: 'Job details pagination 1',
14
14
  prevLabel: 'Previous',
15
+ prevVisHiddenLabel: 'Previous job',
15
16
  prevUrl: '/prev-page',
16
17
  nextLabel: 'Next',
18
+ nextVisHiddenLabel: 'Next job',
17
19
  nextUrl: '/next-page',
18
20
  id: 'pag-1',
19
21
  },
@@ -25,7 +27,7 @@ module.exports = {
25
27
  classes: 'mds-font-long-primer',
26
28
  nextLabel: 'Next',
27
29
  nextUrl: '/next-page',
28
- nextVisHiddenLabel: 'Job',
30
+ nextVisHiddenLabel: 'Next job',
29
31
  nextExtraLabel: 'Customer Service, Special-Agent Assistant Part-Time',
30
32
  backToLabel: 'Results',
31
33
  backToUrl: '/results/',
@@ -39,7 +41,7 @@ module.exports = {
39
41
  classes: 'mds-font-long-primer',
40
42
  prevLabel: 'Previous',
41
43
  prevUrl: '/prev-page',
42
- prevVisHiddenLabel: 'Job',
44
+ prevVisHiddenLabel: 'Previous job',
43
45
  prevExtraLabel: 'Part Time Sales Assistant',
44
46
  backToLabel: 'Results',
45
47
  backToUrl: '/results/',
@@ -53,11 +55,11 @@ module.exports = {
53
55
  classes: 'mds-font-long-primer',
54
56
  prevLabel: 'Previous',
55
57
  prevUrl: '/prev-page',
56
- prevVisHiddenLabel: 'Job',
58
+ prevVisHiddenLabel: 'Previous job',
57
59
  prevExtraLabel: 'Part Time Sales Assistant',
58
60
  nextLabel: 'Next',
59
61
  nextUrl: '/next-page',
60
- nextVisHiddenLabel: 'Job',
62
+ nextVisHiddenLabel: 'Next job',
61
63
  nextExtraLabel: 'Customer Service, Special-Agent Assistant Part-Time',
62
64
  backToLabel: 'Results',
63
65
  backToUrl: '/results/',
@@ -11,8 +11,8 @@
11
11
  - `prevVisHiddenLabel`: hidden label for accessibility purpose
12
12
  - `nextLabel`: label of the next link
13
13
  - `nextVisHiddenLabel`: hidden label for accessibility purpose
14
- - `pageVisHiddenLabel`: Label for each number link i.e. passing 'Page' will create 'Page 23'
15
- - `pageVisHiddenCurrentPageLabel`: Label for active number link i.e. passing 'Current page' will create 'Current page, Page 23'
14
+ - `pageVisHiddenLabel`: (_required_) Label for each number link i.e. passing 'Page {pageNo}' will create 'Page 23'. {pageNo} is used as a placeholder for the page number.
15
+ - `pageVisHiddenCurrentPageLabel`: (_required_) Label for active number link i.e. passing 'Current page, page {pageNo}' will create 'Current page, page 2'.
16
16
  - `alwaysShowLastPage`: (false by default) Always show the last page number,which may display ellipses if its far ahead of 'current page'
17
17
 
18
18
  ## Accessibility
@@ -1,19 +1,21 @@
1
1
  {% macro PaginationNumbersNumber(params) %}
2
2
  {%- set isCurrentPage = params.pageNo === params.number -%}
3
- {%- if isCurrentPage -%}
4
- <a href="{{params.pageUrlTemplate | replace('{pageNo}', params.number)}}" aria-label="{{params.pageVisHiddenCurrentPageLabel}}, {{params.pageVisHiddenLabel or 'Page'}} {{params.number}}" aria-current="true" class="mds-pagination__link mds-pagination__link--background mds-pagination__link--active">
5
- {%- else -%}
6
- <a href="{{params.pageUrlTemplate | replace('{pageNo}', params.number)}}" aria-label="{{params.pageVisHiddenLabel or 'Page'}} {{params.number}}" class="mds-pagination__link mds-pagination__link--background">
7
- {%- endif -%}
8
-
9
- <span class="mds-visually-hidden">{{- params.pageVisHiddenLabel or 'Page' -}}</span>
10
- {%- if params.showLastEllipses -%}
11
- <span class="mds-display-none mds-display-md-inline">&hellip;</span>
12
- {%- endif -%}
13
- {{params.number}}
14
- {%- if params.showFirstEllipses -%}
15
- <span class="mds-display-none mds-display-md-inline">&hellip;</span>
16
- {%- endif -%}
17
- </a>
18
3
 
19
- {% endmacro %}
4
+ <a href="{{params.pageUrlTemplate | replace('{pageNo}', params.number)}}"
5
+ {%- if isCurrentPage -%}
6
+ aria-current="true"
7
+ aria-label="{{params.pageVisHiddenCurrentPageLabel | replace('{pageNo}', params.number) }}"
8
+ class="mds-pagination__link mds-pagination__link--background mds-pagination__link--active"
9
+ {%- else -%}
10
+ aria-label="{{params.pageVisHiddenLabel | replace('{pageNo}', params.number) }}"
11
+ class="mds-pagination__link mds-pagination__link--background"
12
+ {%- endif -%}>
13
+ {%- if params.showLastEllipses -%}
14
+ <span class="mds-display-none mds-display-md-inline">&hellip;</span>
15
+ {%- endif -%}
16
+ {{params.number}}
17
+ {%- if params.showFirstEllipses -%}
18
+ <span class="mds-display-none mds-display-md-inline">&hellip;</span>
19
+ {%- endif -%}
20
+ </a>
21
+ {% endmacro %}
@@ -62,30 +62,22 @@ Otherwise, show an extra page in front of the current page to make up the displa
62
62
  <ul class="mds-pagination mds-pagination--numbers mds-text-align-center {% if params.classes %} {{params.classes}}{% endif %}">
63
63
  {% if params.prevLabel -%}
64
64
  <li class="mds-pagination__item">
65
-
66
65
  {%- if disabledButtonPrev -%}
67
66
  <div class="mds-pagination__link mds-pagination__link--disabled" aria-disabled="true">
68
- {%- else -%}
69
- <a href="{{params.pageUrlTemplate | replace('{pageNo}', pageNo - 1) }}" class="mds-pagination__link mds-pagination__link--background" aria-label="{{ params.prevLabel }} {{ params.prevVisHiddenLabel }}">
70
- {%- endif -%}
71
-
72
- {% if not params.hideIcons -%}
73
- {{ MdsIcon({
74
- iconName: 'chevron-left'
75
- }) }}
76
- {%- endif -%}
77
- <span class="mds-display-none mds-display-md-inline mds-margin-left-b2">
78
- {{- params.prevLabel -}}
79
- {%- if params.prevVisHiddenLabel -%}
80
- <span class="mds-visually-hidden">{{- params.prevVisHiddenLabel -}}</span>{%- endif -%}
81
- </span>
82
-
83
- {%- if disabledButtonPrev -%}
84
- </div>
85
- {%- else -%}
67
+ {%- else -%}
68
+ <a href="{{params.pageUrlTemplate | replace('{pageNo}', pageNo - 1) }}"
69
+ class="mds-pagination__link mds-pagination__link--background"
70
+ {%- if params.prevVisHiddenLabel -%}aria-label="{{ params.prevVisHiddenLabel }}"{%- endif -%}>
71
+ {%- endif -%}
72
+ {% if not params.hideIcons -%}
73
+ {{ MdsIcon({iconName: 'chevron-left'}) }}
74
+ {%- endif -%}
75
+ <span class="mds-display-none mds-display-md-inline mds-margin-left-b2">{{- params.prevLabel -}}</span>
76
+ {%- if disabledButtonPrev -%}
77
+ </div>
78
+ {%- else -%}
86
79
  </a>
87
80
  {%- endif -%}
88
-
89
81
  </li>
90
82
  {%- endif %}
91
83
  <li class="mds-pagination__item mds-border-left">
@@ -125,35 +117,26 @@ Otherwise, show an extra page in front of the current page to make up the displa
125
117
  }}
126
118
  </li>
127
119
  {%- endif -%}
128
- {% if params.nextLabel -%}
120
+ {%- if params.nextLabel -%}
129
121
  <li class="mds-pagination__item mds-border-left">
130
-
131
122
  {%- if disabledButtonNext -%}
132
123
  <div class="mds-pagination__link mds-pagination__link--disabled" aria-disabled="true">
133
- {%- else -%}
134
- <a href="{{params.pageUrlTemplate | replace('{pageNo}', pageNo + 1)}}" class="mds-pagination__link mds-pagination__link--background" aria-label="{{ params.nextLabel }} {{ params.nextVisHiddenLabel }}">
135
- {%- endif -%}
136
-
137
- <span class="mds-display-none mds-display-md-inline mds-margin-right-b2">
138
- {{- params.nextLabel -}}
139
- {%- if params.nextVisHiddenLabel -%}
140
- <span class="mds-visually-hidden">{{- params.nextVisHiddenLabel -}}</span>{%- endif -%}
141
- </span>
142
-
143
- {% if not params.hideIcons -%}
144
- {{ MdsIcon({
145
- iconName: 'chevron-right'
146
- }) }}
147
- {%- endif %}
148
-
149
- {%- if disabledButtonNext -%}
150
- </div>
151
- {%- else -%}
124
+ {%- else -%}
125
+ <a href="{{params.pageUrlTemplate | replace('{pageNo}', pageNo + 1)}}"
126
+ class="mds-pagination__link mds-pagination__link--background"
127
+ {%- if params.nextVisHiddenLabel -%}aria-label="{{ params.nextVisHiddenLabel }}"{%- endif -%}>
128
+ {%- endif -%}
129
+ <span class="mds-display-none mds-display-md-inline mds-margin-right-b2">{{- params.nextLabel -}}</span>
130
+ {%- if not params.hideIcons -%}
131
+ {{ MdsIcon({iconName: 'chevron-right'}) }}
132
+ {%- endif -%}
133
+ {%- if disabledButtonNext -%}
134
+ </div>
135
+ {%- else -%}
152
136
  </a>
153
137
  {%- endif -%}
154
-
155
138
  </li>
156
- {%- endif %}
139
+ {%- endif -%}
157
140
  </ul>
158
141
  </nav>
159
142
 
@@ -6,11 +6,11 @@ module.exports = {
6
6
  name: 'Pagination numbers',
7
7
  nextLabel: 'Next',
8
8
  prevLabel: 'Previous',
9
- pageVisHiddenLabel: 'Page',
10
- pageVisHiddenCurrentPageLabel: 'Current page',
9
+ pageVisHiddenLabel: 'Page {pageNo}',
10
+ pageVisHiddenCurrentPageLabel: 'Current page, page {pageNo}',
11
11
  pageUrlTemplate: '/article/{pageNo}/my-seo-things',
12
- prevVisHiddenLabel: 'article',
13
- nextVisHiddenLabel: 'article',
12
+ prevVisHiddenLabel: 'Previous article',
13
+ nextVisHiddenLabel: 'Next article',
14
14
  id: 'default',
15
15
  },
16
16
  variants: [