@brightspace-ui/core 3.80.0 → 3.80.1

package/components/filter/filter.js

@@ -180,7 +180,7 @@ class Filter extends FocusMixin(LocalizeCoreElement(RtlMixin(LitElement))) {
 				display: -webkit-box;
 				hyphens: auto;
 				-webkit-line-clamp: 2;
-				word-break: break-word;
+				overflow-wrap: anywhere;
 			}
 
 			d2l-list-item[selection-disabled] .d2l-filter-dimension-set-value,

package/components/focus-trap/focus-trap.js

@@ -29,7 +29,7 @@ class FocusTrap extends FocusMixin(LitElement) {
 				display: inline-block;
 			}
 			:host([hidden]) {
-				display: hidden;
+				display: none;
 			}
 		`;
 	}

package/components/form/demo/form-panel-demo.js

@@ -32,28 +32,9 @@ class FormPanelDemo extends LitElement {
 				display: none;
 			}
 
-			.d2l-form-panel-demo-panel {
-				background-color: white;
-				border-radius: 8px;
-				padding: 20px;
-			}
-
 			.d2l-form-panel-demo-container {
 				margin-bottom: 10px;
 			}
-
-			.d2l-form-panel-demo-header {
-				align-items: top;
-				cursor: pointer;
-				display: flex;
-				justify-content: space-between;
-			}
-
-			.d2l-form-panel-demo-text {
-				align-items: center;
-				display: flex;
-				margin: 0;
-			}
 		`];
 	}
 

package/components/form/form-errory-summary.js

@@ -26,7 +26,6 @@ class FormErrorSummary extends LocalizeCoreElement(RtlMixin(LitElement)) {
 			}
 
 			.d2l-form-error-summary-header {
-				align-items: top;
 				cursor: pointer;
 				display: flex;
 				justify-content: space-between;

package/components/inputs/input-textarea.js

@@ -126,10 +126,10 @@ class InputTextArea extends InputInlineHelpMixin(FocusMixin(LabelledMixin(FormEl
 			.d2l-input-textarea-mirror {
 				line-height: 1rem;
 				overflow: hidden;
+				overflow-wrap: anywhere; /* prevent width from growing */
 				padding-bottom: 0.5rem;
 				padding-top: 0.5rem;
 				visibility: hidden;
-				word-break: break-word; /* prevent width from growing */
 			}
 			:host([no-padding]) .d2l-input {
 				padding-left: 0;

package/components/popover/demo/popover.html

@@ -280,7 +280,6 @@
 				<d2l-test-popover mobile-tray-location="inline-start" style="max-width: 400px;">
 					<d2l-link href="https://pirateipsum.me/" target="_blank">Pirate Ipsum</d2l-link>
 					<div>Sink me piracy Gold Road quarterdeck wherry long boat line pillage walk the plank Plate Fleet. Haul wind black spot strike colors deadlights lee Barbary Coast yo-ho-ho ballast gally Shiver me timbers. Sea Legs quarterdeck yard scourge of the seven seas coffer plunder lanyard holystone code of conduct belay.</div>
-					<d2l-button-subtle text="Close"></d2l-button-subtle>
 				</d2l-test-popover>
 				<script>
 					window.wireUpPopover(document.currentScript.parentNode);

package/components/popover/popover-mixin.js

@@ -384,6 +384,7 @@ export const PopoverMixin = superclass => class extends superclass {
 		const backdrop = this._mobileTrayLocation ?
 			html`<d2l-backdrop for-target="content-wrapper" ?shown="${this._showBackdrop}"></d2l-backdrop>` :
 			nothing;
+
 		return html`${content}${backdrop}${pointer}`;
 
 	}

package/components/tooltip/tooltip.js

@@ -331,6 +331,7 @@ class Tooltip extends RtlMixin(LitElement) {
 				min-width: 2.1rem;
 				outline: ${outlineSize}px solid var(--d2l-tooltip-outline-color);
 				overflow: hidden;
+				overflow-wrap: anywhere;
 				padding: ${11 - contentBorderSize}px ${contentHorizontalPadding - contentBorderSize}px;
 				position: absolute;
 			}

package/package.json

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