@brightspace-ui/core 3.207.0 → 3.208.0

package/components/list/demo/list-layout.html

@@ -243,6 +243,53 @@
 				</template>
 			</d2l-demo-snippet>
 
+			<h2>Selectable (show selection when one or more selected or on hover/focus)</h2>
+
+			<d2l-demo-snippet>
+				<template>
+					<d2l-view-switcher label="Layout Options">
+						<d2l-view-switcher-button key="list" text="List"></d2l-view-switcher-button>
+						<d2l-view-switcher-button selected key="tiles" text="Tiles"></d2l-view-switcher-button>
+					</d2l-view-switcher>
+					<d2l-list layout="tiles" selection-when-interacted>
+						<d2l-list-item label="item 1" key="1" selectable tile-header>
+							<img slot="illustration" src="https://s.brightspace.com/course-images/images/38e839b1-37fa-470c-8830-b189ce4ae134/tile-high-density-max-size.jpg"></img>
+							<d2l-list-item-content>
+								<div>Identify categories of physical activities</div>
+								<div slot="secondary">Secondary Information</div>
+								<div slot="supporting-info">Specific Expectation A1.2</div>
+							</d2l-list-item-content>
+						</d2l-list-item>
+						<d2l-list-item label="item 2" key="2" selectable>
+							<img slot="illustration" src="https://s.brightspace.com/course-images/images/e5fd575a-bc14-4a80-89e1-46f349a76178/tile-high-density-max-size.jpg"></img>
+							<d2l-list-item-content>
+								<div>Apply a decision-making process to assess risks and make safe decisions in a variety of situations</div>
+								<div slot="secondary">Secondary Information</div>
+								<div slot="supporting-info">Specific Expectation B2.1</div>
+							</d2l-list-item-content>
+						</d2l-list-item>
+						<d2l-list-item label="item 3" key="3" selectable>
+							<img slot="illustration" src="https://s.brightspace.com/course-images/images/63b162ab-b582-4bf9-8c1d-1dad04714121/tile-high-density-max-size.jpg"></img>
+							<d2l-list-item-content>
+								<div>Retain objects of various shapes and sizes in different ways, while moving around others and equipment</div>
+								<div slot="secondary">Secondary Information</div>
+								<div slot="supporting-info">Specific Expectation B2.2</div>
+							</d2l-list-item-content>
+						</d2l-list-item>
+						<d2l-list-item label="item 4" key="4" selectable tile-header>
+							<d2l-list-item-content>
+								<div>Retain objects of various shapes and sizes in different ways, while moving around others and equipment</div>
+								<div slot="secondary">Secondary Information</div>
+								<div slot="supporting-info">Specific Expectation B2.2</div>
+							</d2l-list-item-content>
+						</d2l-list-item>
+					</d2l-list>
+					<script data-demo-hide>
+						(demo => window.window.wireupViewSwitcher(demo))(document.currentScript.parentNode);
+					</script>
+				</template>
+			</d2l-demo-snippet>
+
 			<h2>Actions</h2>
 
 			<d2l-demo-snippet>

package/components/list/list-item-mixin.js

@@ -124,9 +124,11 @@ export const ListItemMixin = superclass => class extends composeMixins(
 			_hoveringPrimaryAction: { type: Boolean, attribute: '_hovering-primary-action', reflect: true },
 			_focusing: { type: Boolean, reflect: true },
 			_focusingPrimaryAction: { type: Boolean, attribute: '_focusing-primary-action', reflect: true },
+			_forceShowSelection: { type: Boolean, attribute: '_force-show-selection', reflect: true },
 			_highlight: { type: Boolean, reflect: true },
 			_highlighting: { type: Boolean, reflect: true },
 			_showAddButton: { type: Boolean, attribute: '_show-add-button', reflect: true },
+			_selectionWhenInteracted: { type: Boolean, attribute: '_selection-when-interacted', reflect: true },
 			_siblingHasColor: { state: true },
 		};
 	}
@@ -467,6 +469,35 @@ export const ListItemMixin = superclass => class extends composeMixins(
 				padding: 0;
 			}
 
+			:host([layout="tile"][_selection-when-interacted]) [slot="control"] {
+				opacity: 0;
+				transform: translateY(-10px);
+				transition: opacity 200ms ease-out, transform 0ms ease-out 300ms;
+			}
+			:host([layout="tile"][_selection-when-interacted]) [slot="control"]:hover,
+			:host([layout="tile"][_selection-when-interacted][_focusing]) [slot="control"],
+			:host([layout="tile"][_selection-when-interacted][_force-show-selection]) [slot="control"],
+			:host([layout="tile"][_selection-when-interacted][_hovering-selection]) [slot="control"],
+			:host([layout="tile"][_selection-when-interacted][_hovering]) [slot="control"] {
+				opacity: 1;
+				transform: none;
+				transition: opacity 200ms ease-out, transform 200ms ease-out;
+			}
+
+			@media (prefers-reduced-motion: reduce) {
+				:host([layout="tile"][_selection-when-interacted]) [slot="control"] {
+					transform: none;
+					transition: none;
+				}
+				:host([layout="tile"][_selection-when-interacted]) [slot="control"]:hover,
+				:host([layout="tile"][_selection-when-interacted][_focusing]) [slot="control"],
+				:host([layout="tile"][_selection-when-interacted][_force-show-selection]) [slot="control"],
+				:host([layout="tile"][_selection-when-interacted][_hovering-selection]) [slot="control"],
+				:host([layout="tile"][_selection-when-interacted][_hovering]) [slot="control"] {
+					transition: none;
+				}
+			}
+
 			:host([layout="tile"]) [slot="content"] ::slotted([slot="illustration"]),
 			:host([layout="tile"]) .d2l-list-item-illustration > * {
 				border-end-end-radius: 0;
@@ -649,11 +680,13 @@ export const ListItemMixin = superclass => class extends composeMixins(
 		this.isVisibleOnAncestorTarget = true;
 		this.noPrimaryAction = false;
 		this.paddingType = 'normal';
+		this._selectionWhenInteracted = false;
 		this.tileHeader = false;
 		this.tilePaddingType = 'normal';
 		this._addButtonTopId = getUniqueId();
 		this._contentId = getUniqueId();
 		this._displayKeyboardTooltip = false;
+		this._forceShowSelection = false;
 		this._hasColorSlot = false;
 		this._hasListItemContent = true;
 		this._hasNestedList = false;
@@ -955,7 +988,7 @@ export const ListItemMixin = superclass => class extends composeMixins(
 					</d2l-button-add>
 				</div>
 				` : nothing}
-				<div slot="header"></div>
+				<div slot="header" @mouseenter="${this._onMouseEnter}" @mouseleave="${this._onMouseLeave}"></div>
 				<div slot="outside-control-container" class="${classMap(outsideClasses)}"></div>
 				<div slot="before-content"></div>
 				${this._renderDropTarget()}

package/components/list/list.js

@@ -95,6 +95,11 @@ class List extends PageableMixin(SelectionMixin(LitElement)) {
 			 * @default "all"
 			 */
 			separators: { type: String, reflect: true },
+			/**
+			 * Show selection only on hover, focus or if at least one item is selected. Exclusive for the tile layout
+			 * @type {boolean}
+			 */
+			selectionWhenInteracted: { type: Boolean, attribute: 'selection-when-interacted', reflect: true },
 			_breakpoint: { type: Number, reflect: true },
 			_slimColor: { type: Boolean, reflect: true, attribute: '_slim-color' }
 		};
@@ -216,6 +221,7 @@ class List extends PageableMixin(SelectionMixin(LitElement)) {
 		// check if list items are expandable on first render so we adjust sibling spacing appropriately
 		this._handleListItemNestedChange();
 		this.addEventListener('d2l-list-item-selected', e => {
+			this._updateItemShowSelection();
 
 			// batch the changes from select-all and nested lists
 			if (this._listItemChanges.length === 0) {
@@ -269,6 +275,9 @@ class List extends PageableMixin(SelectionMixin(LitElement)) {
 		if (changedProperties.has('layout') && changedProperties.get('layout') !== undefined && this.layout) {
 			this._updateItemLayouts();
 		}
+		if (changedProperties.has('selectionWhenInteracted')) {
+			this._updateItemShowSelection();
+		}
 		if (changedProperties.has('dragHandleShowAlways')) {
 			this._updateItemDragHandleShowAlways();
 		}
@@ -508,6 +517,7 @@ class List extends PageableMixin(SelectionMixin(LitElement)) {
 		});
 
 		this._updateItemLayouts(items);
+		this._updateItemShowSelection(items);
 		this._updateItemDragHandleShowAlways(items);
 
 		/** @ignore */
@@ -540,6 +550,15 @@ class List extends PageableMixin(SelectionMixin(LitElement)) {
 		if (!items) items = this.getItems();
 		items.forEach(item => item.layout = (this.layout === listLayouts.tiles ? 'tile' : 'normal'));
 	}
+	_updateItemShowSelection(items) {
+		if (!items) items = this.getItems();
+		const state = this.getSelectionInfo().state;
+		items.forEach(item => {
+			item._selectionWhenInteracted = this.selectionWhenInteracted;
+			item._forceShowSelection = this.selectionWhenInteracted && (state === SelectionInfo.states.some || state === SelectionInfo.states.all);
+		});
+	}
+
 }
 
 customElements.define('d2l-list', List);

package/custom-elements.json

@@ -10619,6 +10619,11 @@
           "type": "'all'|'between'|'none'",
           "default": "\"\\\"all\\\"\""
         },
+        {
+          "name": "selection-when-interacted",
+          "description": "Show selection only on hover, focus or if at least one item is selected. Exclusive for the tile layout",
+          "type": "boolean"
+        },
         {
           "name": "add-button",
           "description": "When true, show the inline add button after each list item.",
@@ -10699,6 +10704,12 @@
           "type": "'all'|'between'|'none'",
           "default": "\"\\\"all\\\"\""
         },
+        {
+          "name": "selectionWhenInteracted",
+          "attribute": "selection-when-interacted",
+          "description": "Show selection only on hover, focus or if at least one item is selected. Exclusive for the tile layout",
+          "type": "boolean"
+        },
         {
           "name": "addButton",
           "attribute": "add-button",

package/lang/fr-fr.js

@@ -174,7 +174,6 @@ export default {
 	"components.selection.select-all": "Tout sélectionner",
 	"components.selection.select-all-items":
 		`{count, plural,
-			=1 {Sélectionner 1 élément}
 			one {Sélectionner {countFormatted} élément}
 			other {Sélectionner {countFormatted} éléments}
 		}`,

package/lang/vi.js

@@ -1,20 +1,20 @@
 export default {
 	"components.alert.close": "Đóng Cảnh Báo",
-	"components.breadcrumbs.breadcrumb": "Breadcrumb",
+	"components.breadcrumbs.breadcrumb": "Đường dẫn",
 	"components.button-add.addItem": "Thêm mục",
 	"components.button-copy.copied": "Đã sao chép!",
-	"components.button-copy.error": "Sao chép không thành công. Hãy thử lại hoặc thử sao chép thủ công.",
+	"components.button-copy.error": "Sao chép không thành công. Hãy thử lại, hoặc thử sao chép thủ công.",
 	"components.button-split.otherOptions": "Các lựa chọn khác",
 	"components.calendar.hasEvents": "Có các sự kiện.",
 	"components.calendar.notSelected": "Không được chọn.",
 	"components.calendar.selected": "Được chọn.",
 	"components.calendar.show": "Hiển thị {month}",
 	"components.count-badge.plus": "{number}+",
-	"components.dialog.close": "Đóng hộp thoại",
-	"components.dialog.critical": "Nghiêm trọng!",
+	"components.dialog.close": "Đóng hộp thoại này",
+	"components.dialog.critical": "Rất quan trọng!",
 	"components.dropdown.close": "Đóng",
-	"components.filter.activeFilters": "Các bộ lọc hoạt động:",
-	"components.filter.additionalContentTooltip": "Sử dụng <b>các phím mũi tên trái/phải</b> để di chuyển tiêu điểm trong mục danh sách này",
+	"components.filter.activeFilters": "Các bộ lọc Hoạt động:",
+	"components.filter.additionalContentTooltip": "Sử dụng <b>các phím mũi tên trái/phải</b> để di chuyển trọng tâm bên trong mục danh sách này",
 	"components.filter.clear": "Xóa",
 	"components.filter.clearAll": "Xóa tất cả",
 	"components.filter.clearAllAnnounce": "Xóa tất cả các bộ lọc",
@@ -30,17 +30,16 @@ export default {
 		}`,
 	"components.filter.filters": "Bộ lọc",
 	"components.filter.loading": "Đang tải các bộ lọc",
-	"components.filter.noFilters": "Không có bộ lọc nào khả dụng",
+	"components.filter.noFilters": "Không có bộ lọc nào tính khả dụng",
 	"components.filter.searchResults":
 		`{number, plural,
-			=0 {Không có kết quả tìm kiếm}
-			other {{number} kết quả tìm kiếm}
+			other {{number} Không có kết quả tìm kiếm nào}
 		}`,
 	"components.filter.selectedFirstListLabel": "{headerText}. Các bộ lọc được chọn xuất hiện đầu tiên.",
 	"components.filter.singleDimensionDescription": "Lọc theo: {filterName}",
 	"components.filter-dimension-set-date-text-value.textDays":
 		`{num, plural,
-			=0 {hôm nay}
+			=0 {Hôm nay}
 			other {{num} ngày trước}
 		}`,
 	"components.filter-dimension-set-date-text-value.textHours":
@@ -48,12 +47,12 @@ export default {
 			=1 {Giờ trước}
 			other {{num} giờ trước}
 		}`,
-	"components.filter-dimension-set-date-text-value.textMonths": "{num} tháng trước",
+	"components.filter-dimension-set-date-text-value.textMonths": "{num} tháng qua",
 	"components.filter-dimension-set-date-time-range-value.label": "{text}, mở rộng để chọn ngày",
 	"components.filter-dimension-set-date-time-range-value.text": "Phạm vi ngày tùy chỉnh",
-	"components.filter-dimension-set-date-time-range-value.valueTextRange": "{startValue} đến {endValue}",
-	"components.filter-dimension-set-date-time-range-value.valueTextRangeEndOnly": "Trước {endValue}",
-	"components.filter-dimension-set-date-time-range-value.valueTextRangeStartOnly": "Sau {startValue}",
+	"components.filter-dimension-set-date-time-range-value.valueTextRange": "{startValue} tới {endValue}",
+	"components.filter-dimension-set-date-time-range-value.valueTextRangeEndOnly": "Trước khi {endValue}",
+	"components.filter-dimension-set-date-time-range-value.valueTextRangeStartOnly": "Sau khi {startValue}",
 	"components.form-element.defaultError": "{label} không hợp lệ",
 	"components.form-element.defaultFieldLabel": "Trường",
 	"components.form-element.input.email.typeMismatch": "Email không hợp lệ",
@@ -85,7 +84,7 @@ export default {
 		`{count, plural,
 			other {Có {count} lỗi được tìm thấy trong thông tin bạn đã gửi}
 		}`,
-	"components.form-error-summary.text": "Chuyển đổi chi tiết lỗi",
+	"components.form-error-summary.text": "Chuyển đổi các chi tiết lỗi",
 	"components.input-color.backgroundColor": "Màu nền",
 	"components.input-color.foregroundColor": "Màu tiền cảnh",
 	"components.input-color.none": "Không",
@@ -94,14 +93,14 @@ export default {
 	"components.input-date.errorMinDateOnly": "Ngày phải nằm trong hoặc sau {minDate}",
 	"components.input-date.errorOutsideRange": "Ngày phải nằm trong khoảng giữa {minDate} và {maxDate}",
 	"components.input-date.now": "Bây giờ",
-	"components.input-date.openInstructions": "Sử dụng định dạng ngày {format}. Nhấn phím mũi tên xuống hoặc phím Enter để truy cập lịch nhỏ.",
+	"components.input-date.openInstructions": "Sử dụng định dạng ngày {format}. Nhấn phím mũi tên xuống hoặc nhấn Enter để truy cập lịch nhỏ.",
 	"components.input-date.revert": "{label} được trả về giá trị trước đó.",
-	"components.input-date.today": "Ngày nay",
+	"components.input-date.today": "Hôm nay",
 	"components.input-date.useDateFormat": "Sử dụng định dạng ngày {format}.",
 	"components.input-date-range.endDate": "Ngày Kết thúc",
 	"components.input-date-range.errorBadInput": "{startLabel} phải nằm trước {endLabel}",
-	"components.input-date-range.interactive-label": "Phạm vi ngày",
-	"components.input-date-range.startDate": "Ngày bắt đầu",
+	"components.input-date-range.interactive-label": "Trường nhập phạm vi ngày",
+	"components.input-date-range.startDate": "Ngày Bắt đầu",
 	"components.input-date-time.date": "Ngày tháng",
 	"components.input-date-time.errorMaxDateOnly": "Ngày phải là ngày trước hoặc vào {maxDate}",
 	"components.input-date-time.errorMinDateOnly": "Ngày phải nằm trong hoặc sau {minDate}",
@@ -110,7 +109,7 @@ export default {
 	"components.input-date-time-range.endDate": "Ngày Kết thúc",
 	"components.input-date-time-range.errorBadInput": "{startLabel} phải nằm trước {endLabel}",
 	"components.input-date-time-range.interactive-label": "Nhập phạm vi ngày và thời gian",
-	"components.input-date-time-range.startDate": "Ngày bắt đầu",
+	"components.input-date-time-range.startDate": "Ngày Bắt đầu",
 	"components.input-date-time-range-to.to": "đến",
 	"components.input-number.hintDecimalDuplicate": "Đã có một dấu thập phân trong số này",
 	"components.input-number.hintDecimalIncorrectComma": "Để thêm một dấu thập phân, hãy sử dụng ký tự dấu phẩy “,”",
@@ -120,31 +119,31 @@ export default {
 	"components.input-search.defaultPlaceholder": "Tìm kiếm...",
 	"components.input-search.search": "Tìm kiếm",
 	"components.input-time-range.endTime": "Thời gian Kết thúc",
-	"components.input-time-range.errorBadInput": "{startLabel} phải nằm trước {endLabel}",
-	"components.input-time-range.startTime": "Thời gian bắt đầu",
+	"components.input-time-range.errorBadInput": "{startLabel} phải trước {endLabel}",
+	"components.input-time-range.startTime": "Thời gian Bắt đầu",
 	"components.interactive.instructions": "Nhấn phím Enter để tương tác, Nhấn Escape để thoát",
-	"components.link.open-in-new-window": "Mở trong một cửa sổ mới được mở.",
-	"components.list.keyboard": "Sử dụng <b>các phím mũi tên</b> để di chuyển tiêu điểm trong danh sách này hoặc <b>trang lên/xuống</b> để di chuyển lên hoặc xuống 5 mục",
-	"components.list-controls.label": "Các hành động cho danh sách.",
+	"components.link.open-in-new-window": "Mở trong một cửa sổ mới.",
+	"components.list.keyboard": "Sử dụng <b>phím mũi tên</b> để di chuyển trọng tâm bên trong danh sách này hoặc <b>page up/down</b> để di chuyển lên hoặc xuống 5",
+	"components.list-controls.label": "Các hành động cho danh sách",
 	"components.list-item.addItem": "Thêm mục",
-	"components.list-item-drag-handle.default": "Sắp xếp lại hành động mục cho {name}",
+	"components.list-item-drag-handle.default": "Sắp xếp lại mục hành động cho {name}",
 	"components.list-item-drag-handle.keyboard": "Sắp xếp lại mục, vị trí hiện tại là {currentPosition} trong tổng số {size}. Để di chuyển mục này, nhấn phím mũi tên lên hoặc xuống.",
 	"components.list-item-drag-handle-tooltip.enter-desc": "Bật chế độ sắp xếp lại bằng bàn phím.",
 	"components.list-item-drag-handle-tooltip.enter-key": "Phím Enter.",
 	"components.list-item-drag-handle-tooltip.left-right-desc": "Thay đổi cấp độ lồng ghép.",
 	"components.list-item-drag-handle-tooltip.left-right-key": "Trái/Phải",
-	"components.list-item-drag-handle-tooltip.title": "Các điều khiển bàn phím để sắp xếp lại:",
+	"components.list-item-drag-handle-tooltip.title": "Các điều khiển Bàn phím để Sắp xếp lại:",
 	"components.list-item-drag-handle-tooltip.up-down-desc": "Di chuyển mục lên hoặc xuống trong danh sách.",
 	"components.list-item-drag-handle-tooltip.up-down-key": "Lên/Xuống",
-	"components.menu-item-return.return": "Quay lại menu trước đó.",
-	"components.menu-item-return.returnCurrentlyShowing": "Quay lại menu trước đó. Bạn đang xem {menuTitle}.",
+	"components.menu-item-return.return": "Quay lại tới menu trước.",
+	"components.menu-item-return.returnCurrentlyShowing": "Quay lại tới menu trước. Bạn đang xem {menuTitle}.",
 	"components.meter-mixin.commaSeperatedAria": "{term1}, {term2}",
 	"components.meter-mixin.fraction": "{x}⁄{y}",
 	"components.meter-mixin.fractionAria": "{x} trên tổng số {y}",
 	"components.meter-mixin.progressIndicator": "Chỉ báo tiến trình",
-	"components.more-less.less": "ít",
+	"components.more-less.less": "ít hơn",
 	"components.more-less.more": "thêm",
-	"components.object-property-list.item-placeholder-text": "Mục giữ chỗ",
+	"components.object-property-list.item-placeholder-text": "Mục Giữ chỗ",
 	"components.overflow-group.moreActions": "Thêm các Tác vụ",
 	"components.pageable.info":
 		`{count, plural,
@@ -167,7 +166,6 @@ export default {
 	"components.selection.select-all": "Chọn Tất cả",
 	"components.selection.select-all-items":
 		`{count, plural,
-			=1 {Chọn mục}
 			other {Chọn tất cả {countFormatted} mục}
 		}`,
 	"components.selection.selected": "{count} mục được chọn",
@@ -175,7 +173,7 @@ export default {
 	"components.selection-controls.label": "Các thao tác để chọn",
 	"components.sort.label": "Sắp xếp",
 	"components.sort.text": "Sắp xếp: {selectedItemText}",
-	"components.switch.conditions": "Phải đáp ứng các điều kiện",
+	"components.switch.conditions": "Các điều kiện phải được đáp ứng",
 	"components.switch.hidden": "Bị ẩn",
 	"components.switch.visible": "Nhìn thấy được",
 	"components.switch.visibleWithPeriod": "Hiển thị.",
@@ -204,11 +202,11 @@ export default {
 	"components.table-controls.label": "Các tác vụ cho bảng",
 	"components.tabs.next": "Cuộn tới",
 	"components.tabs.previous": "Cuộn ngược",
-	"components.tag-list.clear": "Bấm, nhấn phím xoá lùi hoặc nhấn phím xoá để xoá mục {value}",
+	"components.tag-list.clear": "Nhấp, nhấn phím xoá lùi hoặc nhấn phím xoá để xoá mục {value}",
 	"components.tag-list.clear-all": "Xóa tất cả",
-	"components.tag-list.cleared-all": "Xóa tất cả các mục danh sách thẻ",
-	"components.tag-list.cleared-item": "Xóa mục danh sách thẻ {value}",
-	"components.tag-list.interactive-label": "Danh sách thẻ, {count} mục",
+	"components.tag-list.cleared-all": "Đã xóa tất cả các mục danh sách thẻ",
+	"components.tag-list.cleared-item": "Đã xóa mục danh sách thẻ {value}",
+	"components.tag-list.interactive-label": "Danh sách Thẻ, {count} mục",
 	"components.tag-list.num-hidden": "+ {count} mục nữa",
 	"components.tag-list.role-description":
 		`{count, plural,
@@ -218,11 +216,11 @@ export default {
 	"components.tag-list.show-less": "Ẩn bớt",
 	"components.tag-list.show-more-description": "Chọn để hiển thị các mục danh sách thẻ ẩn",
 	"components.tag-list-item.role-description": "Thẻ",
-	"components.tag-list-item.tooltip-arrow-keys": "Các phím mũi tên",
+	"components.tag-list-item.tooltip-arrow-keys": "Phím mũi tên",
 	"components.tag-list-item.tooltip-arrow-keys-desc": "Di chuyển giữa các thẻ",
 	"components.tag-list-item.tooltip-delete-key": "Phím lùi/Xóa",
 	"components.tag-list-item.tooltip-delete-key-desc": "Xóa thẻ được chọn",
-	"components.tag-list-item.tooltip-title": "Các điều khiển bàn phím",
+	"components.tag-list-item.tooltip-title": "Điều khiển Bàn phím",
 	"components.view-switcher.role-description":
 		`{count, plural,
 			=0 {Xem Trình chuyển đổi với 0 mục}

package/package.json

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