@brightspace-ui/core 3.278.0 → 3.279.0

package/components/page/page.js

@@ -16,26 +16,46 @@ class PanelStateController {
 		this.#host = host;
 		this.#panels = {};
 		for (const [key, config] of Object.entries(panelConfigs)) {
-			this.#panels[key] = { collapsed: false, size: 0, minSize: config.minSize, maxSize: config.minSize };
+			this.#panels[key] = {
+				animate: false,
+				collapsed: false,
+				size: 0,
+				minSize: config.minSize,
+				maxSize: config.minSize
+			};
 		}
 		host.addController(this);
 	}
 
+	getAnimate(key) { return this.#panels[key].animate; }
 	getCollapsed(key) { return this.#panels[key].collapsed; }
 	getMaxSize(key) { return this.#panels[key].maxSize; }
 	getMinSize(key) { return this.#panels[key].minSize; }
-	getSize(key) { return this.#panels[key].size; }
+	getSize(key) {
+		const panel = this.#panels[key];
+		// TO DO: Factor in dragging
+		return panel.collapsed ? 0 : panel.size;
+	}
 
-	resize(key, requestedSize) {
+	resize(key, requestedSize, animate = false) {
 		const panel = this.#panels[key];
 		// Clamp requested size to min and max bounds
 		panel.size = Math.max(panel.minSize, Math.min(requestedSize, panel.maxSize));
+		panel.animate = animate;
 		this.#host.requestUpdate();
 	}
 
 	setCollapsed(key, collapsed) {
 		const panel = this.#panels[key];
 		panel.collapsed = collapsed;
+		panel.animate = true;
+		this.#host.requestUpdate();
+	}
+
+	setDragSize(key) {
+		const panel = this.#panels[key];
+		// TO DO: Handle Dragging
+		panel.animate = false;
 		this.#host.requestUpdate();
 	}
 
@@ -155,6 +175,27 @@ class Page extends ProviderMixin(LocalizeCoreElement(LitElement)) {
 			z-index: 15; /* To be over d2l-page-* panel headers */
 		}
 
+		.side-nav .divider[collapsed] {
+			margin-inline-start: 18px;
+		}
+		.supporting .divider[collapsed] {
+			margin-inline-end: 18px;
+		}
+		.side-nav-panel.collapsed,
+		.supporting-panel.collapsed {
+			visibility: hidden;
+		}
+		@media (prefers-reduced-motion: no-preference) {
+			.side-nav-panel.animate,
+			.supporting-panel.animate {
+				transition: width 400ms cubic-bezier(0, 0.7, 0.5, 1);
+			}
+			.side-nav-panel.animate.collapsed,
+			.supporting-panel.animate.collapsed {
+				transition: width 400ms cubic-bezier(0, 0.7, 0.5, 1), visibility 0s 400ms;
+			}
+		}
+
 		.footer:not([hidden]),
 		.floating-buttons-container {
 			display: inline;
@@ -285,7 +326,7 @@ class Page extends ProviderMixin(LocalizeCoreElement(LitElement)) {
 
 	#handleDividerResize(e) {
 		const panelKey = e.target.dataset.panelKey;
-		this._panelState.resize(panelKey, e.detail.requestedSize);
+		this._panelState.resize(panelKey, e.detail.requestedSize, true);
 	};
 
 	#handleDividerToggle(e) {
@@ -363,10 +404,15 @@ class Page extends ProviderMixin(LocalizeCoreElement(LitElement)) {
 	}
 
 	#renderSideNavPanel() {
+		const classes = {
+			'side-nav-panel': true,
+			'animate': this._panelState.getAnimate('side-nav'),
+			'collapsed': this._panelState.getCollapsed('side-nav')
+		};
 		return html`
 			<nav class="side-nav" aria-label="${this.localize('components.page.side-nav-label')}">
 				<div
-					class="side-nav-panel"
+					class="${classMap(classes)}"
 					style=${styleMap({ width: `${this._panelState.getSize('side-nav')}px` })}
 					?hidden="${!this._slotVisibility['side-nav']}">
 					<slot name="side-nav" @slotchange="${this.#handleSlotVisibilityChange}"></slot>
@@ -378,12 +424,17 @@ class Page extends ProviderMixin(LocalizeCoreElement(LitElement)) {
 	}
 
 	#renderSupportingPanel() {
+		const classes = {
+			'supporting-panel': true,
+			'animate': this._panelState.getAnimate('supporting'),
+			'collapsed': this._panelState.getCollapsed('supporting')
+		};
 		return html`
 			<aside class="supporting" aria-label="${this.localize('components.page.supporting-label')}">
 				${!this._slotVisibility['supporting'] ? nothing :
 					this.#renderDivider('supporting', this.localize('components.page.supporting-divider-label'), 'end')}
 				<div
-					class="supporting-panel"
+					class="${classMap(classes)}"
 					style=${styleMap({ width: `${this._panelState.getSize('supporting')}px` })}
 					?hidden="${!this._slotVisibility['supporting']}">
 					<slot name="supporting" @slotchange="${this.#handleSlotVisibilityChange}"></slot>

package/custom-elements.json

@@ -13540,7 +13540,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: 929px) {\\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: 767px) {\\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.divider {\\n\\t\\t\\tmax-height: calc(100vh - var(--d2l-page-header-height, 0) - var(--d2l-page-footer-height, 0));\\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\\toverflow: clip auto;\\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.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: 929px) {\\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: 767px) {\\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.divider {\\n\\t\\t\\tmax-height: calc(100vh - var(--d2l-page-header-height, 0) - var(--d2l-page-footer-height, 0));\\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\\toverflow: clip auto;\\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 .divider[collapsed] {\\n\\t\\t\\tmargin-inline-start: 18px;\\n\\t\\t}\\n\\t\\t.supporting .divider[collapsed] {\\n\\t\\t\\tmargin-inline-end: 18px;\\n\\t\\t}\\n\\t\\t.side-nav-panel.collapsed,\\n\\t\\t.supporting-panel.collapsed {\\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\\ttransition: width 400ms cubic-bezier(0, 0.7, 0.5, 1);\\n\\t\\t\\t}\\n\\t\\t\\t.side-nav-panel.animate.collapsed,\\n\\t\\t\\t.supporting-panel.animate.collapsed {\\n\\t\\t\\t\\ttransition: width 400ms cubic-bezier(0, 0.7, 0.5, 1), visibility 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": "widthType",

package/lang/ar.js

@@ -136,13 +136,13 @@ export default {
 	"components.list-item.addItem": "إضافة عنصر",
 	"components.list-item-drag-handle.default": "إعادة ترتيب إجراء المادة لـ {name}",
 	"components.list-item-drag-handle.keyboard": "قم بإعادة ترتيب العنصر، الموضع الحالي {currentPosition} من {size}. لنقل هذا العنصر، اضغط على سهما لأعلى أو لأسفل.",
-	"components.list-item-drag-handle.side-to-side.keyboard": "Reorder item, current position {currentPosition} out of {size}. To move this item, press left or right arrows.",
+	"components.list-item-drag-handle.side-to-side.keyboard": "قم بإعادة ترتيب العنصر، الموضع الحالي {currentPosition} من {size}. لنقل هذا العنصر، اضغط على سهمي اليسار أو اليمين.",
 	"components.list-item-drag-handle-tooltip.enter-desc": "تبديل وضع إعادة ترتيب لوحة المفاتيح.",
 	"components.list-item-drag-handle-tooltip.enter-key": "إدخال",
 	"components.list-item-drag-handle-tooltip.left-right-desc": "غيِّر مستوى التداخل.",
 	"components.list-item-drag-handle-tooltip.left-right-key": "يسار/يمين",
-	"components.list-item-drag-handle-tooltip.side-to-side.left-right-desc": "Move item left or right in the list.",
-	"components.list-item-drag-handle-tooltip.side-to-side.up-down-desc": "Move item left or right in the list.",
+	"components.list-item-drag-handle-tooltip.side-to-side.left-right-desc": "نقل العنصر إلى اليسار أو اليمين في القائمة.",
+	"components.list-item-drag-handle-tooltip.side-to-side.up-down-desc": "نقل العنصر إلى اليسار أو اليمين في القائمة.",
 	"components.list-item-drag-handle-tooltip.title": "عناصر التحكم بلوحة المفاتيح لإعادة الترتيب:",
 	"components.list-item-drag-handle-tooltip.up-down-desc": "نقل المادة إلى الأعلى أو الأسفل في القائمة.",
 	"components.list-item-drag-handle-tooltip.up-down-key": "أعلى/أسفل",
@@ -156,12 +156,12 @@ export default {
 	"components.more-less.more": "المزيد",
 	"components.object-property-list.item-placeholder-text": "عنصر نائب",
 	"components.overflow-group.moreActions": "مزيد من الإجراءات",
-	"components.page.footer-region-label": "Footer",
+	"components.page.footer-region-label": "التذييل",
 	"components.page.header-nav-label": "الرئيسية",
-	"components.page.side-nav-divider-label": "Side Navigation Divider",
+	"components.page.side-nav-divider-label": "مقسّم التنقل الجانبي",
 	"components.page.side-nav-label": "جانبية",
-	"components.page.supporting-divider-label": "Supporting Panel Divider",
-	"components.page.supporting-panel-label": "Supporting",
+	"components.page.supporting-divider-label": "فاصل اللوحة الداعمة",
+	"components.page.supporting-panel-label": "داعمة",
 	"components.pageable.info":
 		`{count, plural,
 			one {{countFormatted} مادة واحد}

package/lang/ca.js

@@ -136,13 +136,13 @@ export default {
 	"components.list-item.addItem": "Afegeix element",
 	"components.list-item-drag-handle.default": "Acció de reordenar l’element per a {name}",
 	"components.list-item-drag-handle.keyboard": "Reordenar element, posició actual {currentPosition} de {size}. Per moure aquest element, premeu les fletxes amunt o avall.",
-	"components.list-item-drag-handle.side-to-side.keyboard": "Reorder item, current position {currentPosition} out of {size}. To move this item, press left or right arrows.",
+	"components.list-item-drag-handle.side-to-side.keyboard": "Torneu a ordenar l’element, posició actual {currentPosition} de {size}. Per moure aquest element, premeu les fletxes esquerra o dreta.",
 	"components.list-item-drag-handle-tooltip.enter-desc": "Canviar el mode de reordenació del teclat.",
 	"components.list-item-drag-handle-tooltip.enter-key": "Introduir",
 	"components.list-item-drag-handle-tooltip.left-right-desc": "Canviar el nivell d’anidament.",
 	"components.list-item-drag-handle-tooltip.left-right-key": "Esquerra/Dreta",
-	"components.list-item-drag-handle-tooltip.side-to-side.left-right-desc": "Move item left or right in the list.",
-	"components.list-item-drag-handle-tooltip.side-to-side.up-down-desc": "Move item left or right in the list.",
+	"components.list-item-drag-handle-tooltip.side-to-side.left-right-desc": "Passa l’element a l’esquerra o dreta de la llista.",
+	"components.list-item-drag-handle-tooltip.side-to-side.up-down-desc": "Passa l’element a l’esquerra o dreta de la llista.",
 	"components.list-item-drag-handle-tooltip.title": "Controls del teclat per reordenar:",
 	"components.list-item-drag-handle-tooltip.up-down-desc": "Mou l’element amunt o avall a la llista.",
 	"components.list-item-drag-handle-tooltip.up-down-key": "Amunt/Avall",
@@ -156,12 +156,12 @@ export default {
 	"components.more-less.more": "més",
 	"components.object-property-list.item-placeholder-text": "Element de marcador de posició",
 	"components.overflow-group.moreActions": "Més accions",
-	"components.page.footer-region-label": "Footer",
+	"components.page.footer-region-label": "Peu de pàgina",
 	"components.page.header-nav-label": "Principal",
-	"components.page.side-nav-divider-label": "Side Navigation Divider",
+	"components.page.side-nav-divider-label": "Separador de la navegació lateral",
 	"components.page.side-nav-label": "Lateral",
-	"components.page.supporting-divider-label": "Supporting Panel Divider",
-	"components.page.supporting-panel-label": "Supporting",
+	"components.page.supporting-divider-label": "Divisor del panell de suport",
+	"components.page.supporting-panel-label": "Suport",
 	"components.pageable.info":
 		`{count, plural,
 			one {{countFormatted} element}

package/lang/cy.js

@@ -136,13 +136,13 @@ export default {
 	"components.list-item.addItem": "Ychwanegu Eitem",
 	"components.list-item-drag-handle.default": "Aildrefnu gweithred eitem ar gyfer {name}",
 	"components.list-item-drag-handle.keyboard": "Aildrefnu eitemau, safle presennol {currentPosition} allan o {size}. I symud yr eitem hon, pwyswch y saeth i fyny neu’r saeth i lawr.",
-	"components.list-item-drag-handle.side-to-side.keyboard": "Reorder item, current position {currentPosition} out of {size}. To move this item, press left or right arrows.",
+	"components.list-item-drag-handle.side-to-side.keyboard": "Ail-drefnu eitem, safle cyfredol {currentPosition} o {size}. I symud yr eitem hon, pwyswch y saethau chwith neu dde.",
 	"components.list-item-drag-handle-tooltip.enter-desc": "Toglo’r modd aildrefnu bysellfwrdd.",
 	"components.list-item-drag-handle-tooltip.enter-key": "Nodi",
 	"components.list-item-drag-handle-tooltip.left-right-desc": "Newid y lefel nythu.",
 	"components.list-item-drag-handle-tooltip.left-right-key": "Chwith/De",
-	"components.list-item-drag-handle-tooltip.side-to-side.left-right-desc": "Move item left or right in the list.",
-	"components.list-item-drag-handle-tooltip.side-to-side.up-down-desc": "Move item left or right in the list.",
+	"components.list-item-drag-handle-tooltip.side-to-side.left-right-desc": "Symud eitem i’r chwith neu dde yn y rhestr.",
+	"components.list-item-drag-handle-tooltip.side-to-side.up-down-desc": "Symud eitem i’r chwith neu dde yn y rhestr.",
 	"components.list-item-drag-handle-tooltip.title": "Rheolaethau bysellfwrdd ar gyfer aildrefnu:",
 	"components.list-item-drag-handle-tooltip.up-down-desc": "Symud yr eitem i fyny neu i lawr yn y rhestr.",
 	"components.list-item-drag-handle-tooltip.up-down-key": "I Fyny/I Lawr",
@@ -156,12 +156,12 @@ export default {
 	"components.more-less.more": "mwy",
 	"components.object-property-list.item-placeholder-text": "Eitem Dalfan",
 	"components.overflow-group.moreActions": "Rhagor o Gamau Gweithredu",
-	"components.page.footer-region-label": "Footer",
+	"components.page.footer-region-label": "Troedyn",
 	"components.page.header-nav-label": "Prif",
-	"components.page.side-nav-divider-label": "Side Navigation Divider",
+	"components.page.side-nav-divider-label": "Raniwr Llywio Ochr",
 	"components.page.side-nav-label": "Ochr",
-	"components.page.supporting-divider-label": "Supporting Panel Divider",
-	"components.page.supporting-panel-label": "Supporting",
+	"components.page.supporting-divider-label": "Raniwr Panel Cymorth",
+	"components.page.supporting-panel-label": "Cefnogi",
 	"components.pageable.info":
 		`{count, plural,
 			one {{countFormatted} eitem}

package/lang/da.js

@@ -136,13 +136,13 @@ export default {
 	"components.list-item.addItem": "Tilføj element",
 	"components.list-item-drag-handle.default": "Omarranger elementhandling for {name}",
 	"components.list-item-drag-handle.keyboard": "Omarranger element, aktuel position {currentPosition} ud af {size}. For at flytte dette element skal du trykke på pil op eller pil ned.",
-	"components.list-item-drag-handle.side-to-side.keyboard": "Reorder item, current position {currentPosition} out of {size}. To move this item, press left or right arrows.",
+	"components.list-item-drag-handle.side-to-side.keyboard": "Omarranger element, aktuel position {currentPosition} ud af {size}. For at flytte dette element skal du trykke på venstre eller højre pil.",
 	"components.list-item-drag-handle-tooltip.enter-desc": "Skift tilstand for omorganisering af tastatur.",
 	"components.list-item-drag-handle-tooltip.enter-key": "Indtast",
 	"components.list-item-drag-handle-tooltip.left-right-desc": "Skift indlejringsniveauet.",
 	"components.list-item-drag-handle-tooltip.left-right-key": "Venstre/højre",
-	"components.list-item-drag-handle-tooltip.side-to-side.left-right-desc": "Move item left or right in the list.",
-	"components.list-item-drag-handle-tooltip.side-to-side.up-down-desc": "Move item left or right in the list.",
+	"components.list-item-drag-handle-tooltip.side-to-side.left-right-desc": "Flyt element til venstre eller højre på listen.",
+	"components.list-item-drag-handle-tooltip.side-to-side.up-down-desc": "Flyt element til venstre eller højre på listen.",
 	"components.list-item-drag-handle-tooltip.title": "Tastaturkontrolelementer for omorganisering:",
 	"components.list-item-drag-handle-tooltip.up-down-desc": "Flyt element op eller ned på listen.",
 	"components.list-item-drag-handle-tooltip.up-down-key": "Op/ned",
@@ -156,12 +156,12 @@ export default {
 	"components.more-less.more": "flere",
 	"components.object-property-list.item-placeholder-text": "Pladsholder-element",
 	"components.overflow-group.moreActions": "Flere handlinger",
-	"components.page.footer-region-label": "Footer",
+	"components.page.footer-region-label": "Sidefod",
 	"components.page.header-nav-label": "Hoved",
-	"components.page.side-nav-divider-label": "Side Navigation Divider",
+	"components.page.side-nav-divider-label": "Skillelinje i sidemenu",
 	"components.page.side-nav-label": "Side",
-	"components.page.supporting-divider-label": "Supporting Panel Divider",
-	"components.page.supporting-panel-label": "Supporting",
+	"components.page.supporting-divider-label": "Skillelinje i sidepanel",
+	"components.page.supporting-panel-label": "Understøttende",
 	"components.pageable.info":
 		`{count, plural,
 			one {{countFormatted} element}

package/lang/de.js

@@ -136,13 +136,13 @@ export default {
 	"components.list-item.addItem": "Element hinzufügen",
 	"components.list-item-drag-handle.default": "Elementaktion für {name} neu anordnen",
 	"components.list-item-drag-handle.keyboard": "Elemente neu anordnen; aktuelle Position: {currentPosition} von {size}. Drücken Sie zum Bewegen dieses Elements auf den Pfeil nach oben oder den Pfeil nach unten.",
-	"components.list-item-drag-handle.side-to-side.keyboard": "Reorder item, current position {currentPosition} out of {size}. To move this item, press left or right arrows.",
+	"components.list-item-drag-handle.side-to-side.keyboard": "Elemente neu anordnen; aktuelle Position: {currentPosition} von {size}. Drücken Sie zum Bewegen dieses Elements auf den Pfeil nach rechts oder den Pfeil nach links.",
 	"components.list-item-drag-handle-tooltip.enter-desc": "Tastatur-Neuanordnungsmodus ändern.",
 	"components.list-item-drag-handle-tooltip.enter-key": "Eingabe",
 	"components.list-item-drag-handle-tooltip.left-right-desc": "Verschachtelungsebene ändern.",
 	"components.list-item-drag-handle-tooltip.left-right-key": "Links/Rechts",
-	"components.list-item-drag-handle-tooltip.side-to-side.left-right-desc": "Move item left or right in the list.",
-	"components.list-item-drag-handle-tooltip.side-to-side.up-down-desc": "Move item left or right in the list.",
+	"components.list-item-drag-handle-tooltip.side-to-side.left-right-desc": "Element in der Liste nach rechts oder links verschieben.",
+	"components.list-item-drag-handle-tooltip.side-to-side.up-down-desc": "Element in der Liste nach rechts oder links verschieben.",
 	"components.list-item-drag-handle-tooltip.title": "Tastatursteuerelemente für Neuanordnung:",
 	"components.list-item-drag-handle-tooltip.up-down-desc": "Element in der Liste nach oben oder unten verschieben.",
 	"components.list-item-drag-handle-tooltip.up-down-key": "Nach oben/unten",
@@ -156,12 +156,12 @@ export default {
 	"components.more-less.more": "mehr",
 	"components.object-property-list.item-placeholder-text": "Platzhalterelement",
 	"components.overflow-group.moreActions": "Weitere Aktionen",
-	"components.page.footer-region-label": "Footer",
+	"components.page.footer-region-label": "Fußzeile",
 	"components.page.header-nav-label": "Haupt-",
-	"components.page.side-nav-divider-label": "Side Navigation Divider",
+	"components.page.side-nav-divider-label": "Trennung für Seitennavigation",
 	"components.page.side-nav-label": "Seiten-",
-	"components.page.supporting-divider-label": "Supporting Panel Divider",
-	"components.page.supporting-panel-label": "Supporting",
+	"components.page.supporting-divider-label": "Trennung für Unterstützungsbereich",
+	"components.page.supporting-panel-label": "Unterstützung",
 	"components.pageable.info":
 		`{count, plural,
 			one {{countFormatted} Element}

package/lang/es-es.js

@@ -136,13 +136,13 @@ export default {
 	"components.list-item.addItem": "Agregar elemento",
 	"components.list-item-drag-handle.default": "Reordenar acción de elemento para {name}",
 	"components.list-item-drag-handle.keyboard": "Reordenar elementos, posición actual {currentPosition} de {size}. Para mover este elemento, pulse las flechas arriba o abajo.",
-	"components.list-item-drag-handle.side-to-side.keyboard": "Reorder item, current position {currentPosition} out of {size}. To move this item, press left or right arrows.",
+	"components.list-item-drag-handle.side-to-side.keyboard": "Reordenar elementos, posición actual {currentPosition} de {size}. Para mover este elemento, pulse las teclas de flecha izquierda o derecha.",
 	"components.list-item-drag-handle-tooltip.enter-desc": "Alternar el modo de reordenación del teclado.",
 	"components.list-item-drag-handle-tooltip.enter-key": "Intro",
 	"components.list-item-drag-handle-tooltip.left-right-desc": "Cambiar el nivel de anidamiento.",
 	"components.list-item-drag-handle-tooltip.left-right-key": "Izquierda/derecha",
-	"components.list-item-drag-handle-tooltip.side-to-side.left-right-desc": "Move item left or right in the list.",
-	"components.list-item-drag-handle-tooltip.side-to-side.up-down-desc": "Move item left or right in the list.",
+	"components.list-item-drag-handle-tooltip.side-to-side.left-right-desc": "Mover el elemento hacia la izquierda o hacia la derecha en la lista.",
+	"components.list-item-drag-handle-tooltip.side-to-side.up-down-desc": "Mover el elemento hacia la izquierda o hacia la derecha en la lista.",
 	"components.list-item-drag-handle-tooltip.title": "Controles del teclado para reordenar:",
 	"components.list-item-drag-handle-tooltip.up-down-desc": "Mover el elemento hacia arriba o hacia abajo en la lista.",
 	"components.list-item-drag-handle-tooltip.up-down-key": "Arriba/abajo",
@@ -156,12 +156,12 @@ export default {
 	"components.more-less.more": "más",
 	"components.object-property-list.item-placeholder-text": "Elemento de marcador de posición",
 	"components.overflow-group.moreActions": "Más acciones",
-	"components.page.footer-region-label": "Footer",
+	"components.page.footer-region-label": "Pie de página",
 	"components.page.header-nav-label": "Principal",
-	"components.page.side-nav-divider-label": "Side Navigation Divider",
+	"components.page.side-nav-divider-label": "Separador de navegación lateral",
 	"components.page.side-nav-label": "Lateral",
-	"components.page.supporting-divider-label": "Supporting Panel Divider",
-	"components.page.supporting-panel-label": "Supporting",
+	"components.page.supporting-divider-label": "Separador del panel complementario",
+	"components.page.supporting-panel-label": "Complementario",
 	"components.pageable.info":
 		`{count, plural,
 			one {{countFormatted} elemento}

package/lang/es.js

@@ -136,13 +136,13 @@ export default {
 	"components.list-item.addItem": "Agregar elemento",
 	"components.list-item-drag-handle.default": "Acción de reordenar elemento de {name}",
 	"components.list-item-drag-handle.keyboard": "Reordenar elemento, posición actual {currentPosition} de {size}. Para mover este elemento, presione las flechas hacia arriba o hacia abajo.",
-	"components.list-item-drag-handle.side-to-side.keyboard": "Reorder item, current position {currentPosition} out of {size}. To move this item, press left or right arrows.",
+	"components.list-item-drag-handle.side-to-side.keyboard": "Reordenar elemento, posición actual {currentPosition} de {size}. Para mover este elemento, presione las flechas hacia la izquierda o hacia la derecha.",
 	"components.list-item-drag-handle-tooltip.enter-desc": "Alternar el modo de reordenamiento del teclado.",
 	"components.list-item-drag-handle-tooltip.enter-key": "Ingresar",
 	"components.list-item-drag-handle-tooltip.left-right-desc": "Cambiar el nivel de anidación.",
 	"components.list-item-drag-handle-tooltip.left-right-key": "Izquierda/derecha",
-	"components.list-item-drag-handle-tooltip.side-to-side.left-right-desc": "Move item left or right in the list.",
-	"components.list-item-drag-handle-tooltip.side-to-side.up-down-desc": "Move item left or right in the list.",
+	"components.list-item-drag-handle-tooltip.side-to-side.left-right-desc": "Mover elemento hacia la izquierda o hacia la derecha en la lista.",
+	"components.list-item-drag-handle-tooltip.side-to-side.up-down-desc": "Mover elemento hacia la izquierda o hacia la derecha en la lista.",
 	"components.list-item-drag-handle-tooltip.title": "Controles del teclado para el reordenamiento:",
 	"components.list-item-drag-handle-tooltip.up-down-desc": "Mover elemento hacia arriba o hacia abajo en la lista.",
 	"components.list-item-drag-handle-tooltip.up-down-key": "Arriba/abajo",
@@ -156,12 +156,12 @@ export default {
 	"components.more-less.more": "más",
 	"components.object-property-list.item-placeholder-text": "Elemento de marcador de posición",
 	"components.overflow-group.moreActions": "Más acciones",
-	"components.page.footer-region-label": "Footer",
+	"components.page.footer-region-label": "Pie de página",
 	"components.page.header-nav-label": "Principal",
-	"components.page.side-nav-divider-label": "Side Navigation Divider",
+	"components.page.side-nav-divider-label": "Divisor de navegación lateral",
 	"components.page.side-nav-label": "Lateral",
-	"components.page.supporting-divider-label": "Supporting Panel Divider",
-	"components.page.supporting-panel-label": "Supporting",
+	"components.page.supporting-divider-label": "Divisor de panel de soporte",
+	"components.page.supporting-panel-label": "Soporte",
 	"components.pageable.info":
 		`{count, plural,
 			one {{countFormatted} elemento}

package/lang/fr-fr.js

@@ -136,13 +136,13 @@ export default {
 	"components.list-item.addItem": "Ajouter un élément",
 	"components.list-item-drag-handle.default": "Action de réorganisation de l’élément pour {name}",
 	"components.list-item-drag-handle.keyboard": "Réordonner les éléments, position actuelle {currentPosition} sur {size}. Pour déplacer cet élément, appuyez sur les flèches vers le haut ou vers le bas.",
-	"components.list-item-drag-handle.side-to-side.keyboard": "Reorder item, current position {currentPosition} out of {size}. To move this item, press left or right arrows.",
+	"components.list-item-drag-handle.side-to-side.keyboard": "Réordonner les éléments, position actuelle {currentPosition} sur {size}. Pour déplacer cet élément, appuyez sur les flèches vers la gauche ou vers la droite.",
 	"components.list-item-drag-handle-tooltip.enter-desc": "Basculez le mode de réorganisation du clavier.",
 	"components.list-item-drag-handle-tooltip.enter-key": "Saisir",
 	"components.list-item-drag-handle-tooltip.left-right-desc": "Modifiez le niveau d’imbrication.",
 	"components.list-item-drag-handle-tooltip.left-right-key": "Gauche/droite",
-	"components.list-item-drag-handle-tooltip.side-to-side.left-right-desc": "Move item left or right in the list.",
-	"components.list-item-drag-handle-tooltip.side-to-side.up-down-desc": "Move item left or right in the list.",
+	"components.list-item-drag-handle-tooltip.side-to-side.left-right-desc": "Déplacez l’élément vers la gauche ou vers la droite dans la liste.",
+	"components.list-item-drag-handle-tooltip.side-to-side.up-down-desc": "Déplacez l’élément vers la gauche ou vers la droite dans la liste.",
 	"components.list-item-drag-handle-tooltip.title": "Commandes du clavier pour la réorganisation :",
 	"components.list-item-drag-handle-tooltip.up-down-desc": "Déplacez l’élément vers le haut ou vers le bas dans la liste.",
 	"components.list-item-drag-handle-tooltip.up-down-key": "Haut/bas",
@@ -156,12 +156,12 @@ export default {
 	"components.more-less.more": "plus",
 	"components.object-property-list.item-placeholder-text": "Élément d’espace réservé",
 	"components.overflow-group.moreActions": "Plus d’actions",
-	"components.page.footer-region-label": "Footer",
+	"components.page.footer-region-label": "Bas de page",
 	"components.page.header-nav-label": "Principale",
-	"components.page.side-nav-divider-label": "Side Navigation Divider",
+	"components.page.side-nav-divider-label": "Séparateur de navigation latérale",
 	"components.page.side-nav-label": "Côté",
-	"components.page.supporting-divider-label": "Supporting Panel Divider",
-	"components.page.supporting-panel-label": "Supporting",
+	"components.page.supporting-divider-label": "Séparateur de panneau d’aide",
+	"components.page.supporting-panel-label": "Pris en charge",
 	"components.pageable.info":
 		`{count, plural,
 			one {{countFormatted} élément}

package/lang/fr.js

@@ -136,13 +136,13 @@ export default {
 	"components.list-item.addItem": "Ajouter un élément",
 	"components.list-item-drag-handle.default": "Réordonner l’action de l’élément pour {name}",
 	"components.list-item-drag-handle.keyboard": "Réorganiser les éléments, position actuelle {currentPosition} de {size}. Pour déplacer cet élément, utilisez les flèches vers le haut et vers le bas.",
-	"components.list-item-drag-handle.side-to-side.keyboard": "Reorder item, current position {currentPosition} out of {size}. To move this item, press left or right arrows.",
+	"components.list-item-drag-handle.side-to-side.keyboard": "Réorganiser l’élément, position actuelle {currentPosition} de {size}. Pour déplacer cet élément, utilisez les flèches vers la gauche et vers la droite.",
 	"components.list-item-drag-handle-tooltip.enter-desc": "Basculer en mode réorganiser le clavier.",
 	"components.list-item-drag-handle-tooltip.enter-key": "Entrée",
 	"components.list-item-drag-handle-tooltip.left-right-desc": "Changer le niveau d’imbrication.",
 	"components.list-item-drag-handle-tooltip.left-right-key": "Gauche/droite",
-	"components.list-item-drag-handle-tooltip.side-to-side.left-right-desc": "Move item left or right in the list.",
-	"components.list-item-drag-handle-tooltip.side-to-side.up-down-desc": "Move item left or right in the list.",
+	"components.list-item-drag-handle-tooltip.side-to-side.left-right-desc": "Déplacer l’élément vers la gauche ou vers la droite dans la liste.",
+	"components.list-item-drag-handle-tooltip.side-to-side.up-down-desc": "Déplacer l’élément vers la gauche ou vers la droite dans la liste.",
 	"components.list-item-drag-handle-tooltip.title": "Commandes du clavier pour la réorganisation :",
 	"components.list-item-drag-handle-tooltip.up-down-desc": "Déplacer l’élément vers le haut ou vers le bas dans la liste.",
 	"components.list-item-drag-handle-tooltip.up-down-key": "Haut/bas",
@@ -156,12 +156,12 @@ export default {
 	"components.more-less.more": "plus",
 	"components.object-property-list.item-placeholder-text": "Élément de paramètre fictif",
 	"components.overflow-group.moreActions": "Plus d’actions",
-	"components.page.footer-region-label": "Footer",
+	"components.page.footer-region-label": "Pied de page",
 	"components.page.header-nav-label": "Principal",
-	"components.page.side-nav-divider-label": "Side Navigation Divider",
+	"components.page.side-nav-divider-label": "Séparateur de navigation latéral",
 	"components.page.side-nav-label": "Côté",
-	"components.page.supporting-divider-label": "Supporting Panel Divider",
-	"components.page.supporting-panel-label": "Supporting",
+	"components.page.supporting-divider-label": "Séparateur de panneau de support",
+	"components.page.supporting-panel-label": "Support",
 	"components.pageable.info":
 		`{count, plural,
 			one {{countFormatted} élément}

package/lang/haw.js

@@ -136,13 +136,13 @@ export default {
 	"components.list-item.addItem": "Pākuʻi Mea",
 	"components.list-item-drag-handle.default": "Hoʻonohonoho hou i ka hana ʻikamu no {name}",
 	"components.list-item-drag-handle.keyboard": "E hoʻonohonoho hou i ka mea, ke kūlana o kēia manawa {currentPosition} ma waho o {size}. No ka hoʻoneʻe ʻana i kēia mea, e kaomi i nā pua i luna a i lalo.",
-	"components.list-item-drag-handle.side-to-side.keyboard": "Reorder item, current position {currentPosition} out of {size}. To move this item, press left or right arrows.",
+	"components.list-item-drag-handle.side-to-side.keyboard": "E hoʻonohonoho hou i ka mea, ke kūlana o kēia manawa {currentPosition} mai loko mai o {size}. No ka hoʻoneʻe ʻana i kēia mea, e kaomi i nā pua hema a ʻākau paha.",
 	"components.list-item-drag-handle-tooltip.enter-desc": "E hoʻololi i ke ʻano hoʻonohonoho hou.",
 	"components.list-item-drag-handle-tooltip.enter-key": "Komo",
 	"components.list-item-drag-handle-tooltip.left-right-desc": "E hoʻololi i ka pae pūnana.",
 	"components.list-item-drag-handle-tooltip.left-right-key": "Hema/Akau",
-	"components.list-item-drag-handle-tooltip.side-to-side.left-right-desc": "Move item left or right in the list.",
-	"components.list-item-drag-handle-tooltip.side-to-side.up-down-desc": "Move item left or right in the list.",
+	"components.list-item-drag-handle-tooltip.side-to-side.left-right-desc": "E hoʻoneʻe i ka mea ma ka hema a i ʻole ma ka ʻākau i loko o ka papa inoa.",
+	"components.list-item-drag-handle-tooltip.side-to-side.up-down-desc": "E hoʻoneʻe i ka mea ma ka hema a i ʻole ma ka ʻākau i loko o ka papa inoa.",
 	"components.list-item-drag-handle-tooltip.title": "Nā Mana Keyboard no ka hoʻonohonoho hou ʻana:",
 	"components.list-item-drag-handle-tooltip.up-down-desc": "E hoʻoneʻe i ka mea i luna a i lalo i ka papa inoa.",
 	"components.list-item-drag-handle-tooltip.up-down-key": "Iluna/Iho",
@@ -156,12 +156,12 @@ export default {
 	"components.more-less.more": "hou aku",
 	"components.object-property-list.item-placeholder-text": "Mea Paʻa Wahi",
 	"components.overflow-group.moreActions": "Nā Hana Hou",
-	"components.page.footer-region-label": "Footer",
+	"components.page.footer-region-label": "wāwae wāwae",
 	"components.page.header-nav-label": "Nui",
-	"components.page.side-nav-divider-label": "Side Navigation Divider",
+	"components.page.side-nav-divider-label": "Māhele Hoʻokele ʻAoʻao",
 	"components.page.side-nav-label": "ʻaoʻao",
-	"components.page.supporting-divider-label": "Supporting Panel Divider",
-	"components.page.supporting-panel-label": "Supporting",
+	"components.page.supporting-divider-label": "Mea Hoʻokaʻawale Panel Kākoʻo",
+	"components.page.supporting-panel-label": "Ke kākoʻo nei",
 	"components.pageable.info":
 		`{count, plural,
 			one {{countFormatted} mea}

package/lang/hi.js

@@ -136,13 +136,13 @@ export default {
 	"components.list-item.addItem": "आइटम जोड़ें",
 	"components.list-item-drag-handle.default": "{name} के लिए आइटम कार्रवाई का क्रम बदलें",
 	"components.list-item-drag-handle.keyboard": "आइटम का क्रम बदलें, {size} में से वर्तमान स्थिति {currentPosition} इस आइटम को ले जाने के लिए, ऊपर या नीचे तीर दबाएँ।",
-	"components.list-item-drag-handle.side-to-side.keyboard": "Reorder item, current position {currentPosition} out of {size}. To move this item, press left or right arrows.",
+	"components.list-item-drag-handle.side-to-side.keyboard": "आइटम का क्रम बदलें, {size} में से वर्तमान स्थिति {currentPosition} इस आइटम को ले जाने के लिए, बायाँ या दायाँ ऐरो दबाएँ।",
 	"components.list-item-drag-handle-tooltip.enter-desc": "कीबोर्ड का क्रम बदलना मोड को टॉगल करें।",
 	"components.list-item-drag-handle-tooltip.enter-key": "डालें",
 	"components.list-item-drag-handle-tooltip.left-right-desc": "नेस्ट करने का स्तर बदलें।",
 	"components.list-item-drag-handle-tooltip.left-right-key": "बायाँ/दायाँ",
-	"components.list-item-drag-handle-tooltip.side-to-side.left-right-desc": "Move item left or right in the list.",
-	"components.list-item-drag-handle-tooltip.side-to-side.up-down-desc": "Move item left or right in the list.",
+	"components.list-item-drag-handle-tooltip.side-to-side.left-right-desc": "आइटम को सूची में बाएँ या दाएँ ले जाएँ।",
+	"components.list-item-drag-handle-tooltip.side-to-side.up-down-desc": "आइटम को सूची में बाएँ या दाएँ ले जाएँ।",
 	"components.list-item-drag-handle-tooltip.title": "क्रम बदलने के लिए कीबोर्ड नियंत्रण:",
 	"components.list-item-drag-handle-tooltip.up-down-desc": "आइटम को सूची में ऊपर या नीचे ले जाएँ।",
 	"components.list-item-drag-handle-tooltip.up-down-key": "ऊपर/नीचे",
@@ -156,12 +156,12 @@ export default {
 	"components.more-less.more": "अधिक",
 	"components.object-property-list.item-placeholder-text": "प्लेसहोल्डर आइटम",
 	"components.overflow-group.moreActions": "अधिक क्रियाएँ",
-	"components.page.footer-region-label": "Footer",
+	"components.page.footer-region-label": "फ़ुटर",
 	"components.page.header-nav-label": "मुख्य",
-	"components.page.side-nav-divider-label": "Side Navigation Divider",
+	"components.page.side-nav-divider-label": "साइड नेविगेशन डिवाइडर",
 	"components.page.side-nav-label": "साइड",
-	"components.page.supporting-divider-label": "Supporting Panel Divider",
-	"components.page.supporting-panel-label": "Supporting",
+	"components.page.supporting-divider-label": "सपोर्टिंग पैनल डिवाइडर",
+	"components.page.supporting-panel-label": "सपोर्टिंग",
 	"components.pageable.info":
 		`{count, plural,
 			one {{countFormatted} आइटम}

package/lang/ja.js

@@ -131,13 +131,13 @@ export default {
 	"components.list-item.addItem": "項目の追加",
 	"components.list-item-drag-handle.default": "{name} の項目並べ替えアクション",
 	"components.list-item-drag-handle.keyboard": "項目の並べ替え、現在の位置 {currentPosition}、サイズ {size}。この項目を移動するには、上矢印または下矢印を押します。",
-	"components.list-item-drag-handle.side-to-side.keyboard": "Reorder item, current position {currentPosition} out of {size}. To move this item, press left or right arrows.",
+	"components.list-item-drag-handle.side-to-side.keyboard": "項目を並べ替えます。現在の位置は {size} 件中 {currentPosition} 件目です。この項目を移動するには、左右の矢印キーを押します。",
 	"components.list-item-drag-handle-tooltip.enter-desc": "キーボードの並べ替えモードを切り替えます。",
 	"components.list-item-drag-handle-tooltip.enter-key": "入力",
 	"components.list-item-drag-handle-tooltip.left-right-desc": "ネストレベルを変更します。",
 	"components.list-item-drag-handle-tooltip.left-right-key": "左/右",
-	"components.list-item-drag-handle-tooltip.side-to-side.left-right-desc": "Move item left or right in the list.",
-	"components.list-item-drag-handle-tooltip.side-to-side.up-down-desc": "Move item left or right in the list.",
+	"components.list-item-drag-handle-tooltip.side-to-side.left-right-desc": "リスト内の項目を左右に移動します。",
+	"components.list-item-drag-handle-tooltip.side-to-side.up-down-desc": "リスト内の項目を左右に移動します。",
 	"components.list-item-drag-handle-tooltip.title": "並べ替え用のキーボードコントロール:",
 	"components.list-item-drag-handle-tooltip.up-down-desc": "リスト内で項目を上下に移動します。",
 	"components.list-item-drag-handle-tooltip.up-down-key": "上/下",
@@ -151,12 +151,12 @@ export default {
 	"components.more-less.more": "増やす",
 	"components.object-property-list.item-placeholder-text": "プレースホルダの項目",
 	"components.overflow-group.moreActions": "その他のアクション",
-	"components.page.footer-region-label": "Footer",
+	"components.page.footer-region-label": "フッター",
 	"components.page.header-nav-label": "メイン",
-	"components.page.side-nav-divider-label": "Side Navigation Divider",
+	"components.page.side-nav-divider-label": "サイドナビゲーション区切り",
 	"components.page.side-nav-label": "サイド",
-	"components.page.supporting-divider-label": "Supporting Panel Divider",
-	"components.page.supporting-panel-label": "Supporting",
+	"components.page.supporting-divider-label": "サポートパネル区切り",
+	"components.page.supporting-panel-label": "サポート",
 	"components.pageable.info":
 		`{count, plural,
 			other {{countFormatted} 個の項目}