@brightspace-ui/core 3.141.0 → 3.142.0

package/components/dialog/dialog-mixin.js

@@ -454,11 +454,8 @@ export const DialogMixin = superclass => class extends RtlMixin(superclass) {
 			if (reduceMotion) await new Promise(resolve => requestAnimationFrame(resolve));
 			else await animPromise;
 
-			const flag = window.D2L?.LP?.Web?.UI?.Flags.Flag('GAUD-7397-dialog-resize-update-complete', true) ?? true;
-			if (flag) {
-				await this.waitForUpdateComplete();
-				await this._updateSize();
-			}
+			await this.waitForUpdateComplete();
+			await this._updateSize();
 			/** Dispatched when the dialog is opened */
 			this.dispatchEvent(new CustomEvent(
 				'd2l-dialog-open', { bubbles: true, composed: true }

package/components/dialog/dialog.js

@@ -205,12 +205,7 @@ class Dialog extends PropertyRequiredMixin(LocalizeCoreElement(AsyncContainerMix
 		super.updated(changedProperties);
 		if (!changedProperties.has('asyncState')) return;
 		if (this.asyncState === asyncStates.complete) {
-			const flag = window.D2L?.LP?.Web?.UI?.Flags.Flag('GAUD-7397-dialog-resize-update-complete', true) ?? true;
-			if (flag) {
-				this.waitForUpdateComplete().then(() => this.resize());
-			} else {
-				this.resize();
-			}
+			this.waitForUpdateComplete().then(() => this.resize());
 		}
 	}
 

package/components/inputs/input-color.js

@@ -359,7 +359,7 @@ class InputColor extends InputInlineHelpMixin(PropertyRequiredMixin(FocusMixin(F
 
 	_getTooltipLabel() {
 		const valueLabel = this.value !== undefined ? this.value : this.localize('components.input-color.none');
-		return `${this._getLabel()}: ${valueLabel}.`;
+		return `${this._getLabel()}: ${valueLabel}`;
 	}
 
 	_handleClose() {

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

@@ -30,7 +30,7 @@
 								<div>Welcome!</div>
 							</d2l-list-item-content>
 							<d2l-list slot="nested" grid>
-								<d2l-list-item-nav key="L2-1" label="Syallabus Confirmation">
+								<d2l-list-item-nav key="L2-1" label="Syallabus Confirmation" action-href="https://d2l.com" prevent-navigation>
 									<d2l-list-item-content>
 										<div><d2l-icon style="margin-right: 0.7rem;" icon="tier2:file-document"></d2l-icon>Syallabus Confirmation</div>
 										<div slot="secondary"><d2l-tooltip-help text="Due: May 2, 2023 at 2 pm" style="padding: 5px;">Start: May 1, 2023 at 12:01 AM</d2l-tooltip-help></div>
@@ -38,18 +38,18 @@
 								</d2l-list-item-nav>
 							</d2l-list>
 						</d2l-list-item-nav>
-						<d2l-list-item-nav key="L2-2" label="Unit 1: Poetry" color="#29a6ff" expandable expanded>
+						<d2l-list-item-nav key="L2-2" label="Unit 1: Poetry" color="#29a6ff" expandable expanded action-href="https://d2l.com" prevent-navigation>
 							<d2l-list-item-content>
 								<div>Unit 1: Fiction</div>
 								<div slot="secondary"><d2l-tooltip-help text="Due: May 2, 2023 at 5 pm" style="padding: 5px;">Starts: May 1, 2023 at 12:01 AM</d2l-tooltip-help></div>
 							</d2l-list-item-content>
 							<d2l-list slot="nested" grid>
-								<d2l-list-item-nav key="L3-2" label="Fiction">
+								<d2l-list-item-nav key="L3-2" label="Fiction" action-href="https://d2l.com" prevent-navigation>
 									<d2l-list-item-content>
 										<div><d2l-icon style="margin-right: 0.7rem;" icon="tier2:file-document"></d2l-icon>Fiction</div>
 									</d2l-list-item-content>
 								</d2l-list-item-nav>
-								<d2l-list-item-nav key="L3-2" label="Ten rules for writing fiction">
+								<d2l-list-item-nav key="L3-2" label="Ten rules for writing fiction" action-href="https://d2l.com" prevent-navigation>
 									<d2l-list-item-content>
 										<div><d2l-icon style="margin-right: 0.7rem;" icon="tier2:file-document"></d2l-icon>Ten rules for writing fiction</div>
 									</d2l-list-item-content>

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

@@ -208,6 +208,18 @@ export const ListItemMixin = superclass => class extends composeMixins(
 				--d2l-list-item-content-text-outline: 2px solid var(--d2l-color-celestine);
 				--d2l-list-item-content-text-outline-offset: 1px;
 			}
+			@supports selector(:has(a, b)) {
+				:host([_list-item-new-styles][_focusing-primary-action]) .d2l-list-item-content {
+					--d2l-list-item-content-text-border-radius: initial;
+					--d2l-list-item-content-text-outline: initial;
+					--d2l-list-item-content-text-outline-offset: initial;
+				}
+				:host([_list-item-new-styles][_focusing-primary-action]):has(:focus-visible) .d2l-list-item-content {
+					--d2l-list-item-content-text-border-radius: 3px;
+					--d2l-list-item-content-text-outline: 2px solid var(--d2l-color-celestine);
+					--d2l-list-item-content-text-outline-offset: 1px;
+				}
+			}
 			[slot="content-action"] {
 				height: 100%;
 			}

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

@@ -45,6 +45,20 @@ export const ListItemNavMixin = superclass => class extends ListItemLinkMixin(su
 				--d2l-list-item-content-text-decoration: none;
 			}
 
+			/* clean up with GAUD-7495-list-item-new-styles flag */
+			@supports selector(:has(a, b)) {
+				:host([_focusing-primary-action]) .d2l-list-item-content {
+					--d2l-list-item-content-text-border-radius: initial;
+					--d2l-list-item-content-text-outline: initial;
+					--d2l-list-item-content-text-outline-offset: initial;
+				}
+				:host([_focusing-primary-action]):has(:focus-visible) .d2l-list-item-content {
+					--d2l-list-item-content-text-border-radius: 3px;
+					--d2l-list-item-content-text-outline: 2px solid var(--d2l-color-celestine);
+					--d2l-list-item-content-text-outline-offset: 1px;
+				}
+			}
+
 		` ];
 
 		super.styles && styles.unshift(super.styles);

package/package.json

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