@madgex/design-system 1.33.1 → 1.33.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 (27) 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/popover/index.html +1 -1
  5. package/coverage/components/popover/popover.js.html +1 -1
  6. package/coverage/components/switch-state/index.html +1 -1
  7. package/coverage/components/switch-state/switch-state.js.html +1 -1
  8. package/coverage/components/tabs/index.html +1 -1
  9. package/coverage/components/tabs/tabs.js.html +1 -1
  10. package/coverage/index.html +1 -1
  11. package/coverage/js/common.js.html +1 -1
  12. package/coverage/js/fractal-scripts/index.html +1 -1
  13. package/coverage/js/fractal-scripts/switch-state.js.html +1 -1
  14. package/coverage/js/index-fractal.js.html +1 -1
  15. package/coverage/js/index-polyfills.js.html +1 -1
  16. package/coverage/js/index.html +1 -1
  17. package/coverage/js/index.js.html +1 -1
  18. package/coverage/js/polyfills/closest.js.html +1 -1
  19. package/coverage/js/polyfills/index.html +1 -1
  20. package/coverage/tokens/_config.js.html +1 -1
  21. package/coverage/tokens/index.html +1 -1
  22. package/dist/_tokens/css/_tokens.css +1 -1
  23. package/dist/_tokens/js/_tokens-module.js +1 -1
  24. package/dist/_tokens/scss/_tokens.scss +1 -1
  25. package/package.json +1 -1
  26. package/src/components/switch-state/README.md +5 -1
  27. package/src/components/switch-state/_template.njk +2 -2
package/coverage/cobertura-coverage.xml CHANGED
@@ -1,6 +1,6 @@
1
1
  <?xml version="1.0" ?>
2
2
  <!DOCTYPE coverage SYSTEM "http://cobertura.sourceforge.net/xml/coverage-04.dtd">
3
- <coverage lines-valid="227" lines-covered="85" line-rate="0.37439999999999996" branches-valid="58" branches-covered="18" branch-rate="0.3103" timestamp="1576600855025" complexity="0" version="0.1">
3
+ <coverage lines-valid="227" lines-covered="85" line-rate="0.37439999999999996" branches-valid="58" branches-covered="18" branch-rate="0.3103" timestamp="1576691172551" 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>
package/coverage/components/accordion/accordion.js.html CHANGED
@@ -385,7 +385,7 @@ export default accordion;
385
385
  </div><!-- /wrapper -->
386
386
  <div class='footer quiet pad2 space-top1 center small'>
387
387
  Code coverage
388
- generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Tue Dec 17 2019 16:40:55 GMT+0000 (GMT)
388
+ generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Wed Dec 18 2019 17:46:12 GMT+0000 (GMT)
389
389
  </div>
390
390
  </div>
391
391
  <script src="../../prettify.js"></script>
package/coverage/components/accordion/index.html CHANGED
@@ -80,7 +80,7 @@
80
80
  </div><!-- /wrapper -->
81
81
  <div class='footer quiet pad2 space-top1 center small'>
82
82
  Code coverage
83
- generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Tue Dec 17 2019 16:40:55 GMT+0000 (GMT)
83
+ generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Wed Dec 18 2019 17:46:12 GMT+0000 (GMT)
84
84
  </div>
85
85
  </div>
86
86
  <script src="../../prettify.js"></script>
package/coverage/components/popover/index.html CHANGED
@@ -80,7 +80,7 @@
80
80
  </div><!-- /wrapper -->
81
81
  <div class='footer quiet pad2 space-top1 center small'>
82
82
  Code coverage
83
- generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Tue Dec 17 2019 16:40:55 GMT+0000 (GMT)
83
+ generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Wed Dec 18 2019 17:46:12 GMT+0000 (GMT)
84
84
  </div>
85
85
  </div>
86
86
  <script src="../../prettify.js"></script>
package/coverage/components/popover/popover.js.html CHANGED
@@ -229,7 +229,7 @@ export default popovers;
229
229
  </div><!-- /wrapper -->
230
230
  <div class='footer quiet pad2 space-top1 center small'>
231
231
  Code coverage
232
- generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Tue Dec 17 2019 16:40:55 GMT+0000 (GMT)
232
+ generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Wed Dec 18 2019 17:46:12 GMT+0000 (GMT)
233
233
  </div>
234
234
  </div>
235
235
  <script src="../../prettify.js"></script>
package/coverage/components/switch-state/index.html CHANGED
@@ -80,7 +80,7 @@
80
80
  </div><!-- /wrapper -->
81
81
  <div class='footer quiet pad2 space-top1 center small'>
82
82
  Code coverage
83
- generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Tue Dec 17 2019 16:40:55 GMT+0000 (GMT)
83
+ generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Wed Dec 18 2019 17:46:12 GMT+0000 (GMT)
84
84
  </div>
85
85
  </div>
86
86
  <script src="../../prettify.js"></script>
package/coverage/components/switch-state/switch-state.js.html CHANGED
@@ -88,7 +88,7 @@ export default switchState;
88
88
  </div><!-- /wrapper -->
89
89
  <div class='footer quiet pad2 space-top1 center small'>
90
90
  Code coverage
91
- generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Tue Dec 17 2019 16:40:55 GMT+0000 (GMT)
91
+ generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Wed Dec 18 2019 17:46:12 GMT+0000 (GMT)
92
92
  </div>
93
93
  </div>
94
94
  <script src="../../prettify.js"></script>
package/coverage/components/tabs/index.html CHANGED
@@ -80,7 +80,7 @@
80
80
  </div><!-- /wrapper -->
81
81
  <div class='footer quiet pad2 space-top1 center small'>
82
82
  Code coverage
83
- generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Tue Dec 17 2019 16:40:55 GMT+0000 (GMT)
83
+ generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Wed Dec 18 2019 17:46:12 GMT+0000 (GMT)
84
84
  </div>
85
85
  </div>
86
86
  <script src="../../prettify.js"></script>
package/coverage/components/tabs/tabs.js.html CHANGED
@@ -499,7 +499,7 @@ export default tabs;
499
499
  </div><!-- /wrapper -->
500
500
  <div class='footer quiet pad2 space-top1 center small'>
501
501
  Code coverage
502
- generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Tue Dec 17 2019 16:40:55 GMT+0000 (GMT)
502
+ generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Wed Dec 18 2019 17:46:12 GMT+0000 (GMT)
503
503
  </div>
504
504
  </div>
505
505
  <script src="../../prettify.js"></script>
package/coverage/index.html CHANGED
@@ -171,7 +171,7 @@
171
171
  </div><!-- /wrapper -->
172
172
  <div class='footer quiet pad2 space-top1 center small'>
173
173
  Code coverage
174
- generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Tue Dec 17 2019 16:40:55 GMT+0000 (GMT)
174
+ generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Wed Dec 18 2019 17:46:12 GMT+0000 (GMT)
175
175
  </div>
176
176
  </div>
177
177
  <script src="prettify.js"></script>
package/coverage/js/common.js.html CHANGED
@@ -88,7 +88,7 @@
88
88
  </div><!-- /wrapper -->
89
89
  <div class='footer quiet pad2 space-top1 center small'>
90
90
  Code coverage
91
- generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Tue Dec 17 2019 16:40:55 GMT+0000 (GMT)
91
+ generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Wed Dec 18 2019 17:46:12 GMT+0000 (GMT)
92
92
  </div>
93
93
  </div>
94
94
  <script src="../prettify.js"></script>
package/coverage/js/fractal-scripts/index.html CHANGED
@@ -80,7 +80,7 @@
80
80
  </div><!-- /wrapper -->
81
81
  <div class='footer quiet pad2 space-top1 center small'>
82
82
  Code coverage
83
- generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Tue Dec 17 2019 16:40:55 GMT+0000 (GMT)
83
+ generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Wed Dec 18 2019 17:46:12 GMT+0000 (GMT)
84
84
  </div>
85
85
  </div>
86
86
  <script src="../../prettify.js"></script>
package/coverage/js/fractal-scripts/switch-state.js.html CHANGED
@@ -124,7 +124,7 @@ export default switchStateScript;
124
124
  </div><!-- /wrapper -->
125
125
  <div class='footer quiet pad2 space-top1 center small'>
126
126
  Code coverage
127
- generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Tue Dec 17 2019 16:40:55 GMT+0000 (GMT)
127
+ generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Wed Dec 18 2019 17:46:12 GMT+0000 (GMT)
128
128
  </div>
129
129
  </div>
130
130
  <script src="../../prettify.js"></script>
package/coverage/js/index-fractal.js.html CHANGED
@@ -67,7 +67,7 @@
67
67
  </div><!-- /wrapper -->
68
68
  <div class='footer quiet pad2 space-top1 center small'>
69
69
  Code coverage
70
- generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Tue Dec 17 2019 16:40:55 GMT+0000 (GMT)
70
+ generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Wed Dec 18 2019 17:46:12 GMT+0000 (GMT)
71
71
  </div>
72
72
  </div>
73
73
  <script src="../prettify.js"></script>
package/coverage/js/index-polyfills.js.html CHANGED
@@ -58,7 +58,7 @@ import './polyfills/closest';
58
58
  </div><!-- /wrapper -->
59
59
  <div class='footer quiet pad2 space-top1 center small'>
60
60
  Code coverage
61
- generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Tue Dec 17 2019 16:40:55 GMT+0000 (GMT)
61
+ generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Wed Dec 18 2019 17:46:12 GMT+0000 (GMT)
62
62
  </div>
63
63
  </div>
64
64
  <script src="../prettify.js"></script>
package/coverage/js/index.html CHANGED
@@ -119,7 +119,7 @@
119
119
  </div><!-- /wrapper -->
120
120
  <div class='footer quiet pad2 space-top1 center small'>
121
121
  Code coverage
122
- generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Tue Dec 17 2019 16:40:55 GMT+0000 (GMT)
122
+ generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Wed Dec 18 2019 17:46:12 GMT+0000 (GMT)
123
123
  </div>
124
124
  </div>
125
125
  <script src="../prettify.js"></script>
package/coverage/js/index.js.html CHANGED
@@ -112,7 +112,7 @@ import popovers from '../components/popover/popover';
112
112
  </div><!-- /wrapper -->
113
113
  <div class='footer quiet pad2 space-top1 center small'>
114
114
  Code coverage
115
- generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Tue Dec 17 2019 16:40:55 GMT+0000 (GMT)
115
+ generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Wed Dec 18 2019 17:46:12 GMT+0000 (GMT)
116
116
  </div>
117
117
  </div>
118
118
  <script src="../prettify.js"></script>
package/coverage/js/polyfills/closest.js.html CHANGED
@@ -100,7 +100,7 @@
100
100
  </div><!-- /wrapper -->
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage
103
- generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Tue Dec 17 2019 16:40:55 GMT+0000 (GMT)
103
+ generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Wed Dec 18 2019 17:46:12 GMT+0000 (GMT)
104
104
  </div>
105
105
  </div>
106
106
  <script src="../../prettify.js"></script>
package/coverage/js/polyfills/index.html CHANGED
@@ -80,7 +80,7 @@
80
80
  </div><!-- /wrapper -->
81
81
  <div class='footer quiet pad2 space-top1 center small'>
82
82
  Code coverage
83
- generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Tue Dec 17 2019 16:40:55 GMT+0000 (GMT)
83
+ generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Wed Dec 18 2019 17:46:12 GMT+0000 (GMT)
84
84
  </div>
85
85
  </div>
86
86
  <script src="../../prettify.js"></script>
package/coverage/tokens/_config.js.html CHANGED
@@ -541,7 +541,7 @@ const config = <span class="cstat-no" title="statement not covered" >{</span>
541
541
  </div><!-- /wrapper -->
542
542
  <div class='footer quiet pad2 space-top1 center small'>
543
543
  Code coverage
544
- generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Tue Dec 17 2019 16:40:55 GMT+0000 (GMT)
544
+ generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Wed Dec 18 2019 17:46:12 GMT+0000 (GMT)
545
545
  </div>
546
546
  </div>
547
547
  <script src="../prettify.js"></script>
package/coverage/tokens/index.html CHANGED
@@ -80,7 +80,7 @@
80
80
  </div><!-- /wrapper -->
81
81
  <div class='footer quiet pad2 space-top1 center small'>
82
82
  Code coverage
83
- generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Tue Dec 17 2019 16:40:55 GMT+0000 (GMT)
83
+ generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Wed Dec 18 2019 17:46:12 GMT+0000 (GMT)
84
84
  </div>
85
85
  </div>
86
86
  <script src="../prettify.js"></script>
package/dist/_tokens/css/_tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 17 Dec 2019 16:41:22 GMT
3
+ * Generated on Wed, 18 Dec 2019 17:46:37 GMT
4
4
  */
5
5
 
6
6
  :root {
package/dist/_tokens/js/_tokens-module.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 17 Dec 2019 16:41:22 GMT
3
+ * Generated on Wed, 18 Dec 2019 17:46:38 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/dist/_tokens/scss/_tokens.scss CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  /*
3
3
  Do not edit directly
4
- Generated on Tue, 17 Dec 2019 16:41:22 GMT
4
+ Generated on Wed, 18 Dec 2019 17:46:37 GMT
5
5
  */
6
6
 
7
7
  $mds-color-brand-1-light: #2990e0 !default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@madgex/design-system",
3
- "version": "1.33.1",
3
+ "version": "1.33.2",
4
4
  "scripts": {
5
5
  "clean": "rimraf dist public tokens/build",
6
6
  "commit": "commit",
package/src/components/switch-state/README.md CHANGED
@@ -9,4 +9,8 @@
9
9
 
10
10
  ## Accessibility
11
11
 
12
- the button contains aria-live polite to inform screenreaders to wait before notifying the user of the update
12
+ We decided to remove the "aria-live" attribute from the button as it was causing issues where the change was being announced when moving away from the button, which could be confusing to a blind user. It also overrides any other anouncements like the link you're focused on when used with "assertive" (tested with VoiceOver for macOS).
13
+
14
+ We recommend adding some feedback instead when the action is completed. Use the `"role"` or `"aria-live"` attributes on your container's feeback so its content can be read whenever it updates.
15
+
16
+ Note: No need to use both attributes at the same time as `role="alert"` has an implicit `aria-live` value of `assertive`, while `role="status"` or `role="log"` is the equivalent of `aria-live="polite"`.
package/src/components/switch-state/_template.njk CHANGED
@@ -1,7 +1,7 @@
1
1
  {% if params %}
2
2
  <button
3
- class="mds-switch-state js-mds-switch-state mds-switch-state--default mds-button{% if params.classes %} {{params.classes}}{% endif %}"
4
- aria-live="assertive" data-test="switch-state">
3
+ class="mds-switch-state js-mds-switch-state mds-switch-state--default mds-button{% if params.classes %} {{params.classes}}{% endif %}"
4
+ data-test="switch-state">
5
5
  <span class="mds-switch-state--default{% if params.defaultClasses %} {{params.defaultClasses}}{% endif %}" data-test="switch-state-default">{{- params.defaultLabel | safe -}}</span>
6
6
  <span class="mds-switch-state--inverse{% if params.inverseClasses %} {{params.inverseClasses}}{% endif %}" data-test="switch-state-inverse">{{- params.inverseLabel | safe -}}</span>
7
7
  </button>