@brightspace-ui/core 2.80.4 → 2.80.6

package/components/backdrop/backdrop.js

@@ -3,7 +3,6 @@ import { css, html, LitElement } from 'lit';
 import { cssEscape, getComposedChildren, getComposedParent, isVisible } from '../../helpers/dom.js';
 import { getUniqueId } from '../../helpers/uniqueId.js';
 
-export const BACKDROP_ROLE = 'data-d2l-backdrop-role';
 const BACKDROP_HIDDEN = 'data-d2l-backdrop-hidden';
 const BACKDROP_ARIA_HIDDEN = 'data-d2l-backdrop-aria-hidden';
 
@@ -68,7 +67,8 @@ class Backdrop extends LitElement {
 				transition: none;
 			}
 			@media (prefers-reduced-motion: reduce) {
-				:host {
+				:host,
+				:host([slow-transition]) {
 					transition: none;
 				}
 			}
@@ -162,20 +162,13 @@ function hideAccessible(target) {
 			if (path.indexOf(child) !== -1) continue;
 			if (child.hasAttribute(BACKDROP_HIDDEN)) continue;
 
-			const role = child.getAttribute('role');
-			if (role) child.setAttribute(BACKDROP_ROLE, role);
-			child.setAttribute('role', 'presentation');
-
-			if (child.nodeName === 'FORM' || child.nodeName === 'A') {
-				const ariaHidden = child.getAttribute('aria-hidden');
-				if (ariaHidden) child.setAttribute(BACKDROP_ARIA_HIDDEN, ariaHidden);
-				child.setAttribute('aria-hidden', 'true');
+			if (child.hasAttribute('aria-hidden')) {
+				child.setAttribute(BACKDROP_ARIA_HIDDEN, child.getAttribute('aria-hidden'));
 			}
+			child.setAttribute('aria-hidden', 'true');
 
 			child.setAttribute(BACKDROP_HIDDEN, BACKDROP_HIDDEN);
 			hiddenElements.push(child);
-
-			hideAccessibleChildren(child);
 		}
 	};
 
@@ -204,21 +197,11 @@ export function preventBodyScroll() {
 function showAccessible(elems) {
 	for (let i = 0; i < elems.length; i++) {
 		const elem = elems[i];
-		const role = elem.getAttribute(BACKDROP_ROLE);
-		if (role) {
-			elem.setAttribute('role', role);
-			elem.removeAttribute(BACKDROP_ROLE);
+		if (elem.hasAttribute(BACKDROP_ARIA_HIDDEN)) {
+			elem.setAttribute('aria-hidden', elem.getAttribute(BACKDROP_ARIA_HIDDEN));
+			elem.removeAttribute(BACKDROP_ARIA_HIDDEN);
 		} else {
-			elem.removeAttribute('role');
-		}
-		if (elem.nodeName === 'FORM' || elem.nodeName === 'A') {
-			const ariaHidden = elem.getAttribute(BACKDROP_ARIA_HIDDEN);
-			if (ariaHidden) {
-				elem.setAttribute('aria-hidden', ariaHidden);
-				elem.removeAttribute(BACKDROP_ARIA_HIDDEN);
-			} else {
-				elem.removeAttribute('aria-hidden');
-			}
+			elem.removeAttribute('aria-hidden');
 		}
 		elem.removeAttribute(BACKDROP_HIDDEN);
 	}

package/components/menu/menu-item-styles.js

@@ -23,9 +23,10 @@ export const menuItemStyles = css`
 	/** separated from hover selectors because Safari <15.4 is having trouble parsing these */
 	:host(:focus-visible),
 	:host([first]:focus-visible) {
+		border-radius: 6px;
 		border-top-color: transparent;
 		color: var(--d2l-menu-foreground-color-hover);
-		outline: 2px solid var(--d2l-menu-border-color-hover);
+		outline: 2px solid var(--d2l-menu-border-color-hover) !important; /* override reset styles */
 		outline-offset: -3px;
 		z-index: 2;
 	}

package/lang/ar.js

@@ -99,7 +99,7 @@ export default {
 	"components.selection.select-all": "تحديد الكل",
 	"components.selection.select-all-items": "تحديد كل المواد الـ {count}.",
 	"components.selection.selected": "تم تحديد {count}",
-	"components.selection.selected-plus": "{count}+ selected",
+	"components.selection.selected-plus": "تم تحديد {count}+‎",
 	"components.selection-header.label": "إجراءات التحديد",
 	"components.switch.visible": "مرئي",
 	"components.switch.visibleWithPeriod": "مرئي.",

package/lang/cy.js

@@ -99,7 +99,7 @@ export default {
 	"components.selection.select-all": "Dewis y Cyfan",
 	"components.selection.select-all-items": "Dewis Pob {count} Eitem",
 	"components.selection.selected": "{count} wedi’u dewis.",
-	"components.selection.selected-plus": "{count}+ selected",
+	"components.selection.selected-plus": "{count}+ wedi’u dewis",
 	"components.selection-header.label": "Camau gweithredu ar gyfer detholiad",
 	"components.switch.visible": "Gweladwy",
 	"components.switch.visibleWithPeriod": "Gweladwy.",

package/lang/da.js

@@ -99,7 +99,7 @@ export default {
 	"components.selection.select-all": "Vælg alle",
 	"components.selection.select-all-items": "Vælg alle {count} elementer",
 	"components.selection.selected": "{count} valgt",
-	"components.selection.selected-plus": "{count}+ selected",
+	"components.selection.selected-plus": "{count}+ valgt",
 	"components.selection-header.label": "Handlinger for valg",
 	"components.switch.visible": "Synlig",
 	"components.switch.visibleWithPeriod": "Synlig.",

package/lang/de.js

@@ -99,7 +99,7 @@ export default {
 	"components.selection.select-all": "Alle auswählen",
 	"components.selection.select-all-items": "Alle {count} Elemente auswählen",
 	"components.selection.selected": "{count} ausgewählt",
-	"components.selection.selected-plus": "{count}+ selected",
+	"components.selection.selected-plus": "{count}+ ausgewählt",
 	"components.selection-header.label": "Aktionen für Auswahl",
 	"components.switch.visible": "Sichtbar",
 	"components.switch.visibleWithPeriod": "Sichtbar.",

package/lang/es-es.js

@@ -99,7 +99,7 @@ export default {
 	"components.selection.select-all": "Seleccionar todo",
 	"components.selection.select-all-items": "Seleccione los {count} elementos",
 	"components.selection.selected": "{count} seleccionados",
-	"components.selection.selected-plus": "{count}+ selected",
+	"components.selection.selected-plus": "{count}+ seleccionados",
 	"components.selection-header.label": "Acciones para la selección",
 	"components.switch.visible": "Visible", // mfv-translated
 	"components.switch.visibleWithPeriod": "Visible.", // mfv-translated

package/lang/es.js

@@ -99,7 +99,7 @@ export default {
 	"components.selection.select-all": "Seleccionar todo",
 	"components.selection.select-all-items": "Seleccione todos los {count} elementos",
 	"components.selection.selected": "{count} seleccionados",
-	"components.selection.selected-plus": "{count}+ selected",
+	"components.selection.selected-plus": "Más de {count} seleccionados",
 	"components.selection-header.label": "Acciones para la selección",
 	"components.switch.visible": "Visible", // mfv-translated
 	"components.switch.visibleWithPeriod": "Visible.", // mfv-translated

package/lang/fr-fr.js

@@ -99,7 +99,7 @@ export default {
 	"components.selection.select-all": "Tout sélectionner",
 	"components.selection.select-all-items": "Sélectionner tous les {count} éléments",
 	"components.selection.selected": "{count} sélectionnés",
-	"components.selection.selected-plus": "{count}+  sélectionnés",
+	"components.selection.selected-plus": "{count}+ sélectionné(e)(s)",
 	"components.selection-header.label": "Actions pour la sélection",
 	"components.switch.visible": "Visible", // mfv-translated
 	"components.switch.visibleWithPeriod": "Visible.", // mfv-translated

package/lang/fr.js

@@ -99,7 +99,7 @@ export default {
 	"components.selection.select-all": "Tout sélectionner",
 	"components.selection.select-all-items": "Sélectionner tous les {count} éléments",
 	"components.selection.selected": "{count} sélectionné(s)",
-	"components.selection.selected-plus": "{count}+ sélectionné(s)",
+	"components.selection.selected-plus": "{count}+ sélectionné",
 	"components.selection-header.label": "Actions à sélectionner",
 	"components.switch.visible": "Visible", // mfv-translated
 	"components.switch.visibleWithPeriod": "Visible.", // mfv-translated

package/lang/hi.js

@@ -99,7 +99,7 @@ export default {
 	"components.selection.select-all": "सभी का चयन करें",
 	"components.selection.select-all-items": "सभी {count} आइटम चुनें।",
 	"components.selection.selected": "{count} चयनित",
-	"components.selection.selected-plus": "{count}+ selected",
+	"components.selection.selected-plus": "{count} से अधिक चयनित",
 	"components.selection-header.label": "चयन के लिए क्रियाएँ",
 	"components.switch.visible": "दृश्यमान",
 	"components.switch.visibleWithPeriod": "दृश्यमान।",

package/lang/ja.js

@@ -99,7 +99,7 @@ export default {
 	"components.selection.select-all": "すべて選択",
 	"components.selection.select-all-items": "{count} 個の項目をすべて選択",
 	"components.selection.selected": "{count} 個を選択済み",
-	"components.selection.selected-plus": "{count}+ selected",
+	"components.selection.selected-plus": "{count} 個以上を選択済み",
 	"components.selection-header.label": "選択のアクション",
 	"components.switch.visible": "表示",
 	"components.switch.visibleWithPeriod": "表示。",

package/lang/ko.js

@@ -99,7 +99,7 @@ export default {
 	"components.selection.select-all": "모두 선택",
 	"components.selection.select-all-items": "{count}개 항목을 모두 선택하십시오.",
 	"components.selection.selected": "{count}개 선택됨",
-	"components.selection.selected-plus": "{count}+ selected",
+	"components.selection.selected-plus": "{count}+개 선택됨",
 	"components.selection-header.label": "선택 작업",
 	"components.switch.visible": "표시",
 	"components.switch.visibleWithPeriod": "표시.",

package/lang/nl.js

@@ -99,7 +99,7 @@ export default {
 	"components.selection.select-all": "Alles selecteren",
 	"components.selection.select-all-items": "Alle {count} records selecteren",
 	"components.selection.selected": "{count} geselecteerd",
-	"components.selection.selected-plus": "{count}+ selected",
+	"components.selection.selected-plus": "Meer dan {count} geselecteerd",
 	"components.selection-header.label": "Acties voor selectie",
 	"components.switch.visible": "Zichtbaar",
 	"components.switch.visibleWithPeriod": "Zichtbaar.",

package/lang/pt.js

@@ -99,7 +99,7 @@ export default {
 	"components.selection.select-all": "Selecionar tudo",
 	"components.selection.select-all-items": "Selecione todos os {count} itens",
 	"components.selection.selected": "{count} selecionados",
-	"components.selection.selected-plus": "{count}+ selected",
+	"components.selection.selected-plus": "Mais de {count} selecionados",
 	"components.selection-header.label": "Ações para seleção",
 	"components.switch.visible": "Visível",
 	"components.switch.visibleWithPeriod": "Visível.",

package/lang/sv.js

@@ -99,7 +99,7 @@ export default {
 	"components.selection.select-all": "Välj alla",
 	"components.selection.select-all-items": "Välj alla {count} objekt",
 	"components.selection.selected": "{count} valda",
-	"components.selection.selected-plus": "{count}+ selected",
+	"components.selection.selected-plus": "Över {count} valda",
 	"components.selection-header.label": "Åtgärder för val",
 	"components.switch.visible": "Synlig",
 	"components.switch.visibleWithPeriod": "Synlig.",

package/lang/tr.js

@@ -99,7 +99,7 @@ export default {
 	"components.selection.select-all": "Tümünü Seç",
 	"components.selection.select-all-items": "{count} Öğenin Tamamını Seç",
 	"components.selection.selected": "{count} öğe seçildi",
-	"components.selection.selected-plus": "{count}+ selected",
+	"components.selection.selected-plus": "{count}+ öğe seçildi",
 	"components.selection-header.label": "Seçim için eylemler",
 	"components.switch.visible": "Görünür",
 	"components.switch.visibleWithPeriod": "Görünür.",

package/lang/zh-cn.js

@@ -99,7 +99,7 @@ export default {
 	"components.selection.select-all": "全选",
 	"components.selection.select-all-items": "选择全部 {count} 个项目",
 	"components.selection.selected": "已选 {count}",
-	"components.selection.selected-plus": "{count}+ selected",
+	"components.selection.selected-plus": "已选 + {count}",
 	"components.selection-header.label": "针对所选内容的操作",
 	"components.switch.visible": "可见",
 	"components.switch.visibleWithPeriod": "可见。",

package/lang/zh-tw.js

@@ -99,7 +99,7 @@ export default {
 	"components.selection.select-all": "全選",
 	"components.selection.select-all-items": "選取所有 {count} 個項目",
 	"components.selection.selected": "已選取 {count} 個",
-	"components.selection.selected-plus": "{count}+ selected",
+	"components.selection.selected-plus": "已選取 {count}+ 個",
 	"components.selection-header.label": "選擇的動作",
 	"components.switch.visible": "可見",
 	"components.switch.visibleWithPeriod": "可見。",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brightspace-ui/core",
-  "version": "2.80.4",
+  "version": "2.80.6",
   "description": "A collection of accessible, free, open-source web components for building Brightspace applications",
   "type": "module",
   "repository": "https://github.com/BrightspaceUI/core.git",