@madgex/design-system 3.2.3 → 3.2.5

package/package.json

@@ -2,7 +2,7 @@
   "name": "@madgex/design-system",
   "author": "Madgex",
   "license": "UNLICENSED",
-  "version": "3.2.3",
+  "version": "3.2.5",
   "scripts": {
     "clean": "rimraf dist public tokens/build",
     "commit": "commit",

package/src/components/accordion/accordion.js

@@ -94,7 +94,7 @@ const accordion = {
     // can't use multiple arguments in classList.add() due to IE
     accordionTriggerButton.classList.add('mds-button');
     accordionTriggerButton.classList.add('mds-button--plain');
-    accordionTriggerButton.classList.add('mds-padding-b0');
+    accordionTriggerButton.classList.add('mds-padding-x-b0');
     accordionTriggerButton.setAttribute('aria-expanded', false);
     if (accordionTriggerSpan) {
       accordionTriggerButton.appendChild(accordionTriggerSpan);

package/src/components/inputs/checkbox-list/README.md

@@ -11,7 +11,7 @@
 - `classes`: add extra classes to the fieldgroup - **optional**
 - `describedBy`: adding aria-describeby to the fieldset (if multiple checkboxes) or the input field if only one checkbox - **optional**
 - `options`: This is an array of objects containing the parameters for each option: `labelText`, `value`, `id`, `classes`
-- `selectedOptions`: Preselected checkboxes - Array or comma-separed string
+- `selectedOptions`: Preselected checkboxes - Array or comma-separated string **optional**
 
 **Note:** `id` in `options` is optional. If you don't specify one, an id will be created for you using the name/id of the field and the value of the option.
 

package/src/components/inputs/checkbox-list/_template.njk

@@ -23,6 +23,11 @@
       {%- set accordionIsExpanded = false -%}
       {% if checkboxParams.selectedOptions %}
         {% set selectedOptions = checkboxParams.selectedOptions %}
+        {# check if `selectedOptions` is an array or not - if it isn't, change it into one #}
+        {# didn't find any other way than to check the first character of the JSON.stringify version of the parameter #}
+        {% if selectedOptions | dump | first != '[' %}
+          {% set selectedOptions = [selectedOptions] %}
+        {% endif %}
         {% for selectedOption in selectedOptions %}
           {% if selectedOption == option.value %}
             {%- set isSelected = true -%}

package/src/components/inputs/checkbox-list/checkbox-list.config.js

@@ -70,7 +70,6 @@ module.exports = {
             labelText: 'Checkbox Input 3',
             value: '4-3',
             id: 'checkbox-4-3',
-            selected: true,
           },
         ],
       },