@brightspace-ui/core 3.288.1 → 3.288.3

package/components/button/button-toggle.js

@@ -1,4 +1,5 @@
 import { css, html, LitElement } from 'lit';
+import { getFlag } from '../../helpers/flags.js';
 
 /**
  * A button container component for button toggles.
@@ -52,13 +53,16 @@ class ButtonToggle extends LitElement {
 		`;
 	}
 
+	// remove with "button-toggle-no-change-event-on-prop-update" flag
 	updated(changedProperties) {
 		super.updated(changedProperties);
 
 		if (changedProperties.get('pressed') === undefined) return;
 
-		/** Dispatched when the pressed state changes */
-		this.dispatchEvent(new CustomEvent('d2l-button-toggle-change'));
+		if (!getFlag('button-toggle-no-change-event-on-prop-update', true)) {
+			/** Dispatched when the pressed state changes */
+			this.dispatchEvent(new CustomEvent('d2l-button-toggle-change'));
+		}
 	}
 
 	focus() {
@@ -102,6 +106,10 @@ class ButtonToggle extends LitElement {
 		this.pressed = newPressed;
 		await this.updateComplete;
 		this.focus();
+		if (getFlag('button-toggle-no-change-event-on-prop-update', true)) {
+			/** Dispatched when the pressed state changes */
+			this.dispatchEvent(new CustomEvent('d2l-button-toggle-change'));
+		}
 	}
 
 }

package/components/page/page.js

@@ -238,6 +238,10 @@ class Page extends ProviderMixin(LocalizeCoreElement(LitElement)) {
 		.supporting {
 			display: contents;
 		}
+		.side-nav[hidden],
+		.supporting[hidden] {
+			display: none;
+		}
 
 		.side-nav-panel,
 		.supporting-panel {
@@ -562,11 +566,10 @@ class Page extends ProviderMixin(LocalizeCoreElement(LitElement)) {
 			'collapsed': this._panelState.getCollapsed(panelKey)
 		};
 		return html`
-			<nav class="side-nav" aria-label="${this.localize('components.page.side-nav-label')}">
+			<nav class="side-nav" ?hidden="${!this._slotVisibility['side-nav']}" aria-label="${this.localize('components.page.side-nav-label')}">
 				<div
 					class="${classMap(classes)}"
-					style=${styleMap({ width: `${this._panelState.getSize(panelKey)}px` })}
-					?hidden="${!this._slotVisibility['side-nav']}">
+					style=${styleMap({ width: `${this._panelState.getSize(panelKey)}px` })}>
 					<div class="side-nav-panel-content" style=${styleMap({ width: `${this._panelState.getTrueSize(panelKey)}px` })}>
 						<slot name="side-nav" @slotchange="${this.#handleSlotVisibilityChange}"></slot>
 					</div>
@@ -584,13 +587,12 @@ class Page extends ProviderMixin(LocalizeCoreElement(LitElement)) {
 			'collapsed': this._panelState.getCollapsed(panelKey)
 		};
 		return html`
-			<aside class="supporting" aria-label="${this.localize('components.page.supporting-label')}">
+			<aside class="supporting" ?hidden="${!this._slotVisibility['supporting']}" aria-label="${this.localize('components.page.supporting-label')}">
 				${!this._slotVisibility['supporting'] ? nothing :
 					this.#renderDivider(panelKey, this.localize('components.page.supporting-divider-label'), 'end')}
 				<div
 					class="${classMap(classes)}"
-					style=${styleMap({ width: `${this._panelState.getSize(panelKey)}px` })}
-					?hidden="${!this._slotVisibility['supporting']}">
+					style=${styleMap({ width: `${this._panelState.getSize(panelKey)}px` })}>
 					<div class="supporting-panel-content" style=${styleMap({ width: `${this._panelState.getTrueSize(panelKey)}px` })}>
 						<slot name="supporting" @slotchange="${this.#handleSlotVisibilityChange}"></slot>
 					</div>

package/custom-elements.json

@@ -13589,7 +13589,7 @@
       "properties": [
         {
           "name": "styles",
-          "default": "\"css`\\n\\t\\t:host {\\n\\t\\t\\t--d2l-page-header-max-width: 1230px;\\n\\t\\t\\t--d2l-page-content-max-width: 1230px;\\n\\t\\t\\t--d2l-page-footer-max-width: 1230px;\\n\\t\\t\\t--d2l-page-margin-inline: auto;\\n\\t\\t\\t--d2l-page-padding: 30px;\\n\\t\\t}\\n\\n\\t\\t:host([width-type=\\\"wide\\\"]) {\\n\\t\\t\\t--d2l-page-header-max-width: 1440px;\\n\\t\\t\\t--d2l-page-content-max-width: 1440px;\\n\\t\\t\\t--d2l-page-footer-max-width: 1440px;\\n\\t\\t}\\n\\n\\t\\t:host([width-type=\\\"fullscreen\\\"]) {\\n\\t\\t\\t--d2l-page-header-max-width: 100%;\\n\\t\\t\\t--d2l-page-content-max-width: 100%;\\n\\t\\t\\t--d2l-page-footer-max-width: 100%;\\n\\t\\t}\\n\\n\\t\\t@media (max-width: ${OVERLAY_MODE_BREAKPOINT}px) {\\n\\t\\t\\t:host {\\n\\t\\t\\t\\t--d2l-page-padding: 24px;\\n\\t\\t\\t}\\n\\t\\t}\\n\\t\\t@media (max-width: ${MOBILE_MODE_BREAKPOINT}px) {\\n\\t\\t\\t:host {\\n\\t\\t\\t\\t--d2l-page-padding: 18px;\\n\\t\\t\\t}\\n\\t\\t}\\n\\n\\t\\t.header {\\n\\t\\t\\tposition: relative;\\n\\t\\t\\tz-index: 16; /* To be over sticky content of our core components and the divider */\\n\\t\\t}\\n\\n\\t\\t.page.header-sticky .header {\\n\\t\\t\\tposition: sticky;\\n\\t\\t\\ttop: 0;\\n\\t\\t}\\n\\n\\t\\t.content {\\n\\t\\t\\tbox-sizing: border-box;\\n\\t\\t\\tdisplay: flex;\\n\\t\\t\\tmargin-inline: var(--d2l-page-margin-inline, 0);\\n\\t\\t\\tmax-width: var(--d2l-page-content-max-width, 100%);\\n\\t\\t\\tpadding-bottom: var(--d2l-page-footer-height, 0); /* Reserve space for fixed footer */\\n\\t\\t}\\n\\t\\t.content.has-panels {\\n\\t\\t\\tmin-height: calc(100vh - var(--d2l-page-header-height-measured, 0px));\\n\\t\\t}\\n\\n\\t\\tmain {\\n\\t\\t\\tflex: 1;\\n\\t\\t\\tmin-width: min(${MAIN_MIN_WIDTH}px, 100%);\\n\\t\\t}\\n\\n\\t\\t.side-nav,\\n\\t\\t.supporting {\\n\\t\\t\\tdisplay: contents;\\n\\t\\t}\\n\\n\\t\\t.side-nav-panel,\\n\\t\\t.supporting-panel {\\n\\t\\t\\toverflow: hidden;\\n\\t\\t}\\n\\n\\t\\t.side-nav-panel,\\n\\t\\t.supporting-panel,\\n\\t\\t.divider {\\n\\t\\t\\tposition: sticky;\\n\\t\\t\\ttop: var(--d2l-page-header-height, 0);\\n\\t\\t}\\n\\n\\t\\t.side-nav-panel,\\n\\t\\t.supporting-panel,\\n\\t\\t.side-nav-panel-content,\\n\\t\\t.supporting-panel-content,\\n\\t\\t.divider {\\n\\t\\t\\tmax-height: calc(100vh - var(--d2l-page-header-height, 0) - var(--d2l-page-footer-height, 0));\\n\\t\\t}\\n\\n\\t\\t.side-nav-panel-content,\\n\\t\\t.supporting-panel-content {\\n\\t\\t\\tbox-sizing: border-box;\\n\\t\\t\\toverflow: clip auto;\\n\\t\\t}\\n\\t\\t.side-nav-panel-content {\\n\\t\\t\\tfloat: inline-end;\\n\\t\\t}\\n\\t\\t.supporting-panel-content {\\n\\t\\t\\tfloat: inline-start;\\n\\t\\t}\\n\\n\\t\\t.divider {\\n\\t\\t\\tz-index: 15; /* To be over d2l-page-* panel headers */\\n\\t\\t}\\n\\n\\t\\t.side-nav-panel.collapsed {\\n\\t\\t\\tpadding-inline-end: ${DIVIDER_GUTTER_WIDTH}px;\\n\\t\\t}\\n\\t\\t.supporting-panel.collapsed {\\n\\t\\t\\tpadding-inline-start: ${DIVIDER_GUTTER_WIDTH}px;\\n\\t\\t}\\n\\t\\t.side-nav-panel.collapsed .side-nav-panel-content,\\n\\t\\t.supporting-panel.collapsed .supporting-panel-content {\\n\\t\\t\\tvisibility: hidden;\\n\\t\\t}\\n\\t\\t@media (prefers-reduced-motion: no-preference) {\\n\\t\\t\\t.side-nav-panel.animate,\\n\\t\\t\\t.supporting-panel.animate,\\n\\t\\t\\t.side-nav-panel.animate .side-nav-panel-content,\\n\\t\\t\\t.supporting-panel.animate .supporting-panel-content {\\n\\t\\t\\t\\ttransition:\\n\\t\\t\\t\\t\\twidth 400ms cubic-bezier(0, 0.7, 0.5, 1),\\n\\t\\t\\t\\t\\tpadding 400ms cubic-bezier(0, 0.7, 0.5, 1);\\n\\t\\t\\t}\\n\\t\\t\\t.side-nav-panel.animate.collapsed .side-nav-panel-content,\\n\\t\\t\\t.supporting-panel.animate.collapsed .supporting-panel-content {\\n\\t\\t\\t\\ttransition:\\n\\t\\t\\t\\t\\twidth 400ms cubic-bezier(0, 0.7, 0.5, 1),\\n\\t\\t\\t\\t\\tvisibility 0s 400ms;\\n\\t\\t\\t}\\n\\t\\t}\\n\\n\\t\\t.footer:not([hidden]),\\n\\t\\t.floating-buttons-container {\\n\\t\\t\\tdisplay: inline;\\n\\t\\t}\\n\\t\\t.fixed-footer {\\n\\t\\t\\tbackground-color: white;\\n\\t\\t\\tbox-shadow: 0 -2px 4px rgba(32, 33, 34, 0.2); /* ferrite */\\n\\t\\t\\tinset: auto 0 0;\\n\\t\\t\\tpadding-block-start: 0.75rem;\\n\\t\\t\\tposition: fixed;\\n\\t\\t\\tz-index: 15; /* To be over sticky content of our core components and divider */\\n\\t\\t}\\n\\t\\t.footer-contents {\\n\\t\\t\\tmargin-inline: var(--d2l-page-margin-inline, 0);\\n\\t\\t\\tmax-width: var(--d2l-page-footer-max-width, 100%);\\n\\t\\t}\\n\\t`\""
+          "default": "\"css`\\n\\t\\t:host {\\n\\t\\t\\t--d2l-page-header-max-width: 1230px;\\n\\t\\t\\t--d2l-page-content-max-width: 1230px;\\n\\t\\t\\t--d2l-page-footer-max-width: 1230px;\\n\\t\\t\\t--d2l-page-margin-inline: auto;\\n\\t\\t\\t--d2l-page-padding: 30px;\\n\\t\\t}\\n\\n\\t\\t:host([width-type=\\\"wide\\\"]) {\\n\\t\\t\\t--d2l-page-header-max-width: 1440px;\\n\\t\\t\\t--d2l-page-content-max-width: 1440px;\\n\\t\\t\\t--d2l-page-footer-max-width: 1440px;\\n\\t\\t}\\n\\n\\t\\t:host([width-type=\\\"fullscreen\\\"]) {\\n\\t\\t\\t--d2l-page-header-max-width: 100%;\\n\\t\\t\\t--d2l-page-content-max-width: 100%;\\n\\t\\t\\t--d2l-page-footer-max-width: 100%;\\n\\t\\t}\\n\\n\\t\\t@media (max-width: ${OVERLAY_MODE_BREAKPOINT}px) {\\n\\t\\t\\t:host {\\n\\t\\t\\t\\t--d2l-page-padding: 24px;\\n\\t\\t\\t}\\n\\t\\t}\\n\\t\\t@media (max-width: ${MOBILE_MODE_BREAKPOINT}px) {\\n\\t\\t\\t:host {\\n\\t\\t\\t\\t--d2l-page-padding: 18px;\\n\\t\\t\\t}\\n\\t\\t}\\n\\n\\t\\t.header {\\n\\t\\t\\tposition: relative;\\n\\t\\t\\tz-index: 16; /* To be over sticky content of our core components and the divider */\\n\\t\\t}\\n\\n\\t\\t.page.header-sticky .header {\\n\\t\\t\\tposition: sticky;\\n\\t\\t\\ttop: 0;\\n\\t\\t}\\n\\n\\t\\t.content {\\n\\t\\t\\tbox-sizing: border-box;\\n\\t\\t\\tdisplay: flex;\\n\\t\\t\\tmargin-inline: var(--d2l-page-margin-inline, 0);\\n\\t\\t\\tmax-width: var(--d2l-page-content-max-width, 100%);\\n\\t\\t\\tpadding-bottom: var(--d2l-page-footer-height, 0); /* Reserve space for fixed footer */\\n\\t\\t}\\n\\t\\t.content.has-panels {\\n\\t\\t\\tmin-height: calc(100vh - var(--d2l-page-header-height-measured, 0px));\\n\\t\\t}\\n\\n\\t\\tmain {\\n\\t\\t\\tflex: 1;\\n\\t\\t\\tmin-width: min(${MAIN_MIN_WIDTH}px, 100%);\\n\\t\\t}\\n\\n\\t\\t.side-nav,\\n\\t\\t.supporting {\\n\\t\\t\\tdisplay: contents;\\n\\t\\t}\\n\\t\\t.side-nav[hidden],\\n\\t\\t.supporting[hidden] {\\n\\t\\t\\tdisplay: none;\\n\\t\\t}\\n\\n\\t\\t.side-nav-panel,\\n\\t\\t.supporting-panel {\\n\\t\\t\\toverflow: hidden;\\n\\t\\t}\\n\\n\\t\\t.side-nav-panel,\\n\\t\\t.supporting-panel,\\n\\t\\t.divider {\\n\\t\\t\\tposition: sticky;\\n\\t\\t\\ttop: var(--d2l-page-header-height, 0);\\n\\t\\t}\\n\\n\\t\\t.side-nav-panel,\\n\\t\\t.supporting-panel,\\n\\t\\t.side-nav-panel-content,\\n\\t\\t.supporting-panel-content,\\n\\t\\t.divider {\\n\\t\\t\\tmax-height: calc(100vh - var(--d2l-page-header-height, 0) - var(--d2l-page-footer-height, 0));\\n\\t\\t}\\n\\n\\t\\t.side-nav-panel-content,\\n\\t\\t.supporting-panel-content {\\n\\t\\t\\tbox-sizing: border-box;\\n\\t\\t\\toverflow: clip auto;\\n\\t\\t}\\n\\t\\t.side-nav-panel-content {\\n\\t\\t\\tfloat: inline-end;\\n\\t\\t}\\n\\t\\t.supporting-panel-content {\\n\\t\\t\\tfloat: inline-start;\\n\\t\\t}\\n\\n\\t\\t.divider {\\n\\t\\t\\tz-index: 15; /* To be over d2l-page-* panel headers */\\n\\t\\t}\\n\\n\\t\\t.side-nav-panel.collapsed {\\n\\t\\t\\tpadding-inline-end: ${DIVIDER_GUTTER_WIDTH}px;\\n\\t\\t}\\n\\t\\t.supporting-panel.collapsed {\\n\\t\\t\\tpadding-inline-start: ${DIVIDER_GUTTER_WIDTH}px;\\n\\t\\t}\\n\\t\\t.side-nav-panel.collapsed .side-nav-panel-content,\\n\\t\\t.supporting-panel.collapsed .supporting-panel-content {\\n\\t\\t\\tvisibility: hidden;\\n\\t\\t}\\n\\t\\t@media (prefers-reduced-motion: no-preference) {\\n\\t\\t\\t.side-nav-panel.animate,\\n\\t\\t\\t.supporting-panel.animate,\\n\\t\\t\\t.side-nav-panel.animate .side-nav-panel-content,\\n\\t\\t\\t.supporting-panel.animate .supporting-panel-content {\\n\\t\\t\\t\\ttransition:\\n\\t\\t\\t\\t\\twidth 400ms cubic-bezier(0, 0.7, 0.5, 1),\\n\\t\\t\\t\\t\\tpadding 400ms cubic-bezier(0, 0.7, 0.5, 1);\\n\\t\\t\\t}\\n\\t\\t\\t.side-nav-panel.animate.collapsed .side-nav-panel-content,\\n\\t\\t\\t.supporting-panel.animate.collapsed .supporting-panel-content {\\n\\t\\t\\t\\ttransition:\\n\\t\\t\\t\\t\\twidth 400ms cubic-bezier(0, 0.7, 0.5, 1),\\n\\t\\t\\t\\t\\tvisibility 0s 400ms;\\n\\t\\t\\t}\\n\\t\\t}\\n\\n\\t\\t.footer:not([hidden]),\\n\\t\\t.floating-buttons-container {\\n\\t\\t\\tdisplay: inline;\\n\\t\\t}\\n\\t\\t.fixed-footer {\\n\\t\\t\\tbackground-color: white;\\n\\t\\t\\tbox-shadow: 0 -2px 4px rgba(32, 33, 34, 0.2); /* ferrite */\\n\\t\\t\\tinset: auto 0 0;\\n\\t\\t\\tpadding-block-start: 0.75rem;\\n\\t\\t\\tposition: fixed;\\n\\t\\t\\tz-index: 15; /* To be over sticky content of our core components and divider */\\n\\t\\t}\\n\\t\\t.footer-contents {\\n\\t\\t\\tmargin-inline: var(--d2l-page-margin-inline, 0);\\n\\t\\t\\tmax-width: var(--d2l-page-footer-max-width, 100%);\\n\\t\\t}\\n\\t`\""
         },
         {
           "name": "stateStorageKey",

package/lang/ar.js

@@ -161,7 +161,7 @@ export default {
 	"components.page.side-nav-divider-label": "مقسّم التنقل الجانبي",
 	"components.page.side-nav-label": "جانبية",
 	"components.page.supporting-divider-label": "فاصل اللوحة الداعمة",
-	"components.page.supporting-panel-label": "داعمة",
+	"components.page.supporting-label": "داعمة",
 	"components.pageable.info":
 		`{count, plural,
 			one {{countFormatted} مادة واحد}

package/lang/ca.js

@@ -161,7 +161,7 @@ export default {
 	"components.page.side-nav-divider-label": "Separador de la navegació lateral",
 	"components.page.side-nav-label": "Lateral",
 	"components.page.supporting-divider-label": "Divisor del panell de suport",
-	"components.page.supporting-panel-label": "Suport",
+	"components.page.supporting-label": "Suport",
 	"components.pageable.info":
 		`{count, plural,
 			one {{countFormatted} element}

package/lang/cy.js

@@ -161,7 +161,7 @@ export default {
 	"components.page.side-nav-divider-label": "Raniwr Llywio Ochr",
 	"components.page.side-nav-label": "Ochr",
 	"components.page.supporting-divider-label": "Raniwr Panel Cymorth",
-	"components.page.supporting-panel-label": "Cefnogi",
+	"components.page.supporting-label": "Cefnogi",
 	"components.pageable.info":
 		`{count, plural,
 			one {{countFormatted} eitem}

package/lang/da.js

@@ -161,7 +161,7 @@ export default {
 	"components.page.side-nav-divider-label": "Skillelinje i sidemenu",
 	"components.page.side-nav-label": "Side",
 	"components.page.supporting-divider-label": "Skillelinje i sidepanel",
-	"components.page.supporting-panel-label": "Understøttende",
+	"components.page.supporting-label": "Understøttende",
 	"components.pageable.info":
 		`{count, plural,
 			one {{countFormatted} element}

package/lang/de.js

@@ -161,7 +161,7 @@ export default {
 	"components.page.side-nav-divider-label": "Trennung für Seitennavigation",
 	"components.page.side-nav-label": "Seiten-",
 	"components.page.supporting-divider-label": "Trennung für Unterstützungsbereich",
-	"components.page.supporting-panel-label": "Unterstützung",
+	"components.page.supporting-label": "Unterstützung",
 	"components.pageable.info":
 		`{count, plural,
 			one {{countFormatted} Element}

package/lang/en-gb.js

@@ -161,7 +161,7 @@ export default {
 	"components.page.side-nav-divider-label": "Side Navigation Divider",
 	"components.page.side-nav-label": "Side",
 	"components.page.supporting-divider-label": "Supporting Panel Divider",
-	"components.page.supporting-panel-label": "Supporting",
+	"components.page.supporting-label": "Supporting",
 	"components.pageable.info":
 		`{count, plural,
 			one {{countFormatted} item}

package/lang/en.js

@@ -161,7 +161,7 @@ export default {
 	"components.page.side-nav-divider-label": "Side Navigation Divider",
 	"components.page.side-nav-label": "Side",
 	"components.page.supporting-divider-label": "Supporting Panel Divider",
-	"components.page.supporting-panel-label": "Supporting",
+	"components.page.supporting-label": "Supporting",
 	"components.pageable.info":
 		`{count, plural,
 			one {{countFormatted} item}

package/lang/es-es.js

@@ -161,7 +161,7 @@ export default {
 	"components.page.side-nav-divider-label": "Separador de navegación lateral",
 	"components.page.side-nav-label": "Lateral",
 	"components.page.supporting-divider-label": "Separador del panel complementario",
-	"components.page.supporting-panel-label": "Complementario",
+	"components.page.supporting-label": "Complementario",
 	"components.pageable.info":
 		`{count, plural,
 			one {{countFormatted} elemento}

package/lang/es.js

@@ -161,7 +161,7 @@ export default {
 	"components.page.side-nav-divider-label": "Divisor de navegación lateral",
 	"components.page.side-nav-label": "Lateral",
 	"components.page.supporting-divider-label": "Divisor de panel de soporte",
-	"components.page.supporting-panel-label": "Soporte",
+	"components.page.supporting-label": "Soporte",
 	"components.pageable.info":
 		`{count, plural,
 			one {{countFormatted} elemento}

package/lang/fr-fr.js

@@ -161,7 +161,7 @@ export default {
 	"components.page.side-nav-divider-label": "Séparateur de navigation latérale",
 	"components.page.side-nav-label": "Côté",
 	"components.page.supporting-divider-label": "Séparateur de panneau d’aide",
-	"components.page.supporting-panel-label": "Pris en charge",
+	"components.page.supporting-label": "Pris en charge",
 	"components.pageable.info":
 		`{count, plural,
 			one {{countFormatted} élément}

package/lang/fr.js

@@ -161,7 +161,7 @@ export default {
 	"components.page.side-nav-divider-label": "Séparateur de navigation latéral",
 	"components.page.side-nav-label": "Côté",
 	"components.page.supporting-divider-label": "Séparateur de panneau de support",
-	"components.page.supporting-panel-label": "Support",
+	"components.page.supporting-label": "Support",
 	"components.pageable.info":
 		`{count, plural,
 			one {{countFormatted} élément}

package/lang/haw.js

@@ -161,7 +161,7 @@ export default {
 	"components.page.side-nav-divider-label": "Māhele Hoʻokele ʻAoʻao",
 	"components.page.side-nav-label": "ʻaoʻao",
 	"components.page.supporting-divider-label": "Mea Hoʻokaʻawale Panel Kākoʻo",
-	"components.page.supporting-panel-label": "Ke kākoʻo nei",
+	"components.page.supporting-label": "Ke kākoʻo nei",
 	"components.pageable.info":
 		`{count, plural,
 			one {{countFormatted} mea}

package/lang/hi.js

@@ -161,7 +161,7 @@ export default {
 	"components.page.side-nav-divider-label": "साइड नेविगेशन डिवाइडर",
 	"components.page.side-nav-label": "साइड",
 	"components.page.supporting-divider-label": "सपोर्टिंग पैनल डिवाइडर",
-	"components.page.supporting-panel-label": "सपोर्टिंग",
+	"components.page.supporting-label": "सपोर्टिंग",
 	"components.pageable.info":
 		`{count, plural,
 			one {{countFormatted} आइटम}

package/lang/ja.js

@@ -156,7 +156,7 @@ export default {
 	"components.page.side-nav-divider-label": "サイドナビゲーション区切り",
 	"components.page.side-nav-label": "サイド",
 	"components.page.supporting-divider-label": "サポートパネル区切り",
-	"components.page.supporting-panel-label": "サポート",
+	"components.page.supporting-label": "サポート",
 	"components.pageable.info":
 		`{count, plural,
 			other {{countFormatted} 個の項目}

package/lang/ko.js

@@ -156,7 +156,7 @@ export default {
 	"components.page.side-nav-divider-label": "측면 탐색 구분선",
 	"components.page.side-nav-label": "사이드",
 	"components.page.supporting-divider-label": "보조 패널 구분선",
-	"components.page.supporting-panel-label": "지원",
+	"components.page.supporting-label": "지원",
 	"components.pageable.info":
 		`{count, plural,
 			other {해당 항목 수 {countFormatted}개}

package/lang/mi.js

@@ -161,7 +161,7 @@ export default {
 	"components.page.side-nav-divider-label": "Wehewehenga Whakatere Taha",
 	"components.page.side-nav-label": "Taha",
 	"components.page.supporting-divider-label": "Te Wehewehe Paewhiri Tautoko",
-	"components.page.supporting-panel-label": "Te tautoko",
+	"components.page.supporting-label": "Te tautoko",
 	"components.pageable.info":
 		`{count, plural,
 			one {{countFormatted} Tūemi}

package/lang/nl.js

@@ -161,7 +161,7 @@ export default {
 	"components.page.side-nav-divider-label": "Scheidingslijn zijmenu",
 	"components.page.side-nav-label": "Zij",
 	"components.page.supporting-divider-label": "Scheidingslijn ondersteunend paneel",
-	"components.page.supporting-panel-label": "Ondersteuning",
+	"components.page.supporting-label": "Ondersteuning",
 	"components.pageable.info":
 		`{count, plural,
 			one {{countFormatted} item}

package/lang/pl.js

@@ -171,7 +171,7 @@ export default {
 	"components.page.side-nav-divider-label": "Separator nawigacji bocznej",
 	"components.page.side-nav-label": "Strona boczna",
 	"components.page.supporting-divider-label": "Separator panelu pomocniczego",
-	"components.page.supporting-panel-label": "Wsparcie",
+	"components.page.supporting-label": "Wsparcie",
 	"components.pageable.info":
 		`{count, plural,
 			one {{countFormatted} element}

package/lang/pt.js

@@ -161,7 +161,7 @@ export default {
 	"components.page.side-nav-divider-label": "Divisor de Navegação Lateral",
 	"components.page.side-nav-label": "Lateral",
 	"components.page.supporting-divider-label": "Divisor do Painel de Suporte",
-	"components.page.supporting-panel-label": "Suporte",
+	"components.page.supporting-label": "Suporte",
 	"components.pageable.info":
 		`{count, plural,
 			one {{countFormatted} item}

package/lang/ru.js

@@ -171,7 +171,7 @@ export default {
 	"components.page.side-nav-divider-label": "Боковой навигационный разделитель",
 	"components.page.side-nav-label": "Сторона",
 	"components.page.supporting-divider-label": "Опорный разделитель панелей",
-	"components.page.supporting-panel-label": "Поддерживающий",
+	"components.page.supporting-label": "Поддерживающий",
 	"components.pageable.info":
 		`{count, plural,
 			one {{countFormatted} элемент}

package/lang/sv.js

@@ -161,7 +161,7 @@ export default {
 	"components.page.side-nav-divider-label": "Avgränsare för sidnavigering",
 	"components.page.side-nav-label": "Sida",
 	"components.page.supporting-divider-label": "Avgränsare för supportpanel",
-	"components.page.supporting-panel-label": "Support",
+	"components.page.supporting-label": "Support",
 	"components.pageable.info":
 		`{count, plural,
 			one {{countFormatted} objekt}

package/lang/th.js

@@ -157,7 +157,7 @@ export default {
 	"components.page.side-nav-divider-label": "ตัวแบ่งในแถบนำทางด้านข้าง",
 	"components.page.side-nav-label": "ด้านข้าง",
 	"components.page.supporting-divider-label": "ตัวแบ่งในแผงส่วนเสริม",
-	"components.page.supporting-panel-label": "ส่วนเสริม",
+	"components.page.supporting-label": "ส่วนเสริม",
 	"components.pageable.info":
 		`{count, plural,
 			other {{countFormatted} รายการ}

package/lang/tr.js

@@ -161,7 +161,7 @@ export default {
 	"components.page.side-nav-divider-label": "Yan Navigasyon Ayırıcı",
 	"components.page.side-nav-label": "Yan",
 	"components.page.supporting-divider-label": "Destekleyici Panel Ayırıcı",
-	"components.page.supporting-panel-label": "Destekleyici",
+	"components.page.supporting-label": "Destekleyici",
 	"components.pageable.info":
 		`{count, plural,
 			one {{countFormatted} öğe}

package/lang/ur.js

@@ -161,7 +161,7 @@ export default {
 	"components.page.side-nav-divider-label": "Side Navigation Divider",
 	"components.page.side-nav-label": "Side",
 	"components.page.supporting-divider-label": "Supporting Panel Divider",
-	"components.page.supporting-panel-label": "Supporting",
+	"components.page.supporting-label": "Supporting",
 	"components.pageable.info":
 		`{count, plural,
 			one {{countFormatted} item}

package/lang/vi.js

@@ -155,7 +155,7 @@ export default {
 	"components.page.side-nav-divider-label": "Phân cách điều hướng bên",
 	"components.page.side-nav-label": "Bên",
 	"components.page.supporting-divider-label": "Bộ phân cách bảng hỗ trợ",
-	"components.page.supporting-panel-label": "Hỗ trợ",
+	"components.page.supporting-label": "Hỗ trợ",
 	"components.pageable.info":
 		`{count, plural,
 			other {{countFormatted} mục}

package/lang/zh-cn.js

@@ -156,7 +156,7 @@ export default {
 	"components.page.side-nav-divider-label": "侧边导航分隔条",
 	"components.page.side-nav-label": "侧面",
 	"components.page.supporting-divider-label": "辅助面板分隔条",
-	"components.page.supporting-panel-label": "辅助",
+	"components.page.supporting-label": "辅助",
 	"components.pageable.info":
 		`{count, plural,
 			other {{countFormatted} 项}

package/lang/zh-tw.js

@@ -157,7 +157,7 @@ export default {
 	"components.page.side-nav-divider-label": "側邊導覽分隔線",
 	"components.page.side-nav-label": "側邊",
 	"components.page.supporting-divider-label": "支援面板分隔線",
-	"components.page.supporting-panel-label": "支援",
+	"components.page.supporting-label": "支援",
 	"components.pageable.info":
 		`{count, plural,
 			other {{countFormatted} 個項目}

package/package.json

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