Merge branch 'main' into feature/indent-description-list-dd

# Conflicts:
#	public/dist/assets/js/multiselect.min.js
#	public/dist/assets/styles/core.min.css

Author: jean-gui

assets-src/js/multiselect-module.js

@@ -193,7 +193,7 @@ const MultiselectButtons = function (selectEl, params) {
     ulCombo.setAttribute('aria-multiselectable', 'true');
     ulCombo.id = baseId + '-listbox';
     ulCombo.setAttribute('aria-labelledby', baseId + '-label');
-    ulCombo.classList.add('combo-menu');
+    ulCombo.classList.add('combo-menu', 'clean-list');
 
     div.appendChild(divComboBox);
     div.appendChild(ulCombo);

assets-src/js/slider.js

@@ -66,7 +66,7 @@ let contentSlider = (function () {
 				function createControls() {
 
 					let controls = document.createElement('ul');
-					controls.setAttribute('class', 'slider-controls');
+					controls.setAttribute('class', 'clean-list slider-controls');
 					controls.setAttribute('aria-label', controlsDescription);
 					controls.innerHTML = '<li><button class="button button--ghost js-previous with-icon--larger" aria-label="' + previousSlide + '" style="padding:0.4375rem;"><svg xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 320 512" class="icon icon--larger" focusable="false" aria-hidden="true" width="1em" height="1em"><path class="chevron-left" d="M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z"/><path class="chevron-right" d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"/></svg></button></li>'
 						+ '<li style="margin-top:0;margin-inline-start:0.25rem;"><button class="button button--ghost js-next with-icon--larger" aria-label="' + nextSlide + '" style="padding:0.4375rem;"><svg xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 320 512" class="icon icon--larger" focusable="false" aria-hidden="true" width="1em" height="1em"><path class="chevron-left" d="M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z"/><path class="chevron-right" d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"/></svg></button></li>';

assets-src/styles/sass/50-core-components/_evangelists.scss

@@ -45,6 +45,10 @@
 		padding-right: rem(24);
 	}
 
+    .l-box {
+        padding: rem(24);
+    }
+
 	li + li {
 		border-top: solid 1px #649bc5;
 	}

public/dist/assets/js/multiselect.js

@@ -198,7 +198,7 @@ const MultiselectButtons = function (selectEl, params) {
   ulCombo.setAttribute('aria-multiselectable', 'true');
   ulCombo.id = baseId + '-listbox';
   ulCombo.setAttribute('aria-labelledby', baseId + '-label');
-  ulCombo.classList.add('combo-menu');
+  ulCombo.classList.add('combo-menu', 'clean-list');
   div.appendChild(divComboBox);
   div.appendChild(ulCombo);
   if (selectEl.multiple) {

public/dist/assets/js/slider.js

@@ -332,7 +332,7 @@ let contentSlider = function () {
          */
         function createControls() {
           let controls = document.createElement('ul');
-          controls.setAttribute('class', 'slider-controls');
+          controls.setAttribute('class', 'clean-list slider-controls');
           controls.setAttribute('aria-label', controlsDescription);
           controls.innerHTML = '<li><button class="button button--ghost js-previous with-icon--larger" aria-label="' + previousSlide + '" style="padding:0.4375rem;"><svg xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 320 512" class="icon icon--larger" focusable="false" aria-hidden="true" width="1em" height="1em"><path class="chevron-left" d="M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z"/><path class="chevron-right" d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"/></svg></button></li>' + '<li style="margin-top:0;margin-inline-start:0.25rem;"><button class="button button--ghost js-next with-icon--larger" aria-label="' + nextSlide + '" style="padding:0.4375rem;"><svg xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 320 512" class="icon icon--larger" focusable="false" aria-hidden="true" width="1em" height="1em"><path class="chevron-left" d="M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z"/><path class="chevron-right" d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"/></svg></button></li>';
           controls.style.display = 'inline-flex';

public/dist/assets/js/slider.min.js

@@ -3602,6 +3602,9 @@ a.tag, .tag.heading-anchor {
   padding-left: 1.5rem;
   padding-right: 1.5rem;
 }
+.component--evangelists__list .l-box {
+  padding: 1.5rem;
+}
 .component--evangelists__list li + li {
   border-top: solid 1px #649bc5;
 }