@brightspace-ui/core 3.28.0 → 3.28.2

package/components/meter/meter-linear.js

@@ -25,25 +25,16 @@ class MeterLinear extends MeterMixin(RtlMixin(LitElement)) {
 			}
 
 			:host > div {
-				display: block;
+				display: flex;
+				flex-direction: column;
+				gap: 0.45rem;
 			}
 
 			:host([text-inline]) > div {
 				align-items: center;
-				display: flex;
 				flex-direction: row;
 			}
 
-			:host([text-inline]) .d2l-meter-linear-full-bar {
-				margin-bottom: 0;
-				margin-left: 0;
-				margin-right: 0.45rem;
-			}
-			:host([dir="rtl"][text-inline]) .d2l-meter-linear-full-bar {
-				margin-left: 0.45rem;
-				margin-right: 0;
-			}
-
 			.d2l-meter-linear-full-bar,
 			.d2l-meter-linear-inner-bar {
 				border-radius: 0.225rem;
@@ -54,7 +45,6 @@ class MeterLinear extends MeterMixin(RtlMixin(LitElement)) {
 
 			.d2l-meter-linear-full-bar {
 				background-color: var(--d2l-color-gypsum);
-				margin-bottom: 0.45rem;
 				position: relative;
 			}
 
@@ -64,14 +54,11 @@ class MeterLinear extends MeterMixin(RtlMixin(LitElement)) {
 
 			.d2l-meter-linear-inner-bar {
 				background-color: var(--d2l-color-celestine);
-				left: 0;
+				inset-inline-start: 0;
 				max-width: 100%;
 				position: absolute;
 				top: 0;
 			}
-			:host([dir="rtl"]) .d2l-meter-linear-inner-bar {
-				right: 0;
-			}
 			:host([foreground-light]) .d2l-meter-linear-inner-bar {
 				background-color: white;
 			}
@@ -80,11 +67,16 @@ class MeterLinear extends MeterMixin(RtlMixin(LitElement)) {
 				color: var(--d2l-color-ferrite);
 				display: flex;
 				flex-direction: row;
+				gap: 0.45rem;
 				line-height: 1em;
+				width: 100%;
 			}
 			:host([foreground-light]) .d2l-meter-linear-text {
 				color: white;
 			}
+			:host([text-inline]) .d2l-meter-linear-text {
+				width: auto;
+			}
 
 			.d2l-meter-linear-text-space-between {
 				justify-content: space-between;
@@ -133,7 +125,7 @@ class MeterLinear extends MeterMixin(RtlMixin(LitElement)) {
 					<div class="d2l-meter-linear-inner-bar" style="width:${percentage}%;"></div>
 				</div>
 				<div class=${classMap(textClasses)}>
-					<div class=${classMap(primaryTextClasses)}>${primary}&nbsp;</div>
+					<div class=${classMap(primaryTextClasses)}>${primary}</div>
 					${secondaryTextElement}
 				</div>
 			</div>

package/components/table/table-wrapper.js

@@ -453,6 +453,9 @@ export class TableWrapper extends RtlMixin(PageableMixin(SelectionMixin(LitEleme
 			r.classList.toggle('d2l-table-row-first', r === firstRow);
 			r.classList.toggle('d2l-table-row-last', r === lastRow);
 			r.classList.toggle('d2l-table-selected-first', firstNonHeaderRow && isSelected);
+			if (r === lastRow) {
+				r.classList.remove('d2l-table-selected-previous');
+			}
 
 			Array.from(r.cells).forEach((c, index) => {
 				if (isHeader && !CSS.supports('selector(:has(a, b))')) this._checkSiblingSortableCells(c);
@@ -539,7 +542,6 @@ export class TableWrapper extends RtlMixin(PageableMixin(SelectionMixin(LitEleme
 		// observes mutations to <table>'s direct children and also
 		// its subtree (rows or cells added/removed to any descendant)
 		this._registerMutationObserver('_tableMutationObserver', this._handleTableChange.bind(this), this._table, {
-			attributes: true, /* required for legacy-Edge, otherwise attributeFilter throws a syntax error */
 			attributeFilter: ['selected'],
 			childList: true,
 			subtree: true

package/package.json

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