@brightspace-ui/core 2.80.3 → 2.80.5

package/components/collapsible-panel/README.md

@@ -130,7 +130,7 @@ The `d2l-collapsible-panel` element is a container that provides specific layout
 | `heading-style` | Number | The heading style to use |
 | `heading-level` | Number | Semantic heading level (h1-h4) |
 | `no-sticky` | Boolean | Disables sticky positioning for the header |
-| `padding` | String | Optionally set horizontal padding of inline panels |
+| `padding-type` | String | Optionally set horizontal padding of inline panels |
 | `panel-title` | String | The title of the panel |
 | `type` | String | The type of collapsible panel |
 <!-- docs: end hidden content -->

package/components/collapsible-panel/collapsible-panel.js

@@ -68,7 +68,7 @@ class CollapsiblePanel extends RtlMixin(LitElement) {
 			 * @type {'default'|'large'}
 			 * @default "default"
 			 */
-			padding: { type: String, reflect: true },
+			paddingType: { attribute: 'padding-type', type: String, reflect: true },
 			/**
 			 * Disables sticky positioning for the header
 			 * @type {boolean}
@@ -93,7 +93,7 @@ class CollapsiblePanel extends RtlMixin(LitElement) {
 			:host([hidden]) {
 				display: none;
 			}
-			:host([padding="large"][type="inline"]) {
+			:host([padding-type="large"][type="inline"]) {
 				--d2l-collapsible-panel-spacing-inline: 2rem;
 			}
 			.d2l-collapsible-panel {
@@ -248,7 +248,7 @@ class CollapsiblePanel extends RtlMixin(LitElement) {
 		this.expanded = false;
 		this.headingLevel = defaultHeading;
 		this.headingStyle = defaultHeading;
-		this.padding = 'default';
+		this.paddingType = 'default';
 		this.type = 'default';
 		this.noSticky = false;
 		this._focused = false;

package/components/collapsible-panel/demo/collapsible-panel.html

@@ -77,10 +77,10 @@
 
 			<h2>Inline with large padding</h2>
 			<d2l-demo-snippet>
-				<d2l-collapsible-panel panel-title="Availability Dates and Conditions" type="inline" padding="large">
+				<d2l-collapsible-panel panel-title="Availability Dates and Conditions" type="inline" padding-type="large">
 						Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas odio ligula, aliquam efficitur sollicitudin non, dignissim quis nisl. Nullam rutrum, lectus sed finibus consectetur, dolor leo blandit lorem, vitae consectetur arcu enim ornare tortor. Praesent lobortis libero in libero sagittis consectetur. Maecenas ut velit efficitur, consectetur augue vitae, finibus turpis. In id tempor quam.
 				</d2l-collapsible-panel>
-				<d2l-collapsible-panel panel-title="Availability Dates and Conditions" type="inline" padding="large">
+				<d2l-collapsible-panel panel-title="Availability Dates and Conditions" type="inline" padding-type="large">
 					<d2l-collapsible-panel-summary-item slot="summary" text="Availability starts 8/16/2022 and ends 8/12/2022"></d2l-collapsible-panel-summary-item>
 					Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas odio ligula, aliquam efficitur sollicitudin non, dignissim quis nisl. Nullam rutrum, lectus sed finibus consectetur, dolor leo blandit lorem, vitae consectetur arcu enim ornare tortor. Praesent lobortis libero in libero sagittis consectetur. Maecenas ut velit efficitur, consectetur augue vitae, finibus turpis. In id tempor quam.
 				</d2l-collapsible-panel>

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/custom-elements.json

@@ -1100,7 +1100,7 @@
           "default": "\"\\\"3\\\"\""
         },
         {
-          "name": "padding",
+          "name": "padding-type",
           "description": "Horizontal padding of the panel",
           "type": "'default'|'large'",
           "default": "\"\\\"default\\\"\""
@@ -1153,8 +1153,8 @@
           "default": "\"\\\"3\\\"\""
         },
         {
-          "name": "padding",
-          "attribute": "padding",
+          "name": "paddingType",
+          "attribute": "padding-type",
           "description": "Horizontal padding of the panel",
           "type": "'default'|'large'",
           "default": "\"\\\"default\\\"\""

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.3",
+  "version": "2.80.5",
   "description": "A collection of accessible, free, open-source web components for building Brightspace applications",
   "type": "module",
   "repository": "https://github.com/BrightspaceUI/core.git",